* { margin: 0; padding: 0; box-sizing: border-box; }

html { width: 100%;   max-width: 100%; min-width: 100%; }

body {
    position: relative;
  
    font-family: Exo\ 2,sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
	padding: 0 0 0 280px;
}
body:before {
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
	background-color: #19192d;
    left: 0;
    width: 100%;
    height: 100%;
   
    background-repeat: no-repeat;
 
    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
}
.profile-counters__value_cases:before {
    background-image: url(https://mydrop.pro/images/icon_key.svg);
}

.profile-counters__value_contracts:before {
    background-image: url(https://mydrop.pro/images/icon_wallet.svg);
}
.profile-counters__value_battles:before {
    margin-top: 2px;
    width: 25px;
    height: 21px;
    background-image: url(https://mydrop.pro/images/icon_paper.svg);
}



.layout__footer:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 378px;
    height: 114px;
    right: 0;
    background-image: url(https://topskin.org/public/img/ct-footer-right.png?v=2);
    background-size: 100%;
    background-repeat: no-repeat;
    backface-visibility: hidden;
}

.profile-counters__value:before {
    content: "";
    margin-right: 12px;
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.site-counter_online .site-counter__stat:after {
    content: "";
    position: absolute;
    left: 33px;
    top: 4px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #dbeb45;
    animation: pulse 4s ease 0s infinite;
    backface-visibility: hidden;
}



.profile-counters {
    display: flex;
}
.profile-counters__counter {
    margin-right: 75px;
}

.profile-counters__title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
}
.profile-counters__value {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 24px;
    color: #e9892b;
}

.profile-data__trade-url {
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.input-field {
    position: relative;
    display: flex;
}
@media (min-width: 800px)
.input-field__input {
    width: 370px;
}
.input-field__input {
    z-index: 2;
    padding: 11px 5px 12px 15px;
    margin-right: -20px;
    width: 250px;
    background-color: rgba(220,172,125,.1);
    border-radius: 4px;
    font-size: 14px;
    line-height: 14px;
    color: hsla(0,0%,100%,.5);
    transition: .2s ease;
}
.input-field__btn {
    position: relative;
    z-index: 2;
}

.input-field__btn:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 30px;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    background-image: linear-gradient(-270deg,rgba(220,172,125,0),rgba(220,172,125,.15));
    pointer-events: none;
}

.btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px 3px;
    margin: 0 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: hsla(0,0%,100%,.95);
    text-shadow: 0 1px 0 #e5522b;
   
    cursor: pointer;
    transition: .2s ease-in-out;
}
.btn:before {
    left: -10px;
    border-width: 20px 10px 20px 0;
    border-color: transparent #e77f19 transparent transparent;
}
.btn span {
    white-space: nowrap;
}
.btn span:after, .btn span:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    width: 130px;
    height: 33px;
    transform: translateX(-50%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://topskin.org/public/img/flare.png?v=2);
    opacity: .5;
    transition: .2s ease-in-out;
    pointer-events: none;
}

.btn:after {
    right: -10px;
    border-width: 20px 0 20px 10px;
    border-color: transparent transparent transparent #e77f19;
}


















.info-for-today{display:table;width:100%;margin:0 0 20px;}
.info-for-today__item{display:table-cell;width:25%;padding:0px 0 19px;text-align:center;}
.info-for-today__item:last-child{border-right:none;}
.gamepad{display:inline-block;width:57px;height:42px;background:url('../img/icons.png') no-repeat;}
.lap-user{display:inline-block;width:57px;height:42px;background:url('../img/icons.png') no-repeat -57px 0;}
.lap-star{display:inline-block;width:57px;height:42px;background:url('../img/icons.png') no-repeat -116px 0;}
.cup{display:inline-block;width:57px;height:42px;background:url('../img/icons.png') no-repeat -173px 0;}
.info-for-today__item .text{margin:6px 0 10px;}
.info-for-today__item .number{font-size:24px;font-weight:700;color:#da63d4;}

.profile-stages {
    position: relative;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    background-image: linear-gradient(-270deg,transparent,rgba(0,0,0,.7) 49%,transparent);
    border-radius: 4px;
    counter-reset: stage;
}
.profile-stages:before {
    top: 0;
}

}
.profile-stages__stage:first-child {
    width: 282px;
}
.profile-stage {
    display: flex;
    justify-content: center;
}
.profile-stage__section {
    position: relative;
    padding-left: 52px;
}
.profile-stage.done .profile-stage__section:before {
    content: "";
    width: 33px;
    height: 33px;
    border: none;
    background-image: url(https://topskin.org/public/img/icon_done.svg?v=2);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 15px 3px rgba(43,167,0,.4);
}

.profile-stage__title {
    margin-bottom: 10px;
    font-size: 20px;
}


.profile-stage__text {
    line-height: 20px;
    font-size: 15px;
    color: #b8b6bf;
}
.profile-stages__stage:nth-child(2) {
    margin: 0 50px;
}
.profile-stages__stage {
    width: 352px;
}
.profile-stage {
    display: flex;
    justify-content: center;
}
.profile-stage__section {
    position: relative;
    padding-left: 52px;
}


.profile-stage__section:before {
    content: counter(stage);
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #ec8d15;
    border-radius: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #e9892b;
    counter-increment: stage;
}



.profile-stages:after, .profile-stages:before {
    content: "";
    position: inherit;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
     
}







.sidebar__promocode {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 15px;
    flex: none;
}
.refill-code {
    position: relative;
    padding: 11px 10px 15px 18px;
    width: 92%;
    background-image: linear-gradient(-180deg,#f300ff,#001ef1);
    text-shadow: 0 1px 0 rgba(130,31,0,.32);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
    color: #fff;
    cursor: pointer;
}
.refill-code__value-bonus {
    margin-bottom: 4px;
}
.refill-code__code {
    font-weight: 700;
    font-size: 16px;
}
.refill-code__copy {
    position: absolute;
    z-index: -2;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    left: 50%;
    bottom: -10px;
    width: 150px;
    height: 30px;
    border-radius: 3px;
    background-image: linear-gradient(-180deg,#f9ac2b,#dc6f2b);
    font-size: 12px;
    text-transform: uppercase;
    transform: translateX(-50%);
    transition: .3s ease-in-out;
    color: #fff;
    opacity: 0;
}






.site-counters {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 800px;
	}
	
.site-counters:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 72px;
    background-size: 100%;
    background-image: url(https://casedrop.ru/img/counters_frame.svg);
    background-repeat: no-repeat;
    pointer-events: none;
}




.profile-trade-layout__title {
    font-size: 13px;
    
    font-weight: 300;
    margin-bottom: 15px;
    text-align: left;
}

.notes-section {
    display: flex;
    margin: 0 -8px;
    padding: 15px 0;
}
.notes-section__note_large {
    width: 68%;
}
.info-block_note {
    border-color: #63adf2;
    background-color: rgba(99,173,242,.1);
	
}



.info-block {
    min-height: 113px;
    padding: ,2px;
    border-radius: 3px;
    border: 1px solid transparent;
	border-color: #0069f8;
	    text-align: center;
}


.info-block__title {
    position: relative;
    display: flex;
    padding-left: 34px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}




}
.notes-section__note_small {
    width: 32%;
}
.info-block__title {
    position: relative;
    display: flex;
    padding-left: 34px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
	text-align: center;

}







.info-block__text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.info-block_attention {
    border-color: #db324d;
    background-color: rgba(219,50,77,.1);
}















.user-balance-bonus {
    display: inline-table;
    margin: 15px 0 0;
    color: #f1f1f1;
	background-color: #093ff305;
    padding: 7px 11px;
	border-radius: 44px;
	border: 2px solid #24f507;
}


.info-block_attention {
    border-color: #db324d;
    background-color: rgba(219,50,77,.1);
	}



.info-block__title {
    position: relative;
    display: flex;
    padding-left: 34px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.info-block_attention .info-block__title:before {
    width: 24px;
    height: 24px;
    background-image: url(https://casedrop.ru/img/icon_skull.svg);
}
.info-block__text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
}
.notes-section__note_small {
    width: 32%;
}






a { transition: all 0.3s ease; color: #f5f4f3; text-decoration: none; }
a:hover { color: #fbbe58; }

.clear { clear: both; }
.clear:after { content: ''; height: 1px; display: block; clear: both; }
.main-width { width: calc(100% - 140px); margin: 0 auto; }


.fixedbar {

position: fixed;
    left: 0;
    top: 18px;
    bottom: 0;
   
    width: 260px;

min-height: 100%;
  background-color: rgb(0 0 0 / 40%);
  

    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
	border-right: 1px solid hsla(0,0%,100%,0.08);

}























.fixedbar:after { content: ''; width: 100%; height: calc(100% - 1699px);background: url() repeat-y;  position: absolute; top: 1699px; left: 0;  }
.fixedbar .logo { background: url(https://mydrop.pro//images/csdrop1.png); width: 275px; height: 145px; position: absolute; top: 48px; left:-22px;}
.fixedbar .heading { position: absolute; top: 30px; left: 55px; font-family: 'PTSans'; font-weight: bold; color: #beb8c0; font-size: 21px; text-transform: uppercase; }
.fixedbar .heading span { color: #d92d77; }
.fixedbar .btn-steam {
	    padding: 11px 0 20px 112px;
    
    position: absolute;
    top: 237px;
    left: 5px;
    
    display: block;
    align-items: center;
    position: absolute;
  
    padding-right: 24px;
    margin: 0 auto;
    width: 85%;
    height: 58px;
    border: 1px solid #7739f6;
    background-color: #000;
    border-radius: 5px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: hsla(0,0%,100%,.9);
    cursor: pointer;
    transition: .2s ease-in-out;
	
	
	
	}
.fixedbar .btn-steam:before {
	
	content: '';

    background-repeat: no-repeat;
   
    position: absolute;
    
    bottom: -18px;
   
    top: 50%;
    width: 41px;
    height: 26px;
    left: 15px;
    transform: translateY(-50%);
    background-image: url(https://mydrop.pro/images/icon_steam.svg);
    transition: .2s ease-in-out;
    opacity: .9;
	
	
	}
.fixedbar .btn-steam:hover:before { opacity: 0; }
.fixedbar .btn-steam:after { content: ''; background: url() bottom; width: 191px; height: 129px; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; } 
.fixedbar .btn-steam:hover:after { opacity: 1; }
.fixedbar .nav { list-style: none; position: absolute; top: 394px; width: 260px; font-family: 'TTLakes'; font-weight: bold; border-bottom: 1px solid hsla(0,0%,100%,.1); }
.fixedbar .nav li a { display: block; text-decoration: none;  color: #ffffff; font-size: 19px; height: 50px; line-height: 70px; position: relative; padding-left: 84px; z-index: 1; }
.fixedbar .nav li a:hover, .fixedbar .nav li a.active { color: #f7205b; }
.fixedbar .nav li a:after { content: '';  position: absolute; transition: all 0.5s ease;
    width: 2px;
    left: 0;
    top: 0;
    bottom: 0;
    background: #0064f4;
    opacity: 0; }
	
	
.fixedbar .nav span {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    padding: 4px 8px 4px;
    border-radius: 11px;
    background-color: #0062f1;
    box-shadow: 0 0 15px 0 rgba(99,173,242,.4);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 11px;
    color: #fff;
    pointer-events: none;
}

	
	
	
.fixedbar .nav li a:hover:after, .fixedbar .nav li a.active:after { opacity: 1; visibility: visible; left: 0;  }
.fixedbar .nav li a .ico { width: 32px; height: 66px; display: inline-block; vertical-align: middle; margin-right: 15px; position: relative; }
.fixedbar .nav li a .ico:before { content: ''; position: absolute; top: 50%; left: 50%; transition: all 0.5s ease; }
.fixedbar .nav li a .ico:after { content: ''; position: absolute; top: 50%; left: 50%; opacity: 0; transition: all 0.5s ease; visibility: hidden; }
.fixedbar .nav li a:hover .ico:before { opacity: 0; }
.fixedbar .nav li a:hover .ico:after { opacity: 1; visibility: visible;transform: scale(1); }
.fixedbar .nav li a .ico.ico-nav1:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav1.png); width: 33px; height: 39px; margin: -19px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav1:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav1.png) bottom; width: 33px; height: 39px; margin: -19px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav2:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav2.png); width: 31px; height: 36px; margin: -20px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav2:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav2.png) bottom; width: 31px; height: 36px; margin: -20px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav3:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav3.png); width: 25px; height: 35px; margin: -24px 0 0 -13px; }
.fixedbar .nav li a .ico.ico-nav3:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav3.png) bottom; width: 25px; height: 35px; margin: -24px 0 0 -13px; }
.fixedbar .nav li a .ico.ico-nav4:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav4.png); width: 28px; height: 28px; margin: -14px 0 0 -14px; }
.fixedbar .nav li a .ico.ico-nav4:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav4.png) bottom; width: 28px; height: 28px; margin: -14px 0 0 -14px; }
.fixedbar .nav li a .ico.ico-nav5:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav5.png); width: 27px; height: 26px; margin: -14px 0 0 -13px; }
.fixedbar .nav li a .ico.ico-nav5:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav5.png) bottom; width: 27px; height: 26px; margin: -14px 0 0 -13px; }
.fixedbar .nav li a .ico.ico-nav6:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav6.png); width: 31px; height: 31px; margin: -16px 0 0 -16px; }
.fixedbar .nav li a .ico.ico-nav6:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav6.png) bottom; width: 31px; height: 31px; margin: -16px 0 0 -16px; }
.fixedbar .logged { border-top: 1px solid hsla(0,0%,100%,.1);border-bottom: 1px solid hsla(0,0%,100%,.1); background: url() no-repeat center; width: 100%; max-width: 278px; height: 206px; position: absolute; top: 186px; left: 0; z-index: 1; text-align: center; padding: 46px 0 0; }
.fixedbar .logged .avatar { display: inline-block; vertical-align: middle; margin: -4px 9px 0 0;  width: 55px; height: 55px; border-radius: 100%; border: 3px solid #3a76dfb5; position: relative; }
.fixedbar .logged .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.fixedbar .logged .avatar .hat { background: url(https://cdn.x-api.net/mynew/images/ny-hat.png); width: 36px; height: 50px; position: absolute; top: -7px; left: -15px; }
.fixedbar .logged .info { display: inline-block; vertical-align: middle; text-align: left;}
.fixedbar .logged .info span { display: block; color: #97949f; font-size: 12px; margin-bottom: 2px; }
.fixedbar .logged .info a { color: #f1f1f1; font-weight: bold; font-family: 'TTLakes'; font-size: 16px; display: inline-block; max-width: 122px; overflow: hidden; text-overflow: ellipsis; }
.fixedbar .logged .btn-exit { position: absolute; right: 8px; top: 12px; width: 24px; height: 26px; display: inline-block; vertical-align: middle; margin: 0 -5px 0 10px; cursor: pointer; }
.fixedbar .logged .btn-exit:before {
	
    content: '';
    background: url(https://mydrop.pro/images/icon_signout.svg);
    width: 13px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease;
    background-size: 107%;
}







	}
.fixedbar .logged .btn-exit:hover:before { opacity: 0; }
.fixedbar .logged .btn-exit:after { content: ''; background: url() bottom; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease; opacity: 0; }
.fixedbar .logged .btn-exit:hover:after { opacity: 1; }
.fixedbar .logged .balance 
{      line-height: 20px;
    color: #ffffff;
    font-size: 19px;
    display: inline-block;
    margin: 10px 0 0;
    position: relative;
    width: 135px;
    padding: 6px 30px;
    /* font-weight: 600; */
    background-image: -webkit-linear-gradient(left,#0028ef,#e800dd);
    border-radius: 38px;
    transition: .2s ease;










 }
.fixedbar .logged .balance .btn-pay { width: 29px; height: 30px; position: absolute; right: 1px; top: 1px; cursor: pointer; }
.fixedbar .logged .balance .btn-pay:before { content: ''; background: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
.fixedbar .logged .balance .btn-pay:hover:before { opacity: 0; }
.fixedbar .logged .balance .btn-pay:after { content: ''; background: url; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
.fixedbar .logged .balance .btn-pay:hover:after { opacity: 1; }
.fixedbar .mini-rang { height: 88px; background: linear-gradient(to right, rgba(45,17,44,0.5) 0%, rgba(9,3,11,0.5) 100%); position: absolute; top: 486px; width: 280px; }
.fixedbar .mini-rang .form { width: 220px; margin: 0 auto; padding: 11px 0 0; }
.fixedbar .mini-rang .form .sub-heading { color: #97949f; font-size: 12px; margin-bottom: 5px; }
.fixedbar .mini-rang .form .image { width: 62px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 4px; }
.fixedbar .mini-rang .form .image img { width: 100%; height: 100%; }
.fixedbar .mini-rang .form .name { display: inline-block; vertical-align: middle; font-size: 12px; color: #d7d7d7; font-family: 'TTLakes'; width: 60px; overflow: hidden; text-overflow: ellipsis; margin-right: 5px; }
.fixedbar .mini-rang .form .btn-case { background: url(https://cdn.x-api.net/mynew/images/btn-case.png); width: 80px; display: inline-block; height: 26px; line-height: 27px; border-radius: 0 26px 26px 0; text-align: center; padding-right: 21px; color: #ffffff; font-size: 10px; box-shadow: 0 0 20px rgba(255,184,64,0.3); }
.fixedbar .mini-rang .form .line { height: 7px; border-radius: 7px; background: #1c1227; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); margin: 10px 0 15px; position: relative; }
.fixedbar .mini-rang .form .line .current { border-radius: 7px; background: linear-gradient(to right, #ffbd40 0%, #f4403b 100%); height: 7px; text-align: right; box-shadow: 0 0 20px rgba(245,69,59,0.6); position: relative; }
.fixedbar .mini-rang .form .line .current:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 7px; background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.4) 100%); }
.fixedbar .fortune { height: 96px; box-shadow: inset 0 0 30px rgba(154,217,58,0.2); position: absolute; top: 574px; left: 0; width: 278px; }
.fixedbar .fortune .frame { width: 260px; height: 76px; margin: 10px auto 0; background: url(https://cdn.x-api.net/mynew/images/fortune-bg.png) no-repeat center; border: 1px dashed #5a6351; text-align: center; padding: 18px 0 0; font-family: 'TTLakes'; }
.fixedbar .fortune.locked .frame { border-color: #8b7159; }
.fixedbar .fortune .frame .image { display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.fixedbar .fortune .frame .info { display: inline-block; vertical-align: middle; text-align: left;  }
.fixedbar .fortune .frame .info .name { font-size: 15px; color: #9ad93a; font-weight: bold; }
.fixedbar .fortune.locked .frame .info .name { color: #dc484a; }
.fixedbar .fortune .frame .info .link a { color: #9ad93a; font-size: 12px; text-decoration: underline; font-weight: bold; margin: -3px 0 0; }
.fixedbar .fortune .frame .info .link a:hover { text-decoration: none; }
.fixedbar .fortune .frame .info .time { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #dc484a; }
.fixedbar .fortune .frame .info .time span { color: #cac5ce; }
.btn-add { position: absolute; top: 0; right: 0; z-index: 6; background: #D12F31; color: #fff; text-decoration: none; padding: 10px 20px; font-size: 12px; text-transform: uppercase; cursor: pointer; }

.livedrop { height: 90px; font-family: 'cursive'; font-size: 12px; text-align: center; position: relative; }
.livedrop .list { overflow: hidden; height: 100px; overflow: hidden; height: 100px; position: static; top: 0; width: 100%; left: 0px; z-index: 102;}
.livedrop.hover { z-index: 2; }
.livedrop.hover .list { height: 157px; }
.livedrop .overview { width: 999999px; }
.livedrop .item { float: left; width: 118px; position: relative; z-index: 1; cursor: pointer;  text-decoration: none; transition: all 0.5s ease; }
.livedrop .item.hidden { opacity: 0; width: 0; }
.livedrop .item:after { content: ''; width: 115px; height: 115px; position: absolute; top: -30px; left: 50%; margin-left: -65px; }



.livedrop .item.milspec:after {background-image: linear-gradient(-180deg,rgb(5, 123, 255),rgba(0,58,124,.6));
    border-bottom-color: #006ae2; border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item.restricted:after {background-image: linear-gradient(-180deg,rgb(144, 0, 255),rgba(70,0,124,.6));
    border-bottom-color: #8000e2;border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item.classified:after { background-image: linear-gradient(-180deg,rgb(255, 3, 181),rgba(124,0,88,.6));
    border-bottom-color: #e200a0; border-radius: 5px;
    border-bottom: 2px solid transparent;}
.livedrop .item.covert:after {background-image: linear-gradient(-180deg,rgb(255, 56, 2),rgba(124,26,0,.6));
    border-bottom-color: #e23000;border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item.knife:after { background-image: linear-gradient(-180deg,rgb(255, 248, 0),rgba(193, 187, 2, 0.6));
 border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item.other:after {background-image: linear-gradient(-180deg,rgb(5, 123, 255),rgba(0,58,124,.6));
    border-bottom-color: #006ae2;border-radius: 5px;
    border-bottom: 2px solid transparent; }
.livedrop .item:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/livedrop-item.png); width: 105px; height: 157px; position: absolute; top: -20px; left: 0; opacity: 0; visibility: hidden; transition: all 0.4s ease; }



#canvas {
border: 1px solid black;
position: absolute;
z-index: 10000;
}


#flake {
color: #fff;
position: absolute;
font-size: 25px;
top: -50px;
}

.canvas {
border: 1px solid black;
position: absolute;
z-index: 10000;
}


.flake {
color: #fff;
position: absolute;
font-size: 25px;
top: -50px;
}




.livedrop .item:hover:before { opacity: 1; visibility: visible; top: 0; }
.livedrop .item > .image { height: 80px; position: relative; z-index: 1; }
.livedrop .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 110%; }
.livedrop .item .caption { position: absolute; top: 65px; z-index: 1; height: 77px; left: 0; width: 100%; transition: all 0.3s ease; opacity: 0; visibility: hidden; }
.livedrop .item:hover .caption { opacity: 1; visibility: visible; top: 80px; transition: all 0.4s ease 0.1s; }
.livedrop .item .caption .image { height: 50px; position: relative; margin: -3px 0 0; }
.livedrop .item .caption .image img { max-width: 70%; max-height: 70%; }
.livedrop .item .caption .name { text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 5px; color: #d7d7d7; font-size: 12px; }
.livedrop .item .caption .desc { color: #97949f; font-size: 12px; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; white-space: nowrap; }


.topbar { font-family: 'PTSans'; position: relative;  z-index: 0; margin-bottom: 40px; }
.topbar .main-width {
    padding: 33px 0;
        border-bottom: 1px solid hsla(0,0%,100%,.13);
		    width: 100%;
			margin-left: -20px;
     }
.topbar .stat {  }
.topbar .stat .item { display: inline-block; vertical-align: top; margin: 0 25px 0 0; }
.topbar .stat .item .ico { display: inline-block; vertical-align: middle; margin: 4px 6px 0 0;  }
.topbar .stat .item .info { display: inline-block; vertical-align: middle; }
.topbar .stat .item .info .num  { color: #fffcfc; font-size: 26px; font-weight: bold; line-height: 26px; text-shadow: 0 0 15px #0065ea; }
.topbar .stat .item .info .desc { color: #97949f; font-size: 12px; text-transform: uppercase; }
.topbar .right { float: right; margin: 5px 0 0; }
.topbar .right a { display: inline-block; vertical-align: middle; color: #97949f; text-decoration: none; font-size: 12px; text-transform: uppercase; line-height: 14px; }
.topbar .right a:hover { color: #cbc8d6; }
.topbar .right .sep { width: 1px; margin: 0 12px; background: #3b324a; height: 34px; display: inline-block; vertical-align: middle; }
.topbar .right a div { position: relative; display: inline-block; vertical-align: middle; }
.topbar .right a .ico-trade { width: 42px; height: 31px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.topbar .right a .ico-trade:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-trade.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s ease; }
.topbar .right a .ico-trade:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-trade.png) bottom; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; }
.topbar .right a:hover div:after { opacity: 1; }
.topbar .right a:hover div:before { opacity: 0; }
.topbar .right a span { display: inline-block; vertical-align: middle; }
.topbar .right a .ico-vk { background: url(https://cdn.x-api.net/mynew/images/ico-vk.png); width: 41px; height: 23px; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.topbar .right a .ico-vk:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-vk.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s ease; }
.topbar .right a .ico-vk:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-vk.png) bottom; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; }
.topbar .right a span { display: inline-block; vertical-align: middle; }
.topbar .page-header { float: left; color: #c3bec7; font-family: 'TTLakes'; font-size: 22px; font-weight: bold; margin: 9px 0 3px; text-transform: uppercase;}

.content .page-header { color: #c3bec7; font-family: 'TTLakes'; font-size: 15px; font-weight: bold; margin: 0 -86px 30px; text-align: center; text-transform: uppercase; }

.page-title { color: #ff0000; font-size: 18px; text-transform: uppercase; font-weight: bold; font-family: 'TTLakes'; margin-bottom: 40px; text-align: left; }



.slider-main { margin: -50px 0 0; position: relative; overflow: hidden; }
.slider-main:hover { z-index: 1; overflow: visible; }
.slider-main .list { overflow: hidden; height: 200px; width: calc(100% - 140px); margin: 35px auto 0; float: left; }
.slider-main .overview { width: 999999px; }
.slider-main .item { float: left; width: 340px; text-align: center; text-decoration: none;position: relative; }
.slider-main .item .name { display: inline-block; vertical-align: middle; position: relative; z-index: 1; color: #ffffff; padding: 6px 20px 5px 15px; margin-right: -10px; margin-top: 1px; font-family: 'Arial'; font-size: 12px; font-weight: bold; text-transform: uppercase; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
.slider-main .item .name:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(20,13,23,0.4); z-index: -1; border-radius: 5px; transform: skewX(-10deg); }
.slider-main .item:hover .name { color: #ffbd40; }
.slider-main .item .image { height: 190px; margin:10px 0 0; position: relative; transition: all 0.4s ease; }
.slider-main .item:hover .image { transform: scale(0.9); }
.slider-main .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-height: 80%; max-width: 80%; }
.slider-main .item .price { display: inline-block; vertical-align: middle; position: relative; z-index: 1; padding: 7px 15px; color: #261d0c; font-size: 24px; font-weight: bold; line-height: 24px; }
.slider-main .item .price:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #ffbe3f; z-index: -1; border-radius: 5px; transform: skewX(-10deg); box-shadow: 0 0 35px rgba(183,133,46,0.5); }
.slider-main .item .price .num { }
.slider-main .item .price .old { position: absolute; top: 30px; color: #ffbd40; font-weight: normal; font-size: 18px; left: calc(50% - 4px); transform: translateX(-50%); padding: 2px 10px;  z-index: 1; text-decoration: line-through; opacity: 0.5; }
.slider-main .item .price .old:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #b20000; z-index: -1; border-radius: 4px; transform: skewX(-10deg); }
.slider-main .item .price .num .rub  { font-size: 18px; }
.slider-main .item .info { margin-top: -60px; }
.slider-main .short-list { width: 264px; position: absolute; left: 50%; margin-left: -132px; background: #1c122a; padding: 0 10px 10px; border-radius: 5px; z-index: 2; box-shadow: 15px 15px 10px rgba(28,18,42,0.47); top: 210px; transform: scale(0.8); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.slider-main .item:hover .short-list { opacity: 1; visibility: visible; transform: scale(1); top: 180px; }
.slider-main .short-list .sub-heading { height: 30px; line-height: 30px; width: 236px; border-radius: 5px; background: #221633; color: #cac5ce; margin: -15px auto 10px; }
.slider-main .short-list .sub-item { float: left; height: 36px; width: 25%; position: relative; margin: 2px 0; }
.slider-main .short-list .sub-item img { max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.slider-main .short-list .sub-item:after { content: '';  width: 6px; height: 6px; border-radius: 100%; position: absolute; margin: -3px 0 0 -3px; top: 50%; left: 50%;  z-index: -1; opacity: 0.4; }
.slider-main .short-list .sub-item.milspec:after { box-shadow: 0 0 20px 10px rgba(86,91,191,1); background: rgba(86,91,191,1); }
.slider-main .short-list .sub-item.restricted:after { box-shadow: 0 0 20px 10px rgba(97,53,200,1); background: rgba(97,53,200,1); }
.slider-main .short-list .sub-item.classified:after { box-shadow: 0 0 20px 10px rgba(176,71,212,1); background: rgba(176,71,212,1); }
.slider-main .short-list .sub-item.covert:after { box-shadow: 0 0 20px 10px rgba(219,42,42,1); background: rgba(219,42,42,1); }
.slider-main .short-list .sub-item.knife:after { box-shadow: 0 0 20px 10px rgba(255,189,64,1); background: rgba(255,189,64,1); }
.slider-main .short-list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-view.png); width: 71px; height: 59px; position: absolute; top: -70px; left: 50%; margin-left: -36px; transition: all 0.3s ease; transform: scale(2); opacity: 0; visibility: hidden; }
.slider-main .item:hover .short-list:after { opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease 0.2s; }


.slider-main .cases-slider { height: 220px !important; }
.slider-main .prev { position: relative; background: url(https://cdn.x-api.net/mynew/images/slider-prev.png);  width: 70px; height: 211px; float: left;  margin: 25px 0 0;}
.slider-main .next { position: relative; background: url(https://cdn.x-api.net/mynew/images/slider-next.png);  width: 70px; height: 211px; float: left;  margin: 25px 0 0; }
.slider-main .prev:hover, .slider-main .next:hover { filter: brightness(1.2); }

.case-actions { padding: 30px 0; border-bottom: 1px solid #57475f; margin-bottom: 50px; font-family: 'TTLakes'; }
.case-actions .left { float: left; }
.case-actions .right { float: right; }
.case-actions .link-info { display: inline-block; vertical-align: middle; text-decoration: none; color: #ffbd40; font-size: 14px; margin: -2px 0 0 15px; border-bottom: 1px dashed #ffbd40; }
.case-actions .link-info:hover { border-color: rgba(271,76,124,0); }

.btn-create { width: 216px; height: 51px; line-height: 54px; text-align: center; text-decoration: none; font-size: 12px; text-transform: uppercase; display: inline-block; vertical-align: middle; border-radius: 5px; cursor: pointer; position: relative; margin: -1px 0 0; }
.btn-create:after { content: ''; background: rgba(255,189,64,0.1); border: 1px solid rgba(255,189,64,1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; box-sizing: border-box; transform: skewX(-10deg); transition: all 0.3s ease; }
.btn-create:hover:after { background: rgba(255,189,64,0.21); }

.btn-create .ico-create { background: url(https://cdn.x-api.net/mynew/images/ico-create.png); width: 28px; height: 24px; display: inline-block; vertical-align: middle; margin: -5px 10px 0 0; }

.btn-all { width: 216px; height: 51px; line-height: 53px; text-align: center; text-decoration: none;font-size: 12px; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; }
.btn-all:after { content: ''; background: rgba(255,189,64,0.1); border: 1px solid rgba(255,189,64,1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; box-sizing: border-box; transform: skewX(-10deg); transition: all 0.3s ease; }
.btn-all:hover:after { background: rgba(255,189,64,0.21); }

.btn-all .ico-arrow { background: url(https://cdn.x-api.net/mynew/images/ico-arrow.png); width: 7px; height: 15px; display: inline-block; vertical-align: middle; margin: -3px 0 -2px 15px; }


.cases { margin-bottom: 50px; }
.cases .item { float: left; width: 20%; height: 210px; text-align: center; margin-bottom: 20px;  text-decoration: none; position: relative; }
.cases .item .keys {position: absolute;  top: 30px; border-radius: 100%; text-align: center; color: #fff; font-size: 12px; background: rgba(21,13,30,0.75); width: 68px; height: 68px; line-height: normal; left: 30px;  z-index: 1; padding: 12px 0 0; transition: all 0.3s ease; }
.cases .item .keys span { display: block; position: relative; padding: 3px 0; }
.cases .item .keys span.current:after { content: ''; width: 50px; height: 1px; background: #e81d60; position: absolute; bottom: -1px; left: 50%; margin-left: -25px; }
.cases .item .keys .circle { position: absolute; top: 0; left: 0; width: 68px; height: 68px; }

.cases .item .name { display: inline-block; vertical-align: middle; position: relative; z-index: 1; color: #ffffff; padding: 6px 20px 5px 15px; margin-right: -10px; margin-top: 1px; font-family: 'Arial'; font-size: 12px; font-weight: bold; text-transform: uppercase; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
.cases .item .name:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(20,13,23,0.4); z-index: -1; border-radius: 5px; transform: skewX(-10deg); }
.cases .item:not(.disable):hover .name { color: #ffbd40; }
.cases .item .image { height: 200px; position: relative; transition: all 0.4s ease; transition: all 0.3s ease; }
.cases .item:not(.disable):hover .image { transform: scale(0.9); }
.cases .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 300px; }
.cases .item .price {
	    position: absolute;
    height: 37px;
    min-width: 107px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: url(https://csdrop.net/images/price-frame_sale.svg);
	left : 80px;
	
	 }
.cases .item .price:after {
	
	    position: absolute;
    height: 37px;
    min-width: 107px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-image: url(https://csdrop.net/images/price-frame_sale.svg);
	
	
	
	
	 }
.cases .item .price .num { }
.cases .item .price .old { position: absolute; top: 30px; color: #ffbd40; font-weight: normal; font-size: 18px; left: calc(50% - 4px); transform: translateX(-50%); padding: 2px 10px;  z-index: 1; text-decoration: line-through; opacity: 0.5; }
.cases .item .price .old:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #b20000; z-index: -1; border-radius: 4px; transform: skewX(-10deg); }
.cases .item .price .num .rub  { font-size: 18px; }
.cases .item .info { margin-top: -30px; transition: all 0.3s ease; }
.cases .item:hover .info, .cases .item:hover .image, .cases .item:hover .keys { opacity: 0.6; }
.cases .short-list { width: 264px; position: absolute; left: 50%; margin-left: -132px; background: #1c122a; padding: 0 10px 10px; border-radius: 5px; z-index: 2; box-shadow: 15px 15px 10px rgba(28,18,42,0.47); top: 210px; transform: scale(0.8); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.cases .item:hover .short-list { opacity: 1; visibility: visible; transform: scale(1); top: 180px; }
.cases .short-list .sub-heading { height: 30px; line-height: 30px; width: 236px; border-radius: 5px; background: #221633; color: #cac5ce; margin: -15px auto 10px; }
.cases .short-list .sub-item { float: left; height: 36px; width: 25%; position: relative; margin: 2px 0; }
.cases .short-list .sub-item img { max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.cases .short-list .sub-item:after { content: '';  width: 6px; height: 6px; border-radius: 100%; position: absolute; margin: -3px 0 0 -3px; top: 50%; left: 50%;  z-index: -1; opacity: 0.4; }
.cases .short-list .sub-item.milspec:after { box-shadow: 0 0 20px 10px rgba(86,91,191,1); background: rgba(86,91,191,1); }
.cases .short-list .sub-item.restricted:after { box-shadow: 0 0 20px 10px rgba(97,53,200,1); background: rgba(97,53,200,1); }
.cases .short-list .sub-item.classified:after { box-shadow: 0 0 20px 10px rgba(176,71,212,1); background: rgba(176,71,212,1); }
.cases .short-list .sub-item.covert:after { box-shadow: 0 0 20px 10px rgba(219,42,42,1); background: rgba(219,42,42,1); }
.cases .short-list .sub-item.knife:after { box-shadow: 0 0 20px 10px rgba(255,189,64,1); background: rgba(255,189,64,1); }
.cases .short-list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-view.png); width: 71px; height: 59px; position: absolute; top: -70px; left: 50%; margin-left: -36px; transition: all 0.3s ease; transform: scale(2); opacity: 0; visibility: hidden; }
.cases .item:hover .short-list:after { opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease 0.2s; }
.cases.normal .item .image { margin: 10px 0 0; height: 190px; }
.cases.normal .item .image img { max-width: 80%; max-height: 80%; }

.cases.big .item .image { margin: 40px 0 0; height: 190px;  }
.cases.big .item .image img { max-width: 88%; max-height: 88%; }



.footer { }
.footer .main-width { padding: 30px 0; border-top: 1px solid #463a55; }
.footer .copyright { float: left; font-size: 12px; color: #635d6e; font-family: 'PTSans'; }
.footer .copyright .image { display: inline-block; vertical-align: top; margin-right: 20px; }
.footer .copyright .info { display: inline-block; vertical-align: top; }
.footer .copyright .info span { display: block; margin: 10px 0 0; color: #9e9e9e; }
.footer .fnav { float: right; list-style: none; }
.footer .fnav li { display: inline-block; vertical-align: top; margin-right: 55px; }
.footer .fnav li:last-child { margin-right: 0; }
.footer .fnav li a { color: #97949f; text-decoration: none; font-size: 12px; text-transform: uppercase; line-height: 12px;  font-family: 'PTsans'; }
.footer .fnav li a:hover { color: #cfcbdc; }


.case { text-align: center; padding-bottom: 50px;}
.case .name { color: #d7d7d7; font-size: 20px; font-weight: bold; font-family: 'PTSans Narrow'; margin-bottom: 10px; text-transform: uppercase; }
.case .roulette { background: url(https://csdrop.net/images/1/roulette.png) no-repeat center; height: 374px; position: relative; margin: -60px 22px -30px; }
.case .roulette .image { height: 200px; position: absolute; left: 0; width: 100%; top: 90px; }
.case .roulette .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 80%; }
.case .variation { text-align: center; }
.case .variation .item { cursor: pointer; width: 58px; height: 58px; display: inline-block; margin: 0 -1px 2px; color: #d7d7d7; font-family: 'TTLakes'; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; background: rgba(69,53,81,0.9); border: 1px solid rgba(95,69,91,0.9); line-height: 57px; position: relative; }
.case .variation .item:first-child { border-radius: 10px 0 0 25px;}
.case .variation .item:first-child:after { border-radius: 10px 0 0 25px; overflow: hidden; }
.case .variation .item:last-child { border-radius: 0 10px 25px 0; }
.case .variation .item:last-child:after { border-radius: 0 10px 25px 0; overflow: hidden; }
.case .variation .item:hover, .case .variation .item.active { background: #dd4c7c; border-color: #dd4c7c; color: #000000; }
.case .variation .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/variation-active.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s ease; box-shadow: 0 0 20px #c33c69;  }
.case .variation .item.active:after, .case .variation .item:hover:after { opacity: 1; }
.case .roulette .list { max-width: 828px; overflow: hidden; margin: 0 auto; position: relative; top: 96px; height: 181px; border-radius: 10px; }
.case .roulette .list:before { content: ''; background: linear-gradient(to right, rgba(29,20,39,1) 10%, rgba(29,20,39,0) 100%); position: absolute; top: 0; left: 0; width: 100px; height: 196px; z-index: 2; }
.case .roulette .list:after { content: ''; background: linear-gradient(to left, rgba(29,20,39,1) 10%, rgba(29,20,39,0) 100%); position: absolute; top: 0; right: 0; width: 100px; height: 196px; z-index: 1; }
.case .roulette .list .item { float: left; height: 196px; width: 164px; padding: 10px 0 0; background: #362a45; margin-right: 1px; position: relative; z-index: 1; }
.case .roulette .list .item:after { content: ''; background-size: 100% 100% !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.case .roulette .list .item.milspec:after { background: url(https://cdn.x-api.net/mynew/images/item-milspec.png) no-repeat center; }
.case .roulette .list .item.restricted:after { background: url(https://cdn.x-api.net/mynew/images/item-restricted.png) no-repeat center; }
.case .roulette .list .item.classified:after { background: url(https://cdn.x-api.net/mynew/images/item-classified.png) no-repeat center; }
.case .roulette .list .item.covert:after { background: url(https://cdn.x-api.net/mynew/images/item-covert.png) no-repeat center; }

.case .roulette .list .item.knife:after { background: url(https://cdn.x-api.net/mynew/images/item-knife.png) no-repeat center; }
.case .roulette .list .item.other:after { background: url(https://cdn.x-api.net/mynew/images/item-milspec.png) no-repeat center; }
.case .roulette .list .item .item-image { position: relative; height: 120px; margin-bottom: 5px; }
.case .roulette .list .item .item-image img { max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.case .roulette .list .item .item-name { text-transform: uppercase; font-family: 'TTLakes'; color: #d7d7d7; font-size: 18px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 5px; margin-bottom: 2px; }
.case .roulette .list .item .item-desc { color: #d7d7d7; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 5px; }
.case .roulette .item.milspec .item-desc { color: #8ed2ff; }
.case .roulette .item.restricted .item-desc { color: #bb8dff; }
.case .roulette .item.classified .item-desc { color: #ff8de3; }
.case .roulette .item.covert .item-desc { color: #ff8d8d; }
.case .roulette .item.knife .item-desc { color: #ffe08d; }
.case .roulette .item.other .item-desc { color: #12e5e7; }
.case .roulette .list .overview { width: 999999px; }
.case .roulette .list .fixed-width { width: 830px; position: absolute; left: 50%; margin-left: -415px; }
.case .roulette .arrows { background: url(https://csdrop.net/images/1/roulette-arrows.png); width: 51px; height: 224px; position: absolute; left: 50%; margin-left: -28px; top: 79px; z-index: 2; }
.case .items { margin-bottom: -40px; }
.case.many .sub-item {  display: inline-block; vertical-align: top; width: calc(33.333% - 14px); margin: 0 5px; }


.compare-buttons { text-align: center; font-family: 'TTLakes'; font-weight: bold; margin: 40px 0 45px; }
.compare-buttons .btn-compare { border-radius: 30px; width: 220px; height: 57px; line-height: 58px; text-transform: uppercase;  color: #d7d7d7; font-size: 18px; text-decoration: none;  display: inline-block; vertical-align: middle; border-radius: 5px; cursor: pointer; position: relative; z-index: 1; }
.compare-buttons .btn-compare:before { content: '';   height: 100%; width: 100%; position: absolute; z-index: -1; border: 2px solid #0063f1; box-sizing: border-box; left: 0; top: 0;  border-radius: 5px;  transition: all 0.3s ease; border-radius: 30px; }
.compare-buttons .btn-compare:hover:before { border-color: #dd4c7c; }
.compare-buttons .btn-compare:last-child:before { border-radius: 30px; }
.compare-buttons .btn-compare:hover { color: #dd4c7c; border-color: #dd4c7c; }
.compare-buttons .price { display: inline-block; vertical-align: middle;  width: 150px; height: 107px; line-height: 100px; font-size: 26px;  margin: -2px -23px 0; z-index: 2; position: relative; color: #ff0052; }
.compare-buttons .price sup { position: relative; top: 0px; left: 1px; font-size: 18px; }
.compare-buttons .price img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.infobox { margin: 0 auto; max-width: 530px; padding: 39px 20px 28px; border-radius: 10px; border: 1px solid #dd4c7c; background: rgba(221,76,124,0.09); font-family: 'PTSans'; position: relative; color: #dd4c7c; font-size: 16px; }
.infobox.yellow { background: rgba(255,189,64,0.09); border-color: #ffbd40; }
.infobox.yellow .heading { color: #ffbd40; }
.infobox.yellow .desc { margin: 10px 0 0; color: #d7d7d7; font-size: 16px; line-height: 21px; }
.infobox:after { content: ''; background: #241837 url(https://cdn.x-api.net/mynew/images/ico-infobox.png) no-repeat center; width: 32px; height: 32px; border-radius: 100%; border: 1px solid #ffbd40; position: absolute; right: -18px; top: -18px; }
.infobox .heading { font-size: 25px; text-transform: uppercase; font-family: 'TTLakes'; color: #dd4c7c; font-weight: bold; line-height: 25px; margin-bottom: 4px; }
.infobox .limit { color: #cfcfd0; font-size: 18px; margin: 20px 0 0; }
.infobox .desc { color: #ffbd40; }

.win { position: relative; height: 500px; padding: 100px 0 0; margin: -100px 0 20px; z-index: 1; }
.win:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: url(https://casedrop.ru/images/case/baraban/case-win-rar-classified.png) no-repeat center; animation: rotate 1.8s linear infinite; }
.win.milspec:before { background: url(http://casedrop.ru/images/case/baraban/case-win-rar-milspec.png) no-repeat center; }
.win.restricted:before { background: url(https://casedrop.ru/images/case/baraban/case-win-rar-restricted.png) no-repeat center; }
.win.classified:before { background: url(https://casedrop.ru/images/case/baraban/case-win-rar-classified.png) no-repeat center; }
.win.covert:before { background: url(https://casedrop.ru/images/case/baraban/case-win-rar-covert.png) no-repeat center; }
.win.knife:before { background: url(https://cdn.x-api.net/mynew/images/win-knife.png) no-repeat center; }
.win.other:before { background: url(http://casedrop.ru/images/case/baraban/case-win-rar-milspec.png) no-repeat center; }
.win .image { height: 300px; position: relative; margin-bottom: 10px; animation: scale 1s linear infinite; }
.win .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%;}
.win .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg.png) no-repeat center; height: 45px; max-width: 403px; margin: 0 auto 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;   color: #ffffff; font-family: 'TTLakes'; font-size: 18px; padding: 10px 10px 0; text-transform: uppercase; }
.win.milspec .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-milspec.png) no-repeat center; }
.win.restricted .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-restricted.png) no-repeat center; }
.win.classified .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg.png) no-repeat center; }
.win.covert .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-covert.png) no-repeat center; }
.win.knife .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-knife.png) no-repeat center; }
.win.other .sub-name { background: url(https://cdn.x-api.net/mynew/images/win-bg-other.png) no-repeat center; }
.win .sub-name span { }
.win .desc { font-family: 'PTSans'; color: #d7d7d7; font-size: 16px; }
.win .desc a { text-decoration: none; color: #ffbd40; }
.win .desc a:hover { text-decoration: underline; }
.win-actions { padding-bottom: 50px; margin-bottom: 50px; margin-top: 20px; border-bottom: 1px solid #483c58; }
.win-actions .btn { margin: 0 6px 10px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; }
.win-actions .btn:after {  }

.sep-line { background: #473a55; height: 1px; margin-bottom: 50px; }

.gradient-line { height: 10px; border-radius: 10px; margin-bottom: 70px; position: relative; }
.gradient-line:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 10px; background: linear-gradient(to bottom,rgba(255,255,255,0.3) 0%, rgba(0,0,0,0.5) 100%); }

.gradient-line .item { width: 26px; text-align: center; color: #ffbd40; font-size: 14px; font-family: 'TTLakes'; position: absolute; z-index: 1; top: 25px; }
.gradient-line .item:after { content: ''; width: 2px; height: 24px; background: #ffbd40; position: absolute; top: -33px; left: 50%; margin-left: -1px; }
.gradient-line .item:nth-child(1) { left: calc(10% - 13px); }
.gradient-line .item:nth-child(2) { left: calc(30% - 13px); }
.gradient-line .item:nth-child(3) { left: calc(50% - 13px); }
.gradient-line .item:nth-child(4) { left: calc(70% - 13px); }
.gradient-line .item:nth-child(5) { left: calc(90% - 13px); }

@keyframes rotate { 
	0% { transform: rotate(0); }
	100% { transform: rotate(-360deg); }
}

@keyframes scale { 
	0%,100% { transform: scale(1); }
	50% { transform: scale(1.1); }
}


.btn { padding: 0 15px; font-size: 16px; font-family: 'TTLakes'; font-weight: bold; height: 57px; line-height: 60px; text-transform: uppercase;  color: #fff; text-decoration: none; display: inline-block; vertical-align: middle; position: relative; z-index: 1;  border-radius: 5px; cursor: pointer; }
.btn:after { content: ''; width: 100%; height: 100%; box-sizing: border-box;  position: absolute; top: 0; left: 0; z-index: -1;  border: 2px solid #0062f0; border-radius: 5px; transition: all 0.3s ease; border-radius: 30px;}
.btn:hover { color: #dd4c7c; border-color: #dd4c7c; }
.btn:hover:after { border-color: #dd4c7c; }
.btn .ico { display: inline-block; vertical-align: middle; position: relative; margin: -3px 10px 0 0; }
.btn .ico:before { content: ''; position: absolute; top: 0; left: 0; transition: all 0.3s ease; width: 100%; height: 100%; }
.btn:hover .ico:before { opacity: 0; }
.btn .ico:after { content: ''; position: absolute; top: 0; left: 0; transition: all 0.3s ease; opacity: 0; width: 100%; height: 100%; background-position: bottom !important; }
.btn:hover .ico:after { opacity: 1; }
.btn .ico-repeat { width: 26px; height: 24px; }
.btn .ico-repeat:before, .btn .ico-repeat:after { background: url(https://cdn.x-api.net/mynew/images/ico-repeat.png); }
.btn .ico-money { width: 25px; height: 25px; }
.btn .ico-money:before, .btn .ico-money:after { background: url(https://cdn.x-api.net/mynew/images/ico-money.png); }
.btn .ico-steam { width: 28px; height: 28px; }
.btn .ico-steam:before, .btn .ico-steam:after { background: url(https://cdn.x-api.net/mynew/images/ico-steam.png); }


.items {}
.items .item { float: left; background: rgba(0,0,0,0.15); height: 166px; padding: 0px 0 0; position: relative; text-align: center; margin: 0 46px 46px 0; width: calc(16.666% - 38.5px); z-index: 1; transition: filter 0.3s ease; }
.items .item:hover { filter: brightness(1.2);}
.items .item:after { content: ''; background-size: 100% 100% !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.items .item.milspec:after {background-image: linear-gradient(0deg,#004da5,rgba(0,106,226,.18));
    border-bottom-color: #006ae2; }
.items .item.restricted:after { 
    background-image: linear-gradient(0deg,#5d00a5,rgba(128,0,226,.18));
    border-bottom-color: #8000e2; }
.items .item.classified:after {background-image: linear-gradient(0deg,#95009e,rgba(226,0,160,.18));
    border-bottom-color: #e200a0; }
.items .item.covert:after {background-image: linear-gradient(0deg,#a52300,rgba(226,48,0,.18));
    border-bottom-color: #e23000;}
.items .item.knife:after { background-image: linear-gradient(0deg,#c29600,rgba(255,198,0,.18));
    border-bottom-color: #ffc600; }
.items .item.other:after {background-image: linear-gradient(0deg,#004da5,rgba(0,106,226,.18));
    border-bottom-color: #006ae2;}
.items .item:nth-child(6n) { margin-right: 0; }

.items .item .image { height: 110px; position: relative; margin-bottom: 5px; }
.items .item .image img { max-width: 80%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.items .item .name { text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; font-family: 'TTLakes'; font-size: 12px; font-weight: normal; margin: 0 0 2px;  }
.items .item .desc { color: #d7d7d7; font-size: 14px; font-family: 'PTSans'; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.items .item.milspec .desc { color: #8ed2ff; }
.items .item.restricted .desc { color: #bb8dff; }
.items .item.classified .desc { color: #ff8de3; }
.items .item.covert .desc { color: #ff8d8d; }
.items .item.knife .desc { color: #ffe08d; }
.items .item.other .desc { color: #12e5e7; }
.items .item .link-download { position: absolute; top: 10px; left: 10px; z-index: 10; }
.items .item .actions { position: absolute; top: 10px; right: 10px; z-index: 1;}
.items .item .actions > * { display: inline-block; vertical-align: middle; margin-left: 6px; }


    background: linear-gradient(45deg,#006bf8,#fb2363);

.items .item .actions > * { display: inline-block; vertical-align: middle; margin-left: 6px; }
.items .item .small-price
 { 
   position: absolute;
    right: 36px;
    bottom: 145px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(0,0,0,.4);
    padding: 0px 8px 0px;
    font-size: 14px;
    white-space: nowrap;
    color: #f5eeee;
    border-radius: 15px;

 }
.items .item .small-price span { font-size: 16px; position: relative; top: 0px; left: -1px; }
.items .fade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(49,37,67,0.9); }
.items .fade .align { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); }
.items .fade .heading { font-family: 'TTLakes'; color: #6e9a30; font-size: 14px; text-transform: uppercase; }
.items .fade .heading .ico-time { background: url(https://cdn.x-api.net/mynew/images/ico-time.png); width: 19px; height: 23px; display: inline-block; vertical-align: middle; margin: -5px 6px 0 0; }
.items .fade .secret { font-size: 12px; color: #6e9a30; margin: 10px 0 0; }

.btn-small { display: inline-block; height: 31px; line-height: 29px; border: 2px solid #6e9a30; font-size: 12px; text-transform: uppercase; font-family: 'TTLakes'; border-radius: 5px; color: #6e9a30; padding: 0 10px; margin: 11px 0 0; cursor: pointer; }
.btn-small:hover { background: #6e9a30; color: #fff; }

.center { text-align: center; }




.steps { background: rgba(0,0,0,0.24); width: calc(100% + 140px); margin: -36px 0 50px -70px; text-align: center; padding: 50px 0 30px; }
.steps .item { display: inline-block; vertical-align: top; width: 180px; margin: 0 26px 20px; position: relative; }
.steps .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/step-sep.png); width: 103px; height: 17px; position: absolute; right: -79px; top: 57px; }
.steps .item:last-child:after { display: none; }
.steps .item .image { width: 132px; height: 132px; border-radius: 100%; position: relative; border: 3px solid #dba140; margin: 0 auto 20px; }
.steps .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }



.faq-item { max-width: 980px; margin: 0 auto 15px; }
.faq-item .heading { position: relative; cursor: pointer; background: rgba(98,83,104,0.12); border-radius: 10px; border: 1px solid rgba(271,76,124,0.42); font-family: 'TTLakes'; font-size: 15px; padding: 23px 20px 22px 70px; transition: all 0.5s ease; }
.faq-item .heading:before { content: ''; height: 3px; width: 27px; position: absolute; left: 24px; top: 50%; margin-top: -1.5px; box-shadow: 0 0 15px 3px #633349; background: #dd4c7c; transition: all 0.3s ease; }
.faq-item.active .heading:before { background: rgb(64 70 255);  }
.faq-item .heading:after { content: ''; height: 27px; width: 3px; position: absolute; left: 36px; top: 50%; margin-top: -13.5px; box-shadow: 0 0 15px 3px #633349; background: #dd4c7c; transition: all 0.5s ease; }
.faq-item.active .heading:after { height: 0; margin-top: 0; background: rgba(255,189,64,1); }
.faq-item.active .heading { background: rgba(255,189,64,0.12); border-color: #00a1ff;; }
.faq-item .faq-content { padding: 0 20px 0 70px; color: #97949f; font-family: 'TTLakes'; font-size: 15px; line-height: 21px; transition: all 0.5s ease; height: 0; overflow: hidden; box-sizing: content-box; background: url(https://cdn.x-api.net/mynew/images/faq-content.png) no-repeat top center; position: relative; }
.faq-item .faq-content:after { content: ''; width: 4px; height: calc(100% - 40px); background: #ff0000; position: absolute; left: 40px; top: 28px; box-shadow: 0 0 15px #ff0000; }
.faq-item.active .faq-content { padding: 35px 20px 20px 70px; }


.benefits { margin: -100px 0 0; padding: 140px 0 100px; background: url() no-repeat top center; min-height: 800px; text-align: center; }
.benefits .item { display: inline-block; vertical-align: top; width: 220px; }
.benefits .item .name { color: #dd4c7c; text-transform: uppercase; font-size: 15px; font-family: 'TTLakes'; margin: -5px 0 10px; line-height: 21px; }
.benefits .item .desc { color: #97949f; font-size: 13px; line-height: 18px; }
.benefits .item:nth-child(2) { margin: 290px 0 0 -100px; }
.benefits .item:nth-child(3) { margin: 400px 100px 0 100px; }
.benefits .item:nth-child(4) { margin: 290px -100px 0 0; }



.promo-code {  width: calc(100% + 140px); margin: -36px 0 5px -70px; text-align: center; padding: 50px 0 50px; font-family: 'TTLakes'; user-select: none;  }
.promo-code .heading { color: #fff; font-weight: bold; font-size: 28px; text-transform: uppercase; font-family: 'TTLakes'; }
.promo-code .heading .what { background: url(https://cdn.x-api.net/mynew/images/ico-what.png); width: 21px; height: 21px; display: inline-block; vertical-align: top; margin: -10px 0 0 10px; cursor: pointer; }
.promo-code .sub-heading { color: #c3bec7; text-transform: uppercase; font-weight: bold; font-size: 18px; margin: -2px 0 15px; }
.promo-code .sub-heading span { color: #ffbd40; }
.promo-code .exits  { margin-bottom: 15px; }
.promo-code .code { color: #d84b7a; font-size: 36px; line-height: 36px; position: relative; display: inline-block; z-index: 1; padding: 17px 25px 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; cursor: pointer; }
.promo-code .code .copied { color: #fff; font-size: 14px; position: absolute; font-weight: normal; font-family: 'PTSans Narrow'; top: -27px; transition: all 0.5s ease 0.2s; margin-left: -39px; left: 50%;  z-index: 2; }
.promo-code .code .copied.hide { opacity: 0; transform: scale(1.3,1); }
.promo-code .badge { background: url(https://cdn.x-api.net/mynew/images/badge-promo.png); width: 84px; height: 84px; position: absolute; top: -52px; right: -52px; z-index: 2; }
.promo-code .code:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 3px solid #d84b7a; box-sizing: border-box; border-radius: 5px; transform: skewX(-10deg); }
.promo-code .code-info { color: #d84b7a; font-size: 13px; }
.promo-code .copy { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; color: #ffbd40; font-size: 14px; font-family: 'PTSans Narrow'; font-weight: normal; opacity: 0; transition: all 0.3s ease; }
.promo-code .code:hover .copy { opacity: 1; }
.promo-code .copy:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(47,39,67,0.93); border: 3px solid #d84b7a; box-sizing: border-box; border-radius: 5px; transform: skewX(-10deg); }
.promo-code .copy span { position: absolute; z-index: 1; left: 50%; top: 50%; line-height: 14px; margin: -8px 0 0 -37px; border-bottom: 1px dashed #ffbd40; padding-bottom: 2px; }



.rally { background: url(https://cdn.x-api.net/mynew/images/rally.png) no-repeat top center; min-height: 311px; padding: 65px 0 50px; margin-bottom: 50px; border-bottom: 1px solid #463a55; text-align: center; font-family: 'TTLakes'; }
.rally .heading { font-size: 28px; font-weight: bold; color: #ffbd40; text-transform: uppercase; }
.rally .sub-heading { color: #d84b7a; text-transform: uppercase; font-weight: bold; font-size: 18px; margin: -4px 0 20px; }
.rally .desc { color: #ffbd40; font-size: 16px; max-width: 580px; margin: 0 auto 20px; }
.rally .important { display: inline-block; background: rgba(98,83,104,0.05); border-radius: 15px; border: 1px solid rgba(271,76,124,0.42); padding: 14px 20px; color: #dd4c7c; font-size: 14px; margin: 0 0 50px; }
.rally .box-first { background: url(https://casedrop.ru/images/case/rally-box1.png) no-repeat center; height: 252px; position: relative; margin-bottom: 20px; }
.rally .box { position: relative; }
.rally .box .align { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); } 
.rally .box .box-heading { font-size: 36px; font-weight: bold; color: #fff;}
.rally .box .box-sub-heading { margin: -5px 0 10px; }
.rally .box .btn { margin: 20px 0 0; font-size: 18px; padding: 0 30px; cursor: pointer; }
.rally .box-second { background: url(https://cdn.x-api.net/mynew/images/rally-box2.png) no-repeat center; height: 309px; }
.rally .box-second .align { top: calc(50% - 4px); }
.rally .box-second .time { margin: 10px 0 0; font-size: 12px; text-transform: uppercase; }
.rally .box-second .time .num { font-size: 25px; font-weight: bold; line-height: 25px; }
.rally .box .box-heading .what { background: url(https://cdn.x-api.net/mynew/images/ico-what.png); width: 21px; height: 21px; display: inline-block; vertical-align: top; margin: -5px 0 0 5px; cursor: pointer; }


[data-tooltip] { position: relative; }
[data-tooltip]:after { content: attr(data-tooltip); width: 200px; position: absolute; top: calc(100% + 20px); opacity: 0; visibility: hidden; transition: all 0.3s ease;  left: 50%; margin-left: -150px; padding: 10px; background: #181025; color: #97949f; font-size: 14px; line-height: 20px; font-family: 'PTSans'; font-weight: normal; border: 1px solid #332745; z-index: 3; text-align: left; text-transform: none; }
[data-tooltip]:hover:after { opacity: 1; visibility: visible; top: calc(100% + 5px); }


.overview-table { margin-bottom: 50px; overflow: auto; }

img { vertical-align: bottom; }


.table { width: 100%; border-collapse: collapse; min-width: 640px; }
.table th { font-size: 12px; color: #97949f; font-weight: normal; padding: 5px 30px; text-align: left; text-transform: uppercase; border-bottom: 1px solid #463a55;  }
.table td { padding: 5px 30px; border-bottom: 1px solid #463a55; color: #d7d7d7; transition: all 0.3s ease; }
.table tr:nth-child(even) td { background: rgba(255,255,255,0.05); }
.table tr:nth-child(even):hover td { background: rgba(255,255,255,0.07); }
.table:not(.no-img) tr:nth-child(even) td:last-child { background: rgba(255,255,255,0.05) url(https://cdn.x-api.net/mynew/images/td.png) no-repeat left center; }
.table .image { display: inline-block; vertical-align: middle; margin: 0 20px 0 0; }
.table .image img { height: 36px; }
.table .info-image { display: inline-block; vertical-align: middle; }
.table .info-image .name { margin-bottom: 2px; }
.table .avatar { display: inline-block; vertical-align: middle; margin: 4px 10px 4px 0; }
.table .avatar.win-frame { position: relative; z-index: 1; margin: 5px 15px 2px 0;  }
.table .avatar.win-frame:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/win-frame.png); width: 49px; height: 49px; position: absolute; left: -4px; top: -4px; z-index: -1; }
.table .avatar img { width: 41px; height: 41px; border-radius: 100%; }
.table tr:nth-child(odd) td.box-green { background: linear-gradient(to right, rgba(110,154,48,0) 30%, rgba(110,154,48,0.3) 100%); }
.table tr:nth-child(odd) td.box-red { background: linear-gradient(to right, rgba(185,38,51,0) 30%, rgba(185,38,51,0.3) 100%); }

.c-yellow { color: #ffbd40; }
.c-pink { color: #dd4c7c; }
.c-grey { color: #d7d7d7; }
.c-green { color: #6e9a30; }
.c-red { color: #b92633; }

.f-ttlakes { font-family: 'TTLakes'; }
.f-14 { font-size: 14px; }
.f-18 { font-size: 18px; }
.m-bottom { margin-bottom: 50px; }


.btn-more { padding: 0 20px; font-size: 14px; font-family: 'TTLakes';  text-transform: uppercase;  color: #fff; text-decoration: none; display: inline-block; vertical-align: middle; position: relative; z-index: 1;  border-radius: 5px; cursor: pointer; }
.btn-more:after { content: ''; width: 100%; height: 100%; box-sizing: border-box; background: rgba(255,189,64,0.1); position: absolute; top: 0; left: 0; z-index: -1; border: 2px solid #ffbd40; border-radius: 5px; transition: all 0.3s ease; }
.btn-more:hover { background: rgba(255,189,64,0.2); color: #fff; }

@keyframes preloader {
  0% { background: #866d3f; }
  50% { background: #ae8b49; }
  100% { background: #ffbd40; }
}
@keyframes preloader-green {
  0% { background: #305001; }
  50% { background: #436f05; }
  100% { background: #679329; }
}
.preloader { text-align: center; }
.preloader span { display: inline-block; position: relative; vertical-align: middle; width: 10px; height: 10px; line-height: 12px; }
.preloader span:before { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 6px; }
.preloader span:first-child:before { animation: preloader 0.3s linear infinite; }
.preloader span:nth-child(2):before { animation: preloader 0.3s linear infinite 0.1s; }
.preloader span:nth-child(3):before { animation: preloader 0.3s linear infinite 0.2s; }
.preloader.green span:first-child:before { animation: preloader-green 0.3s linear infinite; }
.preloader.green span:nth-child(2):before { animation: preloader-green 0.3s linear infinite 0.1s; }
.preloader.green span:nth-child(3):before { animation: preloader-green 0.3s linear infinite 0.2s; }



.pay { background: rgba(60,52,76,0.32); border: 1px solid rgba(111,97,123,0.22); margin: 0 auto 50px; max-width: 1000px; padding: 30px 20px 40px; text-align: center; }
.pay .heading { text-align: center; color: #c3bec7; font-size: 25px; font-family: 'TTLakes'; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; }
.pay .sub-heading { margin: 30px 0; text-align: center; }
.pay .list { margin-bottom: 20px; }
.pay .list .item { float: left; width: calc(20% - 20px); background: rgba(98,83,104,0.22); border: 1px solid rgba(98,83,104,0.52); margin: 0 24px 24px 0; height: 172px; position: relative; cursor: pointer; transition: all 0.3s ease; }
.pay .list .item:nth-child(5n) { margin-right: 0; }
.pay .list .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.pay .list .item.active { border-color: #d84b7a; background: rgba(98,83,104,0.52); }
.pay .btn { font-size: 18px; padding: 0 30px; margin: 30px 0 0; cursor: pointer; }
.pay .sum .num { font-size: 30px; font-family: 'TTLakes'; color: #fffeff; }
.pay .info { position: absolute; color: #97949f; font-size: 18px; width: 290px; text-align: left; margin: -50px 0 0; }
.pay .hidden-input { margin-bottom: 20px; position: relative; display: none; }
.pay .hidden-input .nice-select { height: 48px; line-height: 44px; border-radius: 5px 0 0 5px; font-family: 'PTSans'; }
.pay .hidden-input .nice-select .current { font-size: 14px; border: none; }
.pay .hidden-input .select { position: absolute; margin: 0px 0 0; }
.pay .hidden-input .input { text-align: left; padding: 0 10px 0 60px; }
.pay .hidden-input ::-webkit-input-placeholder { transition: all 0.3s ease; }
.pay .hidden-input :focus::-webkit-input-placeholder { opacity: 0; transform: translateX(20px) scale(1); }
.pay .hidden-input .nice-select .option { font-size: 12px; }

.promo-form { }
.promo-form .promo-heading { color: #d84b7a; font-family: 'TTLakes'; font-size: 15px; cursor: pointer; }
.promo-form .promo-heading span { border-bottom: 1px dashed #d84b7a; }
.promo-form .promo-heading .ico-promo { background: url(https://cdn.x-api.net/mynew/images/ico-promo.png); width: 27px; height: 27px; display: inline-block; vertical-align: middle; margin: -1px 10px 0 0; }
.promo-form .promo-input { display: none; }


.sum-form { width: 224px; height: 57px; border-radius: 5px; margin: 0 auto 40px; border: 3px solid #ffbd40; padding: 1px; }
.sum-form .btn-minus { float: left; width: 44px; height: 49px; position: relative; cursor: pointer; }
.sum-form .btn-minus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/btn-minus.png); transition: all 0.3s ease; }
.sum-form .btn-minus:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/btn-minus.png) bottom; transition: all 0.3s ease; opacity: 0; }
.sum-form .btn-minus:hover:before { opacity: 0; }
.sum-form .btn-minus:hover:after { opacity: 1; }
.sum-form .btn-plus { float: right; width: 44px; height: 49px; position: relative; cursor: pointer; }
.sum-form .btn-plus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/btn-plus.png); transition: all 0.3s ease; }
.sum-form .btn-plus:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/btn-plus.png) bottom; transition: all 0.3s ease; opacity: 0; }
.sum-form .btn-plus:hover:before { opacity: 0; }
.sum-form .btn-plus:hover:after { opacity: 1; }
.sum-form .input-num { width: calc(100% - 88px); height: 49px; background: none; outline: none; border: none; text-align: center; color: #c3bec7; font-family: 'TTLakes'; font-size: 20px; }


.input { color: #d84b7a; font-size: 14px; background: none; text-align: center; height: 48px;  font-family: 'PTSans'; outline: none; border-radius: 5px; width: 100%; max-width: 300px; border: 2px solid #d84b7a; transition: all 0.3s ease; }
.input:focus { box-shadow: 0 0 6px #d84b7a, inset 0 0 6px #d84b7a; }

::-webkit-input-placeholder { color: #d84b7a; transition: all 0.3s ease; }
:focus::-webkit-input-placeholder { opacity: 0; transform: scale(1.3); }


.best { height: 360px; position: relative; margin-bottom: 40px;  }
.best .item { width: 250px; text-align: center; position: absolute; top: 40px; }
.best .item .place { font-family: 'TTLakes'; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #908d91; }
.best .item .name { color: #fff; margin-bottom: 14px; }
.best .item .avatar { width: 177px; height: 177px; border-radius: 100%; border: 4px solid #908d91; margin: 0 auto 40px; }
.best .item .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.best .item .grid { width: 200px; margin: 0 auto; }
.best .item .col { width: 50%; float: left; }
.best .item .col .num { font-size: 18px; font-weight: bold; color: #c3bec7; text-transform: uppercase; line-height: 18px; font-family: 'TTLakes'; }
.best .item .col .desc { font-weight: bold; font-size: 10px; margin: 3px 0 0;  color: #c3bec7; text-transform: uppercase; line-height: 10px; font-family: 'TTLakes';}
.best .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/place2.png); width: 244px; height: 207px; position: absolute; top: 44px; left: 50%; margin-left: -123px; }
.best .item:nth-child(1) { left: 50%; margin-left: -125px; top: 0; }
.best .item:nth-child(1) .avatar { width: 208px; height: 208px; border-color: #c99843; margin-bottom: 60px; }
.best .item:nth-child(1) .place { color: #e1a640; font-size: 18px; }
.best .item:nth-child(1) .name { font-size: 16px; }
.best .item:nth-child(1):after { background: url(https://cdn.x-api.net/mynew/images/place1.png); width: 329px; height: 287px; margin-left: -165px; top: 11px; }
.best .item:nth-child(2) { left: 50%; margin-left: -495px; }
.best .item:nth-child(3) { left: 50%; margin-left: 245px; }
.best .item:nth-child(3) .place { color: #ac795e; }
.best .item:nth-child(3) .avatar { border-color: #ac795e; }
.best .item:nth-child(3):after { background: url(https://cdn.x-api.net/mynew/images/place3.png); width: 244px; height: 216px; top: 34px; }



.border-sep { height: 1px; background: #493d58; margin: 50px 0; }
.border-sep.second { margin: 20px 0 50px; }

.deposite { width: 300px; margin: 25px auto 0; position: relative; background: rgba(98,83,104,0.32); padding: 1px; border: 3px solid #8b6880; border-radius: 5px; height: 57px; }
.deposite .btn-pay { width: 112px; height: 49px; line-height: 50px; float: right; color: #251837; font-size: 15px; text-transform: uppercase; font-family: 'TTLakes'; font-weight: bold; background: #f9ae32; cursor: pointer; }
.deposite .input-num { width: calc(100% - 112px); height: 49px; outline: none; border: none; background: none; text-align: center; font-family: 'TTLakes'; color: #a6a1a1; font-size: 25px; }
.deposite .btn-pay:hover { background: #dd4c7c; color: #fff; }

.opened { background: url(https://cdn.x-api.net/mynew/images/opened.png); width: 180px; line-height: 59px; height: 57px; margin: 0 auto 25px; color: #241837; text-transform: uppercase; font-family: 'TTLakes'; font-weight: bold; cursor: pointer; }


.profile-steps { background: rgba(0,0,0,0.44); width: calc(100% + 140px); margin: -36px 0 50px -70px; text-align: center; padding: 50px 0; position: relative; transition: all 0.3s ease; }
.profile-steps .list { max-width: 1060px; margin: 0 auto; position: relative; z-index: 1; }
.profile-steps .list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/profile-points.png) no-repeat center; height: 5px; width: 100%; position: absolute; left: 0; top: 66px; }
.profile-steps .list .item:nth-child(1) { position: absolute; left: -50px; top: 0; width: 140px; }
.profile-steps .list .item { margin: 0 auto; width: 240px; }
.profile-steps .list .item:nth-child(3) { position: absolute; right: -50px; top: 0;  width: 140px; }
.profile-steps .list .item .ico { background: url(https://cdn.x-api.net/mynew/images/ico-profile-no.png); width: 55px; height: 55px; margin: 0 auto 15px; }
.profile-steps .list .item.active .ico { background: url(https://cdn.x-api.net/mynew/images/ico-profile-ok.png); }
.profile-steps .list .item.active .name { color: #ffbd40; }
.profile-steps .list .item .name { color: #84355c; text-transform: uppercase; font-size: 18px; font-family: 'PTSans Narrow'; font-weight: bold; margin-bottom: 18px; }
.profile-steps .list .item .desc { color: #d7d7d7; font-family: 'PTSans Narrow'; }
.profile-steps .profile-close { background: url(https://cdn.x-api.net/mynew/images/profile-close.png); width: 22px; height: 22px; position: absolute; right: 25px; top: 25px; cursor: pointer; opacity: 0.5; }

.profile-steps .profile-close:hover { opacity: 0; }
.profile-steps.hide { height: 0; overflow: hidden; padding: 0; opacity: 0;  }



.profile { margin-bottom: 50px; position: relative; }
.profile .user { width: 208px; margin: 0 auto 10px; position: relative; text-align: center; font-family: 'TTLakes'; }
.profile .user:before { content: ''; background: url(); width: 524px; height: 267px; position: absolute; top: 42px; left: 50%; margin-left: -262px; z-index: -1; }
.profile .user.other:before { background: url(https://cdn.x-api.net/mynew/images/user-badge2.png); }
.profile .user.other { margin-bottom: -20px;}
.profile .user .name { color: #d7d7d7; font-size: 25px; font-weight: bold; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile .user .avatar { width: 208px; height: 208px; border-radius: 100%; border: 4px solid #e1a640; margin: 0 auto 4px; }
.profile .user .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.profile .user .balance { color: #231f20; font-size: 25px; min-height: 40px; line-height: 35px; font-weight: 900; position: relative; z-index: 1; }
.profile .user .balance sup { font-size: 18px; position: relative; top: 4px; left: 4px; text-transform: uppercase; }
.profile .user .stat { position: absolute; top: 116px; left: 0; width: 100%; }
.profile .user .stat .item { width: 130px; text-align: center; position: absolute; }
.profile .user .stat .item .num { color: #e1a640; font-size: 45px; font-weight: 900; line-height: 55px; }
.profile .user .stat .item .desc { color: #d7d7d7; text-transform: uppercase; font-weight: bold; font-size: 20px; }
.profile .user .stat .item:nth-child(1) { left: -140px; }
.profile .user .stat .item:nth-child(2) { right: -140px; }
.profile .btn-profile-steam { background: url(https://cdn.x-api.net/mynew/images/btn-profile-steam.png); width: 196px; height: 46px; display: block; margin: 20px auto 0; cursor: pointer; }
.profile .btn-profile-steam:hover { filter: brightness(1.2); }
.profile .tradelink { margin: 5px 0 0; }
.profile .tradelink .heading { cursor: pointer; }
.profile .tradelink .heading span { color: #92a854; }
.profile .tradelink .heading .ico-tradelink { background: url(https://cdn.x-api.net/mynew/images/ico-tradelink.png); width: 20px; height: 20px; background-size: 100% 100%; display: inline-block; vertical-align: middle; margin: -3px 0 0 10px; }
.profile .tradelink .form { width: 320px; padding: 1px; border: 2px solid #1f5bde; position: relative; overflow: hidden;  transition: all 0.4s ease; float: right; }
.profile .tradelink.active .form { height: 56px; opacity: 1; overflow: visible; margin: 15px 0 15px; }
.profile .tradelink .form:after { content: ''; width: 0; height: 0; position: absolute; right: 5px; top: -8px; border-bottom: 8px solid #5e4e60; border-right: 8px solid transparent; border-left: 8px solid transparent; }
.profile .tradelink .form .btn-form { float: right; width: 87px; height: 50px; line-height: 50px; color: #d7d7d7; font-family: 'PTSans Narrow'; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); background: #df296b; text-align: center; cursor: pointer; }
.profile .tradelink .form .btn-form:hover { background: #dd4c7c; color: #d7d7d7; }
.profile .tradelink .form .textarea { width: calc(100% - 87px); height: 50px; resize: none; color: #97949f; font-size: 12px; font-family: 'PTSans';  background: none; outline: none; border: none; overflow: hidden; }
.profile .tradelink .form .link { font-size: 12px; margin: 5px 0 0; }
.profile .link-swin { text-decoration: none; }
.profile .link-swin .ico-swin { position: relative; width: 19px; height: 26px; display: inline-block; vertical-align: middle; margin: -2px 1px 0 10px; }
.profile .link-swin .ico-swin:before { content: ''; position: absolute; top: 0; left: 0; background: url(https://cdn.x-api.net/mynew/images/ico-swin.png); width: 100%; height: 100%; transition: all 0.3s ease; }
.profile .link-swin:hover .ico-swin:before { opacity: 0; }
.profile .link-swin .ico-swin:after { content: ''; position: absolute; top: 0; left: 0; background: url(https://cdn.x-api.net/mynew/images/ico-swin.png) bottom; opacity: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
.profile .link-swin:hover .ico-swin:after { opacity: 1; }
.profile .link-swin span { font-family: 'TTLakes'; color: #f43b3b; border-bottom: 1px dashed #f43b3b; transition: all 0.3s ease; }
.profile .link-swin:hover span { color: #939393; border-color: #939393; }
.profile .like-case { background: url(https://cdn.x-api.net/mynew/images/like-case.png); width: 234px; height: 211px; position: absolute; left: 50%; margin-left: -565px; top: 46px; text-align: center; padding: 8px 0 0; }
.profile .like-case:hover { filter: brightness(1.2);}
.profile .like-case .heading { color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 500; margin-bottom: 15px;  }
.profile .like-case .image { height: 120px; position: relative; margin-bottom: 4px; }
.profile .like-case .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.profile .like-case .name { color: #fff; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; }
.profile .best-case { width: 200px; position: absolute; right: 50%; margin-right: -550px; top: 46px; }
.profile .best-case .heading { background: url(https://cdn.x-api.net/mynew/images/best-case.png); width: 200px; height: 32px; line-height: 34px; text-align: center; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 500; margin-bottom: -16px;  z-index: 2; position: relative; }
.profile .best-case .item { background: rgba(0,0,0,0.15); height: 185px; padding: 15px 0 0; position: relative; text-align: center; width: 100%; z-index: 1; transition: filter 0.3s ease; }
.profile .best-case .item:hover { filter: brightness(1.2);}
.profile .best-case .item:after { content: ''; background-size: 100% 100% !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #261a38; }
.profile .best-case .item.milspec:after { background: url(https://cdn.x-api.net/mynew/images/item-milspec.png) no-repeat center; }
.profile .best-case .item.restricted:after { background: url(https://cdn.x-api.net/mynew/images/item-restricted.png) no-repeat center; }
.profile .best-case .item.covert:after { background: url(https://cdn.x-api.net/mynew/images/item-covert.png) no-repeat center; }
.profile .best-case .item.knife:after { background: url(https://cdn.x-api.net/mynew/images/item-knife.png) no-repeat center; }
.profile .best-case .item.other:after { background: url(https://cdn.x-api.net/mynew/images/item-milspec.png) no-repeat center; }
.profile .best-case .item:nth-child(6n) { margin-right: 0; }

.profile .best-case .item .image { height: 105px;  margin-bottom: 5px; }
.profile .best-case .item .image img { max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.profile .best-case .item .name { text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; padding: 11px 5px; font-family: 'TTLakes'; font-size: 16px; font-weight: normal; margin: 0 0 2px; white-space: nowrap; }
.profile .best-case .item .desc { color: #d7d7d7; font-size: 14px; font-family: 'PTSans'; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile .best-case .item.milspec .desc { color: #8ed2ff; }
.profile .best-case .item.restricted .desc { color: #bb8dff; }
.profile .best-case .item.classified .desc { color: #ff8de3; }
.profile .best-case .item.covert .desc { color: #ff8d8d; }
.profile .best-case .item.knife .desc { color: #ffe08d; }
.profile .best-case .item.other .desc { color: #12e5e7; }
.profile .best-case .item .small-price { background: url(https://cdn.x-api.net/mynew/images/small-price.png); width: 79px; height: 55px; color: #000; line-height: 60px; font-family: 'TTLakes'; font-size: 15px; white-space: nowrap; font-weight: bold; text-transform: uppercase; position: absolute; right: -9px; bottom: -18px; z-index: 3; }
.profile .best-case .item .small-price span { font-size: 16px; position: relative; top: 0px; left: -1px; }
.profile .user-box { margin: -60px 0 0; }
.profile .user-box .col { width: calc(50% - 90px); float: left; text-align: right; }
.profile .user-box .col:nth-child(2) { float: right; text-align: left; }
.profile .user-box .checks { position: relative; z-index: 1; margin: -2px 0 0; }
.profile .user-box .checks .item { margin: 6px 0; }

.checkbox { display: none; }
.checkbox + label span { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: #302b36; border: 3px solid #9ad93a; margin: -4px 10px 0 0; position: relative; }
.checkbox + label { font-size: 14px; cursor: pointer;  }
.checkbox:checked + label span { box-shadow: 0 0 15px rgba(154,217,58,0.3); }
.checkbox:checked + label span:after { content: ''; width: 6px; height: 6px; position: absolute; top: 4px; left: 4px; background: #9ad93a; }

.change-sum { display: inline-block; vertical-align: top; position: relative; color: #9ad93a; }
.change-sum:hover .dropdown { opacity: 1; visibility: visible; }
.change-sum .current { background: #1e142b; border-radius: 5px; padding: 0 3px; }
.change-sum .dropdown { background: #1e142b;  color: #a4a4a4; padding: 3px 0; position: absolute; border-radius: 5px; width: 68px; top: 100%; left: 50%; margin-left: -34px; text-align: center; box-shadow: 0 5px 10px rgba(0,0,0,0.15); opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.change-sum .dropdown .sum { margin: 2px 0; transition: all 0.3s ease; }
.change-sum .dropdown .sum:hover { color: #fff; }

.profile-items .item .caption { position: absolute; height: 110px; top: 15px; left: 0; width: 100%; opacity: 0; transition: all 0.3s ease; }
.profile-items .item .image { transition: all 0.3s ease; }
.profile-items .item:hover { z-index: 9999; }
.profile-items .item:hover .image { opacity: 0; }
.profile-items .item:hover .caption { opacity: 1; }
.profile-items .item .caption img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%;}



.tabs { margin: 0px auto 35px auto; text-align: center; } 
.tabs .tab {  display: inline-block; margin: 6px 40px 15px; z-index: 1; vertical-align: middle; height: 57px; line-height: 58px; width: 300px; text-align: center; color: #ffffff; text-transform: uppercase; font-family: 'TTLakes'; font-size: 16px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); position: relative; }
.tabs .tab:before { content: ''; width: 100%; height: 100%; box-sizing: border-box; background: rgba(255,255,255,0.1); position: absolute; top: 0; left: 0; z-index: -1; border: 1px solid rgba(255,255,255,0.6); border-radius: 5px; transition: all 0.3s ease; transform: skewX(-10deg); }
.tabs .tab.active:before, .tabs .tab:hover:before { border-color: #ffbd40; background: rgba(255,189,64,0.1); }
.tabs .tab:hover { }
.tabs .tab.active { color: #ffbd40; }
.tabs .tab.active:after { content: ''; width: 0; height: 0; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; border-top: 10px solid #ffbd40; border-right: 10px solid transparent; border-left: 10px solid transparent; }


.tooltip { position: absolute; bottom: calc(100% + 10px); left: 50%; margin-left: -103px; width: 206px; color: #dd4c7c; font-size: 14px; font-family: 'PTSans'; line-height: 18px; z-index: 5; border: 1px solid #9a3963; border-radius: 15px; background: rgba(53,28,61,0.8); padding: 15px; transition: all 0.3s ease; }
.tooltip.hide { opacity: 0; visibility: hidden; bottom: calc(100% + 50px); }
.tooltip:after { content: ''; width: 0; height: 0; position: absolute; left: 50%; margin-left: -6px; bottom: -6px; border-top: 6px solid #9a3963; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.tooltip .close-tooltip { background: url(https://cdn.x-api.net/mynew/images/close-tooltip.png); width: 16px; height: 16px; position: absolute; top: -4px; right: -4px; cursor: pointer; }
.tooltip .close-tooltip:hover { filter: brightness(1.2); }


.reviews { text-align: center; }
.reviews .heading { color: #dd4c7c; font-size: 25px; text-transform: uppercase; font-family: 'TTLakes'; font-weight: bold; }
.reviews .item { float: left; width: 33.3333%; padding: 0 10px; margin: 0 0 50px; color: #cfcfd0; }
.reviews .item .desc { max-width: 340px; margin: 0 auto; }
.reviews .item a { color: #dd4c7c; }
.reviews .item a:hover { color: #ff5f94; }


.contracts { margin-bottom: 20px; }
.contracts .item { height: 199px; width: calc(50% - 10px); margin: 0 auto 40px auto; position: relative; transition: all 0.3s ease; }
.contracts .item:hover { filter: brightness(1.3); }
.contracts .item:nth-child(2n) { margin-right: 0; }
.contracts .big-image { height: 199px; width: 180px; text-align: center; position: relative; z-index: 1; padding: 15px 0 0; }
.contracts .big-image:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/contracts-big-image.png); width: 193px; height: 199px; position: absolute; top: 0; left: 0; z-index: -1; }
.contracts .big-image .image { height: 110px; margin-bottom: 5px; position: relative; }
.contracts .big-image .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }
.contracts .big-image .name { color: #d7d7d7; font-size: 18px; text-transform: uppercase; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'TTLakes'; }
.contracts .big-image .desc { color: #d7d7d7; font-size: 14px; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.contracts .big-image .small-price { background: url(https://cdn.x-api.net/mynew/images/small-price.png); width: 79px; height: 55px; color: #000; line-height: 60px; font-family: 'TTLakes'; font-size: 18px; font-weight: bold; text-transform: uppercase; position: absolute; right: -3px; bottom: -18px; z-index: 3; }
.contracts .big-image .small-price span { font-size: 16px; position: relative; top: 0px; left: -1px; }
.contracts .list { width: calc(100% - 190px); right: 0; border: 2px solid #7e4164; top: 0; position: absolute; border-left: 0; height: 199px; }
.contracts .list .align { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.contracts .list .sub-item { float: left; width: 20%; position: relative; height: 60px; }
.contracts .list .sub-item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 70%; max-height: 120%; }
.contracts .list .price { position: absolute; bottom: 8px; right: 10px; color: #a9a8ab; font-size: 13px; text-transform: uppercase; font-family: 'TTLakes'; }


.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; overflow: auto; opacity: 0; visibility: hidden; transition: all 0.5s ease 0.3s; }
.overlay .overlay-fade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s ease 0.3s; }
.overlay .overlay-fade:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: rgba(36,24,56,0.66); transition: all 0.5s ease 0.3s; opacity: 1; }
.overlay .overlay-fade:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: rgba(36,24,56,0.66); transition: all 0.5s ease 0.3s; opacity: 0; }
.overlay.active { opacity: 1; visibility: visible; transition: all 0.5s ease; }
.overlay.active .overlay-fade:before, .overlay.active .overlay-fade:after { opacity: 1; visibility: visible; height: 50%; transition: all 0.5s ease; }


.popup.active { opacity: 1; visibility: visible; transform: scale(1) translate(-50%,-50%); transition: all 0.5s ease 0.3s; }

.popup .close { position: absolute; top: -40px; right: 0; width: 23px; height: 24px; cursor: pointer; }
.popup .close:before { content: '';  background: url(https://cdn.x-api.net/mynew/images/ico-close.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
.popup .close:hover:before { opacity: 0; }
.popup .close:after { content: '';  background: url(https://cdn.x-api.net/mynew/images/ico-close.png) bottom; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
.popup .close:hover:after { opacity: 1; }


.popup#signature { background: #291c3b; border-radius: 5px; padding: 25px 20px 20px; width: calc(100% - 20px); max-width: 370px; border: 2px solid #d84b7a; }
.popup#signature .heading { color: #c3bec7; font-family: 'TTLakes'; font-size: 22px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
.popup#signature .btn { width: 240px; text-align: center; cursor: pointer; }
.popup#signature .info { color: #dd4c7c; font-size: 12px; margin: 15px 0 0; }
.popup#signature .sign { width: 240px; height: 138px; margin: 0 auto 12px; position: relative; border: 1px solid #47304b;}
.popup#signature .sign:after { content: 'Место для вашей подписи'; width: 110px; position: absolute; top: 50px; left: 50%; margin-left: -55px; color: #4b3c58; font-size: 14px; line-height: 16px; }
.popup#signature .sign .approved { background: url(https://cdn.x-api.net/mynew/images/approved.png); width: 138px; height: 137px; position: absolute; bottom: -45px; right: -45px; z-index: 3;}
.popup#signature #sign { position: absolute; z-index: 1; width: 268px; height: 138px; left: 0; }
.popup#swin { background: #291c3b; border-radius: 5px; padding: 20px 20px 20px; width: calc(100% - 20px); max-width: 570px; border: 2px solid #d84b7a; }


.black-info { text-align: center; margin-bottom: 30px; }
.black-info .inner { background: rgba(0,0,0,0.22); text-align: center; padding: 20px 20px; border-radius: 5px;  position: relative; transition: all 0.3s ease; display: inline-block; }
.black-info .image { display: inline-block; vertical-align: middle; margin: 0 20px 0 0; }
.black-info .info { display: inline-block; vertical-align: middle;  text-align: left; font-family: 'PTSans Narrow'; }


.contract .items { max-width: 1000px; margin: 0 auto; }
.contract .items .item { width: calc(20% - 40px); cursor: pointer; }
.contract .items .item:nth-child(6n) { margin-right: 46px; }
.contract .items .item:nth-child(5n) { margin-right: 0; }
.contract .items .item.none { background: none; border: 1px solid rgba(59,47,75,0.62); }
.contract .items .item.none .text { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #4b3c58; font-size: 14px; line-height: 16px; }
.contract .items .item .pick { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/ico-pick.png) no-repeat center; border: 1px solid #ffbd40; }
.contract .btn { width: 230px; cursor: pointer; }
.contract .link-clear { position: absolute; color: #dd4c7c; font-size: 16px; font-weight: bold; font-family: 'TTLakes'; text-transform: uppercase; border-bottom: 1px dashed #dd4c7c; line-height: 18px; margin: 20px 0 0 -130px; }
.contract .link-clear:hover { border-color: rgba(221,72,124,0); }


.relative { position: relative; }


.change { position: relative; }
.change .col { width: calc(50% - 60px); float: left; }
.change .col:nth-child(2) { float: right; }
.change .items .item { width: calc(33.333% - 20px); margin: 0 30px 30px 0; cursor: pointer; }
.change .items .item:nth-child(6n) { margin-right: 30px; }
.change .items .item:nth-child(3n) { margin-right: 0; }
.change .items .item.none { background: none; border: 1px solid rgba(59,47,75,0.62); }
.change .items .item.none .text { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #4b3c58; font-size: 14px; line-height: 16px; }
.change .items .item .pick { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://cdn.x-api.net/mynew/images/ico-pick.png) no-repeat center; border: 1px solid #ffbd40; }
.change .change-line { width: 1px; height: calc(100% - 30px); background: #50415b; position: absolute; top: 0; left: 50%; }
.change .change-line .btn-change { width: 75px; height: 262px; position: absolute; top: 50%; margin-top: -131px; left: 50%; margin-left: -37px; cursor: pointer; }
.change .change-line .btn-change:before { content: '';  background: url(https://cdn.x-api.net/mynew/images/btn-change.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; cursor: pointer; }
.change .change-line .btn-change:hover:before { opacity: 0;  }
.change .change-line .btn-change:after { content: '';  background: url(https://cdn.x-api.net/mynew/images/btn-change.png) right; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
.change .change-line .btn-change:hover:after { opacity: 1;  }




.sep-arrow { background: url(https://cdn.x-api.net/mynew/images/sep-arrow.png); width: 70px; height: 70px; margin: 0 auto 30px; }

.create-case { }
.create-case .medium-desc { max-width: 450px; margin: 0 auto 30px; }


.tabs-info { text-align: center; margin-bottom: 30px; }
.tabs-info .item { display: inline-block; vertical-align: middle; margin:  0 14px 20px; position: relative; color: #dd4c7c; font-size: 16px; border: 1px solid rgba(221,76,124,0.25); background: rgba(221,76,124,0.035); border-radius: 15px; padding: 12px 20px 12px 38px; }
.tabs-info .item:before { content: ''; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 18px; top: 50%; margin-top: -3px; background:  rgba(221,76,124,1); box-shadow: 0 0 10px #c33b68; }


.create-list .items .item:not(.none) { cursor: pointer; }
.create-list .items .item.none { background: none; border: 1px solid rgba(59,47,75,0.62); }
.create-list .items .item .text { display: none; }
.create-list .items .item.none .text { display: block; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #4b3c58; font-size: 14px; line-height: 16px; }
.create-list .items .item.none .text .num { font-size: 64px; line-height: 64px; font-family: 'TTLakes'; }
.create-list .items .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.create-list .items .item .fade { opacity: 0; transition: all 0.3s ease; }
.create-list .items .item:hover .fade { opacity: 1; }


.create-price { text-align: center; max-width: 1001px; margin: 0 auto; padding-bottom: 50px; }
.create-price .sub-heading { margin-bottom: 40px; }
.create-price .slider-fixed { margin-bottom: 20px; height: 5px; }
.create-price .points { margin-bottom: 30px; position: relative; }
.create-price .points .scale { background: url(https://cdn.x-api.net/mynew/images/points.png) no-repeat center; height: 25px; background-size: 100% 100%; }
.create-price .points .sum { color: #97949f; font-size: 12px; width: 80px; text-align: center; position: absolute; margin-top: 5px; }
.create-price .points .sum.min { left: -40px; }
.create-price .points .sum.half { left: 50%; margin-left: -40px; }
.create-price .points .sum.max { right: -40px; }
.create-price .desc { position: relative; }
.create-price .desc .item { color: #c57474; font-size: 12px; width: 80px; text-align: center; position: absolute; margin-top: 5px; text-transform: uppercase; top: 0; }
.create-price .desc .item span { color: #777480; font-size: 10px; display: block; }
.create-price .desc .item:nth-child(1) { left: -40px; }
.create-price .desc .item:nth-child(2) { position: static; margin: 0 auto; width: 164px; text-align: center; }
.create-price .desc .item:nth-child(3) { right: -40px; }
.create-price .input { height: 57px; border-color: #ffbd40; color: #d7d7d7; font-size: 20px; font-family: 'TTLakes'; }
.create-price .input:focus { border-color: #dd4c7c; }
.create-case .btn-big-create { background: url(https://cdn.x-api.net/mynew/images/btn-createcase.png) center; max-width: 346px; width: 100%; height: 57px; line-height: 59px; color: #f8f6fc; text-transform: uppercase; font-family: 'TTLakes'; font-size: 15px; font-weight: bold; display: inline-block; margin-top: 26px; border-radius: 5px; cursor: pointer; }
.create-case .btn-big-create .ico-create { background: url(https://cdn.x-api.net/mynew/images/ico-create-white.png); width: 31px; height: 30px; display: inline-block; vertical-align: middle; margin: -4px 10px 0 0; }
.create-case .btn-big-create:hover { filter: brightness(1.2); }


.filters { max-width: 1060px; margin: 0 auto 40px; }
.filters .search { float: left; width: calc(100% - 300px); position: relative; }
.filters .search .search-input { height: 53px; width: 100%; outline: none; border: 1px solid #332745; background: #181025; padding: 0 60px 0 20px; font-family: 'PTSans'; font-size: 14px; color: #fff; }
.filters .search .search-input:focus { transition: all 0.3s ease; border-color: #dd4c7c; }
.filters .sort { float: right; text-align: right; }
.filters .search ::-webkit-input-placeholder { color: #97949f; transition: all 0.3s ease; }
.filters .search :focus::-webkit-input-placeholder { opacity: 0; transform: translateX(20px) scale(1); }
.filters .btn-search { width: 60px; height: 53px; position: absolute; top: 0; right: 0; cursor: pointer; }
.filters .btn-search:before { content: ''; width: 33px; height: 33px; background: url(https://cdn.x-api.net/mynew/images/btn-search.png); position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -16px; transition: all 0.3s ease; }
.filters .btn-search:hover:before { opacity: 0; }
.filters .btn-search:after { content: ''; width: 33px; height: 33px; background: url(https://cdn.x-api.net/mynew/images/btn-search.png) bottom; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -16px; transition: all 0.3s ease; opacity: 0; }
.filters .btn-search:hover:after { opacity: 1; }


.add-box { max-width: 1060px; margin: 0 auto 50px; }
.add-box .sidebar { float: left; width: 240px; }
.add-box .container { float: right; width: calc(100% - 280px); }
.add-box .items .item { cursor: pointer; width: calc(25% - 34.5px); }
.add-box .items .item:nth-child(6n) { margin-right: 46px; }
.add-box .items .item:nth-child(4n) { margin-right: 0; }
.add-box .items .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.add-box .items .item .fade { opacity: 0; transition: all 0.3s ease; }
.add-box .items .item:hover .fade { opacity: 1; }
.add-box .box { margin-bottom: 30px; border-radius: 15px; padding: 22px 22px 15px; background: rgba(47,32,61,0.25); border: 1px solid rgba(165,112,130,0.25); }
.add-box .box .heading { color: #b66b6e; text-transform: uppercase; font-family: 'TTLakes'; font-size: 15px; margin-bottom: 20px; }
.add-box .types { list-style: none; position: relative; }
.add-box .types .ico { height: 38px; position: relative; width: 70px; display: inline-block; vertical-align: middle; margin: -3px 10px 0 -10px; }
.add-box .types .ico img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.add-box .types li a { padding: 3px 0; display: block; color: #d7d7d7; position: relative; z-index: 2; font-size: 12px; text-transform: uppercase; font-family: 'TTLakes'; }
.add-box .types li a:hover, .add-box .types li a.active { color: #ffbd40; }
.add-box .types-hover { position: absolute; top: 0; left: -22px; width: calc(100% + 44px); height: 1px; background: #442e49; transition: all 0.5s ease; }
.add-box .types-hover:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/types-left.png); width: 25px; height: 26px; position: absolute; top: -12px; left: 0; }
.add-box .types-hover:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/types-right.png); width: 25px; height: 26px; position: absolute; top: -12px; right: 0; }
.add-box .rars { list-style: none; }
.add-box .rars li { margin: 22px 0; }
.add-box .rars li:last-child { margin-bottom: 10px; }
.add-box .rars li a { padding-left: 65px; color: #d7d7d7; text-transform: uppercase; font-size: 12px; font-family: 'TTLakes'; position: relative; }
.add-box .rars li a:before { content: ''; width: 14px; height: 14px; border-radius: 100%; border: 2px solid #d7d7d7; position: absolute; left: 15px; top: 50%; margin-top: -8px; box-sizing: border-box; }
.add-box .rars li a:after { content: ''; width: 14px; height: 14px; border-radius: 100%; background: #d7d7d7; position: absolute; left: 15px; top: 50%; margin-top: -8px; box-sizing: border-box; box-shadow: 0 0 15px #9e5437; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(1.5); }
.add-box .rars li a:hover:after, .add-box .rars li a.active:after { opacity: 1; visibility: visible; transform: scale(1); }
.add-box .rars li a.milspec { color: #5663bf; }
.add-box .rars li a.milspec:before { border-color: #5663bf; }
.add-box .rars li a.milspec:after { background: #5663bf; }
.add-box .rars li a.restricted { color: #6135c8; }
.add-box .rars li a.restricted:before { border-color: #6135c8; }
.add-box .rars li a.restricted:after { background: #6135c8; }
.add-box .rars li a.classified { color: #b047d4; }
.add-box .rars li a.classified:before { border-color: #b047d4; }
.add-box .rars li a.classified:after { background: #b047d4; }
.add-box .rars li a.covert { color: #db2a2a; }
.add-box .rars li a.covert:before { border-color: #db2a2a; }
.add-box .rars li a.covert:after { background: #db2a2a; }
.add-box .rars li a.knife { color: #3b9dc6; }
.add-box .rars li a.knife:before { border-color: #3b9dc6; }
.add-box .rars li a.knife:after { background: #3b9dc6; }
.add-box .rars li a.other { color: #62c1c0; }
.add-box .rars li a.other:before { border-color: #62c1c0; }
.add-box .rars li a.other:after { background: #62c1c0; }


.create-form { position: relative; background: url(https://cdn.x-api.net/mynew/images/pickcase.png) no-repeat center; height: 604px; margin: -70px 0 -30px -70px; width: calc(100% + 140px); padding: 106px 0 0; }
.create-form .col { width: 310px; position: absolute; text-align: center; top: 0; }
.create-form .col .sub-heading {color: #b66b6e; font-family: 'TTLakes'; text-transform: uppercase; margin: 4px 0 24px; }
.create-form .col.case-col { left: 0; }
.create-form .col.case-emblem { right: 0; }
.create-form .container { max-width: 1014px; margin: 0 auto; position: relative; }
.create-form .mid { margin: 0 auto; width: 300px; position: relative; left: -2px; }
.create-form .mid .sub-heading { color: #d7d7d7; font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: center; font-family: 'TTLakes'; }
.create-form .scroller { height: 360px; position: relative; }
.create-form .col .list .item { float: left; width: calc(50% - 2px); margin: 0 2px 2px 0; position: relative; height: 126px; background: rgba(57,45,74,0.48); cursor: pointer; transition: all 0.3s ease; }
.create-form .col .list .item:hover, .create-form .col .list .item.active { background: rgba(57,45,74,0.78); }
.create-form .col .list .item:nth-child(2n) { margin-right: 0; }
.create-form .col .list .item img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 70%; }
.create-form .finish-image { height: 180px; position: relative; margin: 60px 0 15px;  }
.create-form .finish-image .image { }
.create-form .finish-image .image img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.create-form .finish-image .emblem { position: absolute; left: calc(50% + 25px); top: 50%; transform: translate(-50%,-50%); width: 54px; }
.create-form .finish-image .emblem img { width: 100%; }
.create-form .info { text-align: center; }
.create-form .info .desc { color: #f6b641; font-size: 16px; margin-bottom: 15px; }
.create-form .info .desc span { display: block; color: #97949f; font-size: 14px; }
.create-form .input { background: #181025; box-shadow: none; border: 3px solid #3d2f46; }
.create-form .input:focus { border-color: #dd4c7c; }
.create-form ::-webkit-input-placeholder { color: #6e6c74; transition: all 0.3s ease; }
.create-form :focus::-webkit-input-placeholder { opacity: 0; transform: scale(1.3); }


.slimScrollDiv { padding-right: 10px; }
.slimScrollBar { cursor: pointer; }

.overlay-mobile { opacity: 0; visibility: hidden; position: fixed; }
.mobile-top { display: none; }

.disable { opacity: 0.2; cursor: default; filter: grayscale(1); }

.creater-info { background: url(https://cdn.x-api.net/mynew/images/creater-info.png) no-repeat center; height: 148px; max-width: 853px; margin: 0 auto 40px; position: relative; padding: 1px 0 0; }
.creater-info .avatar { width: 90px; height: 90px; top: -13px; border-radius: 100%; border: 5px solid #ffbd40; position: absolute; left: 50%; margin-left: -45px; }
.creater-info .avatar img { width: 100%; height: 100%;    border-radius: 50px; }
.creater-info .col { color: #d7d7d7; font-size: 12px; text-transform: uppercase; font-family: 'TTLakes'; position: absolute; top: 58px; width: 160px; }
.creater-info .col:after { content: ''; width: 10px; height: 10px; background: #d94b7b; border-radius: 100%; box-shadow: 0 0 50px 40px #d94b7b; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; z-index: -1; opacity: 0.3; }
.creater-info .col span { display: block; color: #ffbd40; font-size: 50px; line-height: 50px; margin: 2px 0 0; }
.creater-info .col.first { left: 145px; }
.creater-info .col.second { right: 145px; white-space: nowrap; }
.creater-info .mid { margin: 90px 0 0; font-size: 12px; font-family: 'TTLakes'; color: #ffbd40; }
.creater-info .mid span { display: block; font-size: 16px; color: #d7d7d7; }
.creater-info .image { width: 143px; height: 58px; position: absolute; left: 50%; margin-left: -71px; top: 14px; }
.creater-info .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.profile-items [data-tooltip]:after { top: auto; bottom: 100%; width: auto; margin-left: 0; transform: translateX(-50%); text-align: center; cursor: pointer; padding: 5px 10px; }
.profile-items [data-tooltip]:hover:after { bottom: calc(100% + 5px); }



/*.case-heading { background: url(https://cdn.x-api.net/mynew/images/case-heading.png) no-repeat center; height: 48px; line-height: 48px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #d7d7d7; font-size: 16px; font-weight: bold; font-family: 'TTLakes'; margin-bottom: 40px; margin-top: 20px; }
*/
.case-heading { height: 48px; line-height: 48px; text-align: inherit; white-space: nowrap; text-overflow: ellipsis; color: #d7d7d7; font-size: 16px; font-weight: bold; font-family: 'TTLakes'; margin-bottom: 40px; margin-top: 20px; position: relative; z-index: 1; }
.case-heading:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -15px;
    height: 3px;
    width: 687px;
    z-index: -1;
    background-image: linear-gradient(-90deg,rgba(249,172,43,0),#df2d6f 36%,#aa82e0);

}








	
	
	}
.case-heading .icon { display: inline-block; vertical-align: middle; height: 40px; position: relative; width: 40px; margin: -2px 10px 0 0; }
.case-heading .icon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.case-heading span { display: inline-block; vertical-align: middle; max-width: calc(100% - 44px); }

.languages { background: url(https://cdn.x-api.net/mynew/images/languages.png); width: 278px; height: 91px; position: absolute; top: 1083px; left: 0; padding: 16px 0 0 99px; font-family: 'TTLakes'; font-size: 15px; text-transform: uppercase; }
.languages a { color: #cac5ce; font-weight: bold; }
.languages .item { margin: 6px 0; }
.languages a:hover, .languages a.active { color: #f6b641; text-shadow: 0 0 10px rgba(246,182,65,0.5); }


.shadow-sep { background: url(https://cdn.x-api.net/mynew/images/shadow.png) no-repeat center; height: 156px; margin: -130px auto 40px; }

.stat-grid { text-align: center; font-family: 'TTLakes'; margin: -20px 0 0; }
.stat-grid .item { display: inline-block; vertical-align: top; width: 185px; height: 109px; margin: 0 10px 7px; font-weight: bold; padding: 26px 0 0; }
.stat-grid .item:first-child { background: url(https://cdn.x-api.net/mynew/images/stat-grid-left.png); }
.stat-grid .item { background: url(https://cdn.x-api.net/mynew/images/stat-grid-center.png); }
.stat-grid .item:last-child { background: url(https://cdn.x-api.net/mynew/images/stat-grid-right.png); }
.stat-grid .item .heading { color: #ffbd40; margin-bottom: 8px; }
.stat-grid .item .num { font-size: 30px; line-height: 30px; }
.stat-grid.second { margin: 50px 0; }


.farm-list { margin: 40px auto ; max-width: 1240px; }
.farm-list .item { perspective: 1000px; }
.farm-list .item .image { transform: scale(0); transition: all 0.5s ease; }
.farm-list .item.show .image { transform: scale(1); }
.farm-list .item .name { transform: scale(0); transition: all 0.5s ease; }
.farm-list .item.show .name { transform: scale(1); }
.farm-list .item .desc { transform: scale(0); transition: all 0.5s ease; }
.farm-list .item.show .desc { transform: scale(1); }
.farm-list .item:before { content: ''; background: #1d132d url(https://cdn.x-api.net/mynew/images/md-badge.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px dashed #3b2e47; transition: transform 0.4s ease, opacity 0.1s ease 0.4s; z-index: 1; }
.farm-list .item.show:before { transform: rotateY(90deg); opacity: 0; }
.farm-list .item { height: 160px; padding: 0; }
.farm-list .item .image { height: 90px; }

.link-cancel { display: inline-block; margin: 10px 0 0; color: #fff; font-size: 12px; border-bottom: 1px dashed #dd4c7c; text-transform: uppercase; padding-bottom: 2px; opacity: 0; visibility: hidden; }
.link-cancel.active { opacity: 1; visibility: visible; }

.user-filters { background: linear-gradient(to right, rgba(31,20,42,0) 0%, rgba(31,20,42,0.5) 50%, rgba(31,20,42,0) 100%); padding: 15px 0 7px; width: 100%; margin-bottom: 40px; text-align: left; }
.user-filters .list { float: left; }
.user-filters .list .item { float: left; color: #ffffff; text-transform: uppercase; font-family: 'TTLakes'; font-size: 13px; font-weight: bold; height: 40px; line-height: 42px; padding: 0 20px; position: relative; z-index: 1; margin: 0 8px 8px 0; }
.user-filters .list .item:after { content: ''; width: 100%; height: 100%; border: 2px solid #6f5287; border-radius: 5px; position: absolute; top: 0; left: 0; box-sizing: border-box; transform: skewX(-10deg); transition: all 0.3s ease; }
.user-filters .list .item:hover:after, .user-filters .list .item.active:after { background: rgba(255,189,64,0.2);  border-color: #ffbd40; }
.user-filters .search-form { float: right; }
.user-filters .search-form .search { position: relative; height: 40px; width: 280px; z-index: 1; }
.user-filters .search-form .search:after { content: ''; width: 100%; height: 100%; border: 1px solid rgba(115,107,126,0.5); border-radius: 5px; position: absolute; top: 0; left: 0; box-sizing: border-box; transform: skewX(-10deg); transition: all 0.3s ease; z-index: -1; background: rgba(115,107,126,0.1); }
.user-filters .search-form .search .input-search { width: 100%; height: 100%; outline: none; border: none; background: none; color: #fff; font-family: 'PTSans'; font-size: 13px; padding: 0 15px;  }
.user-filters .search-form .search ::-webkit-input-placeholder { color: #7b787e; transition: all 0.3s ease; font-style: italic; }
.user-filters .search-form .search :focus::-webkit-input-placeholder { opacity: 0; transform: translateX(20px) scale(1); }

.user-cases { }
.user-cases .item { float: left; position: relative; height: 224px; margin: 0 38px 50px 0; width: calc(20% - 30.5px); border-radius: 10px; padding: 30px 0 0; background: rgba(0,0,0,0.15); display: block; border-top: 2px solid #ffbd40; border-bottom: 2px solid #ffbd40; }
.user-cases .item:hover { background: rgba(0,0,0,0.35); }
.user-cases .item:nth-child(5n) { margin-right: 0; }
.user-cases .item .avatar { width: 53px; height: 53px; border-radius: 100%; position: absolute; top: -25px; left: 50%; margin-left: -26px; border: 2px solid #ffbd40; }
.user-cases .item .avatar img { width: 100%; height: 100%;border-radius: 50px; }
.user-cases .item .image { background: url(https://cdn.x-api.net/mynew/images/user-light.png) no-repeat center; height: 150px; position: relative; transition: all 0.3s ease; }
.user-cases .item:hover .image { transform: scale(0.9); }
.user-cases .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.user-cases .item .name { text-align: center; color: #c3bec7; font-family: 'TTLakes'; text-transform: uppercase; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-cases .item .price { background: url(https://cdn.x-api.net/mynew/images/user-price.png); width: 87px; height: 55px; position: absolute; bottom: -16px; right: -10px; text-align: center; color: #261d0c; font-size: 16px; font-weight: bold; padding: 19px 0 0 8px; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(255,255,255,0.2); }
.user-cases .item .short-list { width: 264px; position: absolute; left: 50%; margin-left: -132px; background: #1c122a; padding: 0 10px 10px; border-radius: 5px; z-index: 2; box-shadow: 15px 15px 10px rgba(28,18,42,0.47); top: 210px; transform: scale(0.8); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.user-cases .item:hover .short-list { opacity: 1; visibility: visible; transform: scale(1); top: 180px; }
.user-cases .short-list .sub-heading { height: 30px; line-height: 30px; width: 236px; border-radius: 5px; text-align: center; background: #221633; color: #cac5ce; margin: -15px auto 10px; }
.user-cases .item .short-list .sub-item { float: left; height: 36px; width: 25%; position: relative; margin: 2px 0; }
.user-cases .item .short-list .sub-item img { max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.user-cases .item .short-list .sub-item:after { content: '';  width: 6px; height: 6px; border-radius: 100%; position: absolute; margin: -3px 0 0 -3px; top: 50%; left: 50%;  z-index: -1; opacity: 0.4; }
.user-cases .item .short-list .sub-item.milspec:after { box-shadow: 0 0 20px 10px rgba(86,91,191,1); background: rgba(86,91,191,1); }
.user-cases .item .short-list .sub-item.restricted:after { box-shadow: 0 0 20px 10px rgba(97,53,200,1); background: rgba(97,53,200,1); }
.user-cases .item .short-list .sub-item.classified:after { box-shadow: 0 0 20px 10px rgba(176,71,212,1); background: rgba(176,71,212,1); }
.user-cases .item .short-list .sub-item.covert:after { box-shadow: 0 0 20px 10px rgba(219,42,42,1); background: rgba(219,42,42,1); }
.user-cases .item .short-list .sub-item.knife:after { box-shadow: 0 0 20px 10px rgba(255,189,64,1); background: rgba(255,189,64,1); }
.user-cases .item .short-list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-view.png); width: 71px; height: 59px; position: absolute; top: -70px; left: 50%; margin-left: -36px; transition: all 0.3s ease; transform: scale(2); opacity: 0; visibility: hidden; }
.user-cases .item .item:hover .short-list:after { opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease 0.2s; }



.with-remove { }
.with-remove .item { cursor: pointer; }
.with-remove .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.with-remove .item .fade { opacity: 0; transition: all 0.3s ease; }
.with-remove .item:hover .fade { opacity: 1; }


.link-delete { display: inline-block; margin: 10px 0 0; color: #fff; font-size: 12px; border-bottom: 1px dashed #dd4c7c; text-transform: uppercase; padding-bottom: 2px; }


.profile-before { margin-bottom: 40px; }
.profile-before .left { float: left; background: rgba(31,22,50,0.35); width: 305px; text-align: center; padding: 40px 0; }
.profile-before .user { position: relative; z-index: 1; width: 222px; margin: 0 auto; font-family: 'TTLakes'; }
.profile-before .user .avatar { width: 208px; height: 208px; margin: 0 auto; position: relative; border-radius: 100%; margin-bottom: 5px; border: 4px solid #e1a640; }
.profile-before .user .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.profile-before .user:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/profile-before.png); width: 222px; height: 443px; position: absolute; top: 47px; left: 0; z-index: -1; }
.profile-before .user .name { font-size: 25px; color: #d7d7d7; font-weight: bold; margin-bottom: 20px; }

.profile-before .user .balance { color: #231f20; font-size: 25px; min-height: 40px; margin-bottom: 35px; min-width: 2px; line-height: 35px; font-weight: 900; position: relative; z-index: 1; }
.profile-before .user .balance sup { font-size: 18px; position: relative; top: 4px; left: 4px; text-transform: uppercase; }
.profile-before .user .stat { }
.profile-before .user .stat .item { text-align: center; margin-bottom: 10px;  }
.profile-before .user .stat .item .num { color: #e1a640; font-size: 35px; font-weight: 700; line-height: 35px; }
.profile-before .user .stat .item .desc { color: #d7d7d7; text-transform: uppercase;  font-size: 14px; margin: 5px 0 0; }
.profile-before .right { padding: 55px 45px 45px; min-height: 560px; float: right; width: calc(100% - 305px); background: linear-gradient(30deg, rgba(57,41,68,0.5) 0%, rgba(34,24,54,0.5) 40%); font-family: 'TTLakes'; }
.profile-before .right .sub-heding { text-align: center; font-size: 16px; text-transform: uppercase; margin-bottom: 40px; }
.profile-before .your-steps { max-width: 610px; margin: 0 auto 40px; }
.profile-before .your-steps .item { margin-bottom: 30px; }
.profile-before .your-steps .item .num { display: inline-block; vertical-align: middle; position: relative; width: 66px; text-align: center; color: #ffbd40; line-height: 68px; height: 66px; font-weight: 900; font-size: 66px; }
.profile-before .your-steps .item .info { display: inline-block; vertical-align: middle; width: calc(100% - 70px); }
.profile-before .your-steps .item .info .name { color: #ffffff; font-size: 20px; text-transform: uppercase; margin-bottom: 1px; }
.profile-before .your-steps .item .info .desc { color: #d7d7d7; font-size: 14px; line-height: normal; }
.profile-before .your-steps .item .num img { position: relative; top: -8px; }
.profile-before .your-steps .item .num:before { content: ''; width: 5px; height: 5px; border-radius: 100%; box-shadow: 0 0 25px 20px #ff7f40; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -3px; opacity: 0.1; }
.profile-before .your-steps .item .num.ok:before { box-shadow: 0 0 35px 20px #9ad93a; opacity: 0.2; }
.profile-before .sub-heading { text-align: center; margin-bottom: 20px; }
.profile-before .changeform { max-width: 610px; margin: 0 auto; position: relative; }
.profile-before .changeform .input { width: 100%; height: 52px; border-radius: 10px; background: #211831; padding: 0 146px 0 20px; font-family: 'TTlakes'; color: #d7d7d7; font-size: 14px; border: none; max-width: none; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); }
.profile-before .changeform .btn-form { width: 146px; height: 52px; line-height: 54px; border-radius: 52px; text-align: center; position: absolute; right: 0; top: 0; background: #ffbd40; color: #201831; z-index: 1; }
.profile-before .changeform .btn-form:hover { background: #ffd78a; }

.steam-avatar { position: relative; display: block;}
.steam-avatar:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,23,43,0.85) url(https://cdn.x-api.net/mynew/images/ico-big-steam.png) no-repeat center; border-radius: 100%; opacity: 0; transition: all 0.3s ease; }
.steam-avatar:hover:after { opacity: 1; }

.best-drop { text-align: center; background: url(https://cdn.x-api.net/mynew/images/shadow.png) no-repeat center bottom; padding-bottom: 15px; margin: 30px 0;  }
.best-drop .item { display: inline-block; vertical-align: top; position: relative; width: 130px; height: 114px; margin: 0 5px 15px; border-radius: 5px; border-top: 2px solid #ffbd40; padding: 10px 0 0; background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(86,91,191,0.2)); }
.best-drop .item .avatar { width: 30px; height: 30px; border-radius: 100%; border: 2px solid #ffbd40; position: absolute; top: -15px; left: 50%; margin-left: -15px; }
.best-drop .item .avatar img { width: 100%; height: 100%; border-radius: 100%; }
.best-drop .item .image { height: 75px; position: relative; margin-bottom: 3px; }
.best-drop .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }
.best-drop .item .name { color: #d7d7d7; font-size: 12px; text-transform: none; font-weight: normal; font-family: Arial; }
.best-drop .item.milspec { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(86,91,191,0.2)); }
.best-drop .item.restricted { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(97,53,200,0.2)); }
.best-drop .item.classified { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(176,71,212,0.2)); }
.best-drop .item.covert { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(219,42,42,0.2)); }
.best-drop .item.knife { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(255,189,64,0.2)); }
.best-drop .item.other { background: linear-gradient(to bottom,rgba(36,23,53,0.7) 0%, rgba(98,193,192,0.2)); }
.best-drop .heading { margin-bottom: 40px; text-align: center; }
.best-drop .heading .inline {  position: relative; z-index: 1; color: #d7d7d7; font-size: 14px; display: inline-block; padding: 12px 20px; }
.best-drop .heading span { color: #ffbd40; }
.best-drop .heading .inline:before { content: ''; background: #241735; width: 100%; top: 0; left: 0; height: 100%; position: absolute; z-index: -1;  transform: skewX(-10deg); border-radius: 5px; opacity: 0.7; }

.circle { background: url(https://cdn.x-api.net/mynew/images/circle.png); width: 570px; height: 570px; position: relative; margin: 0 auto 50px; }
.circle .list { position: absolute; top: 40px; left: 40px; width: 490px; height: 490px; }
.circle .item { width: 96px; height: 96px; background: url(https://cdn.x-api.net/mynew/images/circle-item.png); position: absolute; border-radius: 100%; border: 1.5px dashed #6a696c; transition: all 0.5s ease; }
.circle .item.hide { transform: scale(0) rotate(360deg); }
.circle .item .num { line-height: 96px; text-align: center; color: #ffffff; font-size: 30px; font-family: 'TTLakes'; display: none; }
.circle .item.none .num { display: block; }
.circle .item .name, .circle .item .desc, .circle .item .small-price { display: none; }
.circle .item.milspec { box-shadow: 0 0 40px rgba(86,91,191,0.3), inset 0 0 100px rgba(86,91,191,0.4); border-color: rgba(86,91,191,1); }
.circle .item.restricted { box-shadow: 0 0 40px rgba(97,53,200,0.3), inset 0 0 100px rgba(97,53,200,0.4); border-color: rgba(97,53,200,1); }
.circle .item.classified { box-shadow: 0 0 40px rgba(176,71,212,0.3), inset 0 0 100px rgba(176,71,212,0.4); border-color: rgba(176,71,212,1); }
.circle .item.covert { box-shadow: 0 0 40px rgba(219,42,42,0.3), inset 0 0 100px rgba(219,42,42,0.4); border-color: rgba(219,42,42,1); }
.circle .item.knife { box-shadow: 0 0 40px rgba(255,189,64,0.3), inset 0 0 100px rgba(255,189,64,0.4); border-color: rgba(255,189,64,1); }
.circle .item.other { box-shadow: 0 0 40px rgba(98,193,192,0.3), inset 0 0 100px rgba(98,193,192,0.4); border-color: rgba(98,193,192,1); }
.circle .item .image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.circle .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }
.circle .item .fade { position: absolute; width: 100%; height: 100%; border-radius: 100%; top: 0; left: 0; background: rgba(47,22,45,0.8); opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.circle .item:not(.none) { cursor: pointer; }
.circle .item:not(.none):hover .fade { opacity: 1; visibility: visible; }
.circle .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.circle .item:nth-child(1) { left: 195px; }
.circle .item:nth-child(2) { left: 310px; top: 39px; }
.circle .item:nth-child(3) { left: 380px; top: 136px; }
.circle .item:nth-child(4) { left: 380px; top: 257px; }
.circle .item:nth-child(5) { left: 310px; top: 356px; }
.circle .item:nth-child(6) { left: 197px; top: 394px; }
.circle .item:nth-child(7) { left: 83px; top: 356px; }
.circle .item:nth-child(8) { left: 14px; top: 257px; }
.circle .item:nth-child(9) { left: 14px; top: 136px; }
.circle .item:nth-child(10) { left: 83px; top: 40px; }
.circle .btn-change { width: 135px; height: 135px; border-radius: 100%; background: #f6b641 url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; position: absolute; top: 50%; left: 50%; margin: -67px 0 0 -67px; z-index: 2; box-shadow: 0 0 80px rgba(246,182,65,0.2); }
.circle .btn-change.hide {  animation: hide 2.3s ease; transform: rotate(640deg) scale(0); background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; visibility: hidden;  }
.circle .btn-change:hover { background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; transform: rotate(180deg);}
.circle .btn-change:before { content: ''; width: 163px; height: 163px; border-radius: 100%; position: absolute; left: -16px; top: -16px; border: 2px dashed #f6b641; transition: all 0.3s ease; }
.circle .btn-change.hide:before { display: none; }
.circle .btn-change:hover:before { width: 132px; height: 132px; left: 0; top: 0; border: 2px solid #fff; }
.circle .btn-clear { position: absolute; padding: 7px 15px 5px; top: 380px; left: 50%; margin-left: -44px; z-index: 1; color: #cc4775; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.circle .btn-clear.hide { transform: scale(0); }
.circle .btn-clear:before { content: ''; border-radius: 4px; background: rgba(204,71,117,0.1); border: 1px solid rgba(204,71,117,1);  position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transform: skewX(-10deg); transition: all 0.3s ease; }
.circle .btn-clear:hover:before { background: rgba(204,71,117,0.3); }

.circle .circle-left { background: url(https://cdn.x-api.net/mynew/images/circle-left.png); width: 307px; height: 228px; position: absolute; top: 50%; margin-top: -114px; left: -283px; text-align: center; padding: 77px 0 0; font-family: 'TTLakes'; }
.circle .circle-left .heading { font-size: 15px; margin-bottom: 12px; }
.circle .circle-left .sum { color: #f6b641; font-size: 35px; font-weight: bold; }
.circle .circle-right { background: url(https://cdn.x-api.net/mynew/images/circle-right.png); width: 307px; height: 228px; position: absolute; top: 50%; margin-top: -114px; right: -283px; text-align: center; padding: 77px 0 0; font-family: 'TTLakes'; }
.circle .circle-right .heading { font-size: 15px; margin-bottom: 12px; }
.circle .circle-right .sum { color: #f6b641; font-size: 35px; font-weight: bold; }

.circle .caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.5); text-align: center; transition: all 0.5s ease 0.3s; visibility: hidden; opacity: 0;  }
.circle .caption.show { transform: scale(1) translate(-50%,-50%); visibility: visible; opacity: 1; }
.circle .caption .sub-image { height: 150px; width: 150px; position: relative; margin: 0px auto;}
.circle .caption .sub-image img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.circle .caption .sub-name { text-transform: uppercase; font-size: 15px; }
.circle .caption .sub-desc { font-size: 14px; }
.circle .caption.milspec .sub-desc { color: #8ed2ff; }
.circle .caption.restricted .sub-desc { color: #bb8dff; }
.circle .caption.classified .sub-desc { color: #ff8de3; }
.circle .caption.covert .sub-desc { color: #ff8d8d; }
.circle .caption.knife .sub-desc { color: #ffe08d; }
.circle .caption .price { padding: 5px 15px 4px; font-size: 15px; color: #000; background: #f6b641; font-weight: bold; font-family: 'TTLakes'; display: inline-block; margin: 5px 0 0; }


@keyframes hide {
	0% {  background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; transform: rotate(180deg) scale(1); opacity: 1; visibility: visible; }
	75% { transform: rotate(900deg) scale(1); background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; }
	100% {  transform: rotate(1200deg) scale(0); background: #fff url(https://cdn.x-api.net/mynew/images/ico-change.png) no-repeat center; visibility: hidden; }
}



.contracts-list { }
.contracts-list .heading { margin-bottom: 40px; font-weight: bold; font-family: 'TTLakes'; text-transform: uppercase; text-align: center; font-size: 18px; }
.contracts-list .items .item { cursor: pointer; }
.contracts-list .items .item .fade img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.contracts-list .items .item .fade { opacity: 0; transition: all 0.3s ease; }
.contracts-list .items .item:hover .fade { opacity: 1; }

.form-desc { max-width: 840px; background: url(https://cdn.x-api.net/mynew/images/shadow-top.png) no-repeat top center, url(https://cdn.x-api.net/mynew/images/shadow-bottom.png) no-repeat center bottom rgba(0,0,0,0.3); padding: 40px 50px; border-radius: 5px; margin: 50px auto; position: relative; font-size: 14px; line-height: 21px; }
.form-desc .heading { text-transform: uppercase; color: #ffbd40; font-size: 25px; font-weight: bold; margin-bottom: 20px; line-height: normal; }

.types-list { text-align: center; margin-bottom: 20px; }
.types-list .item { display: inline-block; vertical-align: top; margin: 0 13px 30px; font-family: 'TTLakes'; font-size: 14px; position: relative; }
.types-list .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/arrow-right.png); width: 11px; height: 20px; position: absolute; right: -21px; top: 50%; margin-top: -10px; }
.types-list .item:last-child:after { display: none; }

.types-list .item .type { width: 150px; height: 130px; border-radius: 15px; background: rgba(0,0,0,0.3); padding: 10px 0 0; }
.types-list .item .type .image { height: 85px; position: relative; }
.types-list .item .type .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.types-list .item .sub-item { width: 150px; height: 130px; border-radius: 15px; background: rgba(0,0,0,0.3); padding: 10px 0 0; overflow: hidden; position: relative; }
.types-list .item .sub-item .image { height: 70px; position: relative; margin-bottom: 5px; }
.types-list .item .sub-item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%; }
.types-list .item .list { overflow: hidden; height: 130px; width: 150px;  }
.types-list .item .sub-item .name { font-size: 14px; text-transform: uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.types-list .item .sub-item .desc { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; margin-top: -3px; }
.types-list .item .sub-item.milspec .desc { color: rgba(86,91,191,1); }
.types-list .item .sub-item.restricted .desc { color: rgba(97,53,200,1); }
.types-list .item .sub-item.classified .desc { color: rgba(176,71,212,1); }
.types-list .item .sub-item.covert .desc { color: rgba(219,42,42,1); }
.types-list .item .sub-item.knife .desc { color: rgba(255,189,64,1); }
.types-list .item .sub-item:after { content: ''; width: 50px; height: 50px; position: absolute; bottom: -50px; border-radius: 100%; left: 50%; margin-left: -25px; }
.types-list .item .sub-item.milspec:after { box-shadow: 0 0 100px rgba(86,91,191,1); }
.types-list .item .sub-item.restricted:after { box-shadow: 0 0 100px rgba(97,53,200,1); }
.types-list .item .sub-item.classified:after { box-shadow: 0 0 100px rgba(176,71,212,1); }
.types-list .item .sub-item.covert:after { box-shadow: 0 0 100px rgba(219,42,42,1); }
.types-list .item .sub-item.knife:after { box-shadow: 0 0 100px rgba(255,189,64,1); }

.rang { background: url(https://cdn.x-api.net/mynew/images/rang.png) repeat-y center; text-align: center; padding: 16px 0 20px; margin-bottom: 50px; font-family: 'TTLakes'; position: relative; }
.rang .form { width: 300px; margin: 0 auto; }
.rang .form .heading { color: #d7d7d7; font-size: 20px; font-weight: bold; }
.rang .form .item { font-size: 14px; }
.rang .form .item .left { float: left; }
.rang .form .item .right { float: right; }
.rang .form .item .image { margin-bottom: 3px;}
.rang .form .item .image img { width: 64px; height: 26px; }
.rang .form .item.small { font-size: 12px; text-align: center; }
.rang .form .line { height: 7px; border-radius: 7px; background: #1c1227; box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); margin: 5px 0 15px; position: relative; }
.rang .form .line .current { border-radius: 7px; background: linear-gradient(to right, #ffbd40 0%, #f4403b 100%); height: 7px; text-align: right; box-shadow: 0 0 20px rgba(245,69,59,0.6); }
.rang .form .line .current .num { color: #d7d7d7; font-size: 12px; position: relative; top: 10px; }
.rang .form .btn-gradient { background: url(https://cdn.x-api.net/mynew/images/btn-gradient.png); width: 130px; height: 35px; color: #fff; font-size: 12px; display: block; margin: -27px auto 0px; line-height: 37px; box-shadow: 0 0 40px rgba(245,69,59,0.3); }
.rang .form .btn-gradient:hover { filter: brightness(1.2); }

.new-boxes { display: inline-block; vertical-align: middle; margin: -20px 0; }
.new-boxes .item { display: inline-block; vertical-align: middle; width: 212px; height: 61px; border-radius: 5px; background: ; margin-right: 20px; }
.new-boxes .item .image { background:  url() no-repeat center; width: calc(100% - 130px); display: inline-block; vertical-align: middle; position: relative; height: 61px; border-radius: 5px 5px 0 0; }
.new-boxes .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 75%; max-height: 75%; }
.new-boxes .item .info { width: 126px; display: inline-block; vertical-align: middle; padding: 1px 0 0 7px; }
.new-boxes .item .info .f-line { color: #b36262; font-size: 10px; }
.new-boxes .item .info .s-line { color: #d7d7d7; font-size: 12px; }
.new-boxes .item .info .t-line { color: #97949f; font-size: 10px; margin-top: 1px; }

.lightSlider, .lSSlideOuter,  .slider-main .list { overflow: visible !important; }
.slider-main .lSSlideWrapper { height: 1000px; }

.rang-promo { background: url(https://cdn.x-api.net/mynew/images/rang-promo.png); width: 627px; height: 165px; position: absolute; right: 0; top: 0; font-family: 'TTLakes'; padding: 14px 0 0; }
.rang-promo .heading { color: #dd4c7c; font-family: 'TTLakes'; font-weight: bold; font-size: 20px; margin-bottom: 2px; }
.rang-promo .desc { font-size: 12px; }
.rang-promo .action { background: url(https://cdn.x-api.net/mynew/images/rang-action.png); width: 226px; height: 72px; line-height: 64px; margin: 8px auto 0; display: block; font-size: 30px; font-weight: bold; color: #fff; text-shadow: 3px 3px 0 rgba(0,0,0,0.2); position: relative; }
.rang-promo .action .sep { display: inline-block; vertical-align: middle; color: #ffbd40; animation: time 1s linear infinite; }
.rang-promo .badge { width: 50px; height: 50px; border-radius: 100%; border: 4px solid #ffbd40; line-height: 44px; color: #ffbd40; font-size: 20px; text-shadow: none; text-transform: uppercase; background: #dd4c7c; position: absolute; top: -15px; right: -15px; box-shadow: 0 0 35px rgba(255,189,64,0.4); }

body.active { overflow: hidden !important; }

.popup#fortune { width: calc(100% - 20px); max-width: 1400px; top: 150px; transform: translateX(-50%); background: rgba(32,22,48,0.9); padding: 50px; margin-bottom: 50px; }
.popup#fortune.active  { top: 50px; }
.popup#fortune .heading { background: url(https://cdn.x-api.net/mynew/images/popup-heading.png); width: 526px; height: 55px; margin: 0 auto 30px; line-height: 63px; text-align: center; color: #fff; font-size: 14px; font-family: 'TTLakes'; }
.popup#fortune .items { max-width: 1180px; margin: 0 auto; }
.popup#fortune .items .item { width: calc(20% - 37px); }
.popup#fortune .items .item:nth-child(6n) { margin-right: 46px; }
.popup#fortune .items .item:nth-child(5n) { margin-right: 0; }
.popup#fortune .sub-heading { text-align: center; font-size: 14px; font-family: 'TTLakes'; margin-bottom: 40px; color: #fff; letter-spacing: 0.02em; }
.popup#fortune .items .item.item-case .image { height: 125px; margin-bottom: 10px; }
.popup#fortune .items .item.item-case .desc { font-size: 14px; font-family: 'TTLakes'; }
.popup#fortune .items .item.item-percent .percent { font-size: 40px; color: #fff; margin: 45px 0 0; font-family: 'TTLakes'; }
.popup#fortune .items .item.item-percent .desc { font-size: 13px; text-transform: uppercase; font-family: 'TTLakes'; }

.fortune-container { margin-bottom: 40px; position: relative; }
.fortune-container .btn-fortune { background: url(https://cdn.x-api.net/mynew/images/btn-fortune.png); width: 189px; height: 189px; position: absolute; left: 50%; margin-left: -95px; top: 238px; z-index: 1; color: #fff; font-size: 21px; font-weight: bold; font-family: 'TTLakes'; line-height: 22px; text-shadow: 3px 3px 0 rgba(0,0,0,0.2); padding: 71px 0 0; letter-spacing: 0.02em; border-radius: 100%; box-shadow: 0 0 38px rgba(220,76,124,0.7); }
.fortune-container .btn-fortune:hover { filter: brightness(1.1); }

.fortune-circle { width: 574px; height: 574px; border-radius: 100%; border: 2px solid #ffbd40; margin: 0 auto; box-shadow: 0 0 30px rgba(255,189,64,0.3), inset 0 0 30px rgba(255,189,64,0.3); position: relative; }
.fortune-circle:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/fortune-picker.png); width: 211px; height: 364px; position: absolute; top: -10px; left: 50%; margin-left: -106px; z-index: 1; }
.fortune-circle .item { background: url(https://cdn.x-api.net/mynew/images/fortune-dark.png); width: 151px; height: 165px; position: absolute; }
.fortune-circle .item:nth-child(2n) { background: url(https://cdn.x-api.net/mynew/images/fortune-light.png); }
.fortune-circle .fortune-circle-block { width: 480px; height: 480px; margin: 45px; position: relative; }
.fortune-circle .fortune-circle-block.anim { animation: circle 5s ease; }
.fortune-circle .item:nth-child(1) { left: 50%; margin-left: -76px; top: -15px; }
.fortune-circle .item:nth-child(2) { left: 267px; top: 18px; transform: rotate(36deg); }
.fortune-circle .item:nth-child(3) { left: 331px; top: 106px; transform: rotate(72deg); }
.fortune-circle .item:nth-child(4) { left: 331px; top: 214px; transform: rotate(108deg); } 
.fortune-circle .item:nth-child(5) { left: 266px; top: 301px; transform: rotate(144deg); } 
.fortune-circle .item:nth-child(6) { left: 162px; top: 334px; transform: rotate(180deg); } 
.fortune-circle .item:nth-child(7) { left: 59px; top: 299px; transform: rotate(216deg); } 
.fortune-circle .item:nth-child(8) { left: -5px; top: 212px; transform: rotate(252deg); } 
.fortune-circle .item:nth-child(9) { left: -3px; top: 104px; transform: rotate(288deg); } 
.fortune-circle .item:nth-child(10) { left: 61px; top: 19px; transform: rotate(325deg); } 
.fortune-circle .item .image { position: relative; margin: 25px 0 0; text-align: center; }
.fortune-circle .item .image img { max-width: 60%; max-height: 80%; }
.fortune-circle .item .percent { margin: 40px 0 0; font-family: 'TTLakes'; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 22px; }
.fortune-circle .item .percent.small .desc { font-size: 10px; line-height: 11px; }

.fortune-overview { height: 330px; overflow: hidden; padding: 50px 0 0; position: relative; }
.fortune-overview:after { content: ''; width: 500px; height: 50px; position: absolute; left: 50%; margin-left: -250px; bottom: -50px; box-shadow: 0 0 60px rgba(0,0,0,0.5); }

.fortune-block { width: 600px; height: 92px; margin: 0 auto; border-radius: 5px; background: #5d3e6f; box-shadow: inset 0 0 21px rgba(33,23,50,0.73); border: 2px solid #3a2746; color: #ffbd40; font-family: 'TTLakes'; letter-spacing: 0.02em; font-size: 14px; }
.fortune-block .left { float: left; width: 210px; text-align: center; padding: 26px 0 0; }
.fortune-block .right { float: right; width: 210px; text-align: center; padding: 21px 0 0; }
.fortune-block .time { font-size: 30px; font-weight: bold; color: #fff; margin: -4px 0 0; }
.fortune-block .right .sep { display: inline-block; vertical-align: middle; margin: -3px 0 0; color: #ffbd40; animation: time 1s linear infinite; }


.popup#coupon { background: url(https://cdn.x-api.net/mynew/images/popup-coupon.png) no-repeat center; height: 365px; max-width: 628px; margin: -182px 0 0 -314px; transform: none; width: calc(100% - 20px); padding: 40px 0 0; }
.popup#coupon .heading { color: #ffbd40; font-size: 25px; font-weight: bold; font-family: 'TTLakes'; margin-bottom: 30px; }
.popup#coupon .heading span { display: block; color: #c3bec7; font-size: 12px; font-weight: normal; }
.popup#coupon .close { background: url(https://cdn.x-api.net/mynew/images/close.png); width: 26px; height: 26px; right: 25px; top: 25px; }
.popup#coupon .close:after, .popup#coupon .close:before { display: none; }
.popup#coupon .close:hover { filter: brightness(1.3); }
.coupons { max-width: 430px; margin: 0 auto; user-select: none; }
.coupons .item { background: url(https://cdn.x-api.net/mynew/images/coupon-yellow.png); width: 115px; height: 93px; display: inline-block; vertical-align: top; margin: 0 7px 14px; font-size: 20px; color: #fff; line-height: 21px; font-weight: bold; font-family: 'TTLakes'; padding: 23px 0 0; text-shadow: 2px 2px 0 rgba(0,0,0,0.2); position: relative; }
.coupons .item .img { position: absolute; top: 0; left: 0; cursor: crosshair; }

#main-promo { cursor: pointer; }

.min-height { min-height: 660px; }

.new-footer { position: relative; z-index: 1; height: 260px; overflow: hidden; }
.new-footer:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/new-footer.png) no-repeat center; width: 100%; height: 260px; position: absolute; top: 0; left: 0; z-index: -1; }
.new-footer .main-width { max-width: 1200px; padding: 162px 0 0; }
.new-footer .copyright { float: left; }
.new-footer .copyright .image { display: inline-block; vertical-align: middle; margin-right: 20px; }
.new-footer .copyright .info { display: inline-block; vertical-align: middle; color: #231836; font-size: 12px; }
.new-footer .copyright .info span { display: block; margin: 6px 0 0;}
.new-footer .fnav { float: right; list-style: none; margin: 10px 0 0; }
.new-footer .fnav li { display: inline-block; vertical-align: middle; }
.new-footer .fnav li a { color: #271a3c; text-transform: uppercase; font-size: 12px; line-height: 14px; display: block; border-radius: 5px; padding: 9px 15px 7px; }
.new-footer .fnav li a:hover { background: rgba(221,76,124,0.1); }
.new-footer .fnav li a .ico { display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; }
.new-footer .fnav li a span { display: inline-block; vertical-align: middle; }

.main-usercases { margin: -50px 0 0; }

.contracts-stat { max-width: 460px; margin: 0 auto 30px; border-radius: 5px; background: rgba(25,16,37,0.5); padding: 20px; }
.contracts-stat .item { font-family: 'TTLakes'; font-size: 14px; text-transform: uppercase; line-height: 21px; }
.contracts-stat .item span { color: #ffbd40; }

.contracts-profile { } 
.contracts-profile .item { float: left; width: calc(50% - 20px); margin-bottom: 15px; border-radius: 5px; background: rgba(66,56,83,0.2); }
.contracts-profile .item:nth-child(2n) { float: right; }
.contracts-profile .item .left { float: left; width: 155px; position: relative; z-index: 1; background: #231a39; padding: 8px 10px 10px; }
.contracts-profile .item .left:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/contracts-left.png) no-repeat center; width: 205px; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.contracts-profile .item .left > * { position: relative; z-index: 1; }
.contracts-profile .item .left:before { content: ''; opacity: 0.3; position: absolute; left: 0; top: 0; width: 150px; height: 100%; z-index: 1; border-radius: 5px 0 0 5px; }
.contracts-profile .item.milspec .left:before { background: linear-gradient(to right, rgba(86,91,191,1) 0%, rgba(86,91,191,0) 100%); }
.contracts-profile .item.restricted .left:before { background: linear-gradient(to right, rgba(97,53,200,1) 0%, rgba(97,53,200,0) 100%); }
.contracts-profile .item.classified .left:before { background: linear-gradient(to right, rgba(176,71,212,1) 0%, rgba(176,71,212,0) 100%); }
.contracts-profile .item.covert .left:before { background: linear-gradient(to right, rgba(219,42,42,1) 0%, rgba(219,42,42,0) 100%); }
.contracts-profile .item.knife .left:before { background: linear-gradient(to right, rgba(255,189,64,1) 0%, rgba(255,189,64,0) 100%); }
.contracts-profile .item .left .price { font-size: 12px; font-family: 'TTLakes'; font-weight: 500; text-transform: uppercase; }
.contracts-profile .item .left .price .action { display: inline-block; vertical-align: middle; margin-left: 10px; }
.contracts-profile .item .left .name { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contracts-profile .item .left .image { height: 80px; margin: 5px 0; position: relative; }
.contracts-profile .item .left .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.contracts-profile .item .list { float: left; width: calc(100% - 155px); padding-left: 50px; }
.contracts-profile .item .list .sub-item { float: left; width: 20%; height: 68px; position: relative; cursor: pointer; text-decoration: none; }
.contracts-profile .item .list .sub-item .name { position: absolute; color: #fff; font-size: 9px; border-radius: 3px; background: #1e132d; padding: 5px; left: 50%; width: 110px; margin-left: -55px; z-index: 1; line-height: 12px; bottom: 10px; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.contracts-profile .item .list .sub-item:hover .name { bottom: -5px; opacity: 1; visibility: visible; }
.contracts-profile .item .list .sub-item .name:before { content: ''; opacity: 0.3; position: absolute; left: 0; top: 0; width: 30px; height: 100%; z-index: 1; border-radius: 5px 0 0 5px; }
.contracts-profile .item .list .sub-item:after { content: ''; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -3px; z-index: -1; opacity: 0; visibility: hidden; transition: all 0.4s ease; transform: scale(2); }
.contracts-profile .item .list .sub-item:hover:after { opacity: 1; visibility: visible; transform: scale(1); }
.contracts-profile .item .list .sub-item.milspec:after { background: rgba(86,91,191,1); box-shadow: 0 0 20px 15px rgba(86,91,191,1); }
.contracts-profile .item .list .sub-item.restricted:after { background: rgba(97,53,200,1); box-shadow: 0 0 20px 15px rgba(97,53,200,1); }
.contracts-profile .item .list .sub-item.classified:after { background: rgba(176,71,212,1); box-shadow: 0 0 20px 15px rgba(176,71,212,1); }
.contracts-profile .item .list .sub-item.covert:after { background: rgba(219,42,42,1); box-shadow: 0 0 20px 15px rgba(219,42,42,1); }
.contracts-profile .item .list .sub-item.knife:after { background: rgba(255,189,64,1); box-shadow: 0 0 20px 15px rgba(255,189,64,1); }

.contracts-profile .item .list .sub-item.milspec .name:before { background: linear-gradient(to right, rgba(86,91,191,1) 0%, rgba(86,91,191,0) 100%); }
.contracts-profile .item .list .sub-item.restricted .name:before { background: linear-gradient(to right, rgba(97,53,200,1) 0%, rgba(97,53,200,0) 100%); }
.contracts-profile .item .list .sub-item.classified .name:before { background: linear-gradient(to right, rgba(176,71,212,1) 0%, rgba(176,71,212,0) 100%); }
.contracts-profile .item .list .sub-item.covert .name:before { background: linear-gradient(to right, rgba(219,42,42,1) 0%, rgba(219,42,42,0) 100%); }
.contracts-profile .item .list .sub-item.knife .name:before { background: linear-gradient(to right, rgba(255,189,64,1) 0%, rgba(255,189,64,0) 100%); }
.contracts-profile .item .list .sub-item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 56%; }
.contracts-profile .item .list .sub-item .image { transition: all 0.4s ease; position: relative; height: 100%; top: 0; }
.contracts-profile .item .list .sub-item:hover .image { top: -15px; }


.page-desc { text-align: center; color: #dd4c7c; font-size: 14px; line-height: 17px; margin: -20px 0 30px; }
.arrows2 { background: url(https://cdn.x-api.net/mynew/images/arrows2.png); width: 409px; height: 83px; position: absolute; top: 50%; left: 50%; margin: -41px 0 0 -204px; }

.btn-all.big { text-transform: uppercase; font-size: 18px; }
.btn-all.big span { color: #d7d7d7; }
.mtop { margin: 30px 0 30px;}

.black-box { background: rgba(0,0,0,0.24); width: calc(100% + 140px); margin: 0 0 50px -70px; text-align: center; padding: 50px 0 30px; margin-bottom: 15px; }
.black-box .overview-table { margin-bottom: 10px; }

.partner-benefits { text-align: center; max-width: 1200px; margin: 0 auto; }
.partner-benefits .item { float: left; width: 25%; }
.partner-benefits .item .image { position: relative; height: 85px; margin-bottom: 15px; }
.partner-benefits .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.partner-benefits .item .name { color: #f6b641; font-weight: bold; margin-bottom: 8px; font-size: 17px; }
.partner-benefits .item .desc { max-width: 260px; margin: 0 auto; font-size: 15px; }
.partner-benefits .item a { color: #dd4c7c; }
.partner-benefits .item a:hover { text-decoration: underline; }


.ref-stat { width: 100%; border-collapse: collapse; max-width: 1480px; margin: 0 auto; }
.ref-stat th { color: #f6b641; font-weight: normal; padding: 0 10px 20px;  text-transform: uppercase; }
.ref-stat td { color: #ffffff; font-weight: bold; font-size: 25px; padding: 0 10px; }
.ref-stat .desc td { font-size: 15px; color: #8b8894; font-weight: normal; padding: 15px 10px 0; }

.partner-container { margin-bottom: 30px; }
.partner-container .col { width: calc(50% - 10px); background: rgba(0,0,0,0.24); padding: 30px; float: left; }
.partner-container .col:nth-child(2n) { float: right; }
.partner-container .col .title { text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 25px; }
.partner-container .overview-table { margin-bottom: 0; }

.levels { width: 100%; text-align: center; }
.levels th { font-size: 15px; color: #d7d7d7; font-weight: normal; padding: 5px 10px; }
.levels td { padding: 6px 10px; color: #fffffe; font-size: 15px; }
.levels .badge { width: 112px; height: 31px; line-height: 31px; border-radius: 31px; background: rgba(56,41,69,0.34); color: #f6b641; margin: 0 auto; }

.copy-link { max-width: 370px; margin: 0 auto 18px; height: 44px; line-height: 42px; font-size: 17px; font-weight: 500; text-overflow: ellipsis; background: #241937; border-radius: 44px; padding: 0 20px; white-space: nowrap; cursor: pointer; position: relative; }
.copy-link .label { display: inline-block; vertical-align: middle; width: 125px; margin-right: 10px; color: #f6b641; }
.copy-link .info { width: calc(100% - 140px); display: inline-block; vertical-align: middle; color: #fff; overflow: hidden; }
.copy-link:after { content: 'COPY LINK'; line-height: 46px; text-align: center; color: #fff; background: rgba(221,76,124,0.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 44px; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.copy-link:hover:after { opacity: 1; visibility: visible; }
.copy-link:before { content: 'COPIED!'; position: absolute; left: calc(100% + 10px); top: 0; color: #dd4c7c; font-size: 14px; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.copy-link.active:before { opacity: 1; visibility: visible; }

@keyframes time {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes circle {
	0% { transform: rotate(0); }
	100% { transform: rotate(720deg); }
}

@media(min-width: 2000px) {	
	.cases { text-align: center; }
	.cases .item { width: calc(16.666% - 4px); display: inline-block; vertical-align: top; float: none; }
}

@media(min-width: 2300px) {	
	.cases .item { width: calc(14.285% - 4px); }
}

@media(min-width: 2500px) {	
	.cases .item { width: calc(12.5% - 4px); }
}

@media(min-width: 2800px) {	
	.cases .item { width: calc(11% - 4px); }
}

@media(max-width: 1830px) {	
	.new-boxes { display: none; }
}
@media(max-width: 1630px) {	
	
	.rang { background: none; }
	
	.rang-promo { position: static; background: none; text-align: center; width: 100%; height: auto; }
	
}

@media(max-width: 1560px) {	
	.benefits { background: none; height: auto; margin: 0; padding: 0; }
	.benefits .item { margin: 0 10px 20px !important; }
	
	.profile-steps .list:after { display: none; }
	.profile-steps .list .item:nth-child(1) { left: 0; }
	.profile-steps .list .item:nth-child(3) { right: 0; }
	.profile .like-case { margin-left: -515px; }
	.profile .best-case { margin-right: -500px; }
	
	.partner-container .col { width: 100%; float: none; }
	.partner-container .col:first-child { margin-bottom: 20px; }
	.black-box { width: 100%; margin: 0 0 30px; padding: 30px;  }
}

@media(max-width: 1480px) {
	.steps .item:after { display: none; }
	
	.circle .circle-left { position: static; float: left; width: 50%; margin: 600px 0 30px; background: rgba(33,22,46,0.5); }
	.circle .circle-right { position: static; float: right; width: 50%; margin: 600px 0  30px; background: rgba(33,22,46,0.5); }
	
	.new-footer .copyright { display: none; }
	
	.contracts-profile .item  { width: 100%; float: left !important; }
}

@media(max-width: 1380px) {
	.footer .fnav li { margin-right: 10px; }
	
	.contracts .item { width: 100%; float: none; margin: 0 0 20px 0; display: block; }
	
	.items .item { width: calc(16.666% - 25px); margin: 0 30px 30px 0; }
	
	.popup#fortune .items .item { width: calc(20% - 24px); }
	.popup#fortune .items .item:nth-child(6n) { margin-right: 30px; }
	.popup#fortune .items .item:nth-child(5n) { margin-right: 0; }
	
	.add-box .items .item {  width: calc(25% - 22.5px); }
	.add-box .items .item:nth-child(6n) { margin-right: 30px; }
	
	.create-form { background: url(https://cdn.x-api.net/mynew/images/pickcase2.png) no-repeat center; height: 863px; padding-top: 23px; margin-bottom: 30px; margin-top: 30px; }
	.create-form .container { max-width: 694px; left: 3px; }
	.create-form .col { top: 414px; width: 344px; }
	.create-form .col.case-col{ left: 2px; }
	.create-form .col.case-emblem { right: 2px; }
	.create-form .scroller { height: 372px; }
	.create-form .slimScrollBar { display: none !important; }
	.create-form .finish-image { margin-top: 50px; }
	
	.user-cases .item { width: calc(25% - 29px); }
	.user-cases .item:nth-child(5n) { margin-right: 38px; }
	.user-cases .item:nth-child(4n) { margin-right: 0; }
	
}

@media(max-width: 1280px) {
	.main-width { width: calc(100% - 40px); }
	.black-info { max-width: calc(100% + 40px); margin-left: -20px; }
	
	.cases .item { width: 25%; }
	
	
	.items .item { width: calc(20% - 24px); margin: 0 30px 30px 0; }
	.items .item:nth-child(6n) { margin-right: 30px; }
	.items .item:nth-child(5n) { margin-right: 0px; }
	
	.add-box .items .item {  width: calc(25% - 22.5px); }
	.add-box .items .item:nth-child(6n) { margin-right: 30px; }
	.add-box .items .item:nth-child(5n) { margin-right: 30px; }
	.add-box .items .item:nth-child(4n) { margin-right: 0px; }
	
	
	
	
	.create-price .desc .item:nth-child(1) { left: 0; text-align: left; }
	.create-price .desc .item:nth-child(3) { right: 0; text-align: right; }
	
	.create-price .points .sum.max { right: 0; text-align: right; }
	.create-price .points .sum.min { left: 0; text-align: left; }
	
	
	.steps, .promo-code, .profile-steps { width: calc(100% + 40px); margin-left: -20px; }
	
	.pay .list .item { width: calc(25% - 18px); }
	.pay .list .item:nth-child(5n) { margin-right: 24px; }
	.pay .list .item:nth-child(4n) { margin-right: 0; }
	.pay .info { position: static; margin: 20px auto 0; text-align: center; width: 100%; max-width: 300px; }
	
	.profile-steps .profile-close { top: 15px; right: 15px; }
	
	.best .item:nth-child(2) { left: 0; margin-left: 0; }
	.best .item:nth-child(3) { left: auto; right: 0; margin-left: 0; }
	
	.creater-info .col.first { left: 105px; }
	.creater-info .col.second { right: 105px; }
	
	.profile .best-case { position: relative; margin: 0 auto; right: 0; display: block; }
		
	.profile .like-case { position: relative; margin: 0 auto; left: 0; display: block; }
	
	.profile .user-box { margin: 65px 0 0; }
	.profile .user-box .col { width: 100% !important; float: none !important; text-align: center; }
	.profile .tradelink .form:after { left: 50%; margin-left: -10px; }
	.profile .tradelink .form { float: none; margin: 0 auto; }
	.profile .tradelink.active .form { margin: 15px auto; float: none; }
	.profile .user-box .checks { text-align: center; margin: 10px 0 -15px;}

	.partner-benefits .item { width: 100%; margin: 10px 0; }
	.partner-benefits .item .desc { max-width: none; }
	.ref-stat td { font-size: 20px; }
}

@media(max-width: 1140px) {
	.topbar .stat .item { margin-right: 10px; }
	.topbar .stat .item .ico { margin-right: 2px; }
	
	.change .items .item { width: calc(50% - 15px); }
	.change .items .item:nth-child(3n) { margin-right: 30px; }
	.change .items .item:nth-child(2n) { margin-right: 0; }
	
	.contract .items .item { width: calc(25% - 35px); }
	.contract .items .item:nth-child(5n) { margin-right: 46px; }
	.contract .items .item:nth-child(4n) { margin-right: 0; }
	
	.add-box .items .item {  width: calc(33.333% - 20.5px); }
	.add-box .items .item:nth-child(6n) { margin-right: 30px; }
	.add-box .items .item:nth-child(5n) { margin-right: 30px; }
	.add-box .items .item:nth-child(4n) { margin-right: 30px; }
	.add-box .items .item:nth-child(3n) { margin-right: 0; }
	.case.many .sub-item { width: calc(50% - 4px); }
	
	.user-cases .item { width: calc(33.333% - 26px); }
	.user-cases .item:nth-child(4n) { margin-right: 38px; }
	.user-cases .item:nth-child(3n) { margin-right: 0; }
}

@media(max-width: 1000px) {
	.fixedbar { display: none; }
	body { padding: 0; }
	
	body.active { overflow: hidden; }
	.overlay-mobile { position: fixed; top: 0; left: 0; width: 100%; overflow: auto; height: 100%; z-index: 999; background: rgba(22,15,35,0.42); transition: all 0.5s ease; }
	.overlay-mobile.active { opacity: 1; visibility: visible; }
	
	.livedrop { display: flex; }
	.btn-add { display: none; }
	.mobile-top { padding: 17px 0 15px; display: block; }
	.mobile-top .logo  {background: url(https://casedrop.ru/images/case/md.png); width: 120px; height: 97px; position: absolute; left: 50%; margin-left: -60px; top: -2px; }
	.mobile-top .nav-resize { float: left; top: 170px; position: relative; z-index: 1;  width: 50px; height: 50px; background: url(https://mydrop.pro/images/nav-resize.png) no-repeat center; }
	.mobile-top .btn-steam { width: 172px; height: 57px; float: right; margin: -3px 0; position: relative; cursor: pointer; }
	.mobile-top .btn-steam:before { content: ''; background: url(https://cdn.x-api.net/mynew/images/btn-steam2.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
	.mobile-top .btn-steam:hover:before { opacity: 0; }
	.mobile-top .btn-steam:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/btn-steam2.png) bottom; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
	.mobile-top .btn-steam:hover:after { opacity: 1; }
	
	
	
	.mobilebar { background: rgba(0, 0, 0, 0.88); no-repeat center top; width: 278px; min-height: 120vh; box-shadow: 5px 0 10px rgba(0,0,0,0.2); padding: 1px 0 0; transition: all 0.5s ease; transform: translateX(-280px); }
	.overlay-mobile.active .mobilebar { transform: translateX(0); }
	.mobilebar .nav { list-style: none; margin: 50px 0 0; width: 278px; font-family: 'TTLakes'; font-weight: bold; }
	.mobilebar .nav li a { display: block; text-decoration: none; text-transform: uppercase; color: #cac5ce; font-size: 15px; height: 66px; line-height: 66px; position: relative; padding-left: 52px; z-index: 1; }
	.mobilebar .nav li a:hover, .mobilebar .nav li a.active { color: #f6b641; }
	.mobilebar .nav li a:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/nav-hover.png); width: 278px; height: 68px; position: absolute; left: -150px; top: -1px; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
	.mobilebar .nav li a:hover:after, .mobilebar .nav li a.active:after { opacity: 1; visibility: visible; left: 0;  }
	.mobilebar .nav li a .ico { width: 32px; height: 66px; display: inline-block; vertical-align: middle; margin-right: 15px; position: relative; }
	.mobilebar .nav li a .ico:before { content: ''; position: absolute; top: 50%; left: 50%; transition: all 0.5s ease; }
	.mobilebar .nav li a .ico:after { content: ''; position: absolute; top: 50%; left: 50%; opacity: 0; transition: all 0.5s ease; visibility: hidden; }
	.mobilebar .nav li a:hover .ico:before { opacity: 0; }
	.mobilebar .nav li a:hover .ico:after { opacity: 1; visibility: visible;transform: scale(1); }
	.mobilebar .nav li a .ico.ico-nav1:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav1.png); width: 33px; height: 39px; margin: -19px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav1:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav1.png) bottom; width: 33px; height: 39px; margin: -19px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav2:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav2.png); width: 31px; height: 36px; margin: -20px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav2:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav2.png) bottom; width: 31px; height: 36px; margin: -20px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav3:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav3.png); width: 25px; height: 35px; margin: -24px 0 0 -13px; }
	.mobilebar .nav li a .ico.ico-nav3:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav3.png) bottom; width: 25px; height: 35px; margin: -24px 0 0 -13px; }
	.mobilebar .nav li a .ico.ico-nav4:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav4.png); width: 28px; height: 28px; margin: -14px 0 0 -14px; }
	.mobilebar .nav li a .ico.ico-nav4:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav4.png) bottom; width: 28px; height: 28px; margin: -14px 0 0 -14px; }
	.mobilebar .nav li a .ico.ico-nav5:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav5.png); width: 27px; height: 26px; margin: -14px 0 0 -13px; }
	.mobilebar .nav li a .ico.ico-nav5:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav5.png) bottom; width: 27px; height: 26px; margin: -14px 0 0 -13px; }
	.mobilebar .nav li a .ico.ico-nav6:before { background: url(https://cdn.x-api.net/mynew/images/ico-nav6.png); width: 31px; height: 31px; margin: -16px 0 0 -16px; }
	.mobilebar .nav li a .ico.ico-nav6:after { background: url(https://cdn.x-api.net/mynew/images/ico-nav6.png) bottom; width: 31px; height: 31px; margin: -16px 0 0 -16px; }
	.mobile-close { position: absolute; z-index: 1; top: -40px; left: 230px; width: 23px; height: 24px; cursor: pointer; transition: all 0.5s ease; }
	.overlay-mobile.active .mobile-close { top: 20px; transition: all 0.5s ease 0.5s; }
	.mobile-close:before { content: '';  background: url(https://cdn.x-api.net/mynew/images/ico-close.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; }
	.mobile-close:hover:before { opacity: 0; }
	.mobile-close:after { content: '';  background: url(https://cdn.x-api.net/mynew/images/ico-close.png) bottom; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; opacity: 0; }
	.mobile-close:hover:after { opacity: 1; }
	
	.roulette-box { width: calc(100% + 40px); margin-left: -20px; }
	
	
	.items .item { width: calc(25% - 23px); margin: 0 30px 30px 0; }
	.items .item:nth-child(5n) { margin-right: 30px; }
	.items .item:nth-child(4n) { margin-right: 0px; }
	
	
	.popup#fortune .items .item { width: calc(25% - 22.5px); }
	.popup#fortune .items .item:nth-child(5n) { margin-right: 30px; }
	.popup#fortune .items .item:nth-child(4n) { margin-right: 0; }
	
	.what { display: none !important; }
	
	.best { height: auto; margin-bottom: 70px !important; }
	.best .item:nth-child(1) { margin-bottom: 0px !important; }
	.best .item { position: relative !important; left: auto !important; right: auto !important; margin: 0 auto 20px !important; display: block; }

	[data-tooltip]:after { width: 200px; margin-left: -100px; }
}

@media(max-width: 840px) {
	.cases .item { width: 33.333%; }
	
	.footer .main-width { padding: 20px 0 10px; }
	.footer .copyright .image { display: block; margin: 0 auto 10px; }
	.footer .copyright { float: none; width: 100%; text-align: center; margin-bottom: 10px; }
	.footer .fnav { float: none; text-align: center; }
	.footer .fnav li { margin: 0 10px 10px;}
	
	.contract .items .item { width: calc(25% - 22.5px); margin: 0 30px 30px 0; }
	.contract .items .item:nth-child(5n) { margin-right: 30px; }
	.contract .items .item:nth-child(4n) { margin-right: 0; }
	
	
	.add-box .items .item {  width: calc(50% - 15px); }
	.add-box .items .item:nth-child(6n) { margin-right: 30px; }
	.add-box .items .item:nth-child(5n) { margin-right: 30px; }
	.add-box .items .item:nth-child(4n) { margin-right: 30px; }
	.add-box .items .item:nth-child(3n) { margin-right: 30px; }
	.add-box .items .item:nth-child(2n) { margin-right: 0px; }
	
	
	.pay .list .item { width: calc(33.333% - 16px); }
	.pay .list .item:nth-child(4n) { margin-right: 24px; }
	.pay .list .item:nth-child(3n) { margin-right: 0; }
	
	.profile-before .left { float: none;  width: 100%; }
	.profile-before .right { float: none; padding: 10px; width: 100%; min-height: 0; }
	
	.popup#fortune { display: none; }
	
}

@media(max-width: 748px) {
	
	.topbar .main-width { padding: 15px 0; }
	.topbar .stat { float: none; text-align: center; margin-bottom: 15px; }
	.topbar .stat .info { text-align: left; }
	.topbar .right { float: none; text-align: center; border-top: 1px solid #57475f; padding: 15px 0 0;}
	.topbar .page-header { float: none; text-align: center; margin-bottom: 15px; margin-top: 2px; }
	
	.slider-main .list { width: 100%; }
	.slider-main .prev { display: none; }
	.slider-main .next { display: none; }
	.case-actions .link-info { display: none; }
	.case-actions .left { float: none; text-align: center; margin-bottom: 20px; }
	.case-actions .right { float: none; text-align: center; }
	
	.change .items .item { width: 100%; margin: 0 0 30px !important; }
	
	.contract .items .item { width: calc(33.333% - 20px); margin: 0 30px 30px 0; }
	.contract .items .item:nth-child(4n) { margin-right: 30px; }
	.contract .items .item:nth-child(3n) { margin-right: 0; }
	
	
	.items .item { width: calc(33.333% - 20px); margin: 0 30px 30px 0; }
	.items .item:nth-child(4n) { margin-right: 30px; }
	.items .item:nth-child(3n) { margin-right: 0px; }
	
	.tabs-info .item { width: 100%; margin: 0 0 10px; }
	
	.table tr td:last-child { background-image: none !important; }
	.table .image, .table .avatar { display: none; }
	.table td { padding: 15px 10px; }
	.table th { padding: 5px 10px; }
	
	.reviews .item:first-child { margin-top: 0; }
	.reviews .item { width: 100%; float: none; margin-top: -40px; }
	
	.creater-info { height: auto; background: none; }
	.creater-info .avatar { position: static; margin: 0 auto; }
	.creater-info .mid { margin: 20px auto; }
	.creater-info .col { float: left; width: 50%; position: relative; top: auto; left: auto !important; right:  auto !important; }
	.creater-info .col { font-size: 10px; }
	.creater-info .col span { font-size: 40px; line-height: 40px; }
	
	.user-filters .list { float: none; text-align: center; }
	.user-filters .list .item { float: none; display: inline-block; }
	.user-filters .search-form { float: none; text-align: center; }
	.user-filters .search-form .search { margin: 10px auto 0; }
	
	
	.new-footer .fnav { float: none; text-align: center; }
	.new-footer .fnav li a { background: none !important; padding: 5px; }
	.new-footer .fnav li a .ico { display: none; }
	
	.ref-stat th { font-size: 12px; padding: 5px 5px; }
	.ref-stat td { padding: 5px 5px !important; font-size: 13px !important; }
}

@media(max-width: 640px) {
	.cases .item { width: calc(50% - 4px); }
	.compare-buttons .btn-compare { width: 170px; font-size: 15px; }	
	.contract .items .item { width: calc(50% - 15px); margin: 0 30px 30px 0 !important; }
	.contract .items .item:nth-child(3n) { margin-right: 30px !important; }
	.contract .items .item:nth-child(2n) { margin-right: 0 !important; }
	.contract .link-clear { position: static; display: block; width: 81px; margin: 0 auto 10px; }
	.contracts .item { margin-bottom: 50px; }
	.contracts .list .price { bottom: -30px; right: 0; white-space: nowrap; }
	.contracts .list .sub-item { width: 33.333%; height: 40px; }
	
	.items .item { width: calc(50% - 15px); margin: 0 30px 30px 0; }
	.items .item:nth-child(3n) { margin-right: 30px; }
	.items .item:nth-child(2n) { margin-right: 0px; }
	
	.filters .search { width: 100%; float: none; margin: 0 0 10px; }
	.filters .sort { float: none; width: 100%; text-align: center; }
	
	.add-box .sidebar { width: 100%; float: none; }
	.add-box .sidebar .box { float: left; width: 50%; height: 489px; }
	.add-box .sidebar .box:nth-child(1) { border-radius: 15px 0 0 15px; }
	.add-box .sidebar .box:nth-child(2) { border-radius: 0 15px 15px 0; }
	.add-box .container { width: 100%; float: none; }
	
	.create-form { background: url(https://cdn.x-api.net/mynew/images/pickcase3.png) no-repeat center; height: 1639px; padding-top: 78px; margin: -30px 0 -30px -20px; width: calc(100% + 40px); }
	.create-form .container { max-width: 694px; left: 0px; }
	.create-form .col { top: 420px; max-width: 414px; width: 100%; left: 50%; transform: translateX(-50%); }
	.create-form .col.case-col{ left: 50%; transform: translateX(-50%); }
	.create-form .col.case-emblem { right: auto; top: 970px; }
	.create-form .scroller { height: 480px; }
	.create-form .slimScrollBar { display: none !important; }
	.create-form .finish-image { margin-top: 50px; }
	
	.promo-code .code { font-size: 24px; }	
	.promo-code .code .badge { display: none; }
	
	.pay .list .item { width: calc(50% - 12px); height: 130px; }
	.pay .list .item:nth-child(3n) { margin-right: 24px; }
	.pay .list .item:nth-child(2n) { margin-right: 0; }
	.pay .list .item img { max-width: 80%; }
	.profile-steps .list .item { position: static !important; margin: 15px auto 0 !important; }
	
	.profile { text-align: center; }
	.profile .tradelink { position: static; float: none; text-align: center; margin-bottom: 20px; }
	.profile .tradelink .form { width: 100%; margin: 0 auto; max-width: 320px; }
	.profile .link-swin { position: static; float: none; margin: 20px 0 0; }
	.profile .user { width: 100%; }
	.profile .user .stat { position: static; width: 100%; display: block; margin-bottom: 10px; }
	.profile .user .stat .item { position: static; width: 50%; float: left; }
	.profile .user:before { display: none; }
	.profile .user .balance { color: #ffbd40; }
	.case.many .sub-item { width: 100%; display: block; }
	
	
	.tabs { margin: 0px auto 50px auto; max-width: 100%; } 
	
	
	.user-cases .item { width: calc(50% - 19px); }
	.user-cases .item:nth-child(3n) { margin-right: 38px; }
	.user-cases .item:nth-child(2n) { margin-right: 0; }
	
	.contracts-profile .item .left { width: 100%; float: none; text-align: center; }
	.contracts-profile .item .left:after { display: none; }
	.contracts-profile .item .list { float: none; padding: 0;  width: 100%; }
}


@media(max-width: 600px) {
	.circle { background: none; height: auto!important; width: auto; text-align: center; }
	.circle .item { display: inline-block; margin: 5px; vertical-align: top;  position: relative; left: auto !important; top: auto !important; }
	.circle .list { position: static; width: auto; height: auto; }
	.circle .btn-change { position: relative; left: 0; top: 0; display: block; margin: 0 auto; }
	.circle .btn-clear { position: relative; left: 0; top: 0; display: block; margin: 50px auto ; }
	
	.circle .circle-left { margin: 30px 0 30px; height: auto; padding: 20px 0 10px; }
	.circle .circle-right { margin: 30px 0 30px; height: auto; padding: 20px 0 10px; }
}

@media(max-width: 480px) {
	.case .roulette { background: url(https://cdn.x-api.net/mynew/images/roulette-min.png) no-repeat center; }
	.win-actions .btn { width: 100%; display: block; margin: 0 0 10px; }
	.change .col { width: calc(50% - 20px); }
	.change .page-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.change .change-line .btn-change { z-index: 1; }
	
	.case .roulette .list { max-width: 410px; }
	
	.contract .items .item { width: calc(50% - 7.5px); margin: 0 30px 30px 0 !important; }
	.contract .items .item:nth-child(3n) { margin-right: 30px !important; }
	.contract .items .item:nth-child(2n) { margin-right: 0 !important; }
	
	
	.add-box .sidebar .box { float: none; width: 100%; height: auto; border-radius: 15px !important; }
	.rally .box .box-heading { font-size: 24px; line-height: 24px; margin-bottom: 10px; }
	
	.tooltip { display: none; }
	.tabs .tab { width: calc(50% - 1px); }
	
	.form-desc { padding: 25px 10px; }
}

@media(max-width: 460px) {
	.main-width { width: calc(100% - 20px); }
	.topbar .stat .item .info { text-align: center; }
	.topbar .stat .item .ico { display: none; }
	
	.cases.big .item .image { height: 120px; }
	
	.mobile-top .logo { display: none; }
	.compare-buttons .price { height: 48px; line-height: 40px; margin: 10px 0; background: #ffbe2e; width: auto; padding: 0 10px;}
	.compare-buttons .btn-compare { display: block; margin: 0 auto; width: 240px; font-size: 18px; }
	
	.roulette-box { width: calc(100% + 20px); margin-left: -10px; }
	
	.black-info { max-width: calc(100% + 20px); margin-left: -10px; }
	
	.contracts .list .sub-item { width: 50%; height: 35px; } 
	
	.create-price .desc .item:nth-child(1) { display: none; }
	.create-price .desc .item:nth-child(3) { display: none; }
	.create-case .btn-big-create { font-size: 13px; }
	
	.steps, .promo-code, .profile-steps { width: calc(100% + 20px); margin-left: -10px; }
	
	.promo-code .code { font-size: 18px; }	
	.circle .circle-left { width: 100%; float: none; margin: 30px 0 0; }
	.circle .circle-right { width: 100%; float: none; }
	
	.new-footer .fnav li a { font-size: 11px; }
}
.actions .btn-small { position: relative; z-index: 2; }
.gamestatus {    overflow: hidden;
    margin: 0px auto;
    width: 630px;}



@-webkit-keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
 50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
#blink7 {
   -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
.prmcode-head {
    position: relative;
    font-family: Exo\ 2,Noto Sans,Tahoma,Arial,sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1em;
    text-align: center;
    border-radius: 1.5em;
}
.prmcode-head {
    display: inline-block;
    z-index: 2;
    font-size: 1.5em;
    padding: .5em 1em;
    text-shadow: 0 1px 5px rgba(0,0,0,.5);
    background: #d02b30;
    background: linear-gradient(45deg,#006bf8,#fb2363);
    box-shadow: 0 0 10px rgba(255,210,0,.5), inset -1px -1px 0 hsla(0,0%,100%,.4);
    background-clip: padding-box;
    text-transform: uppercase;
}
.prmcode-codeblock {
    top: -.5em;
    font-size: 2.5em;
    padding: .7em .3em;
    background-clip: padding-box;
    color: #fff;
    background-color: rgba(0,0,0,.4);
    box-shadow: 0 0 50px rgba(44, 94, 221), 0 0 10px rgba(230, 42, 112);
    cursor: pointer;
}
.prmcode-codeblock, .prmcode-head {
    position: relative;
    font-family: Exo\ 2,Noto Sans,Tahoma,Arial,sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1em;
    text-align: center;
    border-radius: 1.5em;
}
.sidebar-auth__small{
transition: all .3s ease;
    color: #838b97;
    font-size: 16px;
}
.sidebar-auth__big {
    color: #f3f6f9;
    font-size: 20px;
    padding-bottom: 1px;
}

.drop-labels__price {
    display: inline-block;
    color: #fdfdfe;
    font-size: 15px;
    background-color: rgba(58, 71, 86, 0.3);
    border: 1px solid #3a4756;
    border-radius: 3px;
    padding: 2px 6px;
    height: 25px;
}

.actqq { position: absolute; top: 10px; right: 10px; z-index: 1; box-shadow: 0 0 10px rgba(255,210,0,.5), inset -1px -1px 0 hsla(0,0%,100%,.4);

}

.site-partner {
    display: block;
    position: absolute;
    top: 152px;
    left:-36%;
    margin: 0 0 0 154px;
    padding: 2px 13px 5px 19px;
    border: 1px solid rgba(229,41,112);
    border-radius: 19px;
    background: rgba(33,14,35,.9);
    z-index: 99;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    transition: .2s ease;
}


.online__light {
    display: inline-block;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    background: #40d228;
    animation-name: miganie;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}
.item-rules {
    text-align: left;
    margin: 38px 0 0;
    line-height: 20px;
    font-size: 14px;
    color: #97949f;
}

 .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#f81f5a;text-decoration:none;background-color:;border:1px solid #f5a307}
.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}