html, body { width: 100%; height: 100%; padding: 0; margin: 0; }

body { background: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; }

input, select, textarea { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 16px; color: #333333 !important; outline: none !important; }

p { margin: 0px 0px 1.5em 0px; padding: 0px; }

a, a:link, a:visited { color: #03a9f5; text-decoration: none; }

a:hover { text-decoration: underline; }

a:focus, a:active { outline: none; }

a img, :link img, :visited img { border: none; }

table { border-collapse: collapse; border-spacing: 0; }

table td { padding: 0px; }

address { font-style: normal; }

small { display: inline-block; line-height: 12px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0px 0px 0.7em 0px; padding: 0px; font-weight: bold; color: #1a1a1a; line-height: normal; }

h1, .h1 { font-size: 36px; }
h1 small, .h1 small { font-size: 18px; line-height: normal; }

h2, .h2 { font-size: 32px; }

h3, .h3 { font-size: 24px; }

h4, .h4 { font-size: 22px; }

h5, .h5 { font-size: 20px; }

h6, .h6 { font-size: 18px; }

/* --- bg&colors --- */
.bg_white { background: #ffffff; }

.bg_black { background: #000000; }

.bg_dark { background: #1b2838; }

.bg_gray { background: #f2f2f2; }

.color_white { color: #ffffff !important; }

.color_black { color: #000000 !important; }

.color_yellow { color: #ffc107 !important; }

.color_red { color: #f44336 !important; }

.color_blue { color: #03a9f5 !important; }

.color_green { color: #4caf50 !important; }

.color_grey, .color_gray { color: gray !important; }

/* --- fonts --- */
.fs_10 { font-size: 10px; }

.fs_12 { font-size: 12px; }

.fs_13 { font-size: 13px; }

.fs_14 { font-size: 14px; }

.fs_16 { font-size: 16px; }

.fs_18 { font-size: 18px; }

.fs_20 { font-size: 20px; }

.fs_22 { font-size: 22px; }

.fs_24 { font-size: 24px; }

.fs_28 { font-size: 28px; }

.fs_32 { font-size: 32px; }

.fs_36 { font-size: 36px; }

.fs_thin { font-weight: 100; }

.fs_light { font-weight: 300; }

.fs_normal { font-weight: 400; }

.fs_medium { font-weight: 500; }

.fs_bold { font-weight: 700; }

.fs_extra { font-weight: 900; }

.normline { line-height: normal; }

.nowrap { white-space: nowrap !important; }

.noem { font-style: normal; }

.text-lined { text-decoration: underline; }

/* --- */
.block { display: block !important; }

.ofl { overflow: hidden; position: relative; *zoom: 1; }

/* --- */
.hr { background: #e6e6e6; position: relative; overflow: hidden; display: block; height: 1px; }
.hr.negative_left_30 { margin-left: -30px; }
@media (max-width: 450px) { .hr.negative_left_30 { margin-left: -15px; } }
.hr.hr-2 { background: #ffc107; height: 2px; }

/* --- links --- */
.type-link { color: #03a9f5; }

.dash-link { position: relative; color: #03a9f5 !important; text-decoration: none !important; }
.dash-link:before { content: ''; position: absolute; top: 100%; left: 0px; right: 0px; border-bottom: 1px dashed #03a9f5; }
.dash-link:hover:before { border: none; }

.ifa-link { display: inline-block; text-decoration: none !important; }
.ifa-link .fa { background: #96a5b6; display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 10px; font-size: 26px; line-height: 40px; color: #ffffff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.ifa-link span { display: inline-block; vertical-align: middle; }
.ifa-link:hover span { text-decoration: underline; }

a.ylink, .ylink { position: relative; color: #ffc107; text-decoration: none; }
a.ylink:before, .ylink:before { content: ""; border-top: 1px dashed #ffc107; position: absolute; top: 100%; left: 0px; right: 0px; height: 1px; }
a.ylink:hover:before, .ylink:hover:before { border-color: transparent; }

a.blink, .blink { position: relative; color: #03a9f5; text-decoration: none; }
a.blink:before, .blink:before { content: ""; border-top: 1px dashed #03a9f5; position: absolute; top: 100%; left: 0px; right: 0px; height: 1px; }
a.blink:hover:before, .blink:hover:before { border-color: transparent; }

.overlink { background: url(../images/blank.gif) no-repeat 0 0; position: absolute; top: 0px; left: 0px; z-index: 55; display: block; width: 100%; height: 100%; }



.disimg { position: relative; display: block;}
.disimg img { display: block; width: 100%; }
.disimg .yt-link { position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -20px; border: 1px solid transparent; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-color: transparent transparent transparent white; opacity: 0.7; }
.disimg:hover .yt-link { opacity: 1; }

/* --- */

.tabis-content .panel-body .disimg { position: relative; display: block; margin-top: -12px;}
.tabis-content .panel-body .disimg img { display: block; width: 100%; }
.tabis-content .panel-body .disimg .yt-link { position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -20px; border: 1px solid transparent; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-color: transparent transparent transparent white; opacity: 0.7; }
.tabis-content .panel-body .disimg:hover .yt-link { opacity: 1; }

/* --- */


.p-0-5 { padding: 0px 5px; }

.p-0-50 { padding: 0px 50px; }

.p-50-0 { padding: 50px 0px; }

.p-10 { padding: 10px; }

.p-15 { padding: 15px; }

.p-20 { padding: 20px; }

.p-t-5 { padding-top: 5px; }

.p-l-10 { padding-left: 10px; }

.m-t-0 { margin-top: 0px !important; }

.m-t-05 { margin-top: 5px; }

.m-t-08 { margin-top: 8px; }

.m-t-1 { margin-top: 10px; }

.m-t-2 { margin-top: 20px; }

.m-t-3 { margin-top: 30px; }

.m-t-4 { margin-top: 40px; }

.m-t-5 { margin-top: 50px; }

.m-b-0 { margin-bottom: 0px !important; }

.m-b-05 { margin-bottom: 5px !important; }

.m-b-1 { margin-bottom: 10px !important; }

.m-b-2 { margin-bottom: 20px !important; }

.m-b-3 { margin-bottom: 30px !important; }

.m-b-4 { margin-bottom: 40px !important; }

.m-b-5 { margin-bottom: 50px !important; }

.nopadd { padding: 0px !important; }

.nomarg { margin: 0px !important; }

.alert.alert-info.m-b-3 .m-b-1 {
  margin-top: -4px;
}

.alert.alert-info.m-b-3 .m-b-1 span:first-child{
  font-weight: bold;
}
/* --- layout --- */
#wrap { background: #181f28; width: 100%; min-height: 100%; position: relative; }
@media (max-width: 767px) { #wrap > .container { padding-left: 0px; padding-right: 0px; } }

@media (min-width: 768px) { .mainpage { background: #1f2b3a url(../images/mainpage_bg.jpg) no-repeat 50% 50%; } }
@media (max-width: 767px) { .mainpage { background: #1f2b3a url(../images/mainpage_bg.jpg) no-repeat 0 0/auto 100%; } #wrap {padding-top: 0 !important;} }

#header { position: relative; z-index: 555; }
#header .header_a { background: #263342; }
#header .header_a .logo { float: left; padding: 6px 0px 0px 15px; }
@media (max-width: 768px) { #header .header_a .logo { width: 60%; } }
#header .header_a .logo a { position: relative; display: block; padding-left: 50px; font-size: 14px; color: #ffffff; line-height: normal; }
@media (max-width: 767px) { #header .header_a .logo a { padding-left: 0px; padding-top: 5px; } }
@media (min-width: 768px) { #header .header_a .logo a img { position: absolute; top: 5px; left: 0px; } }
#header .header_a .logo a strong { display: block; font-size: 26px; line-height: 28px; font-weight: bold; }
@media (max-width: 767px) { #header .header_a .logo a strong { display: none; } }
#header .header_a .logo a strong span { color: #ffc107; }
#header .header_a .logo a em { display: block; font-size: 12px; font-style: normal; text-transform: uppercase; opacity: 0.5; }
@media (max-width: 767px) { #header .header_a .logo a em { display: none; } }
#header .header_a .logo a:hover { text-decoration: none; }
#header .header_a .logo a:hover strong { color: #ffc107; }
#header .header_a .search { float: right; width: 230px; padding: 10px 0px; }
.lang-pt #header .header_a .search { float: right; width: 180px; padding: 10px 0px; }
.lang-pl #header .header_a .search { float: right; width: 180px; padding: 10px 0px; }
#header .header_a .header-menu { position: relative; float: right; padding-left: 10px; padding-right: 30px; }
#header .header_a .header-menu.open .fa-navicon { color: #ffc107; }
@media (min-width: 1200px) { #header .header_a .header-menu .fa-navicon { display: none; }
  #header .header_a .header-menu .drop { display: block !important; }
  #header .header_a .header-menu .drop ul { margin: 0px -15px 0px 0px; padding: 0px; list-style: none; }
  #header .header_a .header-menu .drop ul li { display: inline-block; margin: 0px 5px; }
  #header .header_a .header-menu .drop ul li a { border-top: 2px solid transparent; display: block; padding: 18px 10px 15px; font-size: 16px; color: #ffffff; text-transform: uppercase; }
  #header .header_a .header-menu .drop ul li a:hover, #header .header_a .header-menu .drop ul li a.active { border-color: #ffc107; color: #ffc107; text-decoration: none; } }
@media (max-width: 1199px) { #header .header_a .header-menu { padding-top: 18px; min-height: 63px; }
  #header .header_a .header-menu .fa-navicon { font-size: 28px; color: #e6e6e6; }
  #header .header_a .header-menu .fa-navicon:hover { color: #ffc107; cursor: pointer; }
  #header .header_a .header-menu .drop { background: #263342; position: absolute; top: 100%; right: 0px; min-width: 250px; display: none; }
  #header .header_a .header-menu .drop ul { margin: 0px; padding: 0px; list-style: none; }
  #header .header_a .header-menu .drop ul li { border-top: 1px solid #2f4052; }
  #header .header_a .header-menu .drop ul li:first-child { border-top: none; }
  #header .header_a .header-menu .drop ul li a { display: block; padding: 10px 20px; font-size: 16px; color: #ffffff; text-transform: uppercase; }
  #header .header_a .header-menu .drop ul li a:hover, #header .header_a .header-menu .drop ul li a.active { color: #ffc107; text-decoration: none; } }
#header .header_a .header-menu-search { padding: 10px; }
#header .header_b { background: #1e2733; padding: 5px 30px; font-size: 14px; text-align: right; }
#header .header_b .list-inline { margin-bottom: 0px; }
#header .header_b .list-inline a { color: #ffffff; }
#header .header_b .list-inline a:hover, #header .header_b .list-inline a.active { color: #ffc107; text-decoration: none; }

.search-box { background: #131a24; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.search-box input { color: #ffffff !important; }
.search-box input::-webkit-input-placeholder { color: #ffffff !important; }
.search-box input::-moz-placeholder { color: #ffffff !important; }
.search-box input::-ms-placeholder { color: #ffffff !important; }
.search-box input::placeholder { color: #ffffff !important; }
.search-box input[type=text] { background: none; border: none; display: block; width: 100%; padding: 9px 40px 8px 20px; color: #ffffff !important; }
.search-box input[type=submit] { background: url(../images/search_button.png) no-repeat 50% 50%; border: none; position: absolute; top: 50%; right: 10px; display: block; width: 21px; height: 21px; margin-top: -10px; opacity: 0.5; }
.search-box input[type=submit]:hover { opacity: 1; }

#white { background: #ffffff; padding: 25px 30px; }
@media (max-width: 450px) { #white { padding: 20px 15px; } }
#white.type-a { background: #eef2f6; }

.white-insertion { background: #f2f2f2; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position: relative; margin: 0px -30px; padding: 30px; }
@media (max-width: 450px) { .white-insertion { margin: 0px -15px; } }

.mainpage-box { padding: 50px 0px 100px; }
.mainpage-box .jumbotron { margin-bottom: 50px; }
.mainpage-box .btn-lg { padding: 15px 35px; }

.jumbotron { background: none; margin: 0px; padding: 0px 50px !important; font-size: 22px; color: #000000; text-align: center; }
@media (max-width: 500px) { .jumbotron { padding: 0px !important; font-size: 14px; } }
.jumbotron .t1 { margin: 0px 0px 15px 0px; font-size: 5em; font-weight: 400; text-transform: uppercase; }
@media (max-width: 992px) { .jumbotron .t1 { margin-bottom: 15px; font-size: 2.5em; } }
.jumbotron .t2 { margin-bottom: 25px; font-size: 1.1em; font-weight: 300; }
.jumbotron .t3 { font-size: 1em; font-weight: 300; }

.statistics-head { background: #121a25 url(../images/statistics-bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 40px 30px 120px; color: #999999; }
@media (max-width: 450px) { .statistics-head { padding: 40px 15px 120px; } }
.statistics-head .title { margin-bottom: 10px; font-size: 30px; font-weight: bold; color: #ffffff; }

.tabis-negative { position: relative; margin-top: -110px; }
@media (max-width: 450px) { .tabis-negative { margin-top: -105px; } }
.tabis-negative .tabis-content { -webkit-box-shadow: 0px 5px 10px #cccccc; -moz-box-shadow: 0px 5px 10px #cccccc; -ms-box-shadow: 0px 5px 10px #cccccc; box-shadow: 0px 5px 10px #cccccc; }

.tabis-list { background: #263342; position: relative; z-index: 55; height: 55px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
.tabis-list .fa-navicon { display: none; }
@media (max-width: 767px) { .tabis-list .fa-navicon { display: block; width: 55px; height: 55px; font-size: 24px; line-height: 55px; color: #ffffff; text-align: center; }
  .tabis-list .fa-navicon:hover { background: #ffffff; color: #263342; cursor: pointer; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } }
.tabis-list ul { margin: 0px; padding: 0px; list-style: none; }
@media (max-width: 767px) { .tabis-list ul { background: #263342; position: absolute; top: 100%; left: 0px; min-width: 200px; display: none; } }
@media (min-width: 768px) { .tabis-list ul { display: block !important; } }
.tabis-list ul li a span { position: relative; top: 2px; margin-right: 5px; display: inline-block; }
@media (max-width: 991px) { .tabis-list ul li a span { display: none; } }
.tabis-list ul li a span .a { display: block; }
.tabis-list ul li a span .b { display: none; }
.tabis-list ul li a em { display: inline-block; font-style: normal; }
.tabis-list ul li a.active span .a { display: none; }
.tabis-list ul li a.active span .b { display: block; }
.tabis-list ul li a:hover em { text-decoration: underline; }
@media (max-width: 767px) { .tabis-list ul li { border-top: 1px solid #394c62; }
  .tabis-list ul li a { display: block; padding: 10px 15px; color: #ffffff; } }
@media (min-width: 768px) { .tabis-list ul li { position: relative; display: table-cell; width: 1%; text-align: center; }
  .tabis-list ul li:before { content: ''; background: #ffffff; position: absolute; top: 5px; bottom: 5px; left: -1px; display: block; width: 2px; opacity: 0.1; }
  .tabis-list ul li:first-child:before { display: none; }
  .tabis-list ul li a { display: block; height: 55px; font-size: 16px; line-height: 55px; color: #ffffff; text-decoration: none !important; }
  .tabis-list ul li a.active { background: #ffffff; color: #263342; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -ms-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } }

.tabis-content { background: #ffffff; padding: 20px; }
@media (max-width: 767px) { .tabis-content .panel-shadow { margin: 0px -20px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } }

.space-slice { position: relative; overflow-y: auto; }

.headbox { background: #151d27 url(../images/headbox-bg.png) no-repeat 0 0/auto 100%; background-size: cover; padding: 25px 30px; color: #999999; }
@media (max-width: 450px) { .headbox { padding: 15px; } }
.headbox h1, .headbox .h1, .headbox h2, .headbox .h2, .headbox h3, .headbox .h3, .headbox h4, .headbox .h4, .headbox h5, .headbox .h5, .headbox h6, .headbox .h6 { margin-bottom: 0.5em; color: #ffffff; }
.headbox h4, .headbox .h4, .headbox h5, .headbox .h5, .headbox h6, .headbox .h6 { font-weight: 500; }
@media (min-width: 992px) { .headbox .headbox__row { margin: 0px -25px; } }
@media (min-width: 992px) { .headbox .headbox__row .headbox__side { float: left; width: 40%; padding: 0px 25px; } }
@media (min-width: 992px) { .headbox .headbox__row .headbox__side.right { position: relative; padding-top: 20px; padding-bottom: 20px; }
  .headbox .headbox__row .headbox__side.right:before { content: ''; background: #ffffff; position: absolute; top: 0px; left: 0px; display: block; width: 2px; height: 100%; opacity: 0.2; } }
@media (max-width: 991px) { .headbox .headbox__row .headbox__side.right { padding-top: 20px; } }
@media (min-width: 992px) { .headbox .headbox__row .headbox__body { float: left; width: 60%; padding: 0px 25px; } }

.services-head-link { position: relative; margin: 0px -5px; padding: 0px; list-style: none; }
.services-head-link li { display: block; float: left; width: 33.3333%; padding: 0px 5px; }
@media (max-width: 449px) { .services-head-link li { float: none; width: auto; padding: 5px; } }
.services-head-link li a { background: #263342; display: block; padding: 12px; font-size: 14px; text-align: center; text-decoration: none !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }
.services-head-link li a i { position: relative; overflow: hidden; display: block; width: 74px; height: 47px; margin: 0 auto; }
.services-head-link li a i img { position: relative; display: block; }
.services-head-link li a span { display: block; padding-top: 7px; }
.services-head-link li a:hover { background: #36495f; }
.services-head-link li a.active { background: #36495f; -webkit-box-shadow: 0px 3px 0px 0px #ffc107; -moz-box-shadow: 0px 3px 0px 0px #ffc107; -ms-box-shadow: 0px 3px 0px 0px #ffc107; box-shadow: 0px 3px 0px 0px #ffc107; }
.services-head-link li a.active i img { top: -47px; }
.services-head-link li a.active span { color: #ffc107; }

.tooluse-users { position: relative; overflow: hidden; margin: 0px -2px; padding: 0px; list-style: none; }
.tooluse-users li { float: left; width: 20%; margin-bottom: 5px; padding: 0px 2px; }
@media (max-width: 599px) { .tooluse-users li { width: 33.3333%; }
  .tooluse-users li.hidden-xxs { display: none; } }
@media (max-width: 449px) { .tooluse-users { margin: 0px -2px; }
  .tooluse-users li { padding: 0px 2px; } }
.tooluse-users.tooluse-users-v2 li { width: 10%; margin-bottom: 5px; }
@media (max-width: 991px) { .tooluse-users.tooluse-users-v2 li { width: 20%; } }
@media (max-width: 599px) { .tooluse-users.tooluse-users-v2 li { width: 33.3333%; } }
.tooluse-users .user { background: #ffffff; border: 1px solid #e6e6e6; position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.tooluse-users .user .userpic { background: #000000; position: relative; display: block; }
.tooluse-users .user .userpic a { display: block; }
.tooluse-users .user .userpic a img { display: block; width: 100%; -webkit-transition: opacity 0.2s linear 0s; -moz-transition: opacity 0.2s linear 0s; -o-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; }
.tooluse-users .user .userpic i { position: absolute; bottom: 3px; left: 5px; display: block; width: 16px; }
.tooluse-users .user .userpic i img { display: block; width: 100%; }
.tooluse-users .user .name { padding: 5px; font-size: 12px; text-align: center; }
.tooluse-users .user .name span { position: relative; overflow: hidden; display: block; white-space: nowrap; }
.tooluse-users .user:hover .userpic a img { opacity: 0.5; }
.tooluse-users .user:hover .name span { color: #03a9f5; }

.services-command-search { background: #f2f2f2; padding: 25px 30px; }
@media (max-width: 449px) { .services-command-search { padding: 20px 15px; } }

.services-command-list .panel-shadow { position: relative; margin-top: 20px; }
.services-command-list .panel-shadow:first-child { margin-top: 0px; }
.services-command-list .panel-shadow .panel-heading { background: none !important; position: relative; overflow: hidden; padding: 10px 20px !important; font-size: 18px; font-weight: bold; }
@media (max-width: 767px) { .services-command-list .panel-shadow .panel-heading { font-size: 14px; } }
.services-command-list .panel-shadow .panel-body { padding: 0px 20px 20px 20px !important; font-size: 12px; line-height: 1.5em; color: gray; }
.services-command-list .panel-shadow .panel-body span { color: #000000; }
.services-command-list .panel-shadow .addlink { background: #03a9f5; position: absolute; top: 50%; right: 20px; z-index: 5; display: block; width: 36px; height: 36px; margin-top: -18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }
.services-command-list .panel-shadow .addlink:before { content: ''; background: #ffffff; position: absolute; top: 50%; left: 20%; right: 20%; display: block; height: 2px; margin-top: -1px; }
.services-command-list .panel-shadow .addlink:after { content: ''; background: #ffffff; position: absolute; top: 20%; bottom: 20%; left: 50%; display: block; width: 2px; margin-left: -1px; }
.services-command-list .panel-shadow .addlink:hover { background: #ffc107; }

.top-user-line { margin-bottom: 50px; }
.top-user-line ul { position: relative; overflow: hidden; margin: 0px; padding: 0px; list-style: none; *zoom: 1; }
.top-user-line ul li { background: #000000; position: relative; float: left; }
@media (max-width: 449px) { .top-user-line ul li { width: 100%; } }
@media (min-width: 450px) { .top-user-line ul li { width: 50%; } }
@media (min-width: 768px) { .top-user-line ul li { width: 20%; } }
.top-user-line ul li .img img { display: block; width: 100%; }
.top-user-line ul li .name { background: url(../images/shd.png) repeat-x left bottom/auto 100%; position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 10px; color: #ffffff; }
.top-user-line ul li .name img { display: inline-block; margin-right: 5px; }
@media (min-width: 1200px) and (max-width: 1450px) { .top-user-line ul li .name img { width: 20px; } }
.top-user-line ul li:hover .img { opacity: 0.3; }

.pathway { font-size: 13px; color: gray; }
.pathway span { margin: 0px 7px; }

.user-box { position: relative; }
.user-box .user-box_bg { background: #1b2838; border-bottom: 1px solid #2b4159; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 1; height: 220px; }
.user-box .container { position: relative; z-index: 5; padding-top: 30px; }

.user-info { background: #273442; position: relative; overflow: hidden; font-size: 16px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.user-info .verification { width: 24px; margin-top: -5px; }
.user-info .user-info-social { margin: 0px -10px; font-size: 14px; color: #999999; }
.user-info .user-info-social li { padding: 0px 10px; }
.user-info .user-info-social a { color: #999999; }
.user-info-steam { color: #999999; }
.user-info-steam a { color: #ffffff; }
.user-info small.color_red { margin-left: 5px; font-size: 12px; color: #fc1447 !important; }
.user-info .user-info-stats { white-space: nowrap; }
.user-info .user-info_bottom { background: #131a24; padding: 12px 20px; font-size: 13px; color: #cccccc; }
.user-info .user-info_bottom .text-left { color: #ffffff; }
@media (max-width: 991px) { .user-info .user-info_bottom .text-left { margin-bottom: 7px; } }
@media (max-width: 991px) { .user-info .user-info_bottom .text-right { text-align: left !important; } }

.person.person_main .person__pic { float: left; width: 160px; }
@media (max-width: 767px) { .person.person_main .person__pic { float: none; margin-bottom: 15px; } }
.person.person_main .person__pic img { display: block; width: 100%; }
.person.person_main .person__info { margin-left: 180px; }
@media (max-width: 767px) { .person.person_main .person__info { margin-left: 0px; } }
.person.person_main .person__name { margin-bottom: 10px; font-size: 24px; font-weight: bold; color: #ffffff; }
.person.person_main .person__name span { color: #ffc107; }
.person.person_main .person__name .verification { position: relative; top: -5px; }
.person.person_main .peson__social { font-size: 14px; color: #999999; }
.person.person_main .peson__social .list-inline { margin: 0px -7px 7px; }
.person.person_main .peson__social .list-inline li { padding: 0px 7px; }
.person.person_main .peson__social .fa { color: #b3b3b3; }
.person.person_main .peson__social a { color: #999999; }
.person.person_main .peson__social strong { margin-left: 2px; color: #ffffff; }
@media (min-width: 992px) and (max-width: 1199px) { .person.person_main .peson__social span { display: none; } }

.graybg-box { background: #767676; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.darkbg-box { background: #565656; border: 1px solid #343434; border-right-color: #bbbab8; border-bottom-color: #bbbab8; }
.darkbg-box th { color: #ffffff !important; }

.user-gear { position: relative; overflow: hidden; width: 100%; }

.user-gear_list { margin: 0px -15px -30px; padding: 0px; list-style: none; }
.user-gear_list li { display: inline-block; vertical-align: top; }
@media (max-width: 499px) { .user-gear_list li { width: 100%; } }
@media (min-width: 500px) { .user-gear_list li { width: 50%; } }
@media (min-width: 768px) { .user-gear_list li { width: 33%; } }
@media (min-width: 992px) { .user-gear_list li { width: 20%; } }
.user-gear_list .item { position: relative; margin: 0px 15px 30px; color: gray; }
.user-gear_list .item .disimg { position: relative; overflow: hidden; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0px 0px 2px #cccccc; }
.user-gear_list .item:hover .disimg { border: 1px solid #03a9f5; }
.user-gear_list .item:hover .type-link { text-decoration: underline; }

.user-mini-pw.first { background: #273442; margin: -10px; padding: 10px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.sort-box { background: #fbfbfb; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin: 0px -30px; padding: 0px 30px; }
@media (max-width: 450px) { .sort-box { margin: 0px -15px 30px; } }

.list-sort { font-size: 16px; }
.list-sort li { margin-left: 10px; }
.list-sort li:first-child { margin-left: 0px; }
.list-sort a { display: block; padding: 16px 0px 16px 0px; }
.list-sort a.active { border-bottom: 2px solid #ffc107; color: #333333; }

.blog-list .blog-item .title { margin-bottom: 10px; font-size: 24px; color: #000000; text-transform: uppercase; }
.blog-list .blog-item .imgbox { margin-bottom: 20px; }
.blog-list .blog-item .imgbox .image img { display: block; width: 100%; }
.blog-list .blog-item .imgbox .caption { padding-top: 10px; font-size: 14px; color: gray; }
.blog-list .blog-item .description { margin-bottom: 20px; }
.blog-list .blog-item .more { text-transform: uppercase; }
.blog-list .blog-item .bottom { padding-top: 20px; font-size: 14px; }
.blog-list .blog-item .bottom .list-inline li { display: inline-block; vertical-align: middle; }
@media (max-width: 1199px) { .blog-list .blog-item .bottom .pull-left { float: none !important; }
  .blog-list .blog-item .bottom .pull-right { padding-top: 10px; float: none !important; text-align: left !important; } }
.blog-list .blog-sep { background: #e6e6e6; position: relative; height: 1px; margin: 20px 0px 20px -30px; }

.pagination { display: block; margin: 0px; text-align: center; }
.pagination a, .pagination span { cursor: pointer; border: 1px solid #cccccc; display: inline-block; min-width: 38px; margin: 0px 2px; padding: 6px 5px; color: #000000; text-align: center; }
.pagination a:hover { border-color: #03a9f5; text-decoration: none; }
.pagination a.active { background: #03a9f5; border-color: #03a9f5; color: #ffffff; }
.pagination span:hover { border-color: #03a9f5; text-decoration: none; }
.pagination span.active { background: #03a9f5; border-color: #03a9f5; color: #ffffff; }

.headline { font-size: 18px; font-weight: bold; color: #96a5b6; text-transform: uppercase; }

.top-players-table { width: 100%; font-size: 13px; }
.top-players-table th, .top-players-table td { padding: 10px 0px 10px 5px; }
.top-players-table th:first-child, .top-players-table td:first-child { padding-left: 0px; }
.top-players-table td { border-bottom: 1px solid #e6e6e6; white-space: nowrap; }
.top-players-table .media .media-left { padding-right: 10px; }
.top-players-table .media .media-right { padding-left: 10px; }
.top-players-table .user { position: relative; display: inline-block; padding: 0px 35px; }
.top-players-table .user .usrpic { position: absolute; top: 50%; left: 0px; display: block; width: 25px; margin-top: -12px; }
.top-players-table .user .teampic { position: absolute; top: 50%; right: 0px; display: block; width: 25px; margin-top: -12px; }
.top-players-table .user a { position: relative; overflow: hidden; display: block; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; }

.article { font-size: 17px; }
.article ul { margin: 0px 0px 20px 40px; padding: 0px; list-style: none; }
.article ul li { position: relative; margin-top: 5px; padding-left: 30px; }
.article ul li:first-child { margin-top: 0px; }
.article ul li:before { content: ''; border: 2px solid #cccccc; position: absolute; top: 0.5em; left: 0px; display: block; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.article ul.list-unstyled { margin-left: 10px; }
.article ul.list-unstyled li:before { content: none; }
.article blockquote { border: none; border-top: 1px solid #03a9f5; border-bottom: 1px solid #03a9f5; position: relative; display: block; margin: 0px; padding: 35px 0px 35px 100px; font-size: 20px; }
.article blockquote img { position: absolute; top: 40px; left: 0px; }
.article blockquote span { color: gray; }
.article img { display: block; max-width: 100%; height: auto; }
.article img[align=left] { margin-right: 20px; }
.article img[align=right] { margin-left: 20px; }

.toc { background: #f2f2f2; border: 1px solid #cccccc; padding: 20px 25px; }
@media (min-width: 768px) { .toc { width: 70%; } }
@media (min-width: 1200px) { .toc { width: 60%; } }

@media (min-width: 1200px) { .gear-item { width: 80%; } }
.gear-item .table { text-transform: uppercase; }
.gear-item .table th { background: #03a9f5; padding: 10px 20px; color: #ffffff; text-align: right; }
.gear-item .table th:first-child { text-align: left; }
.gear-item .table td { padding: 10px 20px; text-align: right; }
.gear-item .table td:first-child { text-align: left; }

.console { background: #767676; padding: 10px; font-size: 14px; color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.console .console-head { padding-bottom: 10px; }
.console .console-body { background: #565656; border: 1px solid #343434; border-color: #343434 #bbbab8 #bbbab8 #343434; padding: 10px 15px; }
.console textarea { background: none; border: none; display: block; width: 100%; height: 200px; padding: 0px; margin: 0px; font-size: 13px; color: #ffffff !important; }

.console-dark { background: #333333; font-family: "Courier New", Courier, monospace; font-size: 12px; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.console-dark .console-body { position: relative; overflow-x: auto; padding: 10px; }
.console-dark textarea { background: none; border: none; display: block; width: 100%; height: 200px; padding: 0px; margin: 0px; font-size: 13px; color: #ffffff !important; resize: none; }

.box-gray { background: #f5f5f5; border: 1px solid #d4d4d4; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.chg-carousel { position: relative; margin: -2px 0px -5px; padding: 0px 0px 0px 10px; }
@media (max-width: 991px) { .chg-carousel { padding: 10px; } }
.chg-carousel .owl-prev, .chg-carousel .owl-next { position: absolute; top: 0px; bottom: 16px; left: -10px; display: block; width: 20px; text-align: center; }
@media (max-width: 991px) { .chg-carousel .owl-prev, .chg-carousel .owl-next { left: -10px; } }
.chg-carousel .owl-prev .fa, .chg-carousel .owl-next .fa { position: absolute; top: 50%; left: 0px; display: block; width: 100%; height: 24px; margin-top: -13px; font-size: 24px; line-height: 24px; }
.chg-carousel .owl-prev.disabled, .chg-carousel .owl-next.disabled { opacity: 0.4; cursor: default; }
.chg-carousel .owl-prev:hover, .chg-carousel .owl-next:hover { color: #03a9f5; }
.chg-carousel .owl-next { left: auto; right: -20px; }
@media (max-width: 991px) { .chg-carousel .owl-next { right: -10px; } }
.chg-carousel .chg-carousel-item { position: relative; }
.chg-carousel .chg-carousel-item .img { position: relative; display: block; }
.chg-carousel .chg-carousel-item .img img { display: block; width: 100%; }
.chg-carousel .chg-carousel-item .txt { position: relative; overflow: hidden; display: block; padding-top: 2px; white-space: nowrap; text-overflow: clip; }
.chg-carousel .chg-carousel-item a { font-size: 10px; color: gray; text-align: center; }
.chg-carousel .chg-carousel-item a:hover, .chg-carousel .chg-carousel-item a.active { color: #1a1a1a; text-decoration: none; }
.chg-carousel .chg-carousel-item a:hover .img i, .chg-carousel .chg-carousel-item a.active .img i { border: 2px solid #ffc107; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; }

.chg-search .title { padding-top: 0px; padding-bottom: 6px; font-size: 14px; color: #333333; }
@media (min-width: 34em) { .chg-search .title { white-space: nowrap; } }
.chg-search .form-control { height: 40px; font-size: 16px; }
.chg-search .btn { padding: 8px 20px 7px; font-size: 16px; font-weight: bold; }

.chg-gallery { position: relative; }
.chg-gallery .user { position: absolute; top: 20px; left: 20px; z-index: 5; width: 50px; text-align: center; }
.chg-gallery .user .img { border: 1px solid #ffc107; box-shadow: 0px 0px 3px #666666; }
.chg-gallery .user .img img { display: block; width: 100%; }
.chg-gallery .user .name { font-size: 12px; color: #ffc107; text-shadow: 0px 0px 2px #000000; }
.chg-gallery .mainview { position: relative; margin-bottom: 2px; }
.chg-gallery .mainview img { display: block; width: 100%; }
.chg-gallery .mainview canvas { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; }
.chg-gallery .list-preview { font-size: 12px; text-align: center; }
.chg-gallery .preview { position: relative; display: block; }
.chg-gallery .preview img { display: block; width: 100%; }
.chg-gallery .preview.active i { border: 2px solid #ffc107; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
.chg-gallery .row_0 { margin-left: -1px !important; margin-right: -1px !important; }
.chg-gallery .row_0 > .col-xs-1, .chg-gallery .row_0 > .col-sm-1, .chg-gallery .row_0 > .col-md-1, .chg-gallery .row_0 > .col-lg-1, .chg-gallery .row_0 > .col-xs-2, .chg-gallery .row_0 > .col-sm-2, .chg-gallery .row_0 > .col-md-2, .chg-gallery .row_0 > .col-lg-2, .chg-gallery .row_0 > .col-xs-3, .chg-gallery .row_0 > .col-sm-3, .chg-gallery .row_0 > .col-md-3, .chg-gallery .row_0 > .col-lg-3, .chg-gallery .row_0 > .col-xs-4, .chg-gallery .row_0 > .col-sm-4, .chg-gallery .row_0 > .col-md-4, .chg-gallery .row_0 > .col-lg-4, .chg-gallery .row_0 > .col-xs-5, .chg-gallery .row_0 > .col-sm-5, .chg-gallery .row_0 > .col-md-5, .chg-gallery .row_0 > .col-lg-5, .chg-gallery .row_0 > .col-xs-6, .chg-gallery .row_0 > .col-sm-6, .chg-gallery .row_0 > .col-md-6, .chg-gallery .row_0 > .col-lg-6, .chg-gallery .row_0 > .col-xs-7, .chg-gallery .row_0 > .col-sm-7, .chg-gallery .row_0 > .col-md-7, .chg-gallery .row_0 > .col-lg-7, .chg-gallery .row_0 > .col-xs-8, .chg-gallery .row_0 > .col-sm-8, .chg-gallery .row_0 > .col-md-8, .chg-gallery .row_0 > .col-lg-8, .chg-gallery .row_0 > .col-xs-9, .chg-gallery .row_0 > .col-sm-9, .chg-gallery .row_0 > .col-md-9, .chg-gallery .row_0 > .col-lg-9, .chg-gallery .row_0 > .col-xs-10, .chg-gallery .row_0 > .col-sm-10, .chg-gallery .row_0 > .col-md-10, .chg-gallery .row_0 > .col-lg-10, .chg-gallery .row_0 > .col-xs-11, .chg-gallery .row_0 > .col-sm-11, .chg-gallery .row_0 > .col-md-11, .chg-gallery .row_0 > .col-lg-11, .chg-gallery .row_0 > .col-xs-12, .chg-gallery .row_0 > .col-sm-12, .chg-gallery .row_0 > .col-md-12, .chg-gallery .row_0 > .col-lg-12 { padding-left: 1px !important; padding-right: 1px !important; }

.chg-settings { padding: 5px 10px; font-size: 14px; }
.chg-settings .chg-settings-line { padding-top: 10px; }
.chg-settings .chg-settings-line .title { margin: 0px; padding-top: 5px; }
.chg-settings .chg-settings-line .slider { margin-top: 12px; }

.chg-list-colors { margin: 0px; padding: 2px 0px 0px 0px; list-style: none; }
.chg-list-colors li { display: inline-block; vertical-align: middle; }
.chg-list-colors li label { border: 1px solid transparent; position: relative; overflow: hidden; display: block; padding: 2px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.chg-list-colors li label input { position: absolute; top: -200px; left: -200px; }
.chg-list-colors li label .arr { display: block; width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.chg-list-colors li label:hover { cursor: pointer; }
.chg-list-colors li label.active { border-color: #ffc107; }
.chg-list-colors li label.red .arr { background: #ff0000; }
.chg-list-colors li label.green .arr { background: #00ff00; }
.chg-list-colors li label.yellow .arr { background: #ffff00; }
.chg-list-colors li label.blue .arr { background: #0000ff; }
.chg-list-colors li label.cyan .arr { background: #00ffff; }
.chg-list-colors li label.violet .arr { background: #ff00ff; }
.chg-list-colors li label.white .arr { background: #fff; border: 1px solid #cccccc; }
.chg-list-colors li label.custom { background: #ffffff; border: 1px solid #03a9f5; margin-left: 5px; padding: 2px 7px 3px !important; color: #03a9f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.chg-list-colors li label.custom .arr { display: none; }
.chg-list-colors li label.custom.active { background: #ffffff; border: 1px solid #ffc107; }

.label { padding: 3px 10px; font-size: 13px; color: #333333; font-weight: normal; line-height: normal; }
.label.label-warning {
  background: #ffc107;
  margin-left: 5px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 3px 7px;
  position: relative;
  top: -1px;
}

.alert.alert-info .media-body a{
  font-weight: bold;
}


.alert.alert-info .media-body a i{
  font-size: 17px;
  font-weight: 500;
  margin-left: 3px;
}

.labelist label { position: relative; padding: 0px; margin: 0px; line-height: normal; }
.labelist label:hover { cursor: pointer; }
.labelist .lbtn { border: 1px solid transparent; position: relative; overflow: hidden; display: inline-block; padding: 2px 7px; color: #03a9f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.labelist .lbtn input { position: absolute; top: -200%; left: -200%; }
.labelist .lbtn.active { background: #ffffff; border-color: #ffc107; color: #000000; }
.labelist.labelist-a label { position: relative; padding: 0px 0px 0px 20px; margin: 0px; }
.labelist.labelist-a label input { position: absolute; top: 0px; left: 0px; z-index: 1; margin: 0px; visibility: hidden; }
.labelist.labelist-a label .arr { background: #ffffff; border: 1px solid #cccccc; position: absolute; top: 50%; left: 0px; z-index: 5; display: block; width: 14px; height: 14px; margin: -7px 0px 0px 0px; }
.labelist.labelist-a label .arr:before { content: ''; background: #ffc107; position: absolute; top: 3px; bottom: 3px; left: 3px; right: 3px; display: none; }
.labelist.labelist-a label .arr.arr-check { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.labelist.labelist-a label .arr.arr-check:before { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.labelist.labelist-a label .arr.arr-radio { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.labelist.labelist-a label .arr.arr-radio:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.labelist.labelist-a label:hover { cursor: pointer; }
.labelist.labelist-a label.active .arr.arr-check { background-image: url(../images/icons/check.png); background-position: 50% 50%; }
.labelist.labelist-a label.active .arr.arr-check:before { display: none; }
.labelist.labelist-a label.active .arr:before { display: block; }

.ui-spinner { background: #ffffff; border-color: #cccccc !important; position: relative; display: inline-block; padding: 3px 25px 3px 7px; }
.ui-spinner .ui-spinner-input { background: none; border: none; width: 100%; margin: 0px; padding: 0px; }
.ui-spinner .ui-spinner-up, .ui-spinner .ui-spinner-down { background-color: #f8f7f6; border-left: 1px solid #cccccc; position: absolute; top: 0px; right: 0px; display: block; width: 18px; height: 50%; }
.ui-spinner .ui-spinner-up:hover, .ui-spinner .ui-spinner-down:hover { background-color: #e6e6e6; cursor: pointer; }
.ui-spinner .ui-spinner-up { background: #f8f7f6 url(../images/spinner-up.png) no-repeat center; }
.ui-spinner .ui-spinner-down { background: #f8f7f6 url(../images/spinner-down.png) no-repeat center; top: auto; bottom: 0px; }

.ui-slider { background: #e6e6e6 !important; border: none !important; height: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.ui-slider .ui-slider-handle { background: #ffffff !important; border: 2px solid #1a1a1a !important; top: 0px; margin: -4px 0px 0px -7px; width: 14px; height: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.ui-slider .ui-slider-handle:hover { cursor: pointer; }
.ui-slider .ui-slider-range { background: #ffc107 !important; }

.crosshair-ico-row { border-left: 1px solid #cccccc; }

.crosshair-ico { border: 1px solid #cccccc; border-left: 0px; display: block; }
.crosshair-ico input { position: absolute; top: -200%; left: -200%; }
.crosshair-ico .arr { display: none; }
.crosshair-ico img { display: block; width: 100%; }
.crosshair-ico .a { display: block; }
.crosshair-ico .b { display: none; }
.crosshair-ico:hover .a { display: none; }
.crosshair-ico:hover .b { display: block; }
.crosshair-ico.active .arr { border: 2px solid #ffc107; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; }

.plus-minus-box { font-size: 16px; line-height: normal; }
.plus-minus-box .hr { height: 2px; margin: 40px 0px; }
.plus-minus-box .ico { margin-bottom: 30px; text-align: center; }
.plus-minus-box .title { margin-bottom: 30px; font-size: 20px; font-weight: bold; text-align: center; }
.plus-minus-box ul { margin: 0px; padding: 0px; list-style: none; }
.plus-minus-box ul li { margin: 25px 0px 0px 0px; padding: 0px 0px 0px 25px; }
.plus-minus-box ul li:first-child { margin-top: 0px; }
.plus-minus-box .pluses .title { color: #57a835; }
.plus-minus-box .pluses .hr { background: #57a835; }
.plus-minus-box .pluses ul li:before { content: ''; background: url(../images/icons/check_green_16.png) no-repeat 0 0; border: none; position: absolute; top: 3px; left: 0px; display: block; width: 16px; height: 16px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.plus-minus-box .minuses .title { color: #d32f2f; }
.plus-minus-box .minuses .hr { background: #d32f2f; }
.plus-minus-box .minuses ul li:before { content: ''; background: url(../images/icons/ban_red_16.png) no-repeat 0 0; border: none; position: absolute; top: 3px; left: 0px; display: block; width: 16px; height: 16px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

.user-preview-box { background: #f2f2f2; border: 1px solid #cccccc; padding: 20px 25px; }
.user-preview-box .list-colm { position: relative; overflow: hidden; margin: 0px -10px; padding: 20px 0px 0px 0px; list-style: none; }
.user-preview-box .list-colm li { float: left; margin: 0px; padding: 0px 10px; text-align: center; width: 100%; }
@media (min-width: 450px) { .user-preview-box .list-colm li { width: 50%; } }
@media (min-width: 768px) { .user-preview-box .list-colm li { width: 25%; } }
@media (min-width: 1200px) { .user-preview-box .list-colm li { width: 20%; } }
.user-preview-box .list-colm li:before { content: none; }
.user-preview-box .list-colm li .disimg { margin-bottom: 10px; }
.user-preview-box .list-colm li .name { position: relative; overflow: hidden; height: 50px; }

/*#white {
	background: $color_white;
	padding: 25px 30px;
	@media (max-width: 450px) {
		padding: 20px 15px;
	}
}*/
.bg-sets-white { background: #ffffff; position: relative; overflow: hidden; padding: 25px 20px 0px; }
@media (max-width: 450px) { .bg-sets-white { padding: 25px 15px; } }

.bg-sets-gray { background: #ffffff; padding: 25px 20px; }
@media (max-width: 450px) { .bg-sets-gray { padding: 25px 15px; } }

.set-list { font-size: 13px; }
.set-list .set-item { background: #ffffff; position: relative; top: 0px; overflow: hidden; width: 100%; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px #e6e6e6; -moz-box-shadow: 0px 0px 10px #e6e6e6; -ms-box-shadow: 0px 0px 10px #e6e6e6; box-shadow: 0px 0px 10px #e6e6e6; -webkit-transition: top 0.1s linear 0s; -moz-transition: top 0.1s linear 0s; -o-transition: top 0.1s linear 0s; transition: top 0.1s linear 0s; }
.set-list .set-item .set-item-more { display: none; }
.set-list .set-item .row { margin-left: 0px; margin-right: 0px; }
.set-list .set-item .col-1 { position: relative; }
@media (min-width: 768px) { .set-list .set-item .col-1 { float: left; width: 50%; } }
@media (min-width: 992px) { .set-list .set-item .col-1 { width: 32%; } }
@media (min-width: 1200px) { .set-list .set-item .col-1 { width: 30%; } }
.set-list .set-item .col-1 .user .media-left { position: relative; padding-right: 10px; }
@media (max-width: 449px) { .set-list .set-item .col-1 .user .media-left { display: block; margin: 0px; padding: 0px; } }
.set-list .set-item .col-1 .user .media-left .userpic { background: #03a9f5; position: relative; overflow: hidden; display: block; height: 125px; }
@media (max-width: 449px) { .set-list .set-item .col-1 .user .media-left .userpic { height: auto; } }
.set-list .set-item .col-1 .user .media-left .userpic:before { content: ''; position: absolute; top: -10px; left: 0px; display: block; width: 10px; height: 10px; opacity: 0.7; background: #000000; -webkit-box-shadow: 0px 0px 35px 35px #000000; -moz-box-shadow: 0px 0px 35px 35px #000000; -ms-box-shadow: 0px 0px 35px 35px #000000; box-shadow: 0px 0px 35px 35px #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.set-list .set-item .col-1 .user .media-left .userpic:after { content: ''; position: absolute; top: 100%; left: 0px; display: block; width: 40px; height: 5px; opacity: 0.7; background: #000000; -webkit-box-shadow: 0px 0px 30px 40px #000000; -moz-box-shadow: 0px 0px 30px 40px #000000; -ms-box-shadow: 0px 0px 30px 40px #000000; box-shadow: 0px 0px 30px 40px #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.set-list .set-item .col-1 .user .media-left .userpic img { display: block; height: 100%; }
@media (max-width: 449px) { .set-list .set-item .col-1 .user .media-left .userpic img { width: 100%; height: auto; } }
.set-list .set-item .col-1 .user .media-left .number { position: absolute; top: 5px; left: 10px; font-size: 12px; font-weight: bold; color: #ffffff; }
.set-list .set-item .col-1 .user .media-left .social-count { position: absolute; bottom: 6px; left: 10px; overflow: hidden; font-weight: 500; font-size: 12px; color: #ffffff; }
.set-list .set-item .col-1 .user .media-left .social-count .title { position: relative; /*left: -100%;*/ font-size: 10px; opacity: 0.7;/* -webkit-transition: left 0.15s linear 0s; -moz-transition: left 0.15s linear 0s; -o-transition: left 0.15s linear 0s; transition: left 0.15s linear 0s; */}
.set-list .set-item .col-1 .user .media-left .social-count .fa { position: relative; margin-left: 0px; display: inline-block; width: 15px; font-size: 13px; -webkit-transition: margin-left 0.15s linear 0s; -moz-transition: margin-left 0.15s linear 0s; -o-transition: margin-left 0.15s linear 0s; transition: margin-left 0.15s linear 0s; }
.set-list .set-item .col-1 .user .media-left .social-count:hover { cursor: default; }
.set-list .set-item .col-1 .user .media-left .social-count:hover .title { left: 0px; }
.set-list .set-item .col-1 .user .media-left .social-count:hover .fa { /*margin-left: -15px;*/ }
.set-list .set-item .col-1 .user .media-body .media-body { padding: 7px 0px 0px 0px; }
@media (max-width: 449px) { .set-list .set-item .col-1 .user .media-body { display: block; width: auto; margin: 0px; padding: 20px; } }
.set-list .set-item .col-1 .user .media-body .username { margin-bottom: 5px; font-size: 18px; font-weight: bold; line-height: normal; }
.set-list .set-item .col-1 .user .media-body .verification { margin-left: 5px; }
.set-list .set-item .col-1 .user .media-body .realname { margin-bottom: 5px; font-size: 14px; font-weight: 500; color: gray; }
.set-list .set-item .col-1 .user .media-body .rt-kd { font-size: 14px; font-weight: 500; }
.set-list .set-item .col-1 .user .media-body .rt-kd span { font-weight: normal; }
.set-list .set-item .col-2 { background: #fafafa; padding: 10px 15px; }
@media (max-width: 767px) { .set-list .set-item .col-2 { display: none; } }
@media (min-width: 768px) { .set-list .set-item .col-2 { float: left; width: 50%; min-height: 125px; } }
@media (min-width: 992px) { .set-list .set-item .col-2 { width: 24%; } }
@media (min-width: 1200px) { .set-list .set-item .col-2 { width: 25%; } }
.set-list .set-item .col-3 { background: #fafafa; padding: 10px 15px; }
@media (max-width: 767px) { .set-list .set-item .col-3 { display: none; padding-top: 0px; } }
@media (min-width: 768px) { .set-list .set-item .col-3 { float: left; width: 50%; min-height: 125px; } }
@media (min-width: 992px) { .set-list .set-item .col-3 { width: 24%; } }
@media (min-width: 1200px) { .set-list .set-item .col-3 { width: 25%; } }
.set-list .set-item .col-4 { padding: 10px 15px; }
@media (max-width: 767px) { .set-list .set-item .col-4 { display: none; } }
@media (min-width: 768px) { .set-list .set-item .col-4 { float: left; width: 50%; min-height: 125px; } }
@media (min-width: 992px) { .set-list .set-item .col-4 { width: 20%; } }
.set-list .set-item .col-4 .list-gear li { padding-top: 10px; }
.set-list .set-item .col-4 .list-gear li:first-child { padding-top: 0px; }
.set-list .set-item .col-2 .list-details li, .set-list .set-item .col-3 .list-details li { margin-top: 0px; }
.set-list .set-item .col-2 .list-details li:first-child, .set-list .set-item .col-3 .list-details li:first-child { margin-top: 0px; }
.set-list .set-item .col-2 .list-details li .pull-left, .set-list .set-item .col-3 .list-details li .pull-left { background: #fafafa !important; color: gray; }
.set-list .set-item .col-2 .list-details li .pull-right, .set-list .set-item .col-3 .list-details li .pull-right { background: #fafafa !important; }
.set-list .set-item .set-item-more { background: #ffc107; position: absolute; top: 50%; right: 50px; z-index: 10; display: block; width: 40px; height: 40px; margin-top: -20px; padding-left: 5px; font-size: 28px; line-height: 40px; text-align: center; color: #ffffff; visibility: hidden; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; /*-webkit-transition: right 0.15s linear 0s; -moz-transition: right 0.15s linear 0s; -o-transition: right 0.15s linear 0s; transition: right 0.15s linear 0s;*/ }
@media (max-width: 767px) { .set-list .set-item .set-item-more { visibility: hidden !important; right: 20px; } }
@media (max-width: 449px) { .set-list .set-item .set-item-more { top: auto; right: 10px !important; bottom: 10px; opacity: 1; } }
.set-list .set-item .set-item-more:hover { background: #f44336; text-decoration: none; }
.set-list .set-item .set-item-open { background: #ffc107; position: absolute; top: 50%; right: 20px; z-index: 10; overflow: hidden; display: block; width: 40px; height: 40px; margin-top: -20px; font-size: 28px; line-height: 42px; text-align: center; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
@media (min-width: 768px) { .set-list .set-item .set-item-open { display: none; } }
@media (max-width: 449px) { .set-list .set-item .set-item-open { top: auto; right: 10px; bottom: 10px; } }
.set-list .set-item .set-item-open:hover { background: #f44336; text-decoration: none; }
.set-list .set-item:hover { border-color: #ffc107;/* top: -2px; */-webkit-box-shadow: 0px 2px 0px #ffc107, 0px 0px 10px #e6e6e6; -moz-box-shadow: 0px 2px 0px #ffc107, 0px 0px 10px #e6e6e6; -ms-box-shadow: 0px 2px 0px #ffc107, 0px 0px 10px #e6e6e6; box-shadow: 0px 2px 0px #ffc107, 0px 0px 10px #e6e6e6; }
.set-list .set-item:hover .set-item-more { right: 20px; visibility: visible; opacity: 1; }
.set-list .set-item:hover .list-details .pull-left { background: #fffdf5; }
.set-list .set-item:hover .list-details .pull-right { background: #fffdf5; }
@media (max-width: 767px) { .set-list .set-item.open { background: #fffdf5; border-color: #ffc107; } }
.set-list .set-item.open .col-1, .set-list .set-item.open .col-2, .set-list .set-item.open .col-3, .set-list .set-item.open .col-4 { display: block !important; }
@media (max-width: 767px) { .set-list .set-item.open .set-item-more { visibility: visible !important; } }
.set-list .set-item.open .set-item-open { display: none !important; }

.list-details-simple { margin: 0px; padding: 0px; list-style: none; }
.list-details-simple li { position: relative; overflow: hidden; margin-top: 6px; *zoom: 1; }
.list-details-simple li:first-child { margin-top: 0px; }

.list-details { margin: 0px; padding: 0px; list-style: none; }
.list-details li { position: relative; overflow: hidden; padding-top: 2px; *zoom: 1; }
.list-details li:first-child { padding-top: 0px; }
.list-details li:before { content: ''; background: url(../images/list-details-dott.png) repeat-x 0 0; position: absolute; bottom: 5px; left: 0px; right: 0px; z-index: 1; display: block; height: 1px; }
.list-details li .pull-left { position: relative; z-index: 5; background: #ffffff; padding-right: 10px; color: gray; }
.list-details li .pull-right { position: relative; z-index: 5; background: #ffffff; padding-left: 10px; color: #000000; }

.list-details-2 { margin: 0px; padding: 0px; list-style: none; font-size: 14px; }
.list-details-2 li { border-top: 1px solid #e6e6e6; position: relative; overflow: hidden; padding: 8px 0px; *zoom: 1; }
.list-details-2 li:first-child { border-top: none; padding-top: 0px; }
.list-details-2 li .pull-left { padding-right: 10px; color: #333333; }
.list-details-2 li .pull-right { padding-left: 10px; font-weight: bold; color: #000000; }

.list-gear { margin: 0px; padding: 0px; list-style: none; }
.list-gear li { padding-top: 8px; }
.list-gear li:first-child { padding-top: 0px; }

.stars { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; height: 20px; margin: 0px -2px; }
.stars a, .stars span { background: url(../images/icons/stars2.png) no-repeat 0 0; position: relative; overflow: hidden; display: block; float: left; width: 20px; height: 20px; margin: 0px 2px; }
.stars a.active, .stars span.active { background-position: 0px -20px; }
.stars.able a:hover, .stars.able a.hover, .stars.able a.active, .stars.able span:hover, .stars.able span.hover, .stars.able span.active { background-position: 0px -20px; cursor: pointer; }

.row-linker .col { display: inline-block; vertical-align: top; float: none; }

span.icon { display: inline-block; }

.icon { position: relative; }
.icon .ico { position: absolute; top: 50%; left: 0px; display: block; }
.icon .ico img { display: block; width: 100%; }
.icon.icon_right .ico { left: auto; right: 0px; }
.icon.size_16 { padding-left: 22px; }
.icon.size_16.icon_right { padding-left: 0px; padding-right: 22px; }
.icon.size_16 > .ico { width: 16px; height: 16px; margin-top: -8px; }
.icon.size_24 { padding-left: 30px; }
.icon.size_24.icon_right { padding-left: 0px; padding-right: 30px; }
.icon.size_24 > .ico { width: 24px; height: 24px; margin-top: -12px; }
.icon.size_32 { padding-left: 44px; }
.icon.size_32.icon_right { padding-left: 0px; padding-right: 44px; }
.icon.size_32 > .ico { width: 32px; height: 32px; margin-top: -16px; }

.hscroll { overflow-x: auto; }

.footsep { position: relative; z-index: 1; width: 100%; height: 80px; clear: both; }
@media (max-width: 768px) { .footsep { height: 150px; } }

#footer { background: #111a24; padding: 25px 30px; font-size: 14px; color: #b3b3b3; }
@media (max-width: 992px) { #footer { text-align: center; }
  #footer .text-right { padding-top: 15px; text-align: center; } }
#footer .list-inline { margin-bottom: 0px; }
#footer .list-inline li { vertical-align: top; }
#footer .list-inline a { color: #ffffff; }

/* --- modifications --- */
.simtable { width: 100%; }
.simtable td { padding-top: 10px; padding-left: 10px; }
.simtable td:first-child { padding-left: 0px; }
.simtable tr:first-child td { padding-top: 0px; }

.table th { border-top: none !important; color: #333333; vertical-align: middle !important; }
.table td { vertical-align: middle !important; }
.table.text-center th { text-align: center; }
.table.text-center .media { text-align: left; }

.list-inline { margin-right: -5px; }
.list-inline li { vertical-align: middle; }
.list-inline li.sep { background: #cccccc; width: 1px; height: 16px; padding: 0px; margin: 0px; }
.list-inline li.seps { background: #cccccc; position: relative; overflow: hidden; width: 1px; padding: 0px; margin: 0px 5px; }
@media (max-width: 449px) { .list-inline li.seps { display: block; width: auto; height: 1px; margin: 5px 0px; } }
.list-inline.list-inline-padd { margin-left: -10px; margin-right: -10px; }
.list-inline.list-inline-padd li { padding-left: 5px; padding-right: 5px; }

.list-unstyled.list-unstyled-padd li { padding-top: 10px; }
.list-unstyled.list-unstyled-padd li:first-child { padding-top: 0px; }
.list-unstyled.list-unstyled-hr li { border-top: 1px solid #e6e6e6; padding: 7px 0px; }
.list-unstyled.list-unstyled-hr li:first-child { border-top: none; padding-top: 0px; }

.list-a li { padding: 5px 0px; }
.list-a .checkbox { margin: 0px; }

.list-numeric { margin: 0px; padding: 0px; list-style: none; counter-reset: item; }
.list-numeric li { position: relative; display: block; margin-top: 5px; padding-left: 35px; }
.list-numeric li:first-child { margin-top: 0px; }
.list-numeric li:before { content: counters(item,".") "."; counter-increment: item; position: absolute; top: 0px; left: 0px; font-weight: bold; color: #000000; }
.list-numeric li ol { margin: 0px; padding: 10px 0px 0px 40px; list-style: none; counter-reset: item; }
.list-numeric li ol li { padding-left: 35px; }

.popularity-table { margin: 0px; padding: 0px; list-style: none; }
.popularity-table > li { border-top: 1px solid #e6e6e6; position: relative; overflow: hidden; padding: 10px 0px 10px 20px; line-height: 20px; *zoom: 1; }
.popularity-table > li:first-child { border-top: none; }
.popularity-table > li .num { position: absolute; top: 17px; left: 0px; font-size: 14px; font-weight: bold; line-height: 20px; }
.popularity-table > li .user { position: relative; float: left; width: 25%; padding: 10px 0px 10px 50px; }
@media (max-width: 991px) { .popularity-table > li .user { width: 50%; } }
@media (max-width: 449px) { .popularity-table > li .user { float: none; width: auto; } }
.popularity-table > li .user .userpic { position: absolute; top: 0px; left: 0px; display: block; width: 40px; }
.popularity-table > li .team { float: left; width: 25%; padding: 10px 0px; }
@media (max-width: 991px) { .popularity-table > li .team { width: 50%; } }
@media (max-width: 449px) { .popularity-table > li .team { float: none; width: auto; } }
.popularity-table > li .social { float: left; width: 50%; padding: 5px 0px; }
@media (max-width: 991px) { .popularity-table > li .social { width: 100%; } }
.popularity-table > li .social ul { margin: 0px; padding: 0px; list-style: none; }
.popularity-table > li .social ul li { float: left; width: 25%; padding: 5px 0px; }
@media (max-width: 767px) { .popularity-table > li .social ul li { width: 50%; } }

.stat-gear-data { position: relative; font-size: 14px; line-height: 1.5em; }
.stat-gear-data .ordinal { background: #ffc107; position: absolute; top: 0px; left: 0px; display: block; min-width: 16px; padding: 0px 2px; font-size: 12px; font-weight: bold; line-height: 16px; color: #ffffff; text-align: center; -webkit-border-radius: 6px 0px 6px 0px; -moz-border-radius: 6px 0px 6px 0px; -ms-border-radius: 6px 0px 6px 0px; border-radius: 6px 0px 6px 0px; }
.stat-gear-data .sgd-a { padding: 15px; }
@media (min-width: 1200px) { .stat-gear-data .sgd-a { float: left; width: 50%; } }
.stat-gear-data .sgd-a .media .media-left img { display: block; width: 100px; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.stat-gear-data .sgd-a .media .media-body .title { margin-bottom: 3px; font-size: 24px; line-height: normal; font-weight: bold; }
.stat-gear-data .sgd-a .media .media-body ul.fs_12 { color: gray; }
.stat-gear-data .sgd-a .media .media-body ul.fs_12 a { color: #4d4d4d; text-decoration: underline; }
.stat-gear-data .sgd-a .media .media-body ul.fs_12 a:hover { text-decoration: none; }
.stat-gear-data .sgd-b { background: #fafafa; min-height: 130px; padding: 15px; }
@media (min-width: 450px) { .stat-gear-data .sgd-b { float: left; width: 60%; } }
@media (min-width: 1200px) { .stat-gear-data .sgd-b { width: 30%; } }
.stat-gear-data .sgd-b .list-details li { margin-top: 8px; }
.stat-gear-data .sgd-b .list-details .pull-left { background: #fafafa; }
.stat-gear-data .sgd-b .list-details .pull-right { background: #fafafa; }
.stat-gear-data .sgd-c { border-top: 1px solid #fafafa; padding: 15px; }
@media (min-width: 450px) { .stat-gear-data .sgd-c { float: left; width: 40%; } }
@media (min-width: 1200px) { .stat-gear-data .sgd-c { border: none; width: 20%; } }
.stat-gear-data .sgd-c ul { margin: 0px; padding: 0px; list-style: none; }
.stat-gear-data .sgd-c ul li { display: block; margin-top: 10px; }
.stat-gear-data .sgd-c ul li a { display: block; }

.pulldown { position: relative; }
.pulldown .pulldown_drop { position: absolute; top: 100%; left: 0px; z-index: 888; display: none; background: #ffffff; border: 1px solid #e6e6e6; min-width: 220px; margin-top: -1px; padding: 7px 15px; text-align: left; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; }
.pulldown .pulldown_drop .scroll { position: relative; overflow-y: auto; max-height: 250px; /*margin-right: -10px;*/ }
.pulldown.open .pulldown_drop { display: block; }
.pulldown.open > .btn-link { position: relative; z-index: 889; background: #ffffff; border: 1px solid #e6e6e6; border-bottom: 1px solid transparent; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; }

/* --- forms --- */
label { font-weight: normal; }

/* --- media --- */
.media .media-left { padding-right: 25px; }
.media.media_sm .media-left { padding-right: 10px; }
@media (max-width: 767px) { .media.media-responsive-xs .media-left { display: block; width: 100%; margin: 0px; padding: 0px 0px 10px 0px; }
  .media.media-responsive-xs .media-right { display: block; width: 100%; margin: 0px; padding: 10px 0px 0px 0px; }
  .media.media-responsive-xs .media-body { display: block; width: 100%; } }
@media (max-width: 450px) { .media.media-responsive-xxs .media-left { display: block; width: 100%; margin: 0px; padding: 0px 0px 10px 0px; }
  .media.media-responsive-xxs .media-right { display: block; width: 100%; margin: 0px; padding: 10px 0px 0px 0px; }
  .media.media-responsive-xxs .media-body { display: block; width: 100%; } }

.img-rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.img-thumbnail { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }

/* --- btns --- */
.btn { position: relative; color: #666666 !important; text-decoration: none !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.btn input { background: none; border: none; position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; opacity: 0; *filter: alpha(opacity=0); }
.btn input:hover { cursor: pointer; }
.btn.btn-long { padding-left: 35px; padding-right: 35px; }
@media (min-width: 768px) { .btn.btn-sm-long { padding-left: 35px; padding-right: 35px; } }
.btn.btn-default { background: #ffc107; border-color: #ffc107; color: #1a1a1a !important; text-transform: uppercase; }
.btn.btn-default:hover { background: #ffc107; color: #ffffff !important; text-shadow: 1px 1px 0px #ba8b00; }
.btn.btn-link { color: #03a9f5 !important; }
.btn.btn-link:hover { /*background: $color_gray_05;
border-color: $color_gray_10;*/ color: #0275a9 !important; }
.btn.btn-primary { background: #03a9f5 !important; border-color: #03a9f5 !important; color: #ffffff !important; }
.btn.btn-primary:hover { background: #0398dc !important; border-color: #0398dc !important; }
.btn.btn-outline-primary { background: none; border-color: #03a9f5 !important; color: #03a9f5 !important; }
.btn.btn-outline-primary:hover { background: #03a9f5 !important; color: #ffffff !important; }
.btn.btn-info { color: #ffffff !important; }
.btn.btn-success { color: #ffffff !important; }
.btn.btn-danger { color: #ffffff !important; }
.btn.btn-warning { color: #ffffff !important; }
.btn.btn-gray { background: #767676; border-color: #484745; color: #ffffff !important; box-shadow: inset 1px 1px 0px #bbbab8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.btn.btn-lgray { background: #e6e6e6; border-color: #cccccc; color: #000000 !important; }
.btn.btn-lgray:hover { background: #d9d9d9; }
.btn.btn-sgray { background: #999999; border-color: #999999; color: #ffffff !important; }
.btn.btn-sgray:hover { background: gray; border-color: gray; }

span.btn { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; }

.nowrap { white-space: nowrap !important; }

.list-unstyled.padd-05 li { padding-top: 5px; }
.list-unstyled.padd-05 li:first-child { padding-top: 0px; }
.list-unstyled.padd-1 li { padding-top: 10px; }
.list-unstyled.padd-1 li:first-child { padding-top: 0px; }

.panel.panel-shadow { background: #ffffff; border: none; margin-bottom: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 4px 12px #cccccc; -moz-box-shadow: 0px 4px 12px #cccccc; -ms-box-shadow: 0px 4px 12px #cccccc; box-shadow: 0px 4px 12px #cccccc; }
.panel.panel-shadow .panel-heading { background: #eef2f6; border: none; position: relative; }
.panel.panel-shadow .panel-heading .title { font-size: 24px; line-height: 30px; }
.panel.panel-shadow .panel-heading .title img { position: relative; top: 5px; display: inline-block; vertical-align: top; margin-right: 4px; }
.panel.panel-shadow .panel-heading .seeall { position: absolute; top: 50%; right: 10px; margin-top: -8px; font-size: 12px; line-height: 16px; }
@media (max-width: 767px) { .panel.panel-shadow .panel-heading .seeall { display: none; } }
.panel.panel-shadow .panel-body { padding: 15px; }
.panel.panel-shadow .panel-body .panel-body__inset { position: relative; margin-left: -15px; margin-right: -15px; padding: 15px; }
.panel.panel-shadow .panel-body .panel-body__separate { background: #e6e6e6; position: relative; height: 1px; margin-left: -15px; margin-right: -15px; }
.panel.panel-shadow .panel-footer { background: #eef2f6; border: none; }
.panel.panel-shadow .panel-footer.v2 { background: none; border-top: 1px solid #e6e6e6; padding: 15px; }
.panel.panel-shadow .panel-footer .media .media-left { padding-right: 10px; }
.panel.panel-simple { border: none; margin: 25px 0px 0px 0px; -webkit-box-shadow: 0px 0px 10px #cccccc; -moz-box-shadow: 0px 0px 10px #cccccc; -ms-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc; }
.panel.panel-simple:first-child { margin-top: 0px; }
.panel.panel-simple .panel-heading { background: #263342; color: #ffffff; }
.panel.panel-simple .panel-heading .numlik { float: left; padding: 8px 15px 0px 0px; }
.panel.panel-simple .panel-heading .title { font-size: 24px; font-weight: 500; }
.panel.panel-simple .panel-body.padd-0 { padding: 0px; }
.panel.panel-simple .panel-body.padd-2 { padding: 2px; }
.panel.m-b-1 { margin-top: 10px; }

.bestbinds .console-dark textarea { height: 120px; resize: none; }

.bestbinds__text { position: relative; overflow: hidden; margin-bottom: 25px; height: 130px; font-size: 16px; line-height: 20px; }
@media (max-width: 991px) { .bestbinds__text { margin-top: 25px; height: auto; } }

.bestbinds__links { margin: 0px; padding: 0px; list-style: none; }
.bestbinds__links li { margin-top: 12px; }
.bestbinds__links li:first-child { margin-top: 0px; }
.bestbinds__links .export-link { border-bottom: 1px solid #b3b3b3; display: block; padding: 5px 0px; text-align: center; color: #000000 !important; }
.bestbinds__links .export-link img { position: relative; top: -3px; margin-right: 3px; }
.bestbinds__links .export-link:hover { color: #03a9f5 !important; text-decoration: none; }

.numlik { position: relative; overflow: hidden; font-size: 11px; font-weight: 700; line-height: 20px; }
.numlik .number { background: #ffc107; float: left; padding: 0px 7px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.numlik .likes { background: gray; display: block; float: left; padding: 0px 7px; color: #ffffff; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; }
.numlik .likes:hover { background: #666666; text-decoration: none; }

.table.table-line { margin: 0px; }
.table.table-line tr:first-child td { border: none; }
.table.table-line .table-line-img { width: 40px; }
.table.table-line .table-line-img img { display: block; width: 100%; }

/* --- alerts --- */
.pos { position: relative; }
.pos img {width: 64px; height: 64px; border-radius: 5px;}

span.pos { display: inline-block; }

.pos-verification { position: absolute; bottom: -5px; right: -5px; }
.pos-verification img { display: block; width: 24px; height: auto; }

.alert { position: relative; margin: 0px 0px 15px 0px; padding: 15px 20px; font-size: 14px; }
.alert .close { position: absolute; top: 5px; right: 5px; display: block; width: 24px; height: 24px; margin: 0px; padding: 0px; line-height: 24px; text-align: center; }
.alert.alert-info { background: #f1fcf0; border-color: #d4ded3; position: relative; color: #333333; }
.alert.alert-info-icon { background: #c6e4f1; border-color: #b2cdd9; position: relative; padding-left: 75px; color: #1565c0; }
.alert.alert-info-icon:before { content: ''; background: url(../images/icons/alert-info.png) no-repeat 0 0; position: absolute; top: 50%; left: 20px; display: block; width: 32px; height: 32px; margin-top: -16px; }

/* --- modal --- */
/* --- grid --- */
.row_0 { margin-left: 0px !important; margin-right: 0px !important; }

.row_0 > .col-xs-1, .row_0 > .col-sm-1, .row_0 > .col-md-1, .row_0 > .col-lg-1, .row_0 > .col-xs-2, .row_0 > .col-sm-2, .row_0 > .col-md-2, .row_0 > .col-lg-2, .row_0 > .col-xs-3, .row_0 > .col-sm-3, .row_0 > .col-md-3, .row_0 > .col-lg-3, .row_0 > .col-xs-4, .row_0 > .col-sm-4, .row_0 > .col-md-4, .row_0 > .col-lg-4, .row_0 > .col-xs-5, .row_0 > .col-sm-5, .row_0 > .col-md-5, .row_0 > .col-lg-5, .row_0 > .col-xs-6, .row_0 > .col-sm-6, .row_0 > .col-md-6, .row_0 > .col-lg-6, .row_0 > .col-xs-7, .row_0 > .col-sm-7, .row_0 > .col-md-7, .row_0 > .col-lg-7, .row_0 > .col-xs-8, .row_0 > .col-sm-8, .row_0 > .col-md-8, .row_0 > .col-lg-8, .row_0 > .col-xs-9, .row_0 > .col-sm-9, .row_0 > .col-md-9, .row_0 > .col-lg-9, .row_0 > .col-xs-10, .row_0 > .col-sm-10, .row_0 > .col-md-10, .row_0 > .col-lg-10, .row_0 > .col-xs-11, .row_0 > .col-sm-11, .row_0 > .col-md-11, .row_0 > .col-lg-11, .row_0 > .col-xs-12, .row_0 > .col-sm-12, .row_0 > .col-md-12, .row_0 > .col-lg-12 { padding-left: 0px !important; padding-right: 0px !important; }

.row_10 { margin-left: -5px !important; margin-right: -5px !important; }

.row_10 > .col-xs-1, .row_10 > .col-sm-1, .row_10 > .col-md-1, .row_10 > .col-lg-1, .row_10 > .col-xs-2, .row_10 > .col-sm-2, .row_10 > .col-md-2, .row_10 > .col-lg-2, .row_10 > .col-xs-3, .row_10 > .col-sm-3, .row_10 > .col-md-3, .row_10 > .col-lg-3, .row_10 > .col-xs-4, .row_10 > .col-sm-4, .row_10 > .col-md-4, .row_10 > .col-lg-4, .row_10 > .col-xs-5, .row_10 > .col-sm-5, .row_10 > .col-md-5, .row_10 > .col-lg-5, .row_10 > .col-xs-6, .row_10 > .col-sm-6, .row_10 > .col-md-6, .row_10 > .col-lg-6, .row_10 > .col-xs-7, .row_10 > .col-sm-7, .row_10 > .col-md-7, .row_10 > .col-lg-7, .row_10 > .col-xs-8, .row_10 > .col-sm-8, .row_10 > .col-md-8, .row_10 > .col-lg-8, .row_10 > .col-xs-9, .row_10 > .col-sm-9, .row_10 > .col-md-9, .row_10 > .col-lg-9, .row_10 > .col-xs-10, .row_10 > .col-sm-10, .row_10 > .col-md-10, .row_10 > .col-lg-10, .row_10 > .col-xs-11, .row_10 > .col-sm-11, .row_10 > .col-md-11, .row_10 > .col-lg-11, .row_10 > .col-xs-12, .row_10 > .col-sm-12, .row_10 > .col-md-12, .row_10 > .col-lg-12 { padding-left: 5px !important; padding-right: 5px !important; }

.row_20 { margin-left: -10px !important; margin-right: -10px !important; }

.row_20 > .col-xs-1, .row_20 > .col-sm-1, .row_20 > .col-md-1, .row_20 > .col-lg-1, .row_20 > .col-xs-2, .row_20 > .col-sm-2, .row_20 > .col-md-2, .row_20 > .col-lg-2, .row_20 > .col-xs-3, .row_20 > .col-sm-3, .row_20 > .col-md-3, .row_20 > .col-lg-3, .row_20 > .col-xs-4, .row_20 > .col-sm-4, .row_20 > .col-md-4, .row_20 > .col-lg-4, .row_20 > .col-xs-5, .row_20 > .col-sm-5, .row_20 > .col-md-5, .row_20 > .col-lg-5, .row_20 > .col-xs-6, .row_20 > .col-sm-6, .row_20 > .col-md-6, .row_20 > .col-lg-6, .row_20 > .col-xs-7, .row_20 > .col-sm-7, .row_20 > .col-md-7, .row_20 > .col-lg-7, .row_20 > .col-xs-8, .row_20 > .col-sm-8, .row_20 > .col-md-8, .row_20 > .col-lg-8, .row_20 > .col-xs-9, .row_20 > .col-sm-9, .row_20 > .col-md-9, .row_20 > .col-lg-9, .row_20 > .col-xs-10, .row_20 > .col-sm-10, .row_20 > .col-md-10, .row_20 > .col-lg-10, .row_20 > .col-xs-11, .row_20 > .col-sm-11, .row_20 > .col-md-11, .row_20 > .col-lg-11, .row_20 > .col-xs-12, .row_20 > .col-sm-12, .row_20 > .col-md-12, .row_20 > .col-lg-12 { padding-left: 10px !important; padding-right: 10px !important; }

.row_50 { margin-left: -25px !important; margin-right: -25px !important; }

.row_50 > .col-xs-1, .row_50 > .col-sm-1, .row_50 > .col-md-1, .row_50 > .col-lg-1, .row_50 > .col-xs-2, .row_50 > .col-sm-2, .row_50 > .col-md-2, .row_50 > .col-lg-2, .row_50 > .col-xs-3, .row_50 > .col-sm-3, .row_50 > .col-md-3, .row_50 > .col-lg-3, .row_50 > .col-xs-4, .row_50 > .col-sm-4, .row_50 > .col-md-4, .row_50 > .col-lg-4, .row_50 > .col-xs-5, .row_50 > .col-sm-5, .row_50 > .col-md-5, .row_50 > .col-lg-5, .row_50 > .col-xs-6, .row_50 > .col-sm-6, .row_50 > .col-md-6, .row_50 > .col-lg-6, .row_50 > .col-xs-7, .row_50 > .col-sm-7, .row_50 > .col-md-7, .row_50 > .col-lg-7, .row_50 > .col-xs-8, .row_50 > .col-sm-8, .row_50 > .col-md-8, .row_50 > .col-lg-8, .row_50 > .col-xs-9, .row_50 > .col-sm-9, .row_50 > .col-md-9, .row_50 > .col-lg-9, .row_50 > .col-xs-10, .row_50 > .col-sm-10, .row_50 > .col-md-10, .row_50 > .col-lg-10, .row_50 > .col-xs-11, .row_50 > .col-sm-11, .row_50 > .col-md-11, .row_50 > .col-lg-11, .row_50 > .col-xs-12, .row_50 > .col-sm-12, .row_50 > .col-md-12, .row_50 > .col-lg-12 { padding-left: 25px !important; padding-right: 25px !important; }

/* --- end --- */
@media (max-width: 767px) { a.visible-xs, span.visible-xs { display: inline-block !important; } }

@media (min-width: 450px) { .visible-xxs { display: none; } }

@media (max-width: 450px) { .col-xxs-12 { float: none; width: 100%; } }
@media (max-width: 767px) { .pull-xs-right { float: right; }
  .text-xs-right { text-align: right; } }
@media (min-width: 768px) and (max-width: 991px) { .pull-sm-right { float: right; }
  .text-sm-right { text-align: right; } }
@media (min-width: 992px) and (max-width: 1199px) { .pull-md-right { float: right; }
  .text-md-right { text-align: right; } }
@media (min-width: 992px) { .pull-md-up-right { float: right; } }
@media (min-width: 1200px) { .pull-lg-left { float: left; }
  .pull-lg-right { float: right; }
  .text-lg-right { text-align: right; } }
.keyboard { background: #273442; position: relative; min-width: 724px; padding: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
@media (min-width: 768px) and (max-width: 991px) { .keyboard { margin: 0px -32px; } }
@media (max-width: 767px) { .keyboard { margin-left: -32px; } }
@media (max-width: 449px) { .keyboard { margin-left: -17px; } }
.keyboard .keyboard-section-1 { display: block; float: left; }
.keyboard .keyboard-section-2 { display: block; float: left; margin-left: 10px; }
@media (max-width: 991px) { .keyboard .keyboard-section-2 { display: none; } }
.keyboard .keyboard-section-3 { position: relative; display: block; float: left; margin-left: 10px; }
@media (max-width: 1199px) { .keyboard .keyboard-section-3 { display: none; } }
.keyboard .key { position: relative; display: block; float: left; width: 48px; height: 48px; font-size: 10px; line-height: 9px; color: #000 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.keyboard .key:before { content: ''; background: #cccccc; border: 1px solid #101a25; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.keyboard .key:after { content: ''; background: #fcfcfc; border: 1px solid #b9b9b9; position: absolute; top: 2px; bottom: 8px; left: 5px; right: 5px; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.keyboard .key .a { position: absolute; top: 6px; left: 10px; right: 10px; z-index: 5; font-style: normal; }
.keyboard .key .b { position: absolute; bottom: 12px; left: 10px; right: 10px; z-index: 5; font-style: normal; }
.keyboard .key:hover:before { background: #a6a6a6; }
.keyboard .key.active:before { background: #ffc107; }
.keyboard .key.active:after { background: #ffe187; }
.keyboard .key.space-1 { margin-left: 24px; }
.keyboard .key.key-hidden { visibility: hidden; }
.keyboard .key.key-double { width: 96px; }
.keyboard .key.key-double-h:before { height: 96px; }
.keyboard .key.key-double-h:after { height: 86px; }
.keyboard .key.key-tab { width: 72px; }
.keyboard .key.key-slash { width: 72px; }
.keyboard .key.key-caps { width: 86px; }
.keyboard .key.key-enter { width: 106px; }
.keyboard .key.key-shift-l { width: 110px; }
.keyboard .key.key-shift-r { width: 130px; }
.keyboard .key.key-one-half { width: 60px; }
.keyboard .key.key-space { width: 300px; }
.keyboard .press-any-key { background: #03a9f5; position: absolute; top: 0px; right: 0px; display: block; width: 192px; height: 60px; font-size: 18px; font-weight: bold; color: #ffffff; line-height: 60px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }

.weapon-item { background: #eff3f7; border: 2px solid #ffffff; position: relative; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.weapon-item img { display: block; width: 100%; }
.weapon-item span { position: absolute; bottom: 5px; left: 5px; right: 5px; font-size: 10px; color: #263342; text-align: center; opacity: 0.6; }
.weapon-item:hover { background: #ffc107; }
.weapon-item:hover span { opacity: 1; }
.weapon-item.active { background: #ffc107; }
.weapon-item.active span { opacity: 1; }
.weapon-item.double { -webkit-box-shadow: inset 0px 0px 5px #a07800; -moz-box-shadow: inset 0px 0px 5px #a07800; -ms-box-shadow: inset 0px 0px 5px #a07800; box-shadow: inset 0px 0px 5px #a07800; }
.weapon-item.double:before { content: 'x2'; position: absolute; top: 3px; right: 5px; font-size: 11px; font-weight: bold; color: #000000; line-height: normal; }

.mx-w-400 { max-width: 400px; }

.mx-w-500 { max-width: 500px; }

.m-0-a { margin: 0 auto; }

.wrap-info{
  display: inline-block;
  position: relative;
}

.article .playerinfo{
  display: none;
  left: 0%;
  top: 25px;
  position: absolute;
  background-color: #273442;
  padding: 20px;
  min-width: 400px;
  margin-left: 0;
  color: #fff;
  /*    transition: 1s all;*/
  animation-name: slideUp;
  -webkit-animation-name: slideUp;

  animation-duration: .5s;
  -webkit-animation-duration: .5s;

  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  z-index: 200;
}

.article .playerinfo .fotoperson{
  float: left;
  padding-right: 20px;
}

.article .linkinfo, article .playerinfo{
  margin-left: 0;
}

.linkinfo:hover + .playerinfo{
  display: block;
}

.article .playerinfo li,
.article .linkinfo li{
  list-style-type: none;
  padding-left: 0;
}

.article .wrap-name{
  font-weight: bold;
  font-size: 20px;
}

.article .wrap-name .nick{
  color: #ffc107 !important;
}

.article .wrap-team .fototeam{
  box-sizing: content-box;
}

.article .wrap-name,
.article .wrap-age,
.article .wrap-team{
  display: block;
}

.playerinfo li:before,
.linkinfo li:before{
  border: none !important;
}

.playerinfo img,
.linkinfo img{
  display: inline-block;
}

.article .wrap-age {
  font-size: 16px;
  line-height: 2;
}

.article .wrap-age .flag {
  margin-top: -3px;
}

.article .wrap-team {
  font-size: 14px;
  line-height: 2;
}

@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50%{
    transform: translateY(-8%);
  }
  75%{
    transform: translateY(4%);
  }
  100%{
    transform: translateY(0%);
  }
  /*95%{
      transform: translateY(2%);
  }
  100% {
      transform: translateY(0%);
  }   */
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50%{
    -webkit-transform: translateY(-8%);
  }
  75%{
    transform: translateY(4%);
  }
  100%{
    transform: translateY(0%);
  }
  /*95%{
      transform: translateY(2%);
  }
  100% {
      transform: translateY(0%);
  } */
}

/*----content-list-----*/
.prepost{
  width: 50%;
  margin-bottom: 15px;
  font-size: 17px;
  background-color: #ffffff;
  border: 0;
  border-radius: 6px;
  box-shadow: 1px 6px 25px 0px rgba(212,213,216,1);
}

.prepost > ul, .prepost > ol {
  padding: 20px;
  margin: 0;
  margin-bottom: 5px;
}
.prepost > ul > li > ul {
  margin: 0px;
}
.prepost ol li {
  margin-left: 22px;
  padding-left: 0;
  line-height: 1.8;
}

.prepost ul li {
  margin-left: 22px;
  padding-left: 0;
  margin-top: 0;
  line-height: 1.8;
}

.prepost .header-prepost {
  padding: 15px;
  font-weight: 700;
  background-color: #dddddd;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.prepost ul li:before {
  left: -15px;
  width: 5px;
  height: 5px;
  background: #cccccc;
  border: 0;
  top: 0.7em;
}

.prepost ol>li:before {
  display: none;
}

.prepost * {
  text-decoration: none;
}

.prepost > p {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  padding-top: 10px;
  background-color: #dddddd;
  padding: 15px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.wrap-player{
  position: relative;
}

/* .article .linkinfo:hover + .playerinfo{
  display: block !important;
} */

.panel-shadow .panel-body .title-diagram{
  font-weight: bold;
  padding-top: 10px;
  padding-left: 5px;
  position: absolute;
  z-index: 5;
}

li.services:hover .dropdown-menu {
  display: block;
}

.dropdown-menu {
  background: #36495f;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 0;
}

li.services:hover {
  background: #36495f;
  position: relative;
}

#header .header_a .header-menu .drop ul li .dropdown-menu li {
  margin: 0;
  display: block;
}

#header .header_a .header-menu .drop ul li .dropdown-menu li:hover {
  background: #ffc107;
}

#header .header_a .header-menu .drop ul li .dropdown-menu li a:hover {
  background: transparent;
  color: #36495f;
}

#header .header_a .header-menu .drop ul.dropdown-menu li a {
  border-top: 1px solid #3e546d;
}

#header .header_a .header-menu .drop ul.dropdown-menu li a img {
  margin-right: 10px;
}
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.ads-block {
  text-align: center;
}

.mobile-view {
  display: none;
}

.scroll-position.fixed {
  position: fixed;
  top: 0;
}

@media(max-width:768px){

  .desktop-view {
    display: none;
  }

  .mobile-view {
    display: block;
  }

  .scroll-position.fixed {
    position: relative;
    top: inherit;
  }

}


.b-intro { background-color: #131a24; background-position: 50% 50%; background-size: cover; }
.b-intro .b-intro__body { padding: 30px; color: gray; }
.b-intro .b-intro__body h1, .b-intro .b-intro__body .h1, .b-intro .b-intro__body h2, .b-intro .b-intro__body .h2, .b-intro .b-intro__body h3, .b-intro .b-intro__body .h3, .b-intro .b-intro__body h4, .b-intro .b-intro__body .h4, .b-intro .b-intro__body h5, .b-intro .b-intro__body .h5, .b-intro .b-intro__body h6, .b-intro .b-intro__body .h6 { color: #ffffff; }
.b-intro .tabs-list { padding: 0px 30px; }

.tabs-list { position: relative; overflow: hidden; margin: 0px; padding: 0px; list-style: none; *zoom: 1; }
.tabs-list > li { float: left; }
.tabs-list > li > a { background: #263342; display: block; padding: 18px 25px; color: #ffffff; text-decoration: none !important; }
.tabs-list > li > a i { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; width: 16px; height: 16px; }
.tabs-list > li > a i img { position: relative; display: block; width: 100%; }
.tabs-list > li > a span { display: inline-block; vertical-align: middle; }
@media (max-width: 767px) { .tabs-list > li > a span { display: none; } }
.tabs-list > li > a:hover span { text-decoration: underline; }
.tabs-list > li:first-child a { -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; -ms-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; }
.tabs-list > li:last-child a { -webkit-border-radius: 0px 5px 0px 0px; -moz-border-radius: 0px 5px 0px 0px; -ms-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px; }
.tabs-list > li.active > a { background: #ffffff; color: #263342; }
.tabs-list > li.active > a i img { top: -16px; }

.b-profile-search { background: #f2f2f2; padding: 25px 30px; }

.b-profile-count { position: relative; margin: 0px -5px; padding: 0px; list-style: none; }
.b-profile-count > li { display: inline-block; vertical-align: middle; padding: 0px 5px; }
.b-profile-count small { font-size: 14px; line-height: 18px; }
.b-profile-count strong { font-size: 36px; line-height: 36px; font-weight: bold; color: #263342; }

.table-cell { width: 100%; font-size: 14px; }
.table-cell th { background: #e6e6e6; border-top: 4px solid #ffffff; border-left: 4px solid #ffffff; padding: 5px; font-size: 10px; font-weight: normal; line-height: normal; }
.table-cell th strong { font-size: 18px; line-height: normal; }
.table-cell th:first-child { background: none; border-left: none; width: 120px; text-align: right; }
.table-cell td { background: #e6e6e6; border-top: 4px solid #ffffff; border-left: 4px solid #ffffff; padding: 5px; }
.table-cell td:first-child { background: none; border-left: none; width: 120px; text-align: right; }
.table-cell tr:first-child td, .table-cell tr:first-child th { border-top: none; }

.btn-group-justified .btn-group { padding-left: 1px; }
.btn-group-justified .btn-group:first-child { padding-left: 0px; }
@media (max-width: 767px) { .btn-group-justified .btn-group { display: block; overflow: hidden; width: 100%; margin: 1px 0px 0px 0px !important; padding: 0px; }
  .btn-group-justified .btn-group:first-child { margin-top: 0px !important; }
  .btn-group-justified .btn-group .btn { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; } }
.btn-group-justified .btn.btn-danger { background: #eea1a1 !important; border-color: #eea1a1 !important; }
.btn-group-justified .btn.btn-success { background: #a0d9a4 !important; border-color: #a0d9a4 !important; }
.btn-group-justified .btn.btn-sgray { background: #cccccc !important; border-color: #cccccc !important; }

.inventory-items { position: relative; margin: 0px -5px; padding: 0px; list-style: none; }
.inventory-items li { display: inline-block; vertical-align: top; width: 25%; padding: 15px 5px 0px 5px; *zoom: 1; }
@media (max-width: 1199px) { .inventory-items li { width: 25%; } }
@media (max-width: 991px) { .inventory-items li { width: 20%; } }
@media (max-width: 767px) { .inventory-items li { width: 25%; } }
@media (max-width: 599px) { .inventory-items li { width: 33.3333%; } }
@media (max-width: 449px) { .inventory-items li { width: 50%; } }
.inventory-items .item { background: #f7f6f6; border: 1px solid #b0c3d9; border-bottom-width: 3px; position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.inventory-items .item .item-mark { position: absolute; top: 3px; right: 5px; font-size: 14px; font-weight: bold; color: #f89406; }
.inventory-items .item .img img { display: block; width: 100%; }
.inventory-items .item .name { padding: 0px 5px; font-size: 12px; line-height: normal; font-weight: bold; }
.inventory-items .item .description { padding: 0px 5px 5px; font-size: 10px; line-height: normal; }
.inventory-items .item .price { background: #e5e9ef; padding: 5px; font-size: 18px; font-weight: bold; text-align: center; }
.inventory-items .item:hover { -webkit-box-shadow: 0px 0px 10px #cccccc; -moz-box-shadow: 0px 0px 10px #cccccc; -ms-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc; }
.inventory-items .item.red { border-color: #ff3d3e; }
.inventory-items .item.red .price { background: #fec9c4; }
.inventory-items .item.yellow { border-color: #ffa82f; }
.inventory-items .item.yellow .price { background: #ffe4c1; }
.inventory-items .item.dark-violet { border-color: #9045fc; }
.inventory-items .item.dark-violet .price { background: #e2caf6; }
.inventory-items .item.violet { border-color: #dd17d0; }
.inventory-items .item.violet .price { background: #f3c2ea; }
.inventory-items .item.blue { border-color: #3668fe; }
.inventory-items .item.blue .price { background: #cdd4f7; }
.inventory-items .item.sky { border-color: #4197d6; }
.inventory-items .item.sky .price { background: #d0e0ed; }

.friendlist-table .row { border-top: 1px solid #e6e6e6; padding: 10px 0px; }
.friendlist-table .row .list-inline li:nth-child(1), .friendlist-table .row .list-inline li:nth-child(2) { width: 12.5%}
.friendlist-table .row .list-inline li:nth-child(3) {width: 70%}
.friendlist-table .row.bg_gray { padding: 5px 0px; }
.friendlist-table .row .list-inline { margin: 0px -2px; }
.friendlist-table .row .list-inline > li { padding-left: 2px; padding-right: 2px; }
@media (max-width: 767px) { .friendlist-table .row .list-inline { margin-bottom: 5px !important; } }
.friendlist-table .row span.visible-xs { font-size: 12px; color: #b3b3b3; }
.friendlist-table .status { background: #cccccc; display: inline-block; vertical-align: middle; min-width: 65px; padding: 1px; font-size: 12px; font-weight: bold; line-height: normal; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.friendlist-table .status.status-success { background: #a0d9a4; color: #ffffff; }
.friendlist-table .status.status-danger { background: #eea1a1; color: #ffffff; }


/*----blog-style-----*/

/* .article .linkinfo:hover + .playerinfo{
  display: block !important;
} */
.btn#yes {
  margin-right: 5px;
}
.btn#no {
  margin-left: 5px;
}
.article-vote {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding: 20px;
  margin-bottom: 20px;
}
.true-review {
  display: none;
  opacity: 0;
}
.article-vote .article-feedback-form {
  margin-top: 30px;
  display: none;
}
.article-vote .article-feedback-form textarea {
  width: 100%;
  border: 1px solid #E5E5E5;
  padding: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: inherit;
  line-height: 24px;
  transition-property: all;
  transition-duration: 160ms;
}
.article-vote .article-feedback-form #char_num {
  display: inline-block;
  color: #aaa;
  font-size: 14px;
  text-align: left;
  float: left;
}
.article-vote .article-feedback-form .article-send-feedback {
  display: inline-block;
  min-width: 180px;
  padding: 6px 12px;
  margin-right: 0px;
  margin-top: 20px;
  margin-bottom: 15px;
  color: #03a9f5;
  border: 2px solid #03a9f5;
  float: right;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
}
.article-vote .article-feedback-form  .article-vote p {
  margin: 15px 0;
}
.pros-cons {
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: 1px 6px 25px 0px rgba(212,213,216,1);
  border-radius: 6px;
}
.pros-cons th, .pros-cons td {
  padding: 10px 15px;
  position: relative;
}
.pros-cons>thead>tr>th {
  border-bottom: 0;
  font-weight: 700;
  color: #fff;
}
.pros-cons>thead>tr>th:first-child {
  background-color: #1ea424;
  border-top-left-radius: 6px;
}
.pros-cons>thead>tr>th:last-child {
  background-color: #da0d0d;
  border-top-right-radius: 6px;
}
.pros-cons>thead>tr>th:first-child, .pros-cons>tbody>tr>th:first-child {
  width: 50%;
}
.pros-cons>tbody>tr>td, .pros-cons>tbody>tr>th,
.pros-cons>thead>tr>td, .pros-cons>thead>tr>th {
  border-top: 0;

}
.pros-cons>tbody>tr>td {
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding-left: 40px !important;
}
.pros-cons>tbody>tr>td:last-child::before {
  content: url(../images/icons/minus.png);
  color: #000;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  left: 15px;
}
.pros-cons>tbody>tr>td:first-child::before {
  content: url(../images/icons/plus.png);
  color: #000;
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  left: 15px;
}
.characteristic {
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: 1px 6px 25px 0px rgba(212,213,216,1);
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
}
.characteristic th, .characteristic td {
  padding: 10px 0 !important;
  text-align: center;
  font-size: 14px;
}
.characteristic>thead>tr>th {
  border-bottom: 0;
  background-color: #dddddd;
}
.characteristic>thead>tr>th:first-child {
  border-top-left-radius: 6px;
}
.characteristic>thead>tr>th:last-child {
  border-top-right-radius: 6px;
}
.characteristic>thead>tr>th {
  border-top: 0;
}
.characteristic>tbody>tr>td:not(:last-child), .characteristic>thead>tr>th:not(:last-child) {
  border-right: 1px solid #e4e4e4;
}
.characteristic th {
  padding: 15px 10px;
}
.comparison th {
  font-size: 12px;
}
.comparison th, .comparison td {
  text-align: left ;
  padding: 10px 15px !important;
  font-size: 12px;
}
.comparison tr th:nth-child(1), .comparison tr td:nth-child(1) {
  width: 10.5%;
}
.comparison tr th:nth-child(2), .comparison tr td:nth-child(2) {
  width: 24.5%;
}
.comparison tr td:nth-child(2) {
  font-size: 14px ;
  font-weight: 700;
}
.comparison tr th:nth-child(3), .comparison tr td:nth-child(3) {
  width: 14.8%;
  padding-left: 15px ;
  padding-right: 15px ;
}
.comparison tr th:nth-child(4), .comparison tr td:nth-child(4) {
  width: 21.8%;
}
.comparison tr th:nth-child(5), .comparison tr td:nth-child(5) {
  width: 9.4%;
}
.comparison tr th:nth-child(6), .comparison tr td:nth-child(6) {
  width: 19%;
  padding-left: 15px ;
  padding-right: 15px;
}
.comparison tr th:nth-child(2) a, .comparison tr td:nth-child(2) a {
  text-decoration: none;
  transition: 0.3s;
  display: block;
}
.comparison tr th:nth-child(2) a:hover, .comparison tr td:nth-child(2) a:hover {
  text-decoration: underline;
}
.comparison tr th:nth-child(6) a, .comparison tr td:nth-child(6) a {
  text-decoration: none;
  transition: 0.3s;
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #ffc107;
  color: #fff;
  font-weight: bold;
}
.comparison tr th:nth-child(6) a:hover, .comparison tr td:nth-child(6) a:hover{
  background-color: #9adb51;
}
.comparison tr th:nth-child(2) .label, .comparison tr td:nth-child(2) .label {
  font-size: 12px;
  background-color: #e0a904;
  color: #fff;
}
.selling-image {
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 6px;
  position: relative;
}
.selling-image img {
  width: 100%
}
.selling-image .link-amazon {
  padding: 10px 30px;
  border-radius: 6px;
  background-color: #dddddd;
  color: #181f28;
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.selling-image .link-amazon:hover {
  background: gray;
  text-decoration: none;
}
.important-blog {
  padding: 40px;
  background-color: #fff6da;
  border: 1px solid #ffc107;
  border-radius: 6px;
  font-weight: 400;
}
.best-rating th, .best-rating td {
  width: calc(100% / 7);
  text-align: left !important;
  padding: 10px !important;
  font-size: 12px;
}
.best-rating th:first-child, .best-rating td:first-child,
.best-rating tbody tr:last-child td {
  font-weight: 500;
}
.best-rating tbody tr:last-child td {
  background-color: #eef2f6;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.transfer-table tr, .transfer-table td {
  width: calc(100% / 3);
}
.transfer-table td {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  padding: 6px 25px !important;
}
.transfer-table td img {
  margin-right: 10px;
  display: inline-block;
}
.transfer-table td:first-child {
  color: rgba( 24, 31, 40, 0.502 );
}
.transfer-table td:first-child img, .transfer-table td:last-child img {
  width: 55px;
  height: 50px;
}
.transfer-table td:last-child .free-agent {
  color: #1ea424;
}
.transfer-table td:nth-child(2) img.fotoperson {
  width: 55px;
  height: 55px;
}
.fotocountry {
  display: inline-block !important;
}
.linkinfo {
  font-weight: 500;
}
.transfer-table td:nth-child(2) img.flag {
  margin: 0;
}
.transfer-table th:nth-child(2)::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #1ea425;
  display: inline-block;
  margin-left: 5px;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #181f28; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: auto;
}

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

/*Friends list Data Table*/
#steam-friends_filter input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom:10px;
}

#steam-friends thead {
    background: #f2f2f2;
}

#steam-friends thead th {
    padding: 5px 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    font-weight: normal;
}
#steam-friends_wrapper .bottom .paginate_button {
    border: 1px solid #cccccc;
    display: inline-block;
    min-width: 38px;
    margin: 0px 2px;
    padding: 6px 5px;
    color: #000000;
    text-align: center;
    border-radius: 0;
}

#steam-friends_wrapper .bottom .paginate_button.current {
    background: #03a9f5;
    border-color: #03a9f5;
    color: #ffffff !important;
}

#steam-friends_wrapper .bottom .paginate_button:hover {
    border-color: #03a9f5;
    text-decoration: none;
    background: transparent;
    color: #000000 !important;
}

#steam-friends_wrapper .bottom {
    display: inline-block;
    text-align: center;
	width: 100%;
}

#steam-friends_wrapper .bottom .dataTables_paginate {
	float: none;
    display: flex;
    justify-content: center;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #e6e6e6 !important;
    margin-bottom: 15px;
}
#steam-friends tr td {
    border-top: 1px solid #e6e6e6;
    padding: 10px 0px;
}
#steam-friends tr td ul {
    margin-bottom: 0;
}
#steam-friends_wrapper .top, #steam-friends_wrapper .bottom {
    padding: 0 25px;
}
#steam-friends tr th:first-child, #steam-friends tr td:first-child {
    padding-left: 15px;
}
#steam-friends_wrapper {
    margin-top: -50px !important;
}
#steam-friends {
    width: 100%;
}
.col-md-6.text-right div {
    float: right;
}

.text-center.m-t-1 div {
    margin: 0 auto;
}
@media (max-width: 499px) {.text-center.m-t-4 div {
    display: inline-block;
}
}