/**
 * bxSlider v4.2.5
 * Copyright 2013-2015 Steven Wanderski
 * Written while drinking Belgian ales and listening to jazz

 * Licensed under MIT (http://opensource.org/licenses/MIT)
 */
/** VARIABLES 
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.bx-wrapper img {
  max-width: 100%;
  display: block; }

.bxslider {
  margin: 0;
  padding: 0; }

ul.bxslider {
  list-style: none; }

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); }

/** THEME
===================================*/
.bx-wrapper {
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000; }

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("images/controls.png") no-repeat 0 -32px; }

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url("images/controls.png") no-repeat -43px -32px; }

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

/* Preload images */
body:after {
  display: none; }

body.lb-disable-scrolling {
  overflow: hidden; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal; }

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px; }

.lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px; }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-container {
  padding: 4px; }

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(data:image/gif;base64,R0lGODlhIAAgAPUuAOjo6Nzc3M3Nzb+/v7e3t7GxsbW1tbu7u8XFxdHR0djY2MHBwa2trbm5ucnJyaSkpKWlpaGhoeLi4urq6u7u7ubm5vLy8vb29vT09Pr6+v39/aysrK+vr7Ozs8fHx9vb297e3qmpqb29vdPT06amptXV1aCgoMvLy8/Pz9fX18PDw/j4+Ozs7ODg4PDw8KioqOTk5JqampmZmZycnP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJBwAuACwAAAAAIAAgAEAG/0CXcEgECQ6bUGRDbDpdimTo9QoJnlhsYVvojLLgrEAkGiwWiFTYldGsRyHSYz6P2COG9XCw2TAYeXprCQYEhQcKgoouAQ4IHg4CAiMpCiASFRMUFhgXFxkZawEDcnd2Jh2LLiAdLyQvELEFX6pCAQx9fQ21T1wFHCi8TwcGxQYnwk8eBAcHZQnJTh8D1I8OJwmWMBMsFJudoG4u4mAgIwIoCSMKlpjcmxeLCgcPJianEcIKBXR1prVRSMiBUIfDAA8JoC1SMYWKKw/RXCzoE6IixIgC+uDaQCsiAQ4gOSCIOMRXhxIkhRjoYEwhSQTGCAxIyYiAzWYjU35o5oxaIj095J6AWFDmDAIHCVpgubCizRoFKtBAQjeixIdLADRZYBpOQ1An5qYmLKEgQAsYWb95UiUhgIJK7bZRCBMEACH5BAkHADMALAAAAAAZACAAAAb/wJlwSAQJRJxNJMLgHBzE6FBxeD0ey2zEBJESA4sXBHItZ2MJr1DReZFIZfNS9lGXOC83aRzPktQKHCEheW4QBQseCQkeAwZeIAYbG4OEBiNqXgiTnBsemV6BkwwbDCigXioMq6RQqFEBHLKyB69SKAW5BRwltlELugW1vkQHBh3In8RDBs3NactCBM4GvdEzBNMGBNbRB9MEB9DRAwQNBwcC1zMe5wciCOsj7wcDAwrXAe8i9ifrDvwGLEDQjdgHewtUIPBQJxqKBQM9OBDQkBgIBws9CBCQQAEMNRk0SAngoeTGBCMUgKgwgYIFDBcyhPTywSTHEiolsHR5YcVMMkgoOCbACUJny5cxf0ppkWIRzgAtYABg4QKmz5AivUhQ8LTozqo9M9iS0KKFURY8iQQBACH5BAkHAAAALAAAAAAZACAAAAb/QIBwSAShRBzGA8LhHAQgolSoEIVIENJjG+maHgfFFBBQbUKvF3bL7kZMpoFUYTij0xAI++E2yVJEJQUbhCF3JGsRfF0xB0QKg4SFIR0qDgkJHgMhjEUESZIbBiNjAAkvAkQeHAUFTRwOpaUKHa22CbKlCLatsblTAQYdwgVyv1MJBsrKJcdTCMsGxs5EAwQEBgQn1FIH1wQHpNxDBw0H52LjQucHIiKA6gAi7SID4uoL9QMLuPEOA/sW+FI3IiACDwHigVCB4OCleKYOejgh4INChwIEJJAQLxPFBCNKcBwHIiOKBCUUfJAwgaRGlApASKgwwQWGCxkyaNAgC8SIMxEpYs6cQMHChRU6f0lQEFQmzaJHk/6CAeKDU6JGkfJ0VkHCUAo2cerc6mwC0bBayQIIAgAh+QQJBwAuACwAAAAAHAAgAAAG/0CXcEgEJQaFAomUHAhAxGhUMWCErq/X8sF9HRRSYgDB2ZixWgiXG4kMAuFPg2Gmb0JZEkTNbnPARCUGHAUcDHZYS3wPbW0QCUMfBklJhhsGCA4JCQ4LDH0RMzIcQiAHBR2UBQclYS4JBY0mA0MOBrepBieuRAgmMhuRBLfEkLxEJwdEHgbDtwLHxwEE1NQq0ccjDdQHX9i8Dt3d19+uCyIiB07lrgPu7q3sUu8LCx/y8/ULCPf4vQgAPQDyJ8RBQAfxCL5C4MGBAGMKFTA88VCCQhcgHDhEMWIgwRECUCQYkcKiQhAiSSoAAeCiggQlFHwAIWGCQgkpUqxsAQMABToMBCXIpFlhAgULF1Zk0KCBnQQQRI0iVdpUXgUJEooeTbrU34QKWqd2JUiBxVaqTC9iwHAhg9u0roIAACH5BAkHADMALAAAAAAfACAAAAb/wJlwSAQlFoZOKNQpDFAgonQq/CwKjI12E3p5IaGDgjoNeAoFDoeR5XpfJAiENAiQq6ImOt1efiEPgRxjVCkHBkl7axsMfnGADxERLyNTH4eIBgVNBAgnIyMOCxwvgYGSL4RCIAMGBJkGIiVkIx2QkhEcdkICBK+/AndDCBC4kgNVBwcNzAeVwkMCkZIxMR8zJyIiygco0FIIESYyBava2gMe31MbL0QjA/HxqutVUgILAwsL6vXCHgtULEDwzB8ZDwgSeqBnEJwHDw4cRGlIBQFEAQImUpQSESOUjVNQYEyQYBfIISVQJBhR4trJIR9IlkjxocJLIRJY0gQh4WaVTxQKArSQMMGnBAUfeFaY4MJnCxAtYCylgOFmhaFLWbjAcCHDSwASplq4sCKDBg0nJwCYQGFsWbQvKcjlmsGszxkW3Nq9y/Ut3Lsz6u6tFwQAIfkECQcAAAAsAAAAACAAHwAABv9AgHBIBCUQBsOGkVwkQMSodPhBdApYzma7CYU2IsV0CnIQklcsg7H1vl6hQWBMHRjOhnSBw+6G3iQQBWJjCgcEiEkGWXxtfy8QEA8hI1MfAwcNiUkHHgIjIycIBX+BkpOEQyAqByIHmQQLJWMjBpEPuBEFUEMCra+vKHRDHiS4DxERA3UDzQMis8O9xrkRhALOzQnSUQjIyREHACAIKggLCyfcUh3gyR8pCPLyH+tRI+AmJh4oCB4eDgTYk8IhQgwZMQYIcODghIMUA6McIDGgHoCGAjLOiUgnowAUCVpwpAMyASgJI8ckSFCihAKUKaW0TKHgA8yYROApCADiJk5QIS0+8JQAg8LPIRU+9IRRYcLRIRKINqVg4SmACRKmurBwweqECSyoXriQ4SmFCVQxkM2gQcNRCmJXsHX71ILaDGytChmLl65eAH3/EvGbMggAIfkECQcAMQAsAAAAACAAHAAABv/AmHBIjI0QB0KhQCCoEqCidPpBNAzYzrLA2Ww4A8V0ChIkm1jDtuv1qgLj4Ud1ODQIafWSw2iHQh1iYwoLdXV3aXt8Xn8vLxsjUwELAwMihgcDDgIlIwIIBoyOJCQhgkMgDpSVlginRSMGIS+kpAVRQwkICJSUCXFDHrMQD8UDqLvJrsBEKCQQxA8vggke1tYlzEUe0cUHMS0O4icOv9pFBsUPEQ8fCgLw8LjnQyPs6xEeJQkoCQmR9IpwiEAwAoF9IxLCCUhkQMEIDEpITKFAAkMiJx5CSEHxw4cKF3MVNBHBI4iTAEIKSTAywskWEmBMUDlFQswKFVjQlIKzwoQ6CRR2FpkAACgFFxiEDqEA1IUFDBeULqVg4cKFFRmkxsDwFGuGDBq0Wv2qoWxYqWTPao1Bdi2RsmuDAAAh+QQJBwAqACwAAAAAIAAaAAAG/0CVcEhUlRwDkcEgOiASoKJ0GnA0G4Ts0lDoLhTTKUiQbB4IW0OnW2BwEIHwEORYDJKHPHq57jI2GwZgYR8eCAh2d2Z7bBx/gAUlYh6Ghwt2CAIJKSUoDgQFjo8hHINDLZ6UlQ6mRSUNgBshIS8dUUMpAicCAg4eknJCDn+0JC8LQxIJCby8ccFDCbIvJMaDCsvZH9BFHi/U1CIqMCXlJSOt3EIGJBAPECQfLQr09DDqRSMQ7g8PDiABAgC8hY9Ih37vDoBYKKFFhYJFFiB8UECCxQoVJkAkciJCvwgkYGAEMIHCxmgeH0SIQHICCwoWTgpJsLJmSQouLGCQqaJjTT0IFGBiuHCB54CaEThYsED0QgaeDWbIiGGiwVCnGTJo4KkCxIIXCFRg1UCWa5GsZc2e1ap2Ctu2UrbCFRIEACH5BAkHADAALAAAAAAgABkAAAb/QJhwSISVTovBgTAYeEagonQaEKgGooN2STB4VZ/pFJRAqK5NbaPr7RQ6noB4CBIg7oik8rD2GtwFHAQKc3UODh53KklZDQ1+BZGBBSVTLQkCAoceiR4JIyklCQ4HBpIcDBsFhEWimAInDgJhUyUHgRwbugZRdCMjCcEorHMwJwWpuhsqQxUKKaGivcVCCbkbISEbrBIf3goK09RCHtjZIQMwEy0g7QHi40INIS/1Lx8AEvr6APFFI/ZIkDgxAUCFgxX8SSnwAoLAAxMiRmShsMgCEg8cFqDAkaOLikQEPBj5IISFkxgsYAA5JAHJjBdiymRZ7SWEFRkyrFhxgaaxQwgjI7zISTSDzwERkkbgoKFpU6M0NyiNQEDDEA1QQSYwkdSECQdEmtJ8EYErV1o+hziYIcPrgbRTEMiYQQxuEQRCggAAIfkECQcAMQAsAAAAACAAHAAABv/AmHBIjClQHsRApFqcRsWoNAZKJBHNweDAJTQQn2lUkhI4PNeFlnsgGAgER0AslIxQArMDgdWKDg0NbwYdB2FTEiUJiwInZ3xqf4EGlB0dBiVSMAopIyMJeCcCIyUKCiMCIoKVBQUGh0QgHx+cnyMgUykDlq2tBLhDMCAgAQGmwHQCBr0cDAhDEzASEi2yEnRECQUczRscCkITABUV0xXYRSfcG+wLMS4sE/Lk6FEH7OwMARYuFP4TFOoVGYFvQwgBGBLyCyiwiAGDIUIMuEAxIYaGRRZseMHRQIYMKyhewEhEwAsSJzd8XLmC5JAEJCCQmKmhpoaPLoUkgMBz5pBSmxlyxhDwoCiEEEQ0CI2xoGjRAkuLcHD64EDUlxGoOrgqhEPWBxEgwFqKwESEsyasXnUQwezZCOCuDpDh1sQArkIE0DURYg7eGHMfZPqbNwGRIAAh+QQJBwAuACwAAAAAIAAfAAAG/0CXcEh0gUqCEwLhcAhKxajUJVGMEgKBw7NcDL6OzzRaASlKV1TS0f2KDocTaCwEtAIfRSqt5XoHbw0EA2JTExISICABemknbAhecAcEBAcpUhQAFRWIiwoKHx+LewiAcAYEBg2FRCwTsBUwiBVTCggHDQa7BiJzQxYUwq8AE3RCKJW8BR5DFxgW0cIUx0Mjux0F2gpCF97eGBjVRAIG2toqQisZGSve40UD5xwFAez37PBEJdocHBsCMmgYOFBfkQb/NmwYUFCIBoNEEDBQuMHAQ4hSBFDcwAHjlBEKQ4j0KCWByBAvQpCMIgDlixcbVhZZ8JLEiwIyiRQgwZPEgU6cQkZAGEoCwgmgLgw8gLCURKuVCB5Ilfozp4ClU19wk4kgQoSpDwbIDPDCq9kIDALkDDHj7AMoQGOY8PoiAdKkMdBuvUtChNq7Qp4SCQIAIfkECQcAMAAsAQAAAB8AIAAABv9AmHBIlHxKCZRgmVAQn9AhwKgojRIJwcmD6AoCUShl2gJ9qlctF6EaLASgsNA1AVQk5TNS6eAuBgMHKh9hFhQsExN3EgEfKVgCfQh/gQcDTk8XGBYuh4oSoKAtRwKTgAeoB4REF62bFIkTYR8OpwcNBANxQhkZKyuaFhZyQwkiqAQEBg68vb3AF8REJbcGygSEGtoaztJPCcoG4ggwGkPc3lAL4gYdHWDn5unT4h0FBQLz0gf39wv6xDz0K9AAoBwUHApwSGgwzIiFHDYwaBhlBAMGGyRShCIgY0YOG58g8LjBQEgiBkKE2BBiwEkhI168CDEz30sDL0jIDLEqpAdOCBByvnB5UgAJoBB0YtqIAMIDpBCIUkxQIMKDq1c5wDN4YEOEr1gfvEix0YCJr1a/hhgRckEMtF85LN0Y4+xZEVtD1n3QYO7JESfyQgkCACH5BAkHADAALAQAAAAcACAAAAb/QJhwCANIQB/FaFn6EJ9QC6tSOSZHCZTg5EgEoE+MizWptgKKUiKx9SAQCRAYdsFYKCxAFZnCChxuCCoeX0QZGSt1d2VWSmyAbyoLCwpEGhqIdRQTE3p7CgmQCAsDpU5DmBmKFnMBAqOlAwcqcqiZc0QjpLIHBwKWiLhPKSIivb2nMJjCUAm9DQ0EHszMCNAE2IXUYCnRBgQGCdu4AwbmBgjjcw7mHR0H6mAJ7R0G8VAlBfr6908j+/z6DUHBAaDAIQg4KOTQ4KAQAgw2SBzgcITEi78OEri4gYG2ex5CiJS44KCAEC9ejKzUDwGJlylDqOj3D8KDBzALfMS1BsGANw0Rbt58uSHFOA4RkgYVijPECHURTChl+qAAy3EdpCoNSmLATmomwop9cOBqvAImQmxoIKDWnCAAIfkECQcAKQAsBgAAABoAIAAABv/AlFBooUwqsBYoAAINn1Dh5VJkHSWgj2KUUDijwoz4giles9sESlD6PjXwzIpKYVUkSkVJLXAI3G9jGC4sADASAXoJAicOHh4fUXFTg0Z3H3uMDggIHgGSYmApEiWanCoegHCiTwqOnAsDAqy0CrADuJG0oiUquAMHJ7usDrgHByKfw1EKIiLHBwnLYCrQDR7TUQINDQQEA9lQCd0GBA3hTyUEBuUG6EMl7PLvQgny7PQpHgUd/Af5BwoILKCCXgkOAwugoHeAA0KEysI52ECRAYOC6FAwoEiRgwJ0HjaE4LgBQbgRBl6oHLmhQ0QoBwZ4SJDAwwIOEEiofBEihEc+VhwiCBX64AEECC90vuAwgpaMoUWjPiChs8NHVgpiQJWa88WCl2BezDAxlOiDFweu7vrQgGIEExs4HPhDKwgAIfkECQcAJwAsBwAAABkAIAAABv/Ak/CkyWQuGBdlAqgMn9BnEWlZViQgECzKnV6qkyvoo/hIuEPNFAMWf0qjUgutNiJdrAqsBVKUEoABaEYrVEt7ZCMJKAICIGhoFQEKio0ejpBoIIsCDh4ICZmanZ4ICIKiUQqlCCooqVwopioLC4+wTx8ItQMDI7hQHr29DsBPCcMiKsZDJQfPBwPMQinQz9MnzgcEDQ3YCQ0EBAbe0w4G4wbS0wMG7gYI0yUdBvQGocwiBQUd9KjADvYJjGcsQQEOAgsoMOaBg0OEHDw8CRACX5QRBjZo3MCAg4F/J2LMMMFgAKgEHhYUeBEixMYNCo+ZiEAzwoObN0m8YLmxQAk0KDJMCLWJM+fOlhsMLHxSQuhQojchkNDpcgHIIQoaRHiKk4TUECKWQgIh4ADHmw4PYIIUBAAh+QQJBwAAACwEAAAAHAAgAAAG/0CAcEjUZDKXi8VFbDqdGmPSQplYn9hiZqWsViSwSvYZRWKoky8IBBsXjWYXawKTgBSKlpu4vWC8Ei0BCiUlEntPFGofhAkjeohOFYMlIwkCKZFPEimWlwIgmk4gCSgCJw4Jok4lpw4eCKGrQyACrwgqmbNDKB6wCCi7QyMIuAgOwkIpCAvNC8kACgsD1APQCtUi1sklByLe28ICB+QHz8kLDQ3kHskpBPDwqsIDBgT2BAHiBvz87UO2IiXo0KEfgQ9DHJiIgGDPiQIQCXZAJmREjBkRInAYgaUEAQ4QIzbQB8BDjBgZUxZYkGqEAwQGNjDgABKiAQVDPpBIGeGBT0kIQF+8CLFBpkyQBko0UcBgYU+fDyA8EDq0aFEGBHA6CSAiJVQSEEgIJVqUAwKSWBQ0IPGVhNihITgM0Lqn1gGaD0iAHIBCFpYgACH5BAkHADEALAIAAAAeACAAAAb/wJhwSCzGNJqMcck0IjOXC6ZJLT6lFle1+oRiXKwJa7vsRi2USaUCIC8zK6krXZG0Ku7lBa2GtUAgeUwUaxIgHwqBgkYTdocKJRKLRhUBiCUJCpNGAZAJny2bRBIjnwICH6JEJSinAgmqQwoCJw4OArFCH7YevbkxH70Iw78fw8e/KQgqzAi/CQsD0h6/CNLSJ0SKggoHIiIDIiNDIRyTCAfp6QExGzImEc55Ag0H9QfZDybw8LhkIwYICCQgIpWICPAiRHggj4oAAxADGsgWA0SIhA8yFhi3pMSBDhEhithW4oHCjBlJFFDhYMQIBwgMcChQICQBTUQSQDiZEQKJRxcvQmwYymEmzQ4dCKRYooADypQ/gw7dYJTmgVRMAgyA8MAniZ9CpzIoWgABuyrdXjyIGiLs0AILsLoBIUAEzbYgFyTYtiQIACH5BAkHAAAALAAAAQAgAB8AAAb/QIBwSCwaAZqjcqnUZJjQpXN1iVqFGucFg7kys9Oty+JtOjOXi4VCKS/RahdrMnEr45RJBVa3G9d6FRISfkd6MBIgIBWFRSyIIAEfhI1EiQEKJR+Vlh+ZJSWcQxIpJSMJI6JCEqcJKCiqAC2uArWxH7UnukMnBh6FKQ4nDh61LyYxEQyFAh7OCAkeJiYR1Ql2Hwja2ikf1d8Fdg4LCyoqCCAADdTfCGUJA/HxAkIK3w8PJPRWJSLy8ZuEDKiGL98vKCgOKDwg4sA+IQE2RCj4AIKBVEdKLCBAYOGBBemIpAhBkcSLEAYQnBgxolkDAzANEGhwYEDAIiNIQoBAwmSIRw0bGHDgUKBATI4dUyxRUICnyZNAhRYt0AEmAQM2oQQY8KJriJ9Bh0616iBkFAUiNnwFCpRo0Q4IbnoBgWIATKAyVSQweyQIACH5BAkHADEALAAABAAgABwAAAb/wJhwSCwaiRpN5shsFpNLp/QJzVym2Fj1csFkpZkw10L+OldjF4VidmIs6gmA1WZiKCx5BVBn6isSMH1HE4ASLS2DRhOHIAEfBRwcBQWKFQGPHwoRJiYRESODFQqkJSUQn58egy2mI68bqREDgx8JtwkjBJ6fHIMjKAICKCUeng8PoHUgwifCCh/JyA8ddSgO2NggMQfTDxCrXyUIHuUICUIKJN4kKFkKKioI8wjbQgPsIeFOCQP+C/PQDQnAgYRBEi9CGCjBJAWCAyL8DVjgwd6QFCEMvki4YQMBDwJMCXAw4IBJiP8+HBmxYWOIEB0ZSKJkoCaBBg1ODlDQREGHN5cdN8ikVKCmzZwHVKh0EmBB0I6TKHWwSYDAAQEWpSgYwAEq0ak2ESw1AyLBAgIGKFlFMCKrkSAAIfkECQcAMgAsAAAGACAAGgAABv9AmXBILBqPmqNyqUwyn01NBkqVJTXSafWJzV5kjoJge8yYV5c0wRQzhcbkIfqCwVg2kXxkEB/S7RQUEHoRcH0YLoEsE4QRCX1CLosTExV6DxEokDIUABWfEoMPmA6bEzAwEqocEaMPC5sVIC0gtQeuDwWbIB8BHx8gDq4QECN9EgrJKSktHyQQDxAkBn0pIyUj1xIyByQv3y8eZB8J5eUKQgovJN4vG5pUHycC9CgJLUML698bG6VPJTw4OEHwRAoiAQq8CBGi34YGJZR8cIAAgYeLHgTgI5KCQcMNDBhw4HDAgYASJRIIUDFgwIIFFS0GODKCg0ORBXIaMEDggM8/Ay0HqLD4YYkCA/1wFuiwk+dPEUEdzGQSAAEHpUyb9jwgAqgAEFUULMhZQCsBAg24Su0DIgGCtDuBehgBdkkQACH5BAkHADIALAAABwAgABkAAAb/QJlMJSwaj8hkURGZOZTQqOxgMsVMAqlW+ImYIuDGVuv4giOJMVSjIZwjDPWRLWNnOJHHIzKQGzNsGhkZL3l7J35Fg4srEHp6aYkyKxeVlY8PEJGJFxieFhYvehAQiJIYLqAUFAUkjiQLkjIULLW1ByS5Lx2yEwC/ABMnui8hI4kTEhUwzBMfL9AvGwSJEiASLdkTMgMhxRsbT2oSCh8BINdCChsh4Bscm1IgIykK9h8VRSrgDAwcBaaifEiQYMSIEiVAGAlgwN2/AgdKKAmA4oQAAQQTlJBwREGBDf4KiDQgAqO9EQkcIPDgwKIAFAlaJClR4GGBDgYMEDhwQMSAQAELEKxk6UCAQiUKCDzMmXNnz59BhXowKiUAgpFNCTR4+lMoggRHtXxAwJSA1p4+ByBAESDRPAQ/dy5Y4CBhlCAAIfkECQcAJgAsAAAEACAAHAAABv9Ak9CUeA2PyKTyqCDNjMtoFLSJRGJQqXY4sFplpO1W4bU+EmLtIfJ4WBFp6YfEdnfiUke7HUHjlwd7DwV/UQUQDxAQC4VLLySKEAKNSRokl5cjlCYaGpwaL4+hfoUZGZ0aGRuhLyEnlKaxGR2tLxsqlBe6uwMhvhsGlBYYGBfEAiEbyhslhRYUFBYWLhYBDMsMB4UTEyzQ0SYLyxwFr3EAFRUA3CxCChwb5AUdpFoVIBISMDAV7UII8goUMDBJS4sPH0CAaNGiwpEABOR1MGBgQIolIFKMSKEAYQAQAJAoMCBwIsUGCwSMUKAgRQkBAlAkGFGC4weHSUqQNGmgwQFNEQMGLEDgwQFMmSM2Sojy4QBFAlAP/BSqwkPREzETlFgqJYADqFGnCkVA1oFRBVy3fEDQwKfUoEPJehgBohCIEQ4WLDgwgCgKBXWjBAEAIfkECQcAKAAsAAABACAAHwAABv9AlHAoVBCPyGQyIJopn1CUgmMyRaLY4YhkNc1A2aiCFCmXnWEliFN+mAtp5cD9cEcQ8eS4zhfkkyJ8dXh/Rx8kEA8QEAaFSCcQL4sQI45HBySZL3CWRAUvmgudRBsvpiF+o0IhrCEblaoorhu0CbEoHLS0qaoGugyEfxpEGgO0DBwNjhrMKMwCGwwF0yV/GdfMGhkBBRzTBSJ/FxfX10Iq3tMGvFkYGOPjK0XTHQb2sFgUFC4W7u9DHgrYs0fAVpQJACaw2OcCA5EADQYaIHAAgZEkFSRIqFBhgkIKSBQQmDjxgIgBCEakCADiwwcFClhq5DgBJJIUDQgQaHDgwIBPBSoQODghIMGIEgo+gGghAcaEJx8GUDQ54CcCDw4EFFWZFISEp1BAOOjp06pQokaPKmhRIcwHByJOLkBAN+vWDzD+gCghACtdrSUCSIASBAAh+QQFBwAzACwAAAAAHwAgAAAG/8CZcEgECU7EpHJJVDQiJhlzugwMIlhThMoVKjjYcGzQnY5C2EfYZCgvFaGHXI1lHNxJUGEujxRGeEoLEBAPhRAIgUoKLySEECQCikoDjSSOHpNJHyEvjS9tmkQCnZ4vgKJDIiGsIR2pRAYbsxuJsEIctBuStzMMswwMqLe/DBwcCb0zBcfMvLcEBdIFmb0L0wV3vQIFHR0GBiW9Ad/gBguTGkoI5gQEyXgZGupEHwQG7g0H4mUrGfLq5glxgI/AgQMD4FHBcMEfQHozQAwgoA/hAAcfmFCg4ILhhX8Zkig4eHDAAhUIUCgIIEECjAowAEygYMHjRyUpBogQYXKBB04HJ1CMKPEBRIsKMjnWvMAkgAqeA1A6ECAgQQkFRSVUmDCzIxUjJhEg+Fl16MoWWiuwcFEmgACxCKYKLZFCgVG1ikAoSCAARdWrICRQCQIAOw==) no-repeat; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block; }

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFF0lEQVR4Ac2ZW0xcVRSGPTNnhlPKcCsUAeeChkEVxhutDQwzMANaqamNWgpaH+yDIaZp1cRHbgH0gTsxkmDCI/hiRAqgD5qYRgKQ8II6TE00wfgGAcIdKeM/ydrNZIezxxg9m518gRxWmn6s9a9zhvNQJBL5T/gfjokwA5Uw0zWFeHBOugiTsAArfSWZky+iABVowAZSwRkiDSTRz1iHlJMmogATsIDTIAPYgRs8SeTTtXSQSLVKFNkivIQKksDDJFCsquqLmqZdAa/i+yCuPQ1cJHOKjdpJEWGdsIFs8BQoy83NvTEzMzO3t7f318HBweHc3Nxdj8dznWQeIWmpIryENUaiCPgdDsfN+fn5XyLcWV5eDlmt1gBqHgOpbAHIFmESySAHeECF0+m8hd/+vcgxZ3d39wBj9grqCkA6iaiyRBRunJhEpcvl+nBhYeG3iM7Z2dnZgkg1ZSgNqLI6wgebSVTZ7faPlpaW/tSTWF9f36ivr+9AbQkF3iZRhAs2dSInJ+eDUCj0h0Biq7S09BPUBkEhyAKJssKusE6QRCGoQLDfn56eDulJrK6ubgeDwS7UXgTPAztIkXUfUbhxKgLlyMRtBPtXPYm1tbXdqqoqJnEOOGhbJQCTkSJ8sJlEMNoJrFhdicPDw6PKyspe1FaD85yE2YBnLUGwSSIrK+s2bnZLehIbGxubfr+/B7WXSMJJ42QlCcVAES7YJJGdnR0dp7BgnLZKSko6qBPngIvrBEkYIKIT7PLoOKET4TjB7kbty+A8SaRxmcAxQEQn2BUI9q3Z2dl7gk7sINhRiZeoE87jMmGECB/s3JhgR8dJV2Jzc3Pb5/N1UieKKdgsEyaAY5wIk2Dj5GHBRifCgmBHb3adLBNsO3HBNkxEAWZwCmSCx4EPwb4ZJ9jbCHYXSRQDpyDYhomoNFIOUIRMvINO/KQnsbKyshMIBD5D7RVwgQWblzBahD2Sp5jN5jzM+9uLi4s/60mEw+FNbKcvUH8DVIECcAZoXLCliaRaLBbX8PBwb0RwRkZGfkftx+BdUM4+KInDbdxoWUCKoih5CQkJgYGBgS/xs6PjRPb394+ampp+RP174CIoBGcpYypQZIqYY+4dz4DLvb29Y6LONDY2fou6OuAF+SCDZCgj8kQSQDqNihfU9vX1TYlkGhoa7qDuDVBKMpQVrjMG30fYCs6gAHuRmdqurq5JkUxLS8sEaq+CMq4zJGOgCB2Fk8kHJSaTqaazs3Pi2MzQaWtrm0RtDfDFyCQyGUNFOJlEkMlkwLWenp5vRDKtra1TNGYsM5mcjKEifGeYjBfUQUaYmebm5omYzLjFC8C4zyNqTGfcNDZ1/2ABjKHudZLXkTFARJAZN/CqqnqNMqN7Ojo6vqMF4ONkVFmvFUQLQNiZ7u7u76PZAn6S4TJjrIhoAdT+iwXAdQYYKCJaAG/iPhNvAYyj7jXwAngUpAGrDBF+ATCZAuBXFOX60NDQ3TiPM1/hyfoyPf7kgNNSXyvwmSGZMk3T3hocHPwhzlPzJLLFnpZT5PztV5wZNyilbTZFmTnZrxU4GZWXATV4ap4kmeNELlEticjsSHyZq/39/V/j374P2Lk/Pj5+BznxUuDlj1acJ4B8cAH/4er29vbPR0dH58fGxubx/ac2my1Ab3iz5Yc9/gJIB05QCJ4Fz9FXD3gC5HIfi+WKCGQ0GpuzwA7yCDtdS+b/SCFfRPwaQqPxSSaS6JrlwUjR+RtEvCM0ct4sLQAAAABJRU5ErkJggg==) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAtCAYAAADsvzj/AAAFDUlEQVR4Ac2ZS0xcVRjHvTN3hisw0GIRZ3AeLWHQWqdVsRqgA86AUmpqoy20Whd2YYhprJq45BVAF7yJkQQTluDGiEhBF5qYRsIjYYMKQxNNMO4gQHgjZfxP8pF8ufEe0qQ5pyf5BTKcWfzyff/vnHt5xLQ0wgbsQCfswEY80BWPxx8I5sUlHMBJP0nm4RfRWAUMkAqOgseII8AFDNqjPYwiGuEAySADeEEuOEkE6bNjIIX22riQchHWSo+SRACc1nU9ahjGG+ASfn8Vn+WT0BNUMV0so04kFTwJTodCoeuTk5N3dnd397a3t/8dHx+fzM7OvoG/nQPPADdwscqoF2HBPgJynE5nZGFhYTZuWlNTU3/4fL6b2FMMnmUyTpJRLqKTSAbIQyu9vrW1tRv/n4Uqzfv9/g+x7xUQAh6QxmVUV0SnKRWESMXm5uZ63GJNT0//GQgEPsHeUibD20xTLeKioBdUV1e3rKysrFrJzM3N/eP1ej/F3jImIxgAcsOeDLLAKRAtLCz8HDKWlZmdnf3b4/F8zCojGADyz5F04AUvgPJoNNq2tLS0YSUzNjY2iwHwEWXmFHCzymiqRGwgiaaXD7wIysvKytqWl5e3rGQwAO4iM7ewt4SmmYfLqLpr2U0yZ0FFaWlp597e3r6VDEbzXapMlGQEA0COiEYyTmozP8lcKC4u7lhdXV2zksGhOZeVlXWLy5gHgDwRJsMqE6A2qygoKGhBm60L2izmdruZjGkAyBShxTNzlGTOgvMYAO2iAYDKxKjNSgQDQI6IRWb8VJnXMADaUZlNK5mJiYl5DAC6AQgGgCwRWjaWGR/IB+fD4XDr2trahqDN5lEZ3mbZ5gEgW4QPAD6aK3BotmIArAsqE2MDIMTajGTkinAZ3mb5NAAS58zGIQPgJvaGwVMgk5597ECTLcJl+AB4GVyKRCJfLi4uijLzGzLzHrWYj1pMVyXCB4BBz/J5oAzcwDT7OhaLWZ4zMzMzvyNX79rt9uOUNyewqRSxsbzk0Jh9H3w2MDDwV1yw+vv7Ox0OR4C+q1REAzr1+ON0TpSDD+rq6n7d2dmxusbs9/T0fJOUlBTRNO2gIg6lGSGJYyAXFIFrtbW1P4oq0dnZOYR9F8EZdqaoCDtVgrJBEoXgck1Nzfciia6urlHsu0rSOSADJEkXYRK8EufAlYaGhtsiiba2thFk4kAij75Po1fiOcIkkplEGFQ2NTWNCBz2W1tbb9tstkrsLaDvcQlN5hWFS2SyTFxubGwcFUl0dHT8gH1VTCITJHMJWSLmYAcPMlFfXy9sJ0gkMnGNpEnCXAkJIhYSReAtBHvosGCTRBgEWSV0qc8jPNhMIgyutLS0/CSSSGRC1/Uqkg5aZUKGiDkTQVAMqtrb238+RGJUHGyZb1F4Je4/2FfFwZYr4qRb7QnwEngTwR4+5JxIZOJtcbDlv2lMAR5wBjfUi7h2fCuS6Ovru6Np2nVqvzwmQcFW9+43HeSg10twix0RSfT29v5iGMY7dMLniTOh+N8KghN7lKZTIQgKMiG/IkwkCJELFiL7uMWOYE+lWUL8elRNa51APoqGh4cTN9p7TOJed3f3d4nz5P4l1ITdDU66XK5Ic3PzF0NDQ1ODg4NT+P0rCFbQM3qu4MRWLsIfX7PB0yAEngPP089TwA8yBMFWKmJ+qZBGj7FecJzw0mfpwBBLqBexseAbIBWkESnAEPybQLnIf4JfIzSb+FymAAAAAElFTkSuQmCC) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s; }

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  padding: 0 4px;
  color: #ccc; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999; }

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAPFBMVEX///8AAAD9/f2CgoKAgIAAAAAAAAAAAABLS0sAAAAAAACqqqqqqqq6urpKSkpISEgAAAC7u7u5ubn////zbsMcAAAAE3RSTlMASv6rqwAWS5YMC7/AyZWVFcrJCYaKfAAAAHhJREFUeF590kkOgCAQRFEaFVGc+/53FYmbz6JqBbyQMFSYuoQuV+iTflnstI7ssLXRvMWRaEMs84e2uVckuZe6knL0hiSPObXhj6ChzoEkIolIIpKIO4joICAIeDd7QGIfCCjOKe9HEk8mnxpIAup/F31RPZP9fAG3IAyBSJe0igAAAABJRU5ErkJggg==) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s; }

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.popupEasyPayment {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000000; }

.popupEasyPayment-content {
  width: auto;
  height: auto;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  overflow: hidden;
  z-index: 10000;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.7); }

.popupEasyPayment-close {
  position: absolute;
  top: .5em;
  right: .5em;
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-close.png) 0 0 no-repeat;
  height: 46px;
  width: 47px;
  cursor: pointer; }
  .popupEasyPayment-close:hover {
    background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-close.png) 0 -46px no-repeat; }

.popupEasyPayment-container {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player_nt_bg.jpg") top center no-repeat;
  background-size: cover;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 30px;
  z-index: 2;
  background-color: #2D3E52;
  text-align: center;
  color: #FFFFFF; }

.easy-payment {
  margin-top: -20px; }

.easy-payment-ico {
  width: 7em; }

.easy-payment-description {
  text-align: center;
  font-size: 1.5em;
  margin: 0.5em 0; }

.easy-payment-tariff-container {
  width: 23em;
  margin: auto;
  text-align: left;
  position: relative; }

.easy-payment-button-container {
  text-align: center;
  width: 100%; }

.easy-payment-button {
  padding: .8em 0;
  background: linear-gradient(180deg, #f5ad22 0, #ffc657);
  margin-top: 2em; }

.easy-payment-button.disabled {
  color: rgba(255, 255, 255, 0.502); }

.easy-payment-email {
  width: 100%;
  height: 3em;
  line-height: 3em;
  outline: none;
  background: #fff;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 12px;
  letter-spacing: .2px;
  color: #51667d;
  padding: 0 2em 0 4em;
  box-sizing: border-box;
  border: 1px solid transparent; }

.easy-payment-invalid-email {
  color: red;
  margin: 5px 0;
  display: none;
  position: absolute;
  top: 80px; }

.easy-payment-email::-webkit-input-placeholder {
  color: #51667d; }

.easy-payment-email::-moz-placeholder {
  color: #51667d; }

.easy-payment-email:-moz-placeholder {
  color: #51667d; }

.easy-payment-email:-ms-input-placeholder {
  color: #51667d; }

.easy-payment-tariff-list {
  margin: 0.5em 0; }

.easy-payment-label {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  display: inline-block; }

.easy-payment-email-ico {
  width: 3em;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/email-ico.png), #9359a5;
  background-repeat: no-repeat;
  background-position: center center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

@media screen and (max-width: 1119px) {
  .easy-payment-ico {
    width: 5em; }
  .easy-payment-description {
    font-size: 1em; } }

.select {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  position: relative;
  cursor: pointer;
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: solid 1px transparent;
  transition: border .3s ease;
  background-clip: content-box;
  width: 100%; }
  .select.select--focus {
    border: solid 1px #2398B9; }

.select__options {
  display: none;
  margin: 4px 0 0 0;
  position: absolute;
  background: #fff;
  z-index: 1;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%; }
  .select__options .select__option:hover {
    background: #9359a5;
    color: #fff; }

.select__option {
  text-align: left;
  height: 3em;
  line-height: 3em;
  font-weight: bold;
  padding: 0 2em 0 2em;
  letter-spacing: 2.13px;
  text-transform: uppercase;
  color: #51667d;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.select__option.select__option--current {
  padding-right: 2em;
  min-width: 0; }

.select__arrow {
  border-bottom: 0 solid transparent;
  border-right: 8px solid #0a1227;
  border-left: 8px solid transparent;
  border-top: 8px solid transparent;
  transform: rotate(45deg);
  position: absolute;
  top: 9px;
  right: 20px;
  z-index: 1; }

.pg-artists .playlist-genre-container UL {
  margin-left: -15px; }

.alphabet-container {
  width: 100%; }

.alphabet-container-wrapper {
  padding: 0 72px 0 0;
  width: 100%;
  display: block;
  background: #ecf0f1; }

.alphabet {
  position: relative;
  margin: 34px 0 0 0;
  max-width: 790px;
  width: 100%; }

.pg-artists .alphabet {
  margin: 42px 0 0 0; }

.languages-container {
  position: absolute;
  right: 0;
  top: 0;
  background: #ecf0f1; }

.alphabet-list {
  list-style: none;
  overflow: hidden;
  height: 56px;
  line-height: 53px;
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed; }

.alphabet-lang {
  display: block;
  float: left;
  height: 56px;
  width: 34px;
  text-align: center;
  font-size: 18px;
  font-family: OpenSansLight, sans-serif;
  cursor: pointer;
  color: #93a4bb;
  margin: 0;
  line-height: 56px; }

.new-index-alphabet--active {
  background: #93a4bb;
  color: #fff; }

.alphabet-list-active-en .alphabet-list-letter.en {
  margin: 18px 17px 0 0; }

.alphabet-list .alphabet-list-letter {
  cursor: pointer;
  text-decoration: none;
  color: #93a4bb;
  font-family: OpenSansLight, sans-serif;
  font-size: 18px;
  display: table-cell;
  text-align: center;
  position: relative; }

.alphabet-list.alphabet-list-active-ru .alphabet-list-letter.en {
  display: none; }

.alphabet-list.alphabet-list-active-en .alphabet-list-letter.ru {
  display: none; }

.alphabet-list-active-item A {
  color: #2c3e51 !important; }

.alphabet-list-active-item::after {
  position: absolute;
  left: 25%;
  top: 80%;
  content: '';
  width: 50%;
  min-width: 8px;
  height: 3px;
  background: #f36a21; }

.artist-bg {
  width: 141px;
  height: 187px;
  position: absolute;
  top: -4px;
  left: 0;
  background: #fff; }

.artist:hover .artist-bg {
  background: #ecf0f1;
  box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.25);
  z-index: 2; }

.artist:hover .artist-name, .artist:hover .artist-song-count {
  color: #9459a4; }

.artist {
  margin: 0 0 5px 0;
  width: 115px;
  height: 148px;
  float: left;
  list-style: none;
  position: relative;
  cursor: pointer; }

.artist A {
  width: 100%; }

.artist-item {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 150px; }

.artist-container {
  margin-top: 26px; }

.pg-default .artist-container {
  margin-top: 53px;
  max-width: 800px; }

.pg-default .artist-container .artist-item {
  height: 146px; }

.artist-container UL {
  list-style: none;
  margin-left: -15px; }

.pg-default .artist-container UL {
  margin: 0 0 0 -18px;
  padding: 0;
  max-width: 818px; }

.search-page .artist-container UL {
  margin: 0 0 0 -20px; }

.artist-container LI {
  width: 126px;
  padding: 0 0 3px 0;
  margin: 0 40px 30px 0;
  float: left;
  list-style: none;
  position: relative;
  cursor: pointer; }

.pg-default .artist-container LI {
  width: 100px;
  margin: 0 18px 24px 0; }

.search-page .artist-container LI {
  margin: 0 25px 0 0;
  width: 100px; }

.search-page .artist {
  width: 100px; }

.artist-gradient-truncate {
  position: absolute;
  display: block;
  height: 22px;
  width: 40px;
  bottom: 0;
  right: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }

.artist:hover .artist-gradient-truncate {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZjBmMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2VjZjBmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2YwZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }

.artist-name {
  display: block;
  position: relative;
  color: #2c3e51;
  line-height: 20px;
  height: 44px;
  overflow: hidden;
  font-family: OpenSansSemibold, sans-serif;
  margin: 12px 0 0 0; }

.artist-last-name {
  color: #2c3e51;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  overflow: hidden;
  width: 81px; }

.artist-song-count {
  color: #6c809b;
  font-size: 14px; }

.pg-default .artist-name {
  font-size: 14px; }

.artist-place {
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #6c809b; }

.letter-content {
  position: relative; }

.letter-content.loading:before {
  top: 200px; }

.artists-listLetter {
  margin: 13px 0 25px 0; }

.artists-listLetter-letter {
  font-family: OpenSansBold, sans-serif;
  font-size: 60px;
  color: #ecf0f1;
  margin: 55px 0 0 0; }

.artists-listLetter UL {
  list-style: none;
  column-count: 2; }

.artists-listLetter LI {
  line-height: 33px; }

.artists-listLetter LI A {
  color: #2c3e51;
  font-family: OpenSansBold, sans-serif;
  font-size: 18px;
  text-decoration: none;
  width: 95%; }

.artists-listLetter LI A:hover, .artists-listLetter LI A:hover SPAN {
  color: #f36a21; }

.artists-listLetter LI A SPAN:first-child {
  margin-left: 3px;
  color: #6c809b;
  font-family: OpenSans, sans-serif;
  font-size: 14px; }

/* Singer page */
.singer {
  margin-top: 16px;
  overflow: hidden; }

.singer DIV {
  margin: 0 0 0 204px; }

.singer-img {
  float: left; }

.singer .singer-name {
  font-family: OpenSansBold, sans-serif;
  font-size: 34px;
  color: #9459a4;
  margin-top: 20px;
  line-height: 46px; }

.singer .singer-statistics {
  color: #51667d;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  margin-top: -5px; }

.singer-statistics SPAN {
  color: #9459a4;
  font-family: OpenSans, sans-serif;
  font-size: 24px;
  font-weight: bold; }

.singer .singer-dscr {
  color: #6c809b;
  font-size: 14px;
  font-family: OpenSans, sans-serif;
  margin-top: 18px; }

.playlist-table {
  margin-bottom: 30px; }

.more-content {
  margin: 20px 0 66px 0;
  text-align: center; }

.more-content-songs {
  color: #6c809b;
  font-size: 12px;
  font-family: OpenSansSemibold, sans-serif;
  text-align: left;
  display: inline-block;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/more-content.png") 0 50% no-repeat;
  padding-left: 40px;
  cursor: pointer; }

.top-star {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/top-star.png") 0 0 no-repeat;
  width: 21px;
  height: 20px;
  display: inline-block; }

.search-page .artist-item {
  height: 139px; }

.search-page .artist-bg {
  height: 170px;
  width: 120px; }

.pg-default .artist-bg {
  width: 121px;
  height: 170px; }

.artist-page {
  margin-bottom: 87px; }

.alphabet-list-letter.ru.last-letter {
  font-size: 12px; }

@media screen and (max-width: 1119px) {
  .alphabet {
    max-width: 580px; }
  .alphabet-list .alphabet-list-letter {
    font-size: 15px; }
  .alphabet-list .alphabet-list-letter.en {
    margin: 18px 11px 0 0; }
  .artist-page .artist-container LI:nth-child(4n) {
    margin-right: 0; }
  .artist-page .artist-container LI {
    margin-right: 30px; }
  .pg-default .artist-container LI:nth-child(5n) {
    margin-right: 0; }
  .pg-default .artist-container UL {
    max-width: 638px; }
  .alphabet-lang {
    width: 33px; }
  .pg-default .artist-container LI {
    margin: 0 24px 24px 0; }
  .pg-artists .playlist-genre {
    width: 184px; }
  .alphabet-container {
    width: 580px; } }

@media screen and (min-width: 1120px) {
  .alphabet-list-letter.last-letter {
    margin-right: 17px; }
  .artist-page .artist-container LI:nth-child(5n) {
    margin-right: 0; }
  .pg-default .artist-container LI:nth-child(7n) {
    margin: 0; } }

.modal-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(75, 75, 75, 0.5);
  top: 0;
  left: 0;
  z-index: 10000; }

.modal-cont {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: auto;
  width: 660px; }

.auth-modal {
  position: relative;
  width: 100%;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/auth-bg.jpg") 0 0 no-repeat;
  border-radius: 10px; }

.modal-close {
  position: absolute;
  height: 46px;
  width: 46px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-close.png") 0 0 no-repeat;
  top: -45px;
  right: -45px;
  cursor: pointer; }

.modal-close:hover {
  background-position: bottom; }

.auth-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 48px;
  text-align: center;
  padding: 15px 0px; }

.auth-title {
  vertical-align: middle;
  display: inline-block;
  text-transform: uppercase;
  color: white; }

.auth-title-main {
  font-family: OpenSansLight, sans-serif;
  font-size: 42px;
  color: #ccdbeb; }

.auth-title-sub {
  font-family: OpenSansLight, sans-serif; }

.auth-body {
  padding: 50px 100px 0px 100px; }

.auth-text {
  font-size: 24px;
  text-align: center;
  color: #fff;
  font-family: OpenSansLight, sans-serif;
  margin-bottom: 25px; }

.auth-form-input {
  width: 100%;
  height: 65px;
  background-color: transparent;
  border: 1px solid white;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  color: white;
  letter-spacing: 5px; }

.auth-form-input:focus {
  border-color: #f9b738; }

.auth-form-submit {
  width: 100%;
  height: 65px;
  border: 0;
  color: white;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 10px;
  background: #ffc657;
  background: linear-gradient(to bottom, #ffc657 0%, #f5ad22 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc657', endColorstr='#f5ad22',GradientType=0 );
  position: relative; }

.auth-form-submit.loading-auth:before {
  display: block;
  position: absolute;
  left: 30px;
  height: 30px;
  width: 30px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/spinner-btn-auth.gif") center no-repeat;
  background-size: contain;
  content: ' '; }

.auth-form-submit:hover:not(:disabled) {
  background: #ffc657; }

.auth-form-submit:disabled {
  opacity: 0.7;
  cursor: not-allowed; }

.auth-form-input::-webkit-input-placeholder {
  color: white; }

.auth-form-input::-moz-placeholder {
  color: white; }

.auth-form-input:-moz-placeholder {
  color: white; }

.auth-form-input:-ms-input-placeholder {
  color: white; }

.auth-form-tip {
  text-align: center;
  color: white;
  font-size: 18px;
  margin-top: 25px;
  font-family: OpenSansLight, sans-serif; }

.forgot-pswd-lnk {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/question-white.png") 0 no-repeat;
  padding-left: 35px;
  color: white;
  text-decoration: underline; }

.pswd-sent-msg {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ok-ico.png") 0 no-repeat;
  padding-left: 35px;
  color: white; }

.forgot-pswd-lnk:hover {
  text-decoration: none;
  color: white; }

.auth-error:not(:focus) {
  border-color: #F34D60; }

.profile-popup {
  min-width: 250px;
  position: absolute;
  left: 740px; }

.profile-support {
  color: #6c809b;
  margin: 20px 10px 0 10px;
  text-decoration: none;
  display: inline-block; }
  .profile-support:hover {
    text-decoration: underline; }

.profile-access {
  color: #6c809b;
  margin: 20px 0;
  padding: 0 10px; }
  .profile-access .profile-access-time {
    color: #49ba7d;
    font-family: OpenSans, sans-serif;
    font-size: 16px;
    font-weight: normal; }

.profile-actions {
  margin: 10px; }
  .profile-actions .profile-action {
    display: inline-block;
    border: 1px solid #acb8c6;
    padding: 6px 15px;
    border-radius: 20px;
    margin-right: 15px;
    cursor: pointer;
    font-size: 14px; }
    .profile-actions .profile-action:hover {
      background: #6c809b;
      color: #fff; }

.profile-block {
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/profile-ico.png) 0 20% no-repeat;
  padding: 0 0 10px 25px;
  margin: 7px 0 0 25px;
  color: #f5ac1f;
  line-height: 23px;
  cursor: pointer;
  width: 210px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  display: block; }

.profile-recur {
  margin: 10px 0; }

.profile-recur-checkbox {
  background: #FFFFFF;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  box-shadow: inset -1px 1px 3px 0px rgba(0, 0, 0, 0.5);
  position: relative;
  margin-right: 20px;
  vertical-align: middle;
  display: inline-block;
  top: -2px;
  cursor: pointer; }
  .profile-recur-checkbox.checked:after {
    content: '';
    display: block;
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/check_mark.png");
    width: 16px;
    height: 13px;
    position: absolute;
    top: 0;
    right: -3px; }

.profile-recur-checkbox:checked {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/checkbox-checked.png") no-repeat center; }

.profile-recur-cardn {
  font-size: 16px; }

.profile-recur-delcreds {
  text-decoration: underline;
  cursor: pointer; }
  .profile-recur-delcreds:hover {
    text-decoration: none; }

.profile-recur-text {
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 2px; }

@media screen and (max-width: 790px) {
  .modal-cont {
    width: 480px;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    height: auto;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
  .auth-header {
    font-size: 30px; }
  .auth-form-input {
    font-size: 16px;
    height: 40px; }
  .auth-form-submit {
    font-size: 16px;
    height: 40px; }
  .auth-text {
    font-size: 16px; }
  .auth-body {
    padding: 10px 100px 10px 100px; }
  .auth-footer {
    margin-top: 0;
    height: 40px; }
  .auth-title-main {
    font-size: 28px; } }

/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  margin: .67em 0;
  font-size: 2em; }

mark {
  color: #000;
  background: #ff0; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  height: 0;
  box-sizing: content-box; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0; }

legend {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  select {
    background: #fff !important; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table td,
  .table th {
    background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/glyphicons-halflings-regular.eot");
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/glyphicons-halflings-regular.woff2") format("woff2"), url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/glyphicons-halflings-regular.woff") format("woff"), url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/glyphicons-halflings-regular.ttf") format("truetype"), url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all .2s ease-in-out; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777; }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%; }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%; }

h1,
.h1 {
  font-size: 36px; }

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

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

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

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

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

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }

@media (min-width: 768px) {
  .lead {
    font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover {
  color: #843534; }

.bg-primary {
  color: #fff;
  background-color: #337ab7; }

a.bg-primary:hover {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none; }

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857143; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee; }

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0; }

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777; }

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0; }

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: ''; }

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 992px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  margin-right: -15px;
  margin-left: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd; }

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > tbody + tbody {
  border-top: 2px solid #ddd; }

.table .table {
  background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555; }

.form-control {
  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;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #999; }

.form-control::-webkit-input-placeholder {
  color: #999; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1; }

textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px; }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0; }

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm,
select[multiple].input-sm {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px; }

textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg,
select[multiple].input-lg {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px; }

textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.has-feedback {
  position: relative; }

.has-feedback .form-control {
  padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px; } }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none; }

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: .65; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none; }

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc; }

.btn-default .badge {
  color: #fff;
  background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none; }

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none; }

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none; }

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none; }

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff; }

.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0; }

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none; }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent; }

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none; }

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none;
  visibility: hidden; }

.collapse.in {
  display: block;
  visibility: visible; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height, visibility; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0; }

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777; }

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left; }

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left; }

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%; }

.btn-group-justified > .btn-group .btn {
  width: 100%; }

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0; }

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px; }

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto; }

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px; }

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px; }

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px; }

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }

.input-group-btn > .btn + .btn {
  margin-left: -1px; }

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2; }

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px; }

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav > li {
  position: relative;
  display: block; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee; }

.nav > li.disabled > a {
  color: #777; }

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7; }

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.nav > li > a > img {
  max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent; }

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

.nav-tabs.nav-justified > li {
  float: none; }

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; } }

.nav-pills > li {
  float: left; }

.nav-pills > li > a {
  border-radius: 4px; }

.nav-pills > li + li {
  margin-left: 2px; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7; }

.nav-stacked > li {
  float: none; }

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified {
  width: 100%; }

.nav-justified > li {
  float: none; }

.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center; }

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs-justified {
  border-bottom: 0; }

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd; }

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none;
  visibility: hidden; }

.tab-content > .active {
  display: block;
  visibility: visible; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px; } }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

.navbar-collapse.in {
  overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important; }
  .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px; } }

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none; }

.navbar-brand > img {
  display: block; }

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.navbar-toggle:focus {
  outline: 0; }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }

@media (min-width: 768px) {
  .navbar-toggle {
    display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px; }

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0; }
  .navbar-nav > li {
    float: left; }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; } }

.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0; }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; }
  .navbar-form .form-group:last-child {
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px; }

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
  .navbar-right ~ .navbar-right {
    margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }

.navbar-default .navbar-brand {
  color: #777; }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }

.navbar-default .navbar-text {
  color: #777; }

.navbar-default .navbar-nav > li > a {
  color: #777; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7; }

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent; }

.navbar-default .navbar-toggle {
  border-color: #ddd; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888; }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; } }

.navbar-default .navbar-link {
  color: #777; }

.navbar-default .navbar-link:hover {
  color: #333; }

.navbar-default .btn-link {
  color: #777; }

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333; }

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #080808; }

.navbar-inverse .navbar-brand {
  color: #9d9d9d; }

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent; }

.navbar-inverse .navbar-text {
  color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent; }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808; }

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent; }

.navbar-inverse .navbar-toggle {
  border-color: #333; }

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff; }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent; } }

.navbar-inverse .navbar-link {
  color: #9d9d9d; }

.navbar-inverse .navbar-link:hover {
  color: #fff; }

.navbar-inverse .btn-link {
  color: #9d9d9d; }

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff; }

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }

.breadcrumb > li {
  display: inline-block; }

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0"; }

.breadcrumb > .active {
  color: #777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none; }

.pager li {
  display: inline; }

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px; }

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee; }

.pager .next > a,
.pager .next > span {
  float: right; }

.pager .previous > a,
.pager .previous > span {
  float: left; }

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label:empty {
  display: none; }

.btn .label {
  position: relative;
  top: -1px; }

.label-default {
  background-color: #777; }

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090; }

.label-success {
  background-color: #5cb85c; }

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px; }

.badge:empty {
  display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.btn-xs .badge {
  top: 0;
  padding: 1px 5px; }

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff; }

.list-group-item > .badge {
  float: right; }

.list-group-item > .badge + .badge {
  margin-right: 5px; }

.nav-pills > li > a > .badge {
  margin-left: 3px; }

.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee; }

.jumbotron h1,
.jumbotron .h1 {
  color: inherit; }

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200; }

.jumbotron > hr {
  border-top-color: #d5d5d5; }

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px; }

.jumbotron .container {
  max-width: 100%; }

@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px; }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border .2s ease-in-out; }

.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.thumbnail .caption {
  padding: 9px;
  color: #333; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

.alert .alert-link {
  font-weight: bold; }

.alert > p,
.alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.alert-success hr {
  border-top-color: #c9e2b3; }

.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.alert-info hr {
  border-top-color: #a6e1ec; }

.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.alert-warning hr {
  border-top-color: #f7e1b5; }

.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.alert-danger hr {
  border-top-color: #e4b9c0; }

.alert-danger .alert-link {
  color: #843534; }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width .6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  padding-left: 0;
  margin-bottom: 20px; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

a.list-group-item {
  color: #555; }

a.list-group-item .list-group-item-heading {
  color: #333; }

a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5; }

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee; }

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit; }

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777; }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit; }

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success {
  color: #3c763d; }

a.list-group-item-success .list-group-item-heading {
  color: inherit; }

a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6; }

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info {
  color: #31708f; }

a.list-group-item-info .list-group-item-heading {
  color: inherit; }

a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3; }

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning {
  color: #8a6d3b; }

a.list-group-item-warning .list-group-item-heading {
  color: inherit; }

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc; }

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger {
  color: #a94442; }

a.list-group-item-danger .list-group-item-heading {
  color: inherit; }

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc; }

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0; }

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0; }

.panel-group {
  margin-bottom: 20px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd; }

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd; }

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333; }

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7; }

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff; }

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6; }

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d; }

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1; }

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f; }

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc; }

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b; }

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1; }

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442; }

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5; }

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -25%); }

.modal.in .modal-dialog {
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000; }

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5; }

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0; }

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9; }

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px; }

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px; }

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px; }

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  content: "";
  border-width: 10px; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0; }

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0; }

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-inner > .item {
  position: relative;
  display: none;
  transition: .6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000; }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    transform: translate3d(100%, 0, 0); }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    transform: translate3d(-100%, 0, 0); }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    transform: translate3d(0, 0, 0); } }

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5; }

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x; }

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x; }

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9; }

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block; }

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px; }

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }

@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }

@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

.pg-clubs_privilege .left-column {
  padding: 40px 0 0 0 !important; }
  .pg-clubs_privilege .left-column ul.path {
    margin: 30px 0 30px 40px; }

.pg-clubs_privilege .card-privileges-page .card-privileges-title {
  max-width: 862px;
  width: 100%;
  height: 182px;
  display: block;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/card_priveledge_title_bg.png") center center;
  text-align: center;
  font-family: OpenSansBold;
  font-weight: normal;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 295px;
  margin: 7px 0 39px 0; }

.pg-clubs_privilege .card-privileges-page .card-privileges-description {
  font-family: OpenSans;
  font-size: 18px;
  color: #2C3E51;
  line-height: 22px;
  text-align: center;
  margin-bottom: 29px; }

.pg-clubs_privilege .card-privileges-page .card-separator {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/card-separator.png") center center no-repeat;
  height: 8px;
  width: 100%;
  margin-bottom: 31px; }

.pg-clubs_privilege .card-privileges-page .card-privileges-image {
  display: inline-block;
  width: 468px;
  height: 292px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/cards.png") no-repeat;
  background-size: contain;
  vertical-align: top; }

.pg-clubs_privilege .card-privileges-page .card-privileges-instruction {
  display: inline-block;
  width: 330px;
  font-family: OpenSans;
  font-size: 16px;
  color: #2C3E51;
  line-height: 20px;
  vertical-align: top;
  margin-left: 20px; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-instruction .card-privileges-instruction-title {
    font-weight: bold;
    margin: 20px 0;
    text-transform: uppercase; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-instruction .card-privileges-instruction-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    counter-reset: list; }
    .pg-clubs_privilege .card-privileges-page .card-privileges-instruction .card-privileges-instruction-list .card-privileges-instruction-item {
      margin: 0;
      padding: 0; }
      .pg-clubs_privilege .card-privileges-page .card-privileges-instruction .card-privileges-instruction-list .card-privileges-instruction-item:before {
        counter-increment: list;
        content: counter(list) ".";
        display: inline-block;
        width: 20px;
        text-align: left;
        margin-left: -20px; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-instruction .card-link {
    color: #9459A4;
    text-decoration: none; }
    .pg-clubs_privilege .card-privileges-page .card-privileges-instruction .card-link:hover {
      text-decoration: underline; }

.pg-clubs_privilege .card-privileges-page .card-privileges-gold {
  margin-top: 28px;
  padding: 6px 80px 6px 88px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/card-privileges-vip.jpg") left center no-repeat;
  font-family: OpenSans;
  font-size: 14px;
  color: #B28E30;
  line-height: 20px; }

.pg-clubs_privilege .card-privileges-page .card-privileges-clubs {
  width: 100%;
  max-width: 790px;
  margin: 0 auto; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-h1 {
    font-family: OpenSans;
    font-size: 34px;
    color: #EF472C;
    line-height: 35px; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-item.club-list-item-details:first-child {
    border-top: solid 1px #DFD6ED; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-item.club-list-item-details .club-list-item-details-wrapper .club-list-item-title {
    line-height: 22px; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-item.club-list-item-details .club-list-item-details-wrapper .club-list-item-details-panel {
    margin: 20px 0 0 0; }
    .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-item.club-list-item-details .club-list-item-details-wrapper .club-list-item-details-panel .club-list-item-contacts .club-list-item-contacts-item {
      margin-bottom: 3px; }
      .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-item.club-list-item-details .club-list-item-details-wrapper .club-list-item-details-panel .club-list-item-contacts .club-list-item-contacts-item:last-child {
        margin-bottom: 0; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-item.club-list-item-details .club-discount {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 55px;
    height: 36px;
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/card-privileges-discount-card.png") left center no-repeat;
    background-size: 100% 100%;
    font-family: OpenSans;
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    text-align: center; }
  .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-footer .loadMoreClubs {
    font-family: OpenSans;
    font-size: 12px;
    color: #6C809B;
    line-height: 15px; }
    .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-footer .loadMoreClubs a {
      background: none;
      padding: 5px; }
      .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-footer .loadMoreClubs a:before {
        content: '';
        width: 25px;
        height: 24px;
        display: inline-block;
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/load_more.png") center center no-repeat;
        transition: all 1s linear;
        position: relative;
        top: 7px;
        left: -7px; }

@keyframes wait {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
    .pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-list-footer .loadMoreClubs.waiting a:before {
      animation: wait 1s linear infinite;
      transform-origin: 11px 12px; }

@media only screen and (max-width: 1119px) {
  body:not(.pg-default).pg-clubs_privilege #leftColumn {
    padding: 83px 0 0 0 !important; }
  body:not(.pg-default).pg-clubs_privilege #rightColumn {
    display: none; }
  body:not(.pg-default).pg-clubs_privilege .header.row.table-row,
  body:not(.pg-default).pg-clubs_privilege .contest.row.table-row {
    max-width: none; }
  body:not(.pg-default).pg-clubs_privilege .card-privileges-page .card-privileges-title {
    font-size: 26px; }
  body:not(.pg-default).pg-clubs_privilege .card-privileges-page .club-list-item-distance-text > a {
    font-size: 15px; }
  body:not(.pg-default).pg-clubs_privilege .card-privileges-page .card-privileges-image {
    width: 278px;
    height: 232px; }
  body:not(.pg-default).pg-clubs_privilege .card-privileges-page .card-privileges-instruction {
    width: 320px;
    margin-left: 20px; }
  body:not(.pg-default).pg-clubs_privilege .card-privileges-page .card-privileges-gold {
    padding-right: 15%; }
  body:not(.pg-default).pg-clubs_privilege .card-privileges-page .card-privileges-clubs .club-h1 {
    font-size: 30px;
    line-height: 30px; } }

.clubs-text-block {
  font-size: 18px;
  color: #2c3e51; }

.club-welcome-header {
  color: #2c3e51; }

.clubs-tariff-cont {
  margin-top: 20px;
  height: 260px;
  width: 100%;
  padding-top: 10px;
  background-color: #f5ad22;
  overflow: hidden; }
  .clubs-tariff-cont .clubs-tariff-item {
    position: relative;
    height: 250px;
    width: 25%;
    box-sizing: border-box;
    border: 1px solid #f5ad22;
    float: left;
    background-color: white; }
    .clubs-tariff-cont .clubs-tariff-item:hover {
      background-color: #fef3e0; }
    .clubs-tariff-cont .clubs-tariff-item .tags {
      margin: auto;
      padding: initial;
      border: none;
      bottom: 20px; }
      .clubs-tariff-cont .clubs-tariff-item .tags a {
        margin: auto; }
    .clubs-tariff-cont .clubs-tariff-item .clubs-tariff-img {
      height: 80px;
      width: 80px;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      top: 25px; }
      .clubs-tariff-cont .clubs-tariff-item .clubs-tariff-img.clubs-tariff-1 {
        background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/t-1-mon.png"); }
      .clubs-tariff-cont .clubs-tariff-item .clubs-tariff-img.clubs-tariff-3 {
        background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/t-3-mon.png"); }
      .clubs-tariff-cont .clubs-tariff-item .clubs-tariff-img.clubs-tariff-6 {
        background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/t-6-mon.png"); }
      .clubs-tariff-cont .clubs-tariff-item .clubs-tariff-img.clubs-tariff-12 {
        background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/t-12-mon.png"); }
    .clubs-tariff-cont .clubs-tariff-item > div {
      left: 50%;
      transform: translate(-50%, 0);
      text-align: center;
      position: absolute;
      width: 100%; }
    .clubs-tariff-cont .clubs-tariff-item .clubs-tariff-discount {
      top: 125px;
      color: #2c3e51;
      font-size: 14px; }
    .clubs-tariff-cont .clubs-tariff-item .clubs-tariff-vip {
      top: 110px;
      color: #2c3e51;
      font-size: 14px; }
    .clubs-tariff-cont .clubs-tariff-item .clubs-tariff-price {
      top: 160px;
      font-size: 18px;
      color: #9459a4;
      font-weight: bold; }

.purple-link {
  color: #9459a4; }

.clubs-right-block {
  text-align: right;
  width: 100%;
  font-size: 14px;
  color: #93a4bb; }

.bordered-block.no-margin {
  margin: auto; }

.clubs-contacts-cont {
  margin-top: 20px; }
  .clubs-contacts-cont td {
    padding: 10px 0; }
  .clubs-contacts-cont .clubs-contacts-header {
    font-size: 14px;
    width: 200px;
    color: #a3b1c4; }

.clubs-status-cont {
  color: #a3b1c4; }
  .clubs-status-cont .clubs-status-active {
    color: #49ba7d; }

.club-list-geo-switch {
  font-family: OpenSansRegular;
  font-size: 16px;
  color: #93A4BB;
  letter-spacing: 0.44px;
  line-height: 20px;
  text-decoration: underline; }
  .club-list-geo-switch:hover {
    color: #93A4BB;
    text-decoration: none; }

.club-empty-list-msg {
  font-family: OpenSansRegular;
  font-size: 16px;
  color: #2C3E51;
  letter-spacing: 0.44px;
  line-height: 20px; }

.club-list-page {
  position: relative; }

.club-list-body {
  position: relative; }

.club-h1 {
  font-family: OpenSansBold;
  font-size: 34px;
  color: #EF472C;
  line-height: 35px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 25px;
  text-transform: uppercase; }
  .club-h1.inline {
    display: inline; }

.club-list-cont {
  margin-top: 40px; }

.club-col {
  padding-left: 15px;
  box-sizing: border-box;
  float: left; }

.club-col-1 {
  width: 150px; }

.club-col-2 {
  width: 300px; }

.club-col-3 {
  width: 340px; }

.club-col-double {
  width: 600px; }

.club-list-header {
  border-top: 1px solid #DFE6ED;
  border-bottom: 1px solid #DFE6ED;
  overflow: hidden;
  box-sizing: border-box;
  padding: 8px 0;
  font-family: OpenSans;
  font-size: 14px;
  color: #AEBBCD; }

.club-list-item {
  padding: 20px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #DFE6ED;
  position: relative;
  overflow: hidden; }
  .club-list-item.club-list-item-vip {
    background-color: rgba(239, 71, 44, 0.07); }
    .club-list-item.club-list-item-vip .club-list-item-img-wrapper {
      border: 2px solid #EF472C; }
      .club-list-item.club-list-item-vip .club-list-item-img-wrapper:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        transform: translate(50%, -50%) rotate(45deg);
        background-color: #EF472C;
        height: 80px;
        width: 80px; }
      .club-list-item.club-list-item-vip .club-list-item-img-wrapper:after {
        content: '';
        position: absolute;
        right: 5px;
        top: 5px;
        background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ico-white-crown.png);
        background-repeat: no-repeat;
        background-size: 100%;
        height: 25px;
        width: 25px; }
  .club-list-item.club-list-item-details .club-list-item-details-wrapper {
    display: inline-block;
    margin-left: 20px;
    width: 575px; }
    .club-list-item.club-list-item-details .club-list-item-details-wrapper .club-list-item-details-panel {
      margin: 20px 0;
      overflow: hidden; }
      .club-list-item.club-list-item-details .club-list-item-details-wrapper .club-list-item-details-panel .club-list-item-adress-wrapper {
        width: 265px;
        float: left; }
  .club-list-item.club-list-item-details .club-list-item-title {
    width: 540px; }
  .club-list-item.club-list-item-details .club-list-item-contacts-item-text {
    margin-left: 10px;
    width: 230px; }
  .club-list-item.club-list-item-details .club-list-item-distance-icon {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/geo-red-ico.png); }
  .club-list-item.club-list-item-details .club-list-item-contacts-item-icon.ico-phone {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/phone-pink-ico1.png); }
  .club-list-item.club-list-item-details .club-list-item-contacts-item-icon.ico-mouse {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mouse-pink-ico1.png); }
  .club-list-item.club-list-item-details .club-list-item-contacts-item-icon.ico-time {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/time-pink-ico1.png); }
  .club-list-item.club-list-item-details .club-list-item-details-close {
    height: 24px;
    width: 24px;
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/square-close-ico.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer; }
    .club-list-item.club-list-item-details .club-list-item-details-close:hover {
      opacity: 0.5; }
  .club-list-item.club-list-item-details .club-list-item-ad-contacts-header,
  .club-list-item.club-list-item-details .club-list-item-ad-contacts-phone,
  .club-list-item.club-list-item-details .club-list-item-ad-contacts-email,
  .club-list-item.club-list-item-details .club-list-item-ad-contacts-email a {
    color: white; }
  .club-list-item.club-list-item-details .club-list-item-ad-description {
    color: #E4B8F0; }
  .club-list-item.club-list-item-details .club-list-item-img-wrapper {
    background-color: white; }
    .club-list-item.club-list-item-details .club-list-item-img-wrapper .club-list-item-img-add {
      height: 50%;
      width: auto;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

.club-list-item-img {
  height: 100%;
  width: 100%; }

.club-list-item-img-wrapper {
  position: relative;
  height: 120px;
  width: 120px;
  overflow: hidden; }

.club-list-item-title {
  font-family: OpenSansBold;
  font-size: 22px;
  color: #2C3E51;
  line-height: 27px; }

.club-list-item-distance {
  overflow: hidden;
  width: 100%; }
  .club-list-item-distance > div {
    float: left; }

.club-list-item-distance-icon {
  width: 25px;
  height: 20px;
  background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/geo-orange-ico.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 100%; }

.club-list-item-distance-text {
  font-family: OpenSans;
  font-size: 20px;
  color: #EF472C;
  letter-spacing: 0.55px;
  line-height: 24px; }

.club-list-item-distance-text > a {
  text-decoration: underline;
  font-size: 16px;
  font-family: OpenSans;
  font-size: 16px;
  color: #EF472C;
  letter-spacing: 0.4px; }
  .club-list-item-distance-text > a:hover {
    text-decoration: none; }

.club-list-item-adress {
  font-family: OpenSans;
  font-size: 16px;
  color: #2C3E51;
  letter-spacing: 0.44px;
  line-height: 20px;
  box-sizing: border-box;
  padding-left: 25px; }

.club-list-item-contacts {
  width: 270px;
  float: left;
  margin-left: 5px; }

.club-list-item-contacts-link {
  overflow: hidden;
  text-overflow: ellipsis; }

.club-list-item-contacts-item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 5px; }
  .club-list-item-contacts-item > div {
    float: left; }

.club-list-item-contacts-item-icon {
  height: 15px;
  width: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 3px 0; }
  .club-list-item-contacts-item-icon.ico-phone {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/phone-gray-ico.png); }
  .club-list-item-contacts-item-icon.ico-mouse {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mouse-gray-ico.png); }
  .club-list-item-contacts-item-icon.ico-time {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/time-gray-ico.png); }

.club-list-item-contacts-item-text,
.club-list-item-contacts-item-text > a {
  font-family: OpenSans;
  font-size: 16px;
  color: #93A4BB;
  letter-spacing: 0.44px;
  line-height: 20px; }

.club-list-item-contacts-item-text > a {
  text-decoration: underline; }
  .club-list-item-contacts-item-text > a:hover {
    text-decoration: none; }

.club-list-item.club-list-item-ad {
  background-color: rgba(147, 164, 187, 0.07); }
  .club-list-item.club-list-item-ad .club-list-item-img-wrapper {
    background-color: #9459A4; }
    .club-list-item.club-list-item-ad .club-list-item-img-wrapper:after {
      content: none; }
    .club-list-item.club-list-item-ad .club-list-item-img-wrapper:before {
      content: none; }
    .club-list-item.club-list-item-ad .club-list-item-img-wrapper .club-list-item-img {
      height: 70px;
      width: 50px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.club-list-item-ad-description {
  margin-top: 10px;
  font-family: OpenSans;
  font-size: 16px;
  color: #2C3E51;
  letter-spacing: 0.44px;
  line-height: 20px; }

.club-list-item-ad-contacts {
  width: 100%;
  overflow: hidden;
  margin-top: 15px; }
  .club-list-item-ad-contacts > .club-col-2 {
    float: left;
    width: 330px; }
  .club-list-item-ad-contacts > .club-col-3 {
    float: left;
    width: 250px; }

.club-list-item-ad-contacts-header {
  font-family: OpenSans;
  font-size: 10px;
  color: #93A4BB;
  letter-spacing: 1px;
  line-height: 12px; }

.club-list-item-ad-contacts-phone {
  font-family: OpenSans;
  font-size: 16px;
  color: #93A4BB;
  letter-spacing: 0.44px;
  line-height: 20px; }

.club-list-item-ad-contacts-email,
.club-list-item-ad-contacts-email > a {
  font-family: OpenSans;
  font-size: 16px;
  color: #93A4BB;
  letter-spacing: 0.44px;
  line-height: 20px; }

.club-list-item-ad-contacts-email > a {
  text-decoration: underline; }
  .club-list-item-ad-contacts-email > a:hover {
    text-decoration: none; }

@media screen and (max-width: 1119px) {
  .club-list-header > .club-col.club-col-3 {
    display: none; }
  .club-list-item-contacts {
    margin-top: 15px; }
  .club-list-item-distance {
    margin-top: 15px; }
  .club-col-double {
    width: 420px; }
  .club-list-item-ad-contacts {
    margin-top: 15px; }
  .club-list-item-ad-contacts-header {
    margin: 5px 0; }
  .club-list-item.club-list-item-details .club-list-item-details-wrapper .club-list-item-details-panel .club-list-item-adress-wrapper {
    width: 200px; }
  .club-list-item-contacts {
    width: 215px; }
  .club-list-item.club-list-item-details .club-list-item-details-wrapper {
    width: 424px; }
  .club-list-item.club-list-item-details .club-list-item-contacts-item-text {
    width: 175px; }
  .club-list-item.club-list-item-details .club-list-item-title {
    width: 370px; } }

.club-preview-cont {
  margin-top: 25px;
  height: 170px;
  position: relative; }

.club-preview-title-cont {
  width: 100%;
  position: relative; }

.club-preview-title-button {
  display: inline;
  float: right;
  padding: 5px 20px;
  border: 1px solid #EF472C;
  border-radius: 24px;
  font-family: OpenSans;
  font-size: 18px;
  color: #EF472C;
  line-height: 22px;
  cursor: pointer;
  vertical-align: middle; }
  .club-preview-title-button:hover {
    background-color: #EF472C;
    color: white;
    text-decoration: none; }
  .club-preview-title-button.for-empty {
    float: none;
    text-decoration: none; }

.club-preview-item {
  display: block;
  background: #9459A4;
  height: 170px;
  width: 170px;
  margin-right: 23px;
  float: left;
  position: relative;
  cursor: pointer; }
  .club-preview-item:last-child {
    margin-right: 0; }
  .club-preview-item:hover {
    background-color: #744581; }
    .club-preview-item:hover .gradient-eol {
      background-image: linear-gradient(to right, rgba(116, 69, 129, 0) 0%, #744581 50%, #744581 100%); }
  .club-preview-item > div {
    position: absolute;
    left: 15px; }
  .club-preview-item .gradient-eol {
    background-image: linear-gradient(to right, rgba(148, 89, 164, 0) 0%, #9459a4 50%, #9459a4 100%);
    left: auto;
    right: 0;
    height: 20px;
    width: 30px;
    z-index: 2; }
    .club-preview-item .gradient-eol.gradient-eol-title {
      top: 40px; }
    .club-preview-item .gradient-eol.gradient-eol-adress {
      top: 120px; }
  .club-preview-item.club-preview-item-vip {
    border: 2px solid #EF472C;
    overflow: hidden; }
    .club-preview-item.club-preview-item-vip:before {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      transform: translate(50%, -50%) rotate(45deg);
      background-color: #EF472C;
      height: 80px;
      width: 80px;
      z-index: 3; }
    .club-preview-item.club-preview-item-vip:after {
      content: '';
      position: absolute;
      right: 5px;
      top: 5px;
      background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ico-white-crown.png);
      background-repeat: no-repeat;
      background-size: 100%;
      height: 25px;
      width: 25px;
      z-index: 3; }
  .club-preview-item.club-preview-item-add .club-preview-item-add-title {
    text-align: center;
    right: 0;
    left: 0;
    top: 20px;
    width: 100%;
    font-family: OpenSansBold;
    font-size: 16px;
    color: #E4B8F0;
    line-height: 20px; }
  .club-preview-item.club-preview-item-add > img {
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    position: absolute; }

.club-preview-item-title {
  font-family: OpenSansBold;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 20px;
  top: 20px;
  max-height: 40px;
  overflow: hidden; }

.club-preview-item-distance {
  width: 100%;
  overflow: hidden;
  top: 80px; }
  .club-preview-item-distance > div {
    float: left; }
  .club-preview-item-distance .club-list-item-distance-icon {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/geo-white-ico.png); }
  .club-preview-item-distance .club-list-item-distance-text {
    color: white; }

.club-preview-item-adress {
  top: 120px;
  font-family: OpenSans;
  font-size: 16px;
  color: #E4B8F0;
  letter-spacing: 0.44px;
  line-height: 20px;
  height: 16px;
  overflow: hidden;
  white-space: nowrap;
  width: 86%;
  text-overflow: ellipsis; }

.club-preview-item-time {
  top: 140px;
  font-family: OpenSans;
  font-size: 12px;
  color: #E4B8F0;
  letter-spacing: 0.33px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 86%; }

.club-preview-nogeo-cont {
  margin-top: 10px; }
  .club-preview-nogeo-cont > * {
    display: inline-block; }

.club-preview-nogeo-icon {
  height: 24px;
  width: 24px;
  background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/target-orange-ico.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-right: 10px;
  vertical-align: middle; }

.club-preview-nogeo-text {
  vertical-align: middle; }

.club-preview-nogeo-text,
.club-preview-nogeo-text div {
  display: inline;
  font-family: OpenSans;
  font-size: 16px;
  color: #EF472C;
  letter-spacing: 0.5px;
  line-height: 22px;
  white-space: nowrap; }

.club-preview-nogeo-text div {
  cursor: pointer;
  text-decoration: underline; }
  .club-preview-nogeo-text div:hover {
    text-decoration: none; }

@media screen and (max-width: 1119px) {
  .club-preview-item {
    height: 130px;
    width: 130px;
    margin-right: 20px; }
    .club-preview-item .club-preview-item-adress {
      display: none; }
    .club-preview-item .club-preview-item-time {
      display: none; }
    .club-preview-item .gradient-eol-adress {
      display: none; }
    .club-preview-item.club-preview-item-add > img {
      height: 50px;
      top: 70%; }
  .club-preview-cont {
    height: 130px; } }

.club-widget-cont {
  position: relative; }
  .club-widget-cont .club-h1 {
    line-height: 42px;
    font-weight: 800;
    font-size: 34px;
    color: #492B51; }
  .club-widget-cont .club-preview-item {
    background: #fff;
    border: 1px solid #9459A4; }
  .club-widget-cont .club-preview-item-title,
  .club-widget-cont .club-preview-item-distance .club-list-item-distance-text {
    color: #9359A5; }
  .club-widget-cont .club-preview-item-adress,
  .club-widget-cont .club-preview-item-time {
    color: #6C809B; }
  .club-widget-cont .club-preview-title-button {
    padding: 0;
    border: none;
    font-family: OpenSans;
    font-size: 14px;
    color: #93A4BB;
    letter-spacing: 0.43px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-decoration: underline; }
    .club-widget-cont .club-preview-title-button:hover {
      background-color: inherit;
      text-decoration: none; }
  .club-widget-cont .club-preview-item-distance .club-list-item-distance-icon {
    background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/geo-purple.png); }
  .club-widget-cont .club-list-cont {
    margin-top: 18px; }
    .club-widget-cont .club-list-cont .club-list-item {
      border-bottom: none; }
      .club-widget-cont .club-list-cont .club-list-item .club-col {
        padding-left: 0; }
      .club-widget-cont .club-list-cont .club-list-item .club-list-item-details-wrapper {
        margin-left: 25px; }
        .club-widget-cont .club-list-cont .club-list-item .club-list-item-details-wrapper .club-list-item-title {
          font-family: OpenSans, Helvetica, Arial, sans-serif;
          text-transform: uppercase;
          margin-top: -3px; }
        .club-widget-cont .club-list-cont .club-list-item .club-list-item-details-wrapper .club-list-item-contacts-item-icon {
          margin: 0 0 3px 0; }

.club-offer-page .club-agreement-switch {
  background-color: #F0F1F5;
  color: #2c3e51;
  display: inline-block;
  padding: 5px 10px; }
  .club-offer-page .club-agreement-switch .club-agreement-switch-item {
    cursor: pointer;
    color: #9459a4;
    border-bottom: 1px dashed #9459a4; }
    .club-offer-page .club-agreement-switch .club-agreement-switch-item:hover {
      border-bottom: none; }
    .club-offer-page .club-agreement-switch .club-agreement-switch-item.active {
      cursor: default;
      color: #2c3e51;
      border-bottom: none; }

.club-offer-page ul > li {
  list-style-type: disc; }

.club-offer-page ul {
  padding-left: 25px; }

.club-offer-page li {
  list-style-type: none;
  margin-bottom: 15px; }

.club-offer-page ol {
  counter-reset: list1;
  margin-top: 15px;
  padding-left: 25px; }

.club-offer-page ol > li:before {
  counter-increment: list1;
  content: counter(list1) ". "; }

.club-offer-page ol > li > ol {
  counter-reset: list2; }

.club-offer-page ol > li > ol > li:before {
  counter-increment: list2;
  content: counter(list1) "." counter(list2) ". "; }

.club-offer-page ol > li > ol > li > ol {
  counter-reset: list3; }

.club-offer-page ol > li > ol > li > ol > li:before {
  counter-increment: list3;
  content: counter(list1) "." counter(list2) "." counter(list3) ". "; }

.club-offer-page h3 {
  display: inline; }

.club-offer-page .title-list-item {
  font-weight: 500;
  font-size: 24px; }
  .club-offer-page .title-list-item > *:not(h3) {
    font-size: 18px;
    font-weight: normal; }


/*
    Add 100% height for bootstrap row
    see http://stackoverflow.com/questions/20773342/bootstrap-3-100-height-of-custom-div-inside-column
*/
img.img-fluid {
  width: 100%; }

.btn-flatten,
.btn-flatten:focus {
  background: none;
  border: none;
  box-shadow: none; }

.inputLikeSpan {
  background: none;
  border: none;
  box-shadow: none;
  display: inline;
  min-width: 100px;
  width: auto; }

A:hover {
  cursor: pointer; }

.row {
  margin-left: 0;
  margin-right: 0; }

.popupMobileAction {
  width: 100%;
  height: 100%;
  background-color: #000000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000001;
  display: none; }

.popupMobileAction-content {
  width: 100%;
  height: 100%;
  background-color: #000000;
  position: relative;
  display: table; }

.popupMobileAction-banner-wrapper {
  display: table-cell;
  vertical-align: middle; }

.popupMobileAction-banner {
  display: inline-block;
  line-height: 100%;
  vertical-align: middle;
  position: relative; }

.popupMobileAction-image {
  max-width: 100%;
  max-height: 100%; }

.popupMobileAction-close {
  display: block;
  position: absolute;
  right: 2%;
  top: 1%;
  width: 9%;
  height: 7%; }

.popupMobileAction-action {
  display: block;
  position: absolute;
  left: 8%;
  top: 82%;
  width: 83%;
  height: 15%; }

@media all and (orientation: landscape) {
  .popupMobileAction-content {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: relative;
    display: block; }
  .popupMobileAction-banner-wrapper {
    display: block;
    text-align: center;
    height: 100%; }
  .popupMobileAction-banner {
    height: 100%; }
  .popupMobileAction-image {
    height: 100%;
    width: auto; } }

.fullScreenBanner {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000; }
  .fullScreenBanner .show {
    display: block; }

.fullScreenBanner__header {
  display: block;
  height: 80px;
  width: 100%;
  font-size: 20px;
  background-color: #000000;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: 12px 15px; }

.fullScreenBanner__body {
  width: 100%;
  height: calc(100% - 80px);
  position: absolute;
  top: 80px;
  left: 0;
  display: table; }
  .fullScreenBanner__body > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%; }

.fullScreenBanner__close {
  width: 60px;
  height: 60px;
  background-color: #999999;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 15px;
  box-sizing: border-box; }

.icon, .icon-letter, .icon-lock, .icon-play, .icon-geo, .icon-like-full, .icon-hq, .icon-lens, .icon-coins, .icon-mic, .icon-present, .icon-comment-outline, .icon-close, .icon-stop, .icon-delete, .icon-settings, .icon-take-up-rating, .icon-add-to-friends, .icon-comment, .icon-blocked, .icon-check-mark, .icon-cross, .icon-line-button, .icon-reload, .icon-volume-right, .icon-pause, .icon-play-round, .icon-pro-phone, .icon-record, .icon-share, .icon-mail, .icon-birthday, .icon-message, .icon-watch-oval, .icon-fb, .icon-ok, .icon-vk, .icon-volume-loud, .icon-rewind, .icon-rewind-back, .icon-rewind-forward, .icon-pause-blunt, .icon-error-browser, .icon-formant, .icon-melody, .icon-no-phone, .icon-noise, .icon-spectrogram, .icon-voice, .icon-arrow-next, .icon-arrow-prev, .icon-time, .icon-edit, .icon-no-copyright, .icon-error, .icon-searching, .icon-male, .icon-female, .icon-comment-small, .icon-answer, .icon-crown, .icon-voting, .icon-waiting, .icon-popularity-5, .icon-popularity-4, .icon-popularity-3, .icon-popularity-1, .icon-popularity-0, .icon-popularity-2, .icon-volume-left, .icon-web-camera, .icon-star-outline, .icon-estimate, .icon-top5, .icon-like-left-full, .icon-like-right-full, .icon-like-left-line, .icon-like-right-line, .icon-like, .icon-added-to-friends, .icon-mic-full, .icon-dots, .icon-prize-feed, .icon-like-feed, .icon-comment-feed, .icon-gift-feed, .icon-song-feed, .icon-song-small, .icon-star, .icon-buy-coins, .icon-lock-closed {
  display: inline-block;
  font-style: normal; }
  .icon:before, .icon-letter:before, .icon-lock:before, .icon-play:before, .icon-geo:before, .icon-like-full:before, .icon-hq:before, .icon-lens:before, .icon-coins:before, .icon-mic:before, .icon-present:before, .icon-comment-outline:before, .icon-close:before, .icon-stop:before, .icon-delete:before, .icon-settings:before, .icon-take-up-rating:before, .icon-add-to-friends:before, .icon-comment:before, .icon-blocked:before, .icon-check-mark:before, .icon-cross:before, .icon-line-button:before, .icon-reload:before, .icon-volume-right:before, .icon-pause:before, .icon-play-round:before, .icon-pro-phone:before, .icon-record:before, .icon-share:before, .icon-mail:before, .icon-birthday:before, .icon-message:before, .icon-watch-oval:before, .icon-fb:before, .icon-ok:before, .icon-vk:before, .icon-volume-loud:before, .icon-rewind:before, .icon-rewind-back:before, .icon-rewind-forward:before, .icon-pause-blunt:before, .icon-error-browser:before, .icon-formant:before, .icon-melody:before, .icon-no-phone:before, .icon-noise:before, .icon-spectrogram:before, .icon-voice:before, .icon-arrow-next:before, .icon-arrow-prev:before, .icon-time:before, .icon-edit:before, .icon-no-copyright:before, .icon-error:before, .icon-searching:before, .icon-male:before, .icon-female:before, .icon-comment-small:before, .icon-answer:before, .icon-crown:before, .icon-voting:before, .icon-waiting:before, .icon-popularity-5:before, .icon-popularity-4:before, .icon-popularity-3:before, .icon-popularity-1:before, .icon-popularity-0:before, .icon-popularity-2:before, .icon-volume-left:before, .icon-web-camera:before, .icon-star-outline:before, .icon-estimate:before, .icon-top5:before, .icon-like-left-full:before, .icon-like-right-full:before, .icon-like-left-line:before, .icon-like-right-line:before, .icon-like:before, .icon-added-to-friends:before, .icon-mic-full:before, .icon-dots:before, .icon-prize-feed:before, .icon-like-feed:before, .icon-comment-feed:before, .icon-gift-feed:before, .icon-song-feed:before, .icon-song-small:before, .icon-star:before, .icon-buy-coins:before, .icon-lock-closed:before {
    font-family: KaraokeIcon; }

.icon-letter:before {
  content: '\e900'; }

.icon-lock:before {
  content: '\e901'; }

.icon-play:before {
  content: '\e902'; }

.icon-geo:before {
  content: '\e903'; }

.icon-like-full:before {
  content: '\e904'; }

.icon-hq:before {
  content: '\e905'; }

.icon-lens:before {
  content: '\e906'; }

.icon-coins:before {
  content: '\e907'; }

.icon-mic:before {
  content: '\e908'; }

.icon-present:before {
  content: '\e909'; }

.icon-comment-outline:before {
  content: '\e90a'; }

.icon-close:before {
  content: '\e90b'; }

.icon-stop:before {
  content: '\e90c'; }

.icon-delete:before {
  content: '\e90d'; }

.icon-settings:before {
  content: '\e90e'; }

.icon-take-up-rating:before {
  content: '\e90f'; }

.icon-add-to-friends:before {
  content: '\e910'; }

.icon-comment:before {
  content: '\e911'; }

.icon-blocked:before {
  content: '\e912'; }

.icon-check-mark:before {
  content: '\e913'; }

.icon-cross:before {
  content: '\e914'; }

.icon-line-button:before {
  content: '\e915'; }

.icon-reload:before {
  content: '\e916'; }

.icon-volume-right:before {
  content: '\e917'; }

.icon-pause:before {
  content: '\e918'; }

.icon-play-round:before {
  content: '\e919'; }

.icon-pro-phone:before {
  content: '\e91a'; }

.icon-record:before {
  content: '\e91b'; }

.icon-share:before {
  content: '\e91c'; }

.icon-mail:before {
  content: '\e91d'; }

.icon-birthday:before {
  content: '\e91e'; }

.icon-message:before {
  content: '\e91f'; }

.icon-watch-oval:before {
  content: '\e920'; }

.icon-fb:before {
  content: '\e921'; }

.icon-ok:before {
  content: '\e922'; }

.icon-vk:before {
  content: '\e923'; }

.icon-volume-loud:before {
  content: '\e924'; }

.icon-rewind:before, .icon-rewind-back:before, .icon-rewind-forward:before {
  content: '\e925'; }

.icon-rewind-forward {
  transform: scaleX(-1); }

.icon-pause-blunt:before {
  content: '\e926'; }

.icon-error-browser:before {
  content: '\e927'; }

.icon-formant:before {
  content: '\e928'; }

.icon-melody:before {
  content: '\e929'; }

.icon-no-phone:before {
  content: '\e92a'; }

.icon-noise:before {
  content: '\e92b'; }

.icon-spectrogram:before {
  content: '\e92c'; }

.icon-voice:before {
  content: '\e92d'; }

.icon-arrow-next:before {
  content: '\e92e'; }

.icon-arrow-prev:before {
  content: '\e92f'; }

.icon-time:before {
  content: '\e930'; }

.icon-edit:before {
  content: '\e931'; }

.icon-no-copyright:before {
  content: '\e932'; }

.icon-error:before {
  content: '\e933'; }

.icon-searching:before {
  content: '\e934'; }

.icon-male:before {
  content: '\e935'; }

.icon-female:before {
  content: '\e936'; }

.icon-comment-small:before {
  content: '\e937'; }

.icon-answer:before {
  content: '\e938'; }

.icon-crown:before {
  content: '\e939'; }

.icon-voting:before {
  content: '\e93a'; }

.icon-waiting:before {
  content: '\e93b'; }

.icon-popularity-5:before {
  content: '\e93c'; }

.icon-popularity-4:before {
  content: '\e93d'; }

.icon-popularity-3:before {
  content: '\e93e'; }

.icon-popularity-1:before {
  content: '\e93f'; }

.icon-popularity-0:before {
  content: '\e957'; }

.icon-popularity-2:before {
  content: '\e940'; }

.icon-volume-left:before {
  content: '\e941'; }

.icon-web-camera:before {
  content: '\e942'; }

.icon-star-outline:before {
  content: '\e943'; }

.icon-estimate:before {
  content: '\e944'; }

.icon-top5:before {
  content: '\e945'; }

.icon-like-left-full:before {
  content: '\e946'; }

.icon-like-right-full:before {
  content: '\e947'; }

.icon-like-left-line:before {
  content: '\e948'; }

.icon-like-right-line:before {
  content: '\e949'; }

.icon-like:before {
  content: '\e94a'; }

.icon-added-to-friends:before {
  content: '\e94b'; }

.icon-mic-full:before {
  content: '\e94c'; }

.icon-dots:before {
  content: '\e94d'; }

.icon-prize-feed:before {
  content: '\e94e'; }

.icon-like-feed:before {
  content: '\e94f'; }

.icon-comment-feed:before {
  content: '\e950'; }

.icon-gift-feed:before {
  content: '\e951'; }

.icon-song-feed:before {
  content: '\e952'; }

.icon-song-small:before {
  content: '\e953'; }

.icon-star:before {
  content: '\e954'; }

.icon-star-outline:before {
  content: '\e943'; }

.icon-buy-coins:before {
  content: '\e955'; }

.icon-like-left-full:before {
  content: '\e946'; }

.icon-lock-closed:before {
  content: '\e956'; }

.icon-like-right-full:before {
  content: '\e947'; }

.icon-like-left-line:before {
  content: '\e948'; }

.icon-like-right-line:before {
  content: '\e949'; }

.icon-lock-closed:before {
  content: '\e956'; }

.icon-coin {
  font-family: OpenSans, sans-serif;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  box-sizing: border-box;
  background: #FFC923;
  border: 2px solid #EE8308;
  text-align: center; }
  .icon-coin:before {
    font-style: italic;
    font-weight: 600;
    content: 'k';
    font-size: 13px;
    line-height: 18px;
    color: #EE8308;
    text-transform: none; }

.icon-high-level {
  display: inline-block;
  width: 28px;
  height: 24px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/icon-high-level.svg") no-repeat center center; }

.icon-video-record {
  display: inline-block;
  width: 24px;
  height: 17px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/icon-record.svg") no-repeat center center; }

.icon-online, .icon-offline {
  display: inline-block;
  box-sizing: border-box;
  min-width: 14px;
  min-height: 14px;
  border: solid 2px #FFFFFF;
  border-radius: 50px;
  background-color: #7ED321; }

.icon-offline {
  background-color: #B8C6C7; }

.icon-coin-normal {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/coin-normal.svg") no-repeat center center; }

.icon-wallet {
  display: inline-block;
  width: 32px;
  height: 26px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/wallet.svg") no-repeat center center; }

.icon-tarif {
  display: inline-block;
  width: 30px;
  height: 26px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/tarif.svg") no-repeat center center; }

.icon-profitably {
  display: inline-block;
  width: 38px;
  height: 40px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/profitably.svg") no-repeat center center; }

.icon-loader-grey {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/circle-loader-grey.gif") no-repeat center center; }

.icon-versus {
  width: 143px;
  height: 140px;
  display: inline-block;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/icon-versus.svg") no-repeat center center; }

.body__karaoke-online {
  margin: 0;
  padding: 0;
  text-align: center; }

.karaoke-online__main-table {
  width: 1400px;
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse; }
  .karaoke-online__main-table tr, .karaoke-online__main-table td {
    padding: 0;
    height: 0;
    width: 0;
    border: none; }
  .karaoke-online__main-table img, .karaoke-online__main-table iframe {
    display: block; }

.header,
.footer,
.content {
  width: 1120px;
  padding: 0;
  margin: 0 auto; }
  .header:after,
  .footer:after,
  .content:after {
    content: '';
    display: block;
    clear: both; }

.header-wrapper {
  position: relative;
  z-index: 1020;
  width: 100%;
  background: #9359A5 linear-gradient(to right, #9359A5 0%, #9359A5 60%, #2c3e51 60%);
  text-align: center; }
  .header-wrapper.fixed {
    position: fixed;
    top: 0;
    height: 41px; }
    .header-wrapper.fixed ~ .page {
      margin-top: 41px; }

.header {
  height: 41px;
  font-size: 13px;
  z-index: 100;
  text-align: left; }

.left-column {
  width: 740px;
  margin: 0;
  padding: 0 0 0 20px;
  vertical-align: top;
  display: inline-block;
  float: left;
  position: relative;
  overflow: hidden; }

.pg-default .content {
  width: 100%; }
  .pg-default .content .left-column {
    width: 100%;
    padding: 0; }
  .pg-default .content .right-column {
    display: none; }
  .pg-default .content .page-block {
    width: 100%;
    margin: 0 auto; }
    .pg-default .content .page-block .container-new-index__h4-heading {
      clear: both; }
    .pg-default .content .page-block:after {
      content: '';
      display: block;
      clear: both; }
    .pg-default .content .page-block .page-block--adv {
      width: auto; }
  .pg-default .content .page-block__glass {
    width: 1120px;
    margin: 0 auto;
    padding: 0 0 100px 0; }
    .pg-default .content .page-block__glass:after, .pg-default .content .page-block__glass:before {
      content: '';
      display: table;
      clear: both; }
  .pg-default .content .page-block--banner {
    margin-top: -100px;
    clear: both; }

.right-column {
  width: 340px;
  margin: 0;
  padding: 0 20px 20px 0;
  vertical-align: top;
  display: inline-block;
  float: left;
  position: relative; }

.content .left-column {
  padding-right: 40px; }

details {
  clear: both; }

@media screen and (max-width: 1119px) {
  .left-column {
    width: 100%;
    padding: 0 20px; }
  .pg-song_page_karaoke .content .left-column,
  .pg-song_page_lyrics .content .left-column {
    width: 740px;
    margin: 0 auto;
    padding: 0 30px;
    float: none;
    display: block; }
  .right-column {
    display: none; }
  .header {
    height: 81px; }
  .header-wrapper {
    position: absolute;
    top: 0; }
    .header-wrapper ~ .page {
      margin-top: 81px; }
    .header-wrapper.fixed {
      position: fixed;
      height: 81px; }
      .header-wrapper.fixed ~ .page {
        margin-top: 81px; }
  .header,
  .footer,
  .content {
    width: 100%;
    min-width: 640px; }
  .pg-default .content .page-block__glass {
    width: 720px;
    padding: 0 20px 100px 20px; }
  .footer {
    display: none; } }

@media screen and (max-width: 750px) {
  .pg-default .content .page-block__glass {
    width: 640px; }
  .pg-default .content .left-column {
    width: 640px; }
  .pg-song_page_karaoke .content .left-column,
  .pg-song_page_lyrics .content .left-column {
    width: 640px;
    padding: 0 20px; } }

@charset "UTF-8";
@font-face {
  font-family: "OpenSans";
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Regular.ttf"); }

@font-face {
  font-family: "OpenSansBold";
  font-weight: bold;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Bold.ttf"); }

@font-face {
  font-family: "OpenSansExtrabold";
  font-weight: bold;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-ExtraBold.ttf"); }

@font-face {
  font-family: "OpenSansSemibold";
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Semibold.ttf"); }

@font-face {
  font-family: "OpenSansLight";
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Light.ttf"); }

* {
  margin: 0;
  padding: 0; }

html, body {
  margin: 0 auto !important;
  padding: 0;
  height: 100%;
  min-height: 100%;
  width: 100%; }

html {
  overflow-y: auto; }

BODY {
  min-height: 100%;
  font-family: OpenSans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  overflow: visible;
  min-width: 817px;
  width: 100%; }

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

textarea:focus, input:focus, button:focus {
  outline: none; }

.contentWrapper {
  height: 100%;
  width: 100%; }

@media screen and (min-width: 1119px) {
  BODY:not(.pg-special_offer) .special-offer-block {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/special-offer2.png") no-repeat;
    width: 136px;
    height: 206px;
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
    z-index: 100; } }

BODY.pg-special_offer .special-offer-block {
  display: none; }

.branding .special-offer-block {
  top: 10px; }

.pg-not-found .page {
  background: #fff; }

.logo {
  width: 130px; }

.logo {
  position: fixed;
  top: 5px;
  padding: 15px 0 15px 130px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/logo_withText.png") no-repeat 0; }

.mainTabs .nav-tabs > :first-child {
  /*необходим, если внутри абсолютный элемент, который выпадает из потока, чтобы была хотябы высота и считалась ширина блока*/
  min-height: 2px; }

.left-menu,
.right-menu {
  height: 100%; }

.table-row {
  background: #FFFFFF;
  margin: 0;
  padding: 40px 40px 0 0; }

.footer.table-row .right-menu {
  padding-left: 30px;
  padding-right: 0; }

/*790 + 40 (850) || 240 + 10 (250)*/
.headerWrapper {
  position: relative;
  margin-bottom: -41px;
  z-index: 1020;
  width: 100%;
  background: #9359A5 linear-gradient(to right, #9359A5 0%, #9359A5 60%, #2c3e51 60%); }
  .headerWrapper.fixed {
    position: fixed;
    top: 0;
    height: 41px; }

.header A {
  line-height: 39px; }

.header .left-menu {
  background: #9359A5; }
  .header .left-menu .catalog,
  .header .left-menu .access {
    color: #C7ABD1; }
  .header .left-menu .catalog:hover,
  .header .left-menu .access:hover,
  .header .left-menu .special-offer:hover,
  .header .left-menu .mka:hover {
    color: #fff;
    text-decoration: underline; }
  .header .left-menu .active {
    color: #ecf0f1; }
  .header .left-menu .search {
    color: #C7ABD1;
    margin-right: 40px;
    margin-left: 25px; }

.header .right-menu {
  background: #2D3E52; }

.header .mka {
  display: inline-block;
  margin-right: 30px;
  line-height: 39px;
  color: #C7ABD1; }

.access {
  cursor: pointer; }

.access:hover {
  text-decoration: underline; }

.catalog-menu-container, .search-menu-container, .access-menu-container, .special-offer-container {
  position: relative; }

.full-link-menu {
  color: #C7ABD1;
  cursor: pointer;
  margin-right: 15px; }
  .full-link-menu:hover {
    color: #FFFFFF;
    text-decoration: underline; }

.logo:hover,
.logo:focus
.logoMenu:hover,
.logoMenu:focus {
  background-color: transparent;
  border: none; }

.header .left-menu .logoHeader {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1px; }

.header .left-menu .logoHeader .logoMenu {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/logo_withText.png") no-repeat 0;
  border: none;
  color: transparent;
  overflow: hidden;
  height: 41px;
  font-size: 1px;
  width: 121px; }

.search,
.search:visited,
.search:focus {
  padding-left: 17px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/search-purple.png") no-repeat 0 13px;
  display: inline-block; }

.header .access {
  padding-left: 35px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/full-access.png") no-repeat 0 7px;
  display: inline-block;
  margin-right: 40px;
  line-height: 39px; }

.header .special-offer {
  display: inline-block;
  margin-right: 30px;
  line-height: 39px;
  color: #C7ABD1;
  position: relative; }

.header .left-menu .search:hover {
  color: white; }

.footer-wrapper {
  background: #F0F1F5;
  background: linear-gradient(to right, #F0F1F5 0%, #F0F1F5 60%, #202e3c 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F1F5', endColorstr='#202e3c',GradientType=0 );
  /* IE6-9 */ }

.footer {
  font-family: OpenSans, sans-serif;
  font-size: 14px; }
  .footer H4 {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin: 43px 0 20px 0; }
  .footer A {
    margin-top: 10px;
    text-decoration: none; }
  .footer SPAN {
    display: block;
    margin-top: 10px;
    color: #9AABC3; }
  .footer .left-menu {
    vertical-align: top;
    background: #F0F1F5;
    padding-bottom: 30px; }
    .footer .left-menu A {
      color: #5E6C7A; }
      .footer .left-menu A:hover {
        color: #EE523B;
        text-decoration: none; }
    .footer .left-menu H4 {
      color: #9558A5; }
  .footer .right-menu {
    vertical-align: top;
    padding-bottom: 30px;
    padding-left: 40px; }
    .footer .right-menu A {
      color: #9AABC3; }
      .footer .right-menu A:hover {
        color: #EE523B;
        text-decoration: none; }
    .footer .right-menu H4 {
      color: #fff; }
    .footer .right-menu .footerLogo:before {
      content: '';
      background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/logo_white.png") no-repeat 0;
      padding: 12px 0px 12px 43px;
      background-position-y: 0px;
      background-position-x: 2px;
      margin-left: -6px;
      margin-top: -4px; }
    .footer .right-menu .design {
      font-size: 12px;
      margin-top: 92px;
      color: #576780; }
      .footer .right-menu .design:after {
        content: '';
        padding: 15px;
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/footer_design.png") no-repeat 0;
        margin-left: 5px; }
    .footer .right-menu .cdcom {
      margin-left: 36px; }
  .footer .footer-links__block {
    display: inline-block;
    vertical-align: top;
    width: 32%; }

.nowrap {
  white-space: nowrap; }

.block-separator {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/playlist-border-bottom.png") repeat-x;
  width: 100%;
  height: 41px; }

.block-title {
  text-transform: uppercase; }

UL.path {
  list-style: none;
  margin: 30px 0 0 0;
  padding: 0;
  font-size: 14px; }

UL.path LI {
  display: inline-block;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/path_delimiter.png") no-repeat right;
  padding-right: 17px;
  color: #93A4BB;
  margin-right: 4px; }

UL.path LI:last-child {
  color: #9459a4;
  background: none; }

UL.path LI A {
  text-decoration: none;
  color: #93a4bb;
  font-family: OpenSans, sans-serif;
  font-size: 14px; }

*:focus,
BUTTON:focus,
BUTTON.btn:focus,
BUTTON.btn:active {
  outline: 0; }

.catalog {
  margin-right: 30px; }

A.contest {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/contest-1.png") 0 50% no-repeat;
  background-position-x: 0px;
  background-position-y: 50%;
  padding-left: 32px;
  margin-right: 35px;
  display: inline-block; }

.premiumLogin, .premiumLogin:hover, .premiumLogin:active, .premiumLogin:focus, .premiumLogin:visited {
  font-family: OpenSansSemibold, sans-serif;
  font-size: 13px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/login-orange.png") 0 1px no-repeat;
  margin-left: 26px;
  color: #f5ac1f;
  padding-left: 22px; }

.header .premiumLogin {
  color: #fcca69;
  cursor: pointer;
  line-height: 39px; }

/*================================*/
/*# ROOT -> SONG TABS*/
/*================================*/
.right-banner-block TR:first-child TD {
  padding: 70px 0 0 0; }

.right-banner {
  position: relative;
  left: 25px; }
  .right-banner > * {
    min-height: 300px; }
  .right-banner > *:not(script) {
    margin-bottom: 20px;
    display: block; }

.loadMoreSongs, .loadMoreSearchResults, .loadMoreClubs {
  text-align: center;
  margin-top: 26px;
  margin-bottom: 64px;
  position: relative; }

.loadMoreSongs A, .loadMoreSearchResults A, .loadMoreClubs A {
  vertical-align: middle;
  text-align: left;
  display: inline-block;
  padding: 5px 0 5px 36px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/load_more.png") no-repeat 0 50%;
  font-family: OpenSansSemibold, sans-serif;
  font-size: 12px;
  color: #6c809b;
  line-height: 15px;
  width: 180px;
  margin-left: 71px; }

.vk-widget-container {
  max-height: 400px;
  overflow: hidden; }

.twoColumns {
  width: 100%;
  white-space: nowrap; }

.twoColumns > * {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  float: none;
  white-space: normal; }

.popup {
  /*rgba(0, 0, 0, 0.3) 0,   */
  background: #ECF0F1 linear-gradient(rgba(148, 89, 164, 0.4) 0, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.1) 10px, transparent 40px);
  /*box-shadow: 0px 5px 23px -1px #F00;*/
  box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2), 4px 0px 10px -3px rgba(0, 0, 0, 0.2), -4px 0px 10px -3px rgba(0, 0, 0, 0.2); }

.popupBottom {
  background: #dde2e6;
  color: #6c809b;
  height: 67px;
  line-height: 67px; }

.popup .list A:hover,
.popup .popupBottom A:hover {
  color: #f47926;
  text-decoration: none;
  fill: #f47926; }

.popup .list {
  color: #2c3e51; }

.popup .list > A {
  display: block;
  line-height: 26px;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #2c3e51; }

.popupBottom A {
  fill: #6c809b; }

.allArtistsIcon, .allPlaylistsIcon, .allSearchResult, .shape-getLucky {
  width: 26px;
  margin-right: 6px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 100%; }

.popupBottom .link .allSearchResult {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/search-all-sprite-ico.png");
  width: 30px;
  height: 20px; }

.popupBottom .link .shape-getLucky {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/getlucky-sprite-ico.png");
  height: 22px; }

.popupBottom .link .allPlaylistsIcon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/all-playlists-sprite-ico.png");
  height: 15px;
  background-position: 0px 0px; }

.popupBottom .link:hover .allPlaylistsIcon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/all-playlists-sprite-ico.png");
  height: 15px;
  background-position: 0px 100%; }

.popupBottom .link .allArtistsIcon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/all-artists-sprite-ico.png");
  height: 19px; }

.link:hover .allSearchResult, .link:hover .shape-getLucky, .link:hover .allPlaylistsIcon, .link:hover .allArtistsIcon {
  background-position: 0px 0px; }

.icon.link.getLucky:hover, .all-result .icon.link:hover {
  color: #9459A4; }

.all-result SPAN {
  color: #ef472c;
  font-size: 14px; }

.popupCatalog .popup {
  padding-top: 40px; }

.popupCatalog .popupContent {
  height: 225px; }

.popupCatalog .twoColumns {
  max-width: 630px;
  width: auto;
  margin: 0 auto;
  height: 67px; }

.popupSearch .twoColumns {
  width: 581px;
  margin: 0 0 0 296px; }

.popupSearch .columnArtists .title SPAN, .popupSearch .columnPlaylists .title SPAN {
  color: #ef472c;
  font-size: 14px; }

.popupSearch .popupBottom .twoColumns {
  margin: 0; }

.authors-empty, .songs-empty {
  color: #666666;
  font-family: OpenSans, sans-serif;
  font-style: italic; }

.result-empty {
  width: 581px;
  margin: 0 0 0 296px;
  font-size: 16px;
  font-style: italic;
  font-family: OpenSans, sans-serif;
  color: #b5bcc5;
  padding: 10px 0; }

.bold {
  font-weight: bold; }

.popupCatalog .columnArtists .columnTitle {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/icon_artists.png"); }

.popupCatalog .columnPlaylists .columnTitle {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/icon_playlists.png"); }

.popupCatalog .list {
  margin-top: 26px; }

.item-relative-container {
  position: relative;
  width: 100%;
  height: 100%; }

.link {
  display: inline-block; }

.loading:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  content: '';
  width: 100%;
  height: 100%;
  z-index: 100; }

.loading:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/spinner.gif") 50% 50% no-repeat;
  content: '';
  width: 30px;
  height: 30px;
  margin: -16px 0 0 -16px;
  z-index: 101; }

BODY.loading:after, BODY.loading:before {
  position: fixed; }

BODY.loading:after {
  z-index: 1000; }

BODY.loading:before {
  z-index: 1001; }

.menu-640 {
  position: absolute;
  width: 42px;
  height: 83px;
  cursor: pointer;
  top: 0;
  right: 20px; }

.menu-640 {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ico-menu.svg") 50% 50% no-repeat; }
  .menu-640:hover, .menu-640:focus, .menu-640:active {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ico-menu-hover.svg") 50% 50% no-repeat, #fff; }

.menu-640.close-menu {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ico-close.svg") 50% 50% no-repeat, #fff; }
  .menu-640.close-menu:hover, .menu-640.close-menu:focus, .menu-640.close-menu:active {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ico-close-hover.svg") 50% 50% no-repeat, #fff; }

.overflow-hidden {
  overflow: hidden; }

.footer-links a {
  display: block; }

.footer-links {
  width: 200px; }

@media screen and (max-width: 1119px) {
  BODY {
    min-width: 640px; }
  .header.row.table-row,
  .contest.row.table-row,
  .footer.row.table-row {
    max-width: 640px; }
  .popupMenu {
    padding-top: 0;
    height: 100%;
    overflow: auto; }
  .search, .search:visited, .search:focus {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/searchIcon.png") no-repeat 12px 13px; }
  .header.centring.row.table-row {
    padding: 0; }
  #content {
    padding: 0; }
  .header .left-menu .logoMenu {
    left: 30px; }
  .footer .left-menu,
  .footer .right-menu {
    width: 50%;
    min-width: 300px; }
  .footer .left-menu .row > * {
    display: block;
    width: 100% !important; }
  .footer .right-menu {
    background: #202E3C; }
  .search-640 {
    display: inline-block !important; }
  A.contest {
    padding-left: 32px;
    margin-right: 65px; }
  .catalog {
    margin-right: 62px; }
  .premiumLogin {
    margin-right: 30px; }
  .result-empty {
    margin: 0 0 0 63px; }
  .alphabet-list {
    max-width: 610px; }
  UL.path {
    display: none; }
  .menu-links, .right-menu.search-menu-container {
    display: none; }
  .pg-song_page_karaoke .actions, .pg-song_page_lyrics .actions {
    padding-top: 10px; }
  .pg-song_page_karaoke .karaokeAction, .pg-song_page_lyrics .karaokeAction,
  .pg-song_page_karaoke .textAction, .pg-song_page_lyrics .textAction,
  .pg-default .karaokeAction,
  .pg-default .textAction,
  .pg-playlist .karaokeAction,
  .pg-playlist .textAction,
  .pg-artist .karaokeAction,
  .pg-artist .textAction {
    overflow: hidden; }
  .footer.table-row .left-menu, .footer.table-row .right-menu {
    padding-bottom: 130px; }
  .footer .right-menu .design {
    margin: 266px 0 0 36px; }
  .special-offer-block {
    display: none; } }

.main-logo {
  margin: auto; }

.seperator {
  width: 100%;
  height: 1px;
  background-color: #dfe6ed; }

.ads-block {
  margin-top: 20px; }

.notification {
  opacity: 0;
  background-color: transparent;
  color: black;
  border: 1px;
  solid-color: black;
  font-size: 12pt;
  margin: 5px;
  padding: 4px;
  position: fixed;
  left: 0;
  top: 45px;
  transition-property: opacity, background-color;
  transition-duration: 1s; }
  .notification.normal {
    right: 0; }
  .notification.branding {
    top: 240px;
    min-width: 232px;
    max-width: 232px; }
  .notification.notify-error, .notification.notify-success, .notification.notify-warning {
    opacity: 1; }
  .notification.notify-error {
    background-color: #ef4836; }
  .notification.notify-success {
    background-color: #49ba7d; }
  .notification.notify-warning {
    background-color: #ac7814; }

.header .menu-links a .special-offer__cnt,
.header .menu-links span .special-offer__cnt {
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  background: #EF472C;
  top: 5px;
  right: -12px;
  text-align: center;
  border-radius: 50%;
  line-height: 1.5;
  font-size: 11px;
  letter-spacing: 1px;
  color: #ffffff; }

@media screen and (max-width: 1119px) {
  .notification, .notification.normal, .notification.branding {
    top: 80px;
    left: 0;
    min-width: 632px; } }

@media screen and (max-width: 641px) {
  .notification, .notification.normal, .notification.branding {
    margin: 0; } }

.main-banner {
  width: 100%;
  height: 100vh;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/back-1920.jpg"), #f8b107;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  color: #9459A4;
  min-height: 810px;
  display: block; }
  .main-banner:hover, .main-banner:active, .main-banner:visited {
    color: #9459A4; }

.banner-karaoke {
  width: 100%;
  max-height: 150px;
  height: auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain; }
  .banner-karaoke A {
    display: block;
    height: 100%; }
    .banner-karaoke A img {
      display: block;
      height: auto;
      max-height: 150px;
      width: 100%;
      max-width: 1024px;
      margin-left: auto;
      margin-right: auto; }

.main-premium-banner {
  height: 720px;
  cursor: pointer; }

.kara-club {
  font-family: OpenSansBold, sans-serif;
  font-size: 60px;
  text-align: center;
  text-transform: uppercase; }

.kara-line {
  font-size: 30px;
  text-align: center;
  line-height: 35px;
  margin: 0 0 22px 0; }

.go-to-premium {
  width: 350px;
  height: 60px;
  background: #9459A4;
  border-radius: 5px;
  color: #fff;
  margin: auto;
  text-align: center;
  font-size: 30px;
  line-height: 60px;
  cursor: pointer;
  text-decoration: none;
  display: block;
  letter-spacing: 4px;
  text-transform: uppercase; }

.go-to-premium:hover {
  background: #A463B6; }

.go-to-premium:active {
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3); }

.go-to-premium:hover, .go-to-premium:visited, .go-to-premium:active, .go-to-premium:focus {
  text-decoration: none;
  color: #fff; }

.kara-logo {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/kara-logo.png") no-repeat;
  position: absolute;
  top: 12%;
  left: 50%;
  width: 244px;
  height: 91px;
  background-size: contain;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.kara-wrapper {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 100%; }

.arr-down {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/arr-down.png") no-repeat;
  position: absolute;
  top: 95%;
  left: 50%;
  width: 41px;
  height: 44px;
  background-size: contain;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  cursor: pointer; }

.capabilities {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 860px; }

.capabilities .capability {
  float: left;
  margin: 0 20px;
  list-style: none;
  text-align: center; }

.capabilities .capability-text {
  text-align: center;
  padding: 20px 0;
  font-size: 20px;
  color: #FFFFFF; }

.pg-default .block-separator.for-main-banner {
  width: 813px;
  bottom: 0;
  position: absolute;
  left: 0;
  max-width: 850px; }

.playlist-genre-main .playlist-genre {
  margin: 0 15px 5px 0;
  width: 150px; }

.playlist-genre-main .playlist-genre-bg {
  width: 160px;
  height: 220px; }

.playlist-genre-main .playlist-genre-item {
  height: 190px; }

.pg-default .playlist-genre-container:not(:last-child):after {
  top: 106%; }

.pg-default .playlist-genre-container {
  margin: 19px 0 0 0; }

.pg-default .playlist-genre-container UL {
  margin-left: -20px; }

.main-page-blocks-wrapper {
  width: 880px;
  margin: auto;
  padding: 0 40px; }

.main-banner-arrow {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/arrow-orange.png") no-repeat center;
  height: 100px;
  position: absolute;
  top: -51px;
  right: 45px;
  width: 100px; }

.main-banner-start {
  background: linear-gradient(to bottom, #ffc557, #f5ad22);
  display: block;
  padding: 21px 65px;
  background-color: #ffc557;
  color: white;
  text-transform: uppercase;
  font-size: 18px;
  width: 203px;
  letter-spacing: 2px;
  border-radius: 3px;
  text-decoration: none; }

.main-banner-start:hover,
.main-banner-start:focus,
.main-banner-start:active,
.main-banner-start:visited {
  text-decoration: none;
  color: white;
  background-image: none; }

.pg-default .page {
  background: none; }

.pg-default .page .contest.row.table-row {
  max-width: none;
  padding: 0; }

.pg-default .page .table-row .left-column {
  padding: 0;
  max-width: none;
  width: 100%; }

.pg-default .page .table-row > .col-cm-9 {
  width: 100%; }

@media screen and (max-width: 1119px) {
  .main-banner {
    height: 810px;
    background-size: 1440px 810px; }
  .main-page-blocks-wrapper {
    width: 640px;
    padding: 0 0 0 20px; }
  .kara-club {
    font-size: 45px; }
  .kara-line {
    margin: 10px auto;
    font-size: 35px; }
  .main-banner-arrow {
    display: none; }
  .playlist-genre-main .playlist-genre {
    width: 138px; }
  .playlist-genre-main .playlist-genre:nth-child(4n) {
    margin-right: 0; }
  .pg-default .playlist {
    max-width: 610px; }
  .easy-way {
    font-size: 23px; }
  .banner-paint .easy-way {
    font-size: 24px; }
  .activity {
    margin: 20px 0 0; }
  .project-name {
    font-size: 39px;
    margin-top: 40px; }
  .main-banner-right IMG {
    width: 100%; }
  .pg-default .block-separator.for-main-banner {
    width: 603px;
    max-width: 603px; }
  .arc {
    position: absolute;
    top: 7%; }
  .activity-count {
    font-size: 33px; }
  .activity-dscr {
    font-size: 21px;
    width: 175px; }
  .banner-paint .main-banner-right {
    top: 195px;
    width: 65%;
    right: -5%; }
  .main-banner-right {
    top: 60px;
    width: 399px; }
  .pg-default .block-separator.for-main-banner {
    width: 610px; }
  .capabilities {
    width: 640px; }
  .capabilities .capability-text {
    font-size: 16px; }
  .capabilities .capability {
    margin: 0 10px; } }

@media screen and (min-width: 1120px) {
  .playlist-genre-main .playlist-genre:nth-child(5n) {
    margin-right: 0; } }

.mka_2016-flag {
  display: block;
  position: absolute;
  left: 10%;
  transform: translate(-55px, 0px);
  top: 0;
  width: auto;
  height: auto;
  z-index: 20000; }

.pg-mka_2016 .main-banner {
  display: block; }

.pg-mka_2016 .special-offer-mobile-corner {
  max-width: 100%; }

.pg-mka_2016 .page .content {
  padding: 0;
  width: 100%; }
  .pg-mka_2016 .page .content .left-column {
    width: 100%;
    padding-right: 0;
    padding-left: 0; }
  .pg-mka_2016 .page .content .right-column {
    display: none; }

.pg-mka_2016 .footer-wrapper {
  display: none; }

.pg-mka_2016 .popupMenu {
  width: 100%; }

.pg-mka_2016 .mka-button {
  width: 445px;
  height: 82px;
  line-height: 87px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/btns.png") top center;
  font-family: OpenSansBold;
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #FFFFFF !important;
  text-decoration: none !important; }
  .pg-mka_2016 .mka-button:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-position: bottom center; }

.pg-mka_2016 .main-banner {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/report-header-bg.png") #000000 center center;
  min-height: 658px;
  height: 658px;
  text-align: center;
  overflow: hidden;
  color: #FFFFFF; }

.pg-mka_2016 .header-text {
  font-family: OpenSans;
  font-weight: 200;
  font-size: 22pt;
  color: white;
  width: 100%;
  text-align: center;
  position: relative;
  top: 530px; }

.pg-mka_2016 .header-menu {
  color: #93a4bb;
  width: 100%;
  min-width: 100%;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
  padding-top: 15px;
  box-shadow: 0px 6px 2px 0px rgba(0, 0, 0, 0.2); }
  .pg-mka_2016 .header-menu .wrapper {
    margin-left: auto;
    margin-right: auto; }
  .pg-mka_2016 .header-menu.sticky {
    position: fixed;
    top: 41px;
    background: #fff;
    z-index: 200; }
    .pg-mka_2016 .header-menu.sticky + .intro-block {
      margin-top: 120px; }
  .pg-mka_2016 .header-menu .wrapper {
    width: 640px;
    text-align: center; }
  .pg-mka_2016 .header-menu .item {
    cursor: pointer;
    display: inline-block;
    margin-right: 25px;
    margin-left: 25px;
    color: #93a4bb;
    text-decoration: none; }
    .pg-mka_2016 .header-menu .item:hover {
      color: #9459a4; }
    .pg-mka_2016 .header-menu .item.active {
      color: #9c68ab; }

.pg-mka_2016 .intro-block {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/frame.png") transparent center center;
  width: 696px;
  height: 307px;
  padding: 40px;
  margin-top: 70px;
  margin-bottom: 70px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden;
  font-family: OpenSans;
  font-size: 17pt; }
  .pg-mka_2016 .intro-block .separator {
    min-height: 16px;
    min-width: 100%;
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/frame-separator.png") transparent center center no-repeat; }

.pg-mka_2016 .about-block {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/lenta.png") transparent center center no-repeat;
  height: 580px;
  width: 100%;
  text-align: center;
  overflow: hidden; }
  .pg-mka_2016 .about-block .text-wrapper {
    margin: auto;
    width: 470px; }
    .pg-mka_2016 .about-block .text-wrapper .text-content {
      position: relative;
      width: 470px;
      height: 400px;
      background-color: white;
      left: -235px;
      top: 180px; }
      .pg-mka_2016 .about-block .text-wrapper .text-content .caption {
        font-size: 20pt;
        padding-top: 30px;
        padding-left: 30px;
        text-align: left; }
        .pg-mka_2016 .about-block .text-wrapper .text-content .caption .y-line {
          height: 5px;
          width: 132px;
          margin-top: 3px;
          left: 3px;
          position: relative;
          background-color: #e4b042; }
      .pg-mka_2016 .about-block .text-wrapper .text-content .img {
        background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/offer_disc.png);
        width: 200px;
        height: 200px;
        background-size: cover;
        margin-top: 30px;
        display: inline-block; }
      .pg-mka_2016 .about-block .text-wrapper .text-content .text {
        display: inline-block;
        width: 200px;
        font-family: OpenSans;
        font-size: 14pt;
        position: relative;
        left: 15px;
        text-align: left;
        top: 20px; }
      .pg-mka_2016 .about-block .text-wrapper .text-content P {
        position: relative;
        top: 30px; }

.pg-mka_2016 center {
  margin-top: 80px;
  margin-bottom: 20px; }

.pg-mka_2016 #video_popup {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: none; }

.pg-mka_2016 #video-player {
  position: fixed;
  width: 640px;
  height: 360px;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -180px; }

.pg-mka_2016 .video-block-container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  width: 640px;
  height: 355px;
  cursor: pointer;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/play-btn.png"), url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/vscreen.png");
  background-repeat: no-repeat;
  background-position: center center, center center;
  position: relative; }

.pg-mka_2016 .play-button {
  width: 63px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/play-btn.png) no-repeat; }

.pg-mka_2016 .video-block {
  width: 100%;
  height: 100%;
  display: block; }

.pg-mka_2016 .report-block {
  height: 954px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow: hidden; }
  .pg-mka_2016 .report-block .headline {
    font-family: OpenSans;
    font-size: 20pt; }
  .pg-mka_2016 .report-block .headline-date {
    font-family: OpenSans;
    font-size: 14pt;
    color: #93a4bb; }
  .pg-mka_2016 .report-block .separator {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/rep-sep-in.png") transparent center center no-repeat;
    height: 10px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px; }
  .pg-mka_2016 .report-block .text {
    font-family: OpenSans;
    font-size: 14pt;
    width: 640px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; }
  .pg-mka_2016 .report-block .video {
    width: 640px;
    height: 400px;
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/vscreen.png") no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px; }
  .pg-mka_2016 .report-block .bottom-wrapper {
    font-family: OpenSans;
    text-align: left;
    width: 800px;
    margin-right: auto;
    margin-left: auto; }
    .pg-mka_2016 .report-block .bottom-wrapper .prize-img {
      float: left; }
    .pg-mka_2016 .report-block .bottom-wrapper .bottom-headline {
      font-size: 16pt;
      font-family: OpenSans;
      margin-left: 160px;
      margin-bottom: 20px; }
    .pg-mka_2016 .report-block .bottom-wrapper .bottom-text {
      font-size: 14pt;
      margin-left: 160px;
      margin-bottom: 20px; }
      .pg-mka_2016 .report-block .bottom-wrapper .bottom-text A {
        color: #9459a4; }
    .pg-mka_2016 .report-block .bottom-wrapper .banners {
      margin-left: 140px; }

.pg-mka_2016 .clear {
  clear: both; }

.pg-mka_2016 .photo-block {
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: -20px; }
  .pg-mka_2016 .photo-block .half {
    margin-right: auto;
    margin-left: auto;
    width: 860px;
    overflow: visible;
    margin-bottom: 100px; }
    .pg-mka_2016 .photo-block .half:after {
      display: block;
      position: relative;
      clear: both;
      content: ''; }
    .pg-mka_2016 .photo-block .half .participants, .pg-mka_2016 .photo-block .half .stars, .pg-mka_2016 .photo-block .half .ceremony {
      text-align: center;
      width: 100%;
      height: 100%; }
      .pg-mka_2016 .photo-block .half .participants .caption, .pg-mka_2016 .photo-block .half .stars .caption, .pg-mka_2016 .photo-block .half .ceremony .caption {
        white-space: pre;
        color: white;
        font-family: OpenSansBold;
        font-size: 26px;
        text-align: center; }
      .pg-mka_2016 .photo-block .half .participants .separator, .pg-mka_2016 .photo-block .half .stars .separator, .pg-mka_2016 .photo-block .half .ceremony .separator {
        border-bottom: 3px solid #e4b042;
        width: 100px;
        height: 1px;
        margin-left: auto;
        margin-right: auto; }
      .pg-mka_2016 .photo-block .half .participants .count, .pg-mka_2016 .photo-block .half .stars .count, .pg-mka_2016 .photo-block .half .ceremony .count {
        font-family: OpenSans;
        color: white;
        font-size: 16pt; }
      .pg-mka_2016 .photo-block .half .participants.ceremony, .pg-mka_2016 .photo-block .half .stars.ceremony, .pg-mka_2016 .photo-block .half .ceremony.ceremony {
        padding-top: 34px; }
      .pg-mka_2016 .photo-block .half .participants.participants, .pg-mka_2016 .photo-block .half .stars.participants, .pg-mka_2016 .photo-block .half .ceremony.participants {
        padding-top: 210px; }
      .pg-mka_2016 .photo-block .half .participants.stars, .pg-mka_2016 .photo-block .half .stars.stars, .pg-mka_2016 .photo-block .half .ceremony.stars {
        padding-top: 30px; }
    .pg-mka_2016 .photo-block .half .participants-wrapper {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/participants.png");
      background-size: 100%;
      float: left;
      width: 420px;
      height: 330px;
      transition: background .6s ease; }
    .pg-mka_2016 .photo-block .half .stars-wrapper {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/stars.png");
      background-size: 100%;
      width: 420px;
      float: right;
      height: 160px;
      transition: background .6s ease; }
    .pg-mka_2016 .photo-block .half .ceremony-wrapper {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/ceremony.png");
      background-size: 100%;
      width: 420px;
      float: right;
      margin-top: 10px;
      height: 160px;
      transition: background .6s ease; }
    .pg-mka_2016 .photo-block .half .participants-wrapper:hover,
    .pg-mka_2016 .photo-block .half .stars-wrapper:hover,
    .pg-mka_2016 .photo-block .half .ceremony-wrapper:hover {
      background-size: 110%;
      background-position: 30% 30%;
      text-decoration: none; }

.pg-mka_2016 .participants-block {
  width: 860px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px; }
  .pg-mka_2016 .participants-block .caption {
    font-family: OpenSans;
    font-size: 21px;
    margin-bottom: 30px; }
  .pg-mka_2016 .participants-block .item-first {
    border-top: 2px solid #dfe6ed; }
  .pg-mka_2016 .participants-block .item {
    width: 100%;
    height: 100px;
    vertical-align: middle;
    border-bottom: 2px solid #dfe6ed; }
    .pg-mka_2016 .participants-block .item DIV, .pg-mka_2016 .participants-block .item a, .pg-mka_2016 .participants-block .item img {
      display: inline-block;
      vertical-align: middle; }
      .pg-mka_2016 .participants-block .item DIV SPAN, .pg-mka_2016 .participants-block .item a SPAN, .pg-mka_2016 .participants-block .item img SPAN {
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
    .pg-mka_2016 .participants-block .item .number {
      width: 40px;
      text-align: center;
      height: 40px;
      color: #9445a4;
      font-family: OpenSans;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      line-height: 40px;
      border: 1px solid #9445a4;
      border-radius: 50%; }
    .pg-mka_2016 .participants-block .item .portrait {
      width: 76px;
      height: 76px;
      margin-left: 30px;
      margin-right: 20px; }
    .pg-mka_2016 .participants-block .item .name {
      width: 120px;
      text-align: left;
      white-space: pre-wrap;
      margin-right: 20px;
      height: 100%;
      font-family: OpenSans;
      font-size: 18px;
      color: #93a4b8; }
    .pg-mka_2016 .participants-block .item .video-button {
      cursor: pointer;
      width: 150px;
      height: 100%;
      background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/video-button.png") center center no-repeat;
      color: #93a4b8;
      font-family: OpenSansBold;
      font-size: 14px;
      padding-left: 56px;
      margin-left: -12px;
      margin-right: 40px;
      line-height: 100px; }
    .pg-mka_2016 .participants-block .item .video-button:hover, .pg-mka_2016 .participants-block .item .video-button:active {
      background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/video-button-active.png") center center no-repeat;
      color: white;
      text-decoration: none; }
    .pg-mka_2016 .participants-block .item .share-button {
      width: 150px;
      height: 100%;
      background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/share.png") center center no-repeat;
      font-size: 14px;
      color: #93a4b8;
      padding-left: 60px;
      background-position: 20px;
      cursor: pointer;
      margin-right: 10px; }
    .pg-mka_2016 .participants-block .item .share-block {
      margin-right: 10px;
      line-height: 100px;
      text-align: center;
      width: 150px;
      height: 100%; }
      .pg-mka_2016 .participants-block .item .share-block A {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        border-radius: 50%; }
      .pg-mka_2016 .participants-block .item .share-block .vk-btn {
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-vk.png") 50% 50% no-repeat, #93a4bb; }
      .pg-mka_2016 .participants-block .item .share-block .fb-btn {
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-facebook.png") 50% 50% no-repeat, #93a4bb; }
      .pg-mka_2016 .participants-block .item .share-block .od-btn {
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-odnoklasniki.png") 50% 50% no-repeat, #93a4bb; }
    .pg-mka_2016 .participants-block .item .likes-count {
      width: 42px;
      height: 100%;
      padding-left: 10px;
      font-family: OpenSans;
      font-weight: bold;
      font-size: 18px;
      color: #f5b222;
      margin-left: 10px;
      line-height: 100px; }
    .pg-mka_2016 .participants-block .item .likes-button {
      cursor: pointer;
      width: 140px;
      height: 100%;
      background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/no-like.png") left 51% no-repeat;
      font-family: OpenSans;
      font-size: 14px;
      color: #f5b222;
      background-position-x: 4px;
      padding-left: 42px;
      line-height: 100px; }
    .pg-mka_2016 .participants-block .item .liked {
      cursor: default;
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/like.png"); }
  .pg-mka_2016 .participants-block .item:hover {
    background-color: #f9fafc; }

.pg-mka_2016 .coming-block {
  display: none;
  width: 900px;
  margin-right: auto;
  margin-left: auto; }
  .pg-mka_2016 .coming-block .caption {
    font-family: OpenSansBold;
    font-size: 28pt;
    text-align: left; }
  .pg-mka_2016 .coming-block .participate-form {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/party-frame.png"); }
    .pg-mka_2016 .coming-block .participate-form .caption {
      text-align: center;
      font-family: OpenSans;
      font-size: 18pt; }
    .pg-mka_2016 .coming-block .participate-form .text {
      text-align: center;
      font-family: OpenSans;
      font-size: 14pt; }
    .pg-mka_2016 .coming-block .participate-form INPUT {
      margin-left: auto;
      margin-right: auto;
      width: 600px;
      height: 30px; }

@media screen and (max-width: 1199px) {
  .pg-mka_2016 .intro-block {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/frame-640.png") transparent center center no-repeat;
    padding: 70px;
    font-size: 14pt;
    width: 640px; }
  .pg-mka_2016 .about-block .text-wrapper .text-content {
    width: 320px;
    left: -80px;
    position: relative; }
    .pg-mka_2016 .about-block .text-wrapper .text-content .img {
      width: 100px;
      height: 100px;
      position: relative;
      top: -110px; }
    .pg-mka_2016 .about-block .text-wrapper .text-content .text {
      left: 7px; }
  .pg-mka_2016 .report-block .headline {
    width: 640px;
    font-size: 17pt; }
  .pg-mka_2016 .report-block .headline-date {
    width: 640px; }
  .pg-mka_2016 .report-block .bottom-wrapper .bottom-headline, .pg-mka_2016 .report-block .bottom-wrapper .bottom-text {
    width: 480px; }
  .pg-mka_2016 .photo-block {
    margin-top: -10px;
    margin-bottom: -90px; }
    .pg-mka_2016 .photo-block .half {
      width: 100%; }
      .pg-mka_2016 .photo-block .half .participants-wrapper {
        width: 48%; }
        .pg-mka_2016 .photo-block .half .participants-wrapper .participants {
          padding-top: 145px; }
          .pg-mka_2016 .photo-block .half .participants-wrapper .participants .caption {
            font-size: 22px; }
          .pg-mka_2016 .photo-block .half .participants-wrapper .participants .count {
            font-size: 11pt; }
      .pg-mka_2016 .photo-block .half .stars-wrapper {
        width: 48%; }
        .pg-mka_2016 .photo-block .half .stars-wrapper .stars .caption {
          font-size: 22px; }
        .pg-mka_2016 .photo-block .half .stars-wrapper .stars .count {
          font-size: 11pt; }
      .pg-mka_2016 .photo-block .half .ceremony-wrapper {
        width: 48%; }
        .pg-mka_2016 .photo-block .half .ceremony-wrapper .ceremony .caption {
          font-size: 22px; }
        .pg-mka_2016 .photo-block .half .ceremony-wrapper .ceremony .count {
          font-size: 11pt; }
  .pg-mka_2016 .participants-block .item, .pg-mka_2016 .participants-block .item-first {
    width: 900px;
    transform: scale(0.7) translateX(-180px);
    margin-bottom: -29px; }
  .pg-mka_2016 .participants-block .caption {
    margin-bottom: 50px; }
  .pg-mka_2016 .item-first {
    position: relative;
    top: -15px; }
  .pg-mka_2016 .main-carousel {
    margin-top: 40px; }
  .pg-mka_2016 .coming-block {
    margin-top: 89px; }
  .pg-mka_2016 SECTION:not(.main-banner):not(.about-block) {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto; } }

.pg-mka_2016 .div-line {
  width: 100%;
  height: 8px;
  background: #F0F1F5;
  background: linear-gradient(to right, #E8BF5C 0%, #B16113 50%, #E8BF5C 100%); }

.pg-mka_2016 .info-block {
  width: 880px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center; }
  .pg-mka_2016 .info-block .vignette {
    margin: 42px 0 0 0; }
  .pg-mka_2016 .info-block .mka-button {
    margin-left: -5px; }
  .pg-mka_2016 .info-block h1 {
    font-family: OpenSans;
    font-weight: normal;
    font-size: 22px;
    line-height: 35px;
    margin: 24px 0;
    padding-bottom: 37px;
    position: relative; }
    .pg-mka_2016 .info-block h1:after {
      content: '';
      width: 80px;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -40px;
      background-color: #000000; }
  .pg-mka_2016 .info-block .anons {
    margin: 40px 0;
    font-family: OpenSans; }
    .pg-mka_2016 .info-block .anons a {
      color: #9459a4;
      text-decoration: underline; }
      .pg-mka_2016 .info-block .anons a:hover {
        color: #FF0000; }
    .pg-mka_2016 .info-block .anons h1 {
      padding-bottom: 0;
      margin-left: 200px;
      text-align: left; }
      .pg-mka_2016 .info-block .anons h1:after {
        content: none; }
    .pg-mka_2016 .info-block .anons p {
      margin-top: 50px;
      font-size: 16px;
      line-height: 28px;
      margin-left: 200px;
      text-align: left; }
      .pg-mka_2016 .info-block .anons p .pic {
        display: inline-block;
        width: 203px;
        height: 135px;
        margin-top: 42px;
        margin-right: 6px;
        overflow: hidden; }
        .pg-mka_2016 .info-block .anons p .pic img {
          margin: 0;
          height: 135px; }
      .pg-mka_2016 .info-block .anons p.bye {
        font-style: italic; }
    .pg-mka_2016 .info-block .anons img {
      float: left;
      margin-top: 7px; }
      .pg-mka_2016 .info-block .anons img.prize {
        margin-left: 20px; }
      .pg-mka_2016 .info-block .anons img.invitation {
        margin-left: 10px; }
    .pg-mka_2016 .info-block .anons.question h1 {
      text-transform: uppercase; }
    .pg-mka_2016 .info-block .anons.question p {
      margin-top: 20px;
      margin-bottom: 30px;
      font-size: 17px; }
    .pg-mka_2016 .info-block .anons.question .mka-button {
      margin: 20px 0 20px -5px; }
    .pg-mka_2016 .info-block .anons:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      clear: both;
      position: relative; }
    .pg-mka_2016 .info-block .anons.anons-prize {
      margin-top: 75px; }
      .pg-mka_2016 .info-block .anons.anons-prize h1 {
        line-height: 30px; }
      .pg-mka_2016 .info-block .anons.anons-prize img {
        margin-top: -25px; }
      .pg-mka_2016 .info-block .anons.anons-prize p {
        margin-top: 34px;
        font-size: 17px;
        padding-right: 80px; }
      .pg-mka_2016 .info-block .anons.anons-prize ul {
        text-align: left;
        margin-left: 230px;
        list-style: square;
        font-size: 17px; }
        .pg-mka_2016 .info-block .anons.anons-prize ul li {
          color: #d89d38; }
          .pg-mka_2016 .info-block .anons.anons-prize ul li span {
            color: #000102; }
          .pg-mka_2016 .info-block .anons.anons-prize ul li ul.sunplace-certificates {
            margin-left: 50px; }

.pg-mka_2016 .main-carousel {
  width: 100%;
  height: 160px;
  position: relative;
  margin: 40px 0 30px 0;
  overflow: hidden;
  white-space: nowrap; }
  .pg-mka_2016 .main-carousel LI A {
    width: 160px;
    height: 160px;
    display: inline-block;
    background-size: cover; }
  .pg-mka_2016 .main-carousel .arrow {
    width: 50px;
    height: 50px;
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/mka2016/arrows.png");
    display: block;
    position: absolute;
    top: 55px;
    cursor: pointer;
    transition: opacity .3s ease; }
    .pg-mka_2016 .main-carousel .arrow.disabled {
      opacity: .5;
      cursor: default; }
    .pg-mka_2016 .main-carousel .arrow.left {
      left: 0;
      background-position: -1px 1px; }
    .pg-mka_2016 .main-carousel .arrow.right {
      right: 0;
      background-position: 51px 1px; }
  .pg-mka_2016 .main-carousel ul {
    display: block;
    list-style: none;
    margin: 0;
    font-size: 0;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0;
    transition: left 1s ease; }
    .pg-mka_2016 .main-carousel ul li {
      display: inline-block;
      width: 160px;
      height: 160px;
      overflow: hidden;
      opacity: .5;
      transition: opacity .3s ease;
      cursor: pointer; }
      .pg-mka_2016 .main-carousel ul li:hover {
        opacity: 1; }
      .pg-mka_2016 .main-carousel ul li img {
        height: 160px;
        margin-left: -45px; }

@media screen and (max-width: 1119px) {
  .pg-mka_2016 .headerWrapper .header {
    max-width: none; }
    .pg-mka_2016 .headerWrapper .header .left-menu {
      width: 100%; }
    .pg-mka_2016 .headerWrapper .header .right-menu {
      display: none; }
  .pg-mka_2016 .header-menu.sticky {
    top: 83px; } }

@media screen and (max-width: 1199px) {
  .main-banner {
    width: auto;
    min-width: 0;
    max-width: 100%; }
  .about-block {
    width: auto;
    min-width: 0;
    max-width: 100%; } }

@font-face {
  font-family: "KaraokeIcon";
  font-weight: 400;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/icomoon.woff") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 300;
  font-style: normal;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Light.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 400;
  font-style: normal;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 600;
  font-style: normal;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 700;
  font-style: normal;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 800;
  font-style: normal;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 300;
  font-style: italic;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 400;
  font-style: italic;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-Italic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 600;
  font-style: italic;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-SemiboldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 700;
  font-style: italic;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "OpenSans";
  font-weight: 800;
  font-style: italic;
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/OpenSans-ExtraBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'PtRoubleSans';
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/RUBSN.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

.row-new {
  margin-right: -15px;
  margin-left: -15px; }

.main-page-blocks-wrapper.container-new-index {
  margin-right: auto;
  margin-left: auto;
  padding: 0; }

.menu-640-list.profile-popup {
  width: 640px;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  font-family: "OpenSans"; }

.bottom-banner {
  padding-bottom: 20px;
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF; }

.new-index-alphabet--active-ru,
.new-index-alphabet--active-en {
  margin-bottom: 30px;
  position: relative;
  background: #ECF0F1; }

.bottom-banner {
  min-height: 350px; }

@media screen and (min-width: 760px) {
  .main-page-blocks-wrapper.container-new-index {
    width: 720px !important;
    min-width: unset; }
  .menu-640-list.profile-popup {
    width: 720px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px; } }

@media screen and (min-width: 990px) {
  .main-page-blocks-wrapper.container-new-index {
    width: 950px !important;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px; }
  .menu-640-list.profile-popup {
    width: 950px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px; } }

@media screen and (min-width: 1160px) {
  .main-page-blocks-wrapper.container-new-index {
    width: 1120px !important;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px; } }

.new-index-alphabet--active-ru:after {
  content: '';
  display: block;
  clear: both; }

.new-index-alphabet--active-ru .new-index-ru-alphabet {
  display: block; }

.new-index-alphabet--active-ru .new-index-en-alphabet {
  display: none; }

.new-index-alphabet--active-ru [data-lang="ru"] {
  background: #93A4BB; }

.new-index-alphabet--active-en:after {
  content: '';
  display: block;
  clear: both; }

.new-index-alphabet--active-en .new-index-en-alphabet {
  display: block; }

.new-index-alphabet--active-en .new-index-ru-alphabet {
  display: none; }

.new-index-alphabet--active-en [data-lang="en"] {
  background: #93A4BB; }

@media screen and (max-width: 992px) {
  .index-block-popular-record__list {
    height: auto; }
  .index-block-rating-execution,
  .index-block-popular-record {
    height: auto; }
  .battle-users {
    padding: 20px 5px 0; }
  .battle__vs {
    font-size: 12px; }
  .right-menu {
    display: none !important; } }

.pg-default .index-block-popular-record__list {
  height: 548px; }

.index-block-rating-execution,
.index-block-popular-record {
  height: 658px; }

.battle-users {
  padding: 20px 7px 0; }

.battle__vs {
  font-size: 20px; }

.new-index-alphabet-block-element--item,
.new-index-ru-alphabet--element,
.new-index-en-alphabet--element {
  height: 56px;
  line-height: 56px; }

.new-index-ru-alphabet,
.new-index-en-alphabet {
  width: 90%;
  display: none;
  background: #ECF0F1; }
  .new-index-ru-alphabet.new-index-alphabet--active,
  .new-index-en-alphabet.new-index-alphabet--active {
    display: inline-block; }

.new-index-alphabet-block-element {
  width: 10%;
  margin-left: -1px;
  position: absolute;
  top: 0;
  right: 0; }

.new-index-alphabet-block-element--item {
  display: inline-block;
  float: left;
  width: 50%; }

.popupMenu {
  width: 100% !important; }
  .popupMenu ul li:last-child {
    padding-bottom: 50px; }

.row-new-for-list-artists-singing {
  border-left: 1px solid #ECF0F1; }

.special-offer-block.link,
.main-banner,
.playlist-genre-main {
  display: none; }

.main-page-blocks-wrapper.container-new-index {
  padding-right: 20px;
  padding-left: 20px;
  margin: 0 auto;
  font-family: "OpenSans"; }

.container-new-index__h4-heading {
  font-weight: 600;
  font-size: 34px;
  margin-top: 56px;
  margin-bottom: 33px;
  position: relative; }

.container-new-index__h4-heading-link {
  font-size: 14px;
  color: #93a4bb;
  position: absolute;
  top: 15px;
  right: 0;
  text-decoration: none;
  font-weight: 100; }
  .container-new-index__h4-heading-link:hover, .container-new-index__h4-heading-link:active, .container-new-index__h4-heading-link:focus {
    text-decoration: underline; }

.container-new-index__h4-heading--purple {
  color: #9359a5; }

.container-new-index__h4-heading--green {
  color: #49ba7d; }

.container-new-index__h4-heading--blue {
  color: #2398b9; }

.container-new-index__h4-heading--orange {
  color: #F36A22; }

.index-playlists {
  overflow-x: auto;
  min-height: 282px; }

.index-playlists__elements-wrapper {
  white-space: nowrap; }

.playlist-thumbnail {
  display: inline-block;
  height: 155px;
  width: 155px;
  margin-bottom: 30px;
  border: none;
  overflow: hidden;
  position: relative;
  line-height: 155px;
  text-decoration: none;
  text-align: center; }
  .playlist-thumbnail + .playlist-thumbnail {
    margin-left: 30px; }

.playlist-thumbnail__image {
  max-height: 155px;
  margin: 0 auto;
  vertical-align: middle;
  display: inline; }

.playlist-thumbnail__description {
  display: table;
  position: absolute;
  width: 100%;
  padding: 11px 12px 13px;
  bottom: 0px;
  height: 56px;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.3;
  text-align: left;
  background: rgba(0, 0, 0, 0.5); }
  .playlist-thumbnail__description:hover, .playlist-thumbnail__description:active, .playlist-thumbnail__description:focus {
    background: #2398B9; }

.playlist-thumbnail__description-text {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  white-space: normal; }

.page-block--grey {
  background: #f5f5f5; }

.index-thumbnail {
  display: inline-block;
  width: 155px;
  margin: 0 15px 33px 15px;
  float: left; }

.index-thumbnail__image-block {
  display: block;
  height: 155px;
  border: none;
  overflow: hidden;
  position: relative;
  line-height: 152px;
  text-decoration: none;
  text-align: center; }

.index-thumbnail__image {
  max-height: 155px;
  margin: 0 auto;
  vertical-align: middle;
  display: inline;
  border-radius: 4px; }

.index-banner {
  position: relative;
  display: block;
  border: none; }

.index-banner__image-block {
  height: 200px;
  overflow: hidden;
  position: relative;
  line-height: 200px;
  text-decoration: none;
  text-align: center; }

.index-banner__image {
  max-height: 200px;
  margin: 0 auto;
  vertical-align: middle;
  display: inline; }

.index-thumbnail__heading--artist-name,
.index-thumbnail__text--track,
.index-block-rating-execution__track-name,
.index-block-rating-execution__artist-name,
.playlist-popular-video-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.playlist-popular-video-title a, .playlist-popular-video-title a:hover, .playlist-popular-video-title a:focus, .playlist-popular-video-title a:visited {
  color: #2C3E51;
  text-decoration: none; }

.index-thumbnail__heading--artist-name {
  margin-top: 15px;
  margin-bottom: 2px;
  font-size: 16px; }

.index-thumbnail__link--artist-name {
  font-size: 16px;
  color: #2c3e51;
  text-decoration: none;
  display: inline; }
  .index-thumbnail__link--artist-name:hover, .index-thumbnail__link--artist-name:active, .index-thumbnail__link--artist-name:focus {
    text-decoration: none;
    color: #9359A5; }

.index-thumbnail__link--track {
  font-size: 14px;
  color: #6c809b;
  text-decoration: none;
  display: inline; }
  .index-thumbnail__link--track:hover, .index-thumbnail__link--track:active, .index-thumbnail__link--track:focus {
    text-decoration: none;
    color: #9359A5; }

.index-banner__heading {
  font-size: 28px;
  color: #ffffff;
  text-transform: uppercase;
  overflow: hidden;
  position: absolute;
  top: 40px;
  right: 30px;
  left: 30px;
  bottom: 40px; }

.index-block-rating-execution,
.index-block-popular-record {
  border: 1px solid #eeeeee;
  text-align: center; }

.index-block-rating-execution {
  width: 710px;
  float: left; }

.index-block-popular-record {
  width: 340px;
  float: right; }

.index-block-rating-execution__heading,
.index-block-popular-record__heading {
  height: 58px;
  line-height: 58px;
  margin: 0;
  background: #f9f9f9;
  color: #6C809B;
  border-bottom: 1px solid #eeeeee;
  text-align: center; }

.index-block-rating-execution__list-element {
  border-bottom: 1px solid #eeeeee; }
  .index-block-rating-execution__list-element:last-child {
    border-bottom: none; }
  .index-block-rating-execution__list-element:hover {
    background: #EFEFEF; }

.index-block-rating-execution__list,
.index-block-popular-record__list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  text-align: left;
  background: #FFFFFF; }

.index-block-rating-execution__list-element {
  height: 75px; }

.index-block-rating-execution__rank,
.index-block-rating-execution__avatar,
.index-block-rating-execution__track,
.index-block-rating-execution__comments,
.index-block-rating-execution__like {
  display: inline-block;
  float: left;
  height: 74px;
  overflow: hidden; }
  .index-block-rating-execution__rank:hover, .index-block-rating-execution__rank:active, .index-block-rating-execution__rank:focus,
  .index-block-rating-execution__avatar:hover,
  .index-block-rating-execution__avatar:active,
  .index-block-rating-execution__avatar:focus,
  .index-block-rating-execution__track:hover,
  .index-block-rating-execution__track:active,
  .index-block-rating-execution__track:focus,
  .index-block-rating-execution__comments:hover,
  .index-block-rating-execution__comments:active,
  .index-block-rating-execution__comments:focus,
  .index-block-rating-execution__like:hover,
  .index-block-rating-execution__like:active,
  .index-block-rating-execution__like:focus {
    text-decoration: none;
    color: inherit; }

.index-block-rating-execution__track {
  padding: 18px 0; }

.index-block-rating-execution__rank,
.index-block-rating-execution__avatar,
.index-block-rating-execution__comments,
.index-block-rating-execution__like {
  line-height: 68px; }

.index-block-rating-execution__number,
.index-block-rating-execution__avatar--circle,
.index-block-rating-execution__comments-number,
.index-block-rating-execution__like-number {
  margin: 0 auto;
  vertical-align: middle;
  display: inline; }

.index-block-rating-execution__number {
  font-size: 40px;
  color: #B8C6C7;
  position: relative; }

.index-block-rating-execution__dynamic {
  position: absolute;
  font-size: 16px;
  line-height: normal;
  top: 0;
  left: 100%; }

.index-block-rating-execution__dynamic--green {
  color: #3CA773; }

.index-block-rating-execution__dynamic--red {
  color: #DA4E35; }

.index-block-rating-execution__track-name,
.index-block-rating-execution__artist-name {
  margin: 0; }

.index-block-rating-execution__rank,
.index-block-rating-execution__avatar {
  width: 12.5%; }

.index-block-rating-execution__track,
.index-block-rating-execution__comments,
.index-block-rating-execution__like {
  width: 25%; }

.index-block-rating-execution__rank {
  padding-left: 20px; }

.index-block-rating-execution__avatar {
  padding-left: 10px; }

.battle {
  display: block;
  color: inherit; }
  .battle:hover, .battle:active, .battle:focus {
    color: inherit;
    text-decoration: none; }

.icon-play-round.index-block-rating-execution-icon {
  position: absolute;
  top: 19px;
  left: 2px;
  color: #838D8F; }

.index-block-rating-execution__track {
  padding-left: 20px;
  padding-right: 15px;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative; }
  .index-block-rating-execution__track:hover i, .index-block-rating-execution__track:active i, .index-block-rating-execution__track:visited i {
    color: #2398B9; }

.index-block-rating-execution__track-name {
  position: relative;
  color: #4D4D4D; }

.index-block-rating-execution__artist-name {
  color: #888888; }

.index-block-rating-execution__comments,
.index-block-rating-execution__like {
  font-size: 19px;
  color: #838D8F;
  letter-spacing: 0.86px;
  padding-left: 30px;
  position: relative;
  font-weight: 300; }
  .index-block-rating-execution__comments:hover,
  .index-block-rating-execution__like:hover {
    color: #2398B9; }

.index-block-rating-execution__comments-number .icon-comment,
.index-block-rating-execution__comments-number .icon-like-full,
.index-block-rating-execution__like-number .icon-comment,
.index-block-rating-execution__like-number .icon-like-full {
  position: absolute;
  left: 5px; }

.index-block-rating-execution__comments-number .icon-comment,
.index-block-rating-execution__like-number .icon-comment {
  top: 4px; }

.index-block-rating-execution__comments-number .icon-like-full,
.index-block-rating-execution__like-number .icon-like-full {
  top: 2px; }

.index-block-rating-execution__avatar--circle {
  width: 50px;
  height: 50px;
  border-radius: 50%; }

.index-block-rating-execution__button,
.index-block-popular-record__button,
.index-block-current-battles__button {
  height: 38px;
  margin: 35px auto;
  display: inline-block;
  padding: 0 20px; }

.index-block-current-battles__button {
  min-width: 216px; }

.new-index-button-orange {
  color: #F36A22;
  line-height: 36px;
  text-align: center;
  border: 1px solid #F36A22;
  border-radius: 40px; }
  .new-index-button-orange:hover, .new-index-button-orange:active, .new-index-button-orange:focus {
    color: #ffffff;
    background: #F36A22;
    text-decoration: none; }

.new-index-button-blue {
  color: #2398b9;
  line-height: 36px;
  text-align: center;
  border: 1px solid #2398b9;
  border-radius: 40px; }
  .new-index-button-blue:hover, .new-index-button-blue:active, .new-index-button-blue:focus {
    color: #ffffff;
    background: #2398b9;
    text-decoration: none; }

.index-block-popular-record__list-wrapper {
  background: #FFFFFF;
  padding: 25px; }

.index-block-popular-record__list {
  overflow: auto; }

.playlist-popular-video-thumbnail {
  width: 200px;
  height: 150px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  line-height: 150px;
  text-decoration: none;
  background: #cccccc;
  text-align: center;
  position: relative; }
  .playlist-popular-video-thumbnail .icon-play {
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    line-height: 4;
    position: relative; }
    .playlist-popular-video-thumbnail .icon-play:before {
      position: relative;
      right: -1px; }

.playlist-popular-video-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 200px;
  max-height: 150px; }

.playlist-popular-video-title,
.playlist-popular-video-time {
  width: 200px; }

.playlist-popular-video-title {
  font-size: 13px;
  color: #2C3E51;
  letter-spacing: 0px;
  margin: 10px auto 0; }

.playlist-popular-video-time {
  font-size: 10px;
  color: #6C809B;
  margin: 5px auto 14px; }

.playlist-popular-video-title + .playlist-popular-video-time {
  margin-top: 0; }

.index-battle-block {
  width: 25%;
  float: left;
  padding: 0 15px; }

.new-index-button-block {
  clear: both;
  text-align: center; }

.artists-for-singing-thumbnail {
  border-right: 1px solid #ECF0F1;
  border-bottom: 1px solid #ECF0F1;
  padding: 15px;
  cursor: pointer;
  text-decoration: none;
  width: 100%; }
  .artists-for-singing-thumbnail:hover, .artists-for-singing-thumbnail:active, .artists-for-singing-thumbnail:focus {
    position: relative;
    z-index: 1;
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
    background: #ECF0F1;
    text-decoration: none; }
    .artists-for-singing-thumbnail:hover .artists-for-singing-thumbnail__heading--artist-name,
    .artists-for-singing-thumbnail:hover .artists-for-singing-thumbnail__text, .artists-for-singing-thumbnail:active .artists-for-singing-thumbnail__heading--artist-name,
    .artists-for-singing-thumbnail:active .artists-for-singing-thumbnail__text, .artists-for-singing-thumbnail:focus .artists-for-singing-thumbnail__heading--artist-name,
    .artists-for-singing-thumbnail:focus .artists-for-singing-thumbnail__text {
      color: #9359a5; }

.artists-for-singing-thumbnail__image-block {
  display: block;
  max-width: 88.88px;
  height: 88.88px;
  line-height: 88.88px;
  overflow: hidden;
  text-decoration: none;
  text-align: center; }

.artists-for-singing-thumbnail__image {
  max-height: 88.88px;
  margin: 0 auto;
  vertical-align: middle;
  display: inline; }

.artists-for-singing-thumbnail__heading,
.artists-for-singing-thumbnail__text {
  color: #2C3E51;
  font-size: 14px; }

.artists-for-singing-thumbnail__heading--artist-name {
  font-weight: 400;
  height: 30px;
  overflow: hidden; }

.battle {
  margin-bottom: 30px;
  height: 220px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.19); }

.battle__header {
  background: #b8c6c7;
  color: #fff;
  letter-spacing: .3px;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  padding: 8px 0 7px;
  height: 45px;
  box-sizing: border-box; }

.battle__body {
  background: #fff;
  cursor: pointer;
  height: 139px; }

.battle-users {
  display: -ms-flexbox;
  display: flex;
  height: 139px;
  box-sizing: border-box; }

.battle__user {
  width: 45%;
  text-align: center; }

.battle__user .avatar {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 5px; }
  .battle__user .avatar img {
    height: 50px;
    width: 50px; }

.avatar {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%;
  height: 100%; }
  .avatar img {
    max-height: 50px;
    margin: 0 auto;
    vertical-align: middle;
    display: inline;
    border-radius: 50%; }

.battle__user-name {
  color: #2398b9;
  font-size: 14px;
  letter-spacing: .64px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  margin: 0 auto 5px;
  width: 70px; }

.battle__user-record-author {
  color: #888;
  font-style: italic;
  margin: auto; }

.battle__user-record-author, .battle__user-record-song {
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 14px;
  width: 80px; }

.battle__user-record-song {
  color: #4d4d4d;
  white-space: nowrap;
  margin: 0 auto 8px; }

.battle__vs {
  display: table-cell;
  padding-top: 13px;
  color: #4d4d4d;
  font-weight: 700;
  letter-spacing: .9px;
  line-height: 29px;
  vertical-align: middle;
  text-transform: uppercase; }

.battle__footer {
  font-size: 0;
  color: #fff;
  text-align: center;
  height: 36px; }

.pg-default .battle__initiator-likes {
  display: inline-block;
  width: 50%;
  height: 36px;
  background: #2398b9;
  border-right: 1px solid #fff;
  box-sizing: border-box;
  font-size: 19px;
  letter-spacing: .86px;
  vertical-align: middle;
  cursor: pointer;
  transition: background .3s ease; }

.pg-default .battle__contestant-likes {
  display: inline-block;
  width: 50%;
  background: #2398b9;
  height: 36px;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 21px;
  letter-spacing: .86px;
  cursor: pointer;
  transition: background .3s ease; }
  .pg-default .battle__contestant-likes .battle__like-cnt {
    margin: 0 -2px 0 4px; }

.icon--sm, .icon-button--sm {
  width: 30px;
  height: 36px;
  line-height: 36px;
  font-size: 20px; }

.icon-button--white {
  color: #fff; }

.icon-button {
  cursor: pointer; }

.icon, .icon-button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  vertical-align: bottom;
  text-align: center; }

.pg-default .battle__like-cnt {
  line-height: 33px;
  vertical-align: bottom;
  display: inline-block;
  margin: 0 10px 0 0; }

.index-block-artists-for-singing {
  margin-bottom: 55px; }

.container-new-index:before, .container-new-index:after,
.container-new-index:before,
.container-new-index:after,
.row-new:before,
.row-new:after,
.row-new-for-list-artists-singing:before,
.row-new-for-list-artists-singing:after,
.index-playlists__elements-wrapper:before,
.index-playlists__elements-wrapper:after,
.index-block-popular-record__list-element:before,
.index-block-popular-record__list-element:after {
  content: " ";
  display: table; }

.container-new-index:after,
.container-new-index:after,
.row-new:after,
.row-new-for-list-artists-singing:after,
.index-playlists__elements-wrapper:after,
.index-block-popular-record__list-element:after {
  clear: both; }

.index-block-popular-record__list-element:hover .playlist-popular-video-title, .index-block-popular-record__list-element:active .playlist-popular-video-title, .index-block-popular-record__list-element:focus .playlist-popular-video-title {
  color: #9359A5; }

.index-block-popular-record__list-element:hover .playlist-popular-video-time, .index-block-popular-record__list-element:active .playlist-popular-video-time, .index-block-popular-record__list-element:focus .playlist-popular-video-time {
  color: #9359A5; }

.index-block-popular-record__list-element:hover .icon-play, .index-block-popular-record__list-element:active .icon-play, .index-block-popular-record__list-element:focus .icon-play {
  background: rgba(0, 0, 0, 0.4); }

.new-index-alphabet-block-element--item,
.new-index-ru-alphabet--element,
.new-index-en-alphabet--element {
  float: left;
  display: inline-block;
  background: #ECF0F1;
  text-align: center;
  text-transform: uppercase;
  color: #337AB7; }
  .new-index-alphabet-block-element--item:hover, .new-index-alphabet-block-element--item:active, .new-index-alphabet-block-element--item:focus,
  .new-index-ru-alphabet--element:hover,
  .new-index-ru-alphabet--element:active,
  .new-index-ru-alphabet--element:focus,
  .new-index-en-alphabet--element:hover,
  .new-index-en-alphabet--element:active,
  .new-index-en-alphabet--element:focus {
    color: #337AB7;
    text-decoration: underline; }

.col-new-without-indent {
  width: 11.1111111%;
  display: inline-block;
  float: left; }
  .col-new-without-indent:nth-child(-n+9) .artists-for-singing-thumbnail {
    border-top: 1px solid #ECF0F1; }

.popupMenu {
  background: #ECF0F1;
  box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.29); }
  .popupMenu ul .new-popup-menu-list--item {
    font-family: OpenSans;
    color: #93A4BB;
    letter-spacing: 0; }
    .popupMenu ul .new-popup-menu-list--item a,
    .popupMenu ul .new-popup-menu-list--item span {
      color: #93A4BB; }
      .popupMenu ul .new-popup-menu-list--item a:hover, .popupMenu ul .new-popup-menu-list--item a:active, .popupMenu ul .new-popup-menu-list--item a:focus,
      .popupMenu ul .new-popup-menu-list--item span:hover,
      .popupMenu ul .new-popup-menu-list--item span:active,
      .popupMenu ul .new-popup-menu-list--item span:focus {
        color: #93A4BB; }
      .popupMenu ul .new-popup-menu-list--item a.new-popup-menu-list-item--messages-reference,
      .popupMenu ul .new-popup-menu-list--item span.new-popup-menu-list-item--messages-reference {
        position: relative; }
      .popupMenu ul .new-popup-menu-list--item a.new-popup-menu-list-item--messages-counter,
      .popupMenu ul .new-popup-menu-list--item span.new-popup-menu-list-item--messages-counter {
        position: absolute;
        top: 10px;
        right: -52px;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: #E15365;
        line-height: 40px;
        border-radius: 50%;
        text-align: center;
        font-size: 26px;
        color: #FFFFFF;
        font-weight: 100; }
  .popupMenu input {
    padding: 12px;
    font-size: 26px;
    color: #93a4bb;
    background: #FFFFFF;
    letter-spacing: 0;
    border: 1px solid #CCCCCC;
    text-align: center;
    font-weight: 300; }
    .popupMenu input.login-block-nav--input-error {
      border: 1px solid #e15365; }
    .popupMenu input.login-block-nav--input-error {
      color: #e15365; }
    .popupMenu input::-webkit-input-placeholder {
      color: #93a4bb; }
    .popupMenu input::-moz-placeholder {
      color: #93a4bb; }
    .popupMenu input:-moz-placeholder {
      color: #93a4bb; }
    .popupMenu input.login-block-nav--input-error::-webkit-input-placeholder {
      color: #e15365; }
    .popupMenu input.login-block-nav--input-error::-moz-placeholder {
      color: #e15365; }
    .popupMenu input.login-block-nav--input-error:-moz-placeholder {
      color: #e15365; }

.menu-640-list ul {
  margin-bottom: 0 !important; }

.menu-640-list .search-input-form-block {
  position: relative;
  padding: 40px 0; }

.menu-640-list .search-input {
  width: 100%;
  height: 58px;
  margin: 0;
  padding: 0 55px 0 20px;
  font-size: 26px;
  color: #93a4bb;
  background: #FFFFFF;
  letter-spacing: 0;
  border: 1px solid #CCCCCC;
  text-align: left;
  font-weight: 300; }

.search-input.menu-640-search + .search-input-before-icon {
  font-size: 28px;
  color: #93A4BB;
  position: absolute;
  top: 48px;
  right: 15px;
  line-height: 44px; }
  .search-input.menu-640-search + .search-input-before-icon:before {
    font-family: KaraokeIcon;
    content: "\e906"; }

.close-window-nav {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ico-close.svg") 50% 50% no-repeat, #ecf0f1;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 30px;
  right: 0;
  cursor: pointer; }
  .close-window-nav:hover, .close-window-nav:focus, .close-window-nav:active {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/ico-close-hover.svg") 50% 50% no-repeat, #ecf0f1; }

.login-block-nav,
.registration-block-nav,
.change-password-block-nav {
  padding: 101px 0 0 !important;
  position: relative; }
  .login-block-nav li .login-block-nav--input,
  .login-block-nav li .registration-block-nav--input,
  .login-block-nav li .change-password-block-nav--input,
  .registration-block-nav li .login-block-nav--input,
  .registration-block-nav li .registration-block-nav--input,
  .registration-block-nav li .change-password-block-nav--input,
  .change-password-block-nav li .login-block-nav--input,
  .change-password-block-nav li .registration-block-nav--input,
  .change-password-block-nav li .change-password-block-nav--input {
    width: 100%;
    height: 76px; }
  .login-block-nav li .nav-block-btn,
  .registration-block-nav li .nav-block-btn,
  .change-password-block-nav li .nav-block-btn {
    height: 75px;
    color: #9359A5;
    border: 1px solid #9359A5;
    border-radius: 40px;
    font-size: 26px;
    letter-spacing: 0;
    text-align: center;
    line-height: 75px;
    font-weight: 300;
    cursor: pointer; }
    .login-block-nav li .nav-block-btn:hover, .login-block-nav li .nav-block-btn:active, .login-block-nav li .nav-block-btn:focus,
    .registration-block-nav li .nav-block-btn:hover,
    .registration-block-nav li .nav-block-btn:active,
    .registration-block-nav li .nav-block-btn:focus,
    .change-password-block-nav li .nav-block-btn:hover,
    .change-password-block-nav li .nav-block-btn:active,
    .change-password-block-nav li .nav-block-btn:focus {
      border: none;
      background: #9359a5;
      color: #ffffff; }
  .login-block-nav .login-block-nav--hint-error,
  .registration-block-nav .login-block-nav--hint-error,
  .change-password-block-nav .login-block-nav--hint-error {
    text-align: center;
    font-size: 27px;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #e15365; }
  .login-block-nav .login-block-nav--all-link,
  .login-block-nav .registration-block-nav--all-link,
  .registration-block-nav .login-block-nav--all-link,
  .registration-block-nav .registration-block-nav--all-link,
  .change-password-block-nav .login-block-nav--all-link,
  .change-password-block-nav .registration-block-nav--all-link {
    width: 100%;
    margin-top: 33px;
    margin-bottom: 61px; }
    .login-block-nav .login-block-nav--all-link .login-block-nav--link,
    .login-block-nav .login-block-nav--all-link .registration-block-nav--link,
    .login-block-nav .registration-block-nav--all-link .login-block-nav--link,
    .login-block-nav .registration-block-nav--all-link .registration-block-nav--link,
    .registration-block-nav .login-block-nav--all-link .login-block-nav--link,
    .registration-block-nav .login-block-nav--all-link .registration-block-nav--link,
    .registration-block-nav .registration-block-nav--all-link .login-block-nav--link,
    .registration-block-nav .registration-block-nav--all-link .registration-block-nav--link,
    .change-password-block-nav .login-block-nav--all-link .login-block-nav--link,
    .change-password-block-nav .login-block-nav--all-link .registration-block-nav--link,
    .change-password-block-nav .registration-block-nav--all-link .login-block-nav--link,
    .change-password-block-nav .registration-block-nav--all-link .registration-block-nav--link {
      width: 50%;
      display: inline-block;
      float: left;
      font-size: 26px;
      color: #93A4BB;
      letter-spacing: 0.81px;
      text-decoration: underline; }
      .login-block-nav .login-block-nav--all-link .login-block-nav--link:last-child,
      .login-block-nav .login-block-nav--all-link .registration-block-nav--link:last-child,
      .login-block-nav .registration-block-nav--all-link .login-block-nav--link:last-child,
      .login-block-nav .registration-block-nav--all-link .registration-block-nav--link:last-child,
      .registration-block-nav .login-block-nav--all-link .login-block-nav--link:last-child,
      .registration-block-nav .login-block-nav--all-link .registration-block-nav--link:last-child,
      .registration-block-nav .registration-block-nav--all-link .login-block-nav--link:last-child,
      .registration-block-nav .registration-block-nav--all-link .registration-block-nav--link:last-child,
      .change-password-block-nav .login-block-nav--all-link .login-block-nav--link:last-child,
      .change-password-block-nav .login-block-nav--all-link .registration-block-nav--link:last-child,
      .change-password-block-nav .registration-block-nav--all-link .login-block-nav--link:last-child,
      .change-password-block-nav .registration-block-nav--all-link .registration-block-nav--link:last-child {
        text-align: right; }
      .login-block-nav .login-block-nav--all-link .login-block-nav--link:hover, .login-block-nav .login-block-nav--all-link .login-block-nav--link:active, .login-block-nav .login-block-nav--all-link .login-block-nav--link:focus,
      .login-block-nav .login-block-nav--all-link .registration-block-nav--link:hover,
      .login-block-nav .login-block-nav--all-link .registration-block-nav--link:active,
      .login-block-nav .login-block-nav--all-link .registration-block-nav--link:focus,
      .login-block-nav .registration-block-nav--all-link .login-block-nav--link:hover,
      .login-block-nav .registration-block-nav--all-link .login-block-nav--link:active,
      .login-block-nav .registration-block-nav--all-link .login-block-nav--link:focus,
      .login-block-nav .registration-block-nav--all-link .registration-block-nav--link:hover,
      .login-block-nav .registration-block-nav--all-link .registration-block-nav--link:active,
      .login-block-nav .registration-block-nav--all-link .registration-block-nav--link:focus,
      .registration-block-nav .login-block-nav--all-link .login-block-nav--link:hover,
      .registration-block-nav .login-block-nav--all-link .login-block-nav--link:active,
      .registration-block-nav .login-block-nav--all-link .login-block-nav--link:focus,
      .registration-block-nav .login-block-nav--all-link .registration-block-nav--link:hover,
      .registration-block-nav .login-block-nav--all-link .registration-block-nav--link:active,
      .registration-block-nav .login-block-nav--all-link .registration-block-nav--link:focus,
      .registration-block-nav .registration-block-nav--all-link .login-block-nav--link:hover,
      .registration-block-nav .registration-block-nav--all-link .login-block-nav--link:active,
      .registration-block-nav .registration-block-nav--all-link .login-block-nav--link:focus,
      .registration-block-nav .registration-block-nav--all-link .registration-block-nav--link:hover,
      .registration-block-nav .registration-block-nav--all-link .registration-block-nav--link:active,
      .registration-block-nav .registration-block-nav--all-link .registration-block-nav--link:focus,
      .change-password-block-nav .login-block-nav--all-link .login-block-nav--link:hover,
      .change-password-block-nav .login-block-nav--all-link .login-block-nav--link:active,
      .change-password-block-nav .login-block-nav--all-link .login-block-nav--link:focus,
      .change-password-block-nav .login-block-nav--all-link .registration-block-nav--link:hover,
      .change-password-block-nav .login-block-nav--all-link .registration-block-nav--link:active,
      .change-password-block-nav .login-block-nav--all-link .registration-block-nav--link:focus,
      .change-password-block-nav .registration-block-nav--all-link .login-block-nav--link:hover,
      .change-password-block-nav .registration-block-nav--all-link .login-block-nav--link:active,
      .change-password-block-nav .registration-block-nav--all-link .login-block-nav--link:focus,
      .change-password-block-nav .registration-block-nav--all-link .registration-block-nav--link:hover,
      .change-password-block-nav .registration-block-nav--all-link .registration-block-nav--link:active,
      .change-password-block-nav .registration-block-nav--all-link .registration-block-nav--link:focus {
        text-decoration: none; }
    .login-block-nav .login-block-nav--all-link .registration-block-nav--link:first-child,
    .login-block-nav .registration-block-nav--all-link .registration-block-nav--link:first-child,
    .registration-block-nav .login-block-nav--all-link .registration-block-nav--link:first-child,
    .registration-block-nav .registration-block-nav--all-link .registration-block-nav--link:first-child,
    .change-password-block-nav .login-block-nav--all-link .registration-block-nav--link:first-child,
    .change-password-block-nav .registration-block-nav--all-link .registration-block-nav--link:first-child {
      width: 30%; }
    .login-block-nav .login-block-nav--all-link .registration-block-nav--link:last-child,
    .login-block-nav .registration-block-nav--all-link .registration-block-nav--link:last-child,
    .registration-block-nav .login-block-nav--all-link .registration-block-nav--link:last-child,
    .registration-block-nav .registration-block-nav--all-link .registration-block-nav--link:last-child,
    .change-password-block-nav .login-block-nav--all-link .registration-block-nav--link:last-child,
    .change-password-block-nav .registration-block-nav--all-link .registration-block-nav--link:last-child {
      width: 70%; }
  .login-block-nav .login-block-nav--hint-error + .login-block-nav--all-link,
  .registration-block-nav .login-block-nav--hint-error + .login-block-nav--all-link,
  .change-password-block-nav .login-block-nav--hint-error + .login-block-nav--all-link {
    margin-top: 25px;
    margin-bottom: 39px; }
  .login-block-nav .change-password-block-nav--input-block + .login-block-nav--input-block,
  .login-block-nav .change-password-block-nav--input-block + .registration-block-nav--input-block,
  .login-block-nav .change-password-block-nav--input-block + .change-password-block-nav--input-block,
  .login-block-nav .login-block-nav--input-block + .login-block-nav--input-block,
  .login-block-nav .login-block-nav--input-block + .registration-block-nav--input-block,
  .login-block-nav .login-block-nav--input-block + .change-password-block-nav--input-block,
  .login-block-nav .registration-block-nav--input-block + .login-block-nav--input-block,
  .login-block-nav .registration-block-nav--input-block + .registration-block-nav--input-block,
  .login-block-nav .registration-block-nav--input-block + .change-password-block-nav--input-block,
  .registration-block-nav .change-password-block-nav--input-block + .login-block-nav--input-block,
  .registration-block-nav .change-password-block-nav--input-block + .registration-block-nav--input-block,
  .registration-block-nav .change-password-block-nav--input-block + .change-password-block-nav--input-block,
  .registration-block-nav .login-block-nav--input-block + .login-block-nav--input-block,
  .registration-block-nav .login-block-nav--input-block + .registration-block-nav--input-block,
  .registration-block-nav .login-block-nav--input-block + .change-password-block-nav--input-block,
  .registration-block-nav .registration-block-nav--input-block + .login-block-nav--input-block,
  .registration-block-nav .registration-block-nav--input-block + .registration-block-nav--input-block,
  .registration-block-nav .registration-block-nav--input-block + .change-password-block-nav--input-block,
  .change-password-block-nav .change-password-block-nav--input-block + .login-block-nav--input-block,
  .change-password-block-nav .change-password-block-nav--input-block + .registration-block-nav--input-block,
  .change-password-block-nav .change-password-block-nav--input-block + .change-password-block-nav--input-block,
  .change-password-block-nav .login-block-nav--input-block + .login-block-nav--input-block,
  .change-password-block-nav .login-block-nav--input-block + .registration-block-nav--input-block,
  .change-password-block-nav .login-block-nav--input-block + .change-password-block-nav--input-block,
  .change-password-block-nav .registration-block-nav--input-block + .login-block-nav--input-block,
  .change-password-block-nav .registration-block-nav--input-block + .registration-block-nav--input-block,
  .change-password-block-nav .registration-block-nav--input-block + .change-password-block-nav--input-block {
    margin-top: 9px; }
  .login-block-nav .login-block-nav-btn,
  .login-block-nav .registration-block-nav-btn,
  .login-block-nav .change-password-block-nav-btn,
  .registration-block-nav .login-block-nav-btn,
  .registration-block-nav .registration-block-nav-btn,
  .registration-block-nav .change-password-block-nav-btn,
  .change-password-block-nav .login-block-nav-btn,
  .change-password-block-nav .registration-block-nav-btn,
  .change-password-block-nav .change-password-block-nav-btn {
    margin-top: 10px; }
  .login-block-nav .change-password-block-nav-btn,
  .registration-block-nav .change-password-block-nav-btn,
  .change-password-block-nav .change-password-block-nav-btn {
    margin-bottom: 70px; }

.change-password-block-nav .login-block-nav--hint-error {
  position: absolute;
  bottom: -58px;
  width: 100%; }

.forgot-pass-block-nav {
  padding: 78px 0 0 !important;
  position: relative; }
  .forgot-pass-block-nav li .forgot-pass-block-nav--input {
    width: 100%;
    height: 76px; }
  .forgot-pass-block-nav li .nav-block-btn {
    height: 75px;
    color: #9359A5;
    border: 1px solid #9359A5;
    border-radius: 40px;
    font-size: 26px;
    letter-spacing: 0;
    text-align: center;
    line-height: 75px;
    font-weight: 300; }
    .forgot-pass-block-nav li .nav-block-btn:hover, .forgot-pass-block-nav li .nav-block-btn:active, .forgot-pass-block-nav li .nav-block-btn:focus {
      border: none;
      background: #9359a5;
      color: #ffffff; }
  .forgot-pass-block-nav li.forgot-pass-block-nav--text {
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 24px;
    color: #93a4bb; }
  .forgot-pass-block-nav .login-block-nav--hint-error {
    text-align: center;
    font-size: 27px;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #e15365;
    position: absolute;
    bottom: -65px;
    width: 100%;
    text-align: center; }
  .forgot-pass-block-nav .forgot-pass-block-nav--input-block + .forgot-pass-block-nav--input-block {
    margin-top: 9px; }
  .forgot-pass-block-nav .forgot-pass-block-nav-btn {
    margin-top: 10px;
    margin-bottom: 90px; }

.social-network-list,
.in-account-block-nav {
  border-top: 1px solid #CFD7E3;
  text-align: center;
  padding: 25px 0 38px !important;
  margin-bottom: 0 !important; }

.social-network-list-elements {
  display: inline-block;
  width: 83px !important;
  height: 83px;
  padding: 0;
  text-align: center;
  background: #93A4BB;
  color: #ffffff;
  border-radius: 50%;
  font-size: 40px;
  line-height: 83px; }
  .social-network-list-elements + .social-network-list-elements {
    margin-left: 30px; }
  .social-network-list-elements:hover, .social-network-list-elements:focus, .social-network-list-elements:active {
    background: #f5ac1f; }
  .social-network-list-elements a {
    text-decoration: none;
    color: #ffffff; }
    .social-network-list-elements a:hover, .social-network-list-elements a:active, .social-network-list-elements a:focus {
      text-decoration: none;
      color: #ffffff; }
    .social-network-list-elements a i {
      font-size: 46px; }

.in-account-block-nav {
  width: 100%;
  min-width: 640px; }

.in-account-nav--email {
  width: 100%;
  font-size: 30px;
  color: #f5ac1f;
  position: relative;
  margin-bottom: 36px; }
  .in-account-nav--email i {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 40px;
    border-radius: 50%;
    border: 3px solid #f5ac1f;
    top: -2px; }

.in-account-nav--btn {
  width: 50%;
  display: inline-block;
  float: left; }

.in-account-nav--btn-link {
  width: 89%;
  color: #93a4bb;
  text-decoration: none;
  height: 58px;
  border: 1px solid #93a4bb;
  border-radius: 40px;
  font-size: 26px;
  letter-spacing: 0;
  text-align: center;
  line-height: 58px;
  display: inline-block; }
  .in-account-nav--btn-link:hover, .in-account-nav--btn-link:active, .in-account-nav--btn-link:focus {
    text-decoration: none;
    color: #ffffff;
    background: #93a4bb; }

.contentWrapper .footer-new-wrapper {
  display: none;
  background: #F0F1F5; }

.container-new-index.footer-new .footer-new--4-col {
  width: 25%;
  display: inline-block;
  float: left; }
  @media screen and (max-width: 760px) {
    .container-new-index.footer-new .footer-new--4-col {
      width: 33.33333333%; } }
  .container-new-index.footer-new .footer-new--4-col a:hover,
  .container-new-index.footer-new .footer-new--4-col a:active,
  .container-new-index.footer-new .footer-new--4-col a:focus {
    text-decoration: none; }
  .container-new-index.footer-new .footer-new--4-col h4 {
    color: #9359A5;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold; }
  .container-new-index.footer-new .footer-new--4-col ul {
    margin-top: 37px;
    margin-bottom: 33px; }
    .container-new-index.footer-new .footer-new--4-col ul li + li {
      margin-top: 15px; }
    .container-new-index.footer-new .footer-new--4-col ul li a {
      color: #5E5E5E;
      font-size: 12px;
      letter-spacing: 0; }
  .container-new-index.footer-new .footer-new--4-col .footer-new--karaoke-logo {
    margin-top: 37px;
    margin-bottom: 21px;
    width: 121px;
    height: 28px; }
  .container-new-index.footer-new .footer-new--4-col .footer-new--copyright-block {
    margin-bottom: 33px; }
    .container-new-index.footer-new .footer-new--4-col .footer-new--copyright-block p {
      margin: 0; }
  .container-new-index.footer-new .footer-new--4-col .footer-new--copyright-date,
  .container-new-index.footer-new .footer-new--4-col .footer-new--cdcom-info-block {
    font-size: 12px;
    color: #9AABC3;
    letter-spacing: 0; }
    .container-new-index.footer-new .footer-new--4-col .footer-new--copyright-date a,
    .container-new-index.footer-new .footer-new--4-col .footer-new--cdcom-info-block a {
      color: #9AABC3;
      text-decoration: none; }
      .container-new-index.footer-new .footer-new--4-col .footer-new--copyright-date a:hover, .container-new-index.footer-new .footer-new--4-col .footer-new--copyright-date a:active, .container-new-index.footer-new .footer-new--4-col .footer-new--copyright-date a:focus,
      .container-new-index.footer-new .footer-new--4-col .footer-new--cdcom-info-block a:hover,
      .container-new-index.footer-new .footer-new--4-col .footer-new--cdcom-info-block a:active,
      .container-new-index.footer-new .footer-new--4-col .footer-new--cdcom-info-block a:focus {
        color: #9AABC3;
        text-decoration: none; }

@media screen and (max-width: 760px) {
  .container-new-index.footer-new .footer-new--4-col:last-child {
    width: 100%;
    text-align: center; }
    .container-new-index.footer-new .footer-new--4-col:last-child .footer-new--karaoke-logo {
      margin: 10px auto 21px; } }

.nav-block-btn {
  cursor: pointer; }

.new-index-ru-alphabet--element {
  width: 3.57%; }

.new-index-en-alphabet--element {
  width: 3.84%; }

.topBanner {
  display: block; }

.topBannerMobile {
  display: none; }

@media screen and (max-width: 1119px) {
  .headerWrapper {
    height: 83px;
    background: #9359A5;
    position: fixed;
    top: 0; }
    .headerWrapper.fixed {
      height: 83px; }
    .headerWrapper .header {
      height: 83px; }
  .topBanner {
    display: none; }
  .topBannerMobile {
    position: relative;
    top: 83px;
    padding-top: 10px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    display: block; }
  .menu-640 {
    width: 68px;
    right: 20px; }
  .header .left-menu .logoHeader .logoMenu {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/logo_withText_81.png") no-repeat 0;
    border: none;
    color: transparent;
    overflow: hidden;
    height: 41px;
    font-size: 1px;
    width: 182px;
    margin-top: 19px;
    margin-left: 20px; }
  .index-thumbnail {
    width: 25%;
    margin: 0 0 33px 0;
    padding: 0 15px; }
  .index-block-rating-execution,
  .index-block-popular-record {
    width: 100%;
    height: auto;
    float: none; }
  .index-block-popular-record__list-element {
    display: inline-block;
    width: 50%;
    float: left; }
    .index-block-popular-record__list-element:nth-child(n+5) {
      display: none; }
  .new-index-ru-alphabet--element,
  .new-index-en-alphabet--element {
    height: 56px;
    line-height: 56px; }
  .new-index-ru-alphabet--element {
    width: 7.14%; }
  .new-index-en-alphabet--element {
    width: 7.69%; }
  .new-index-alphabet-block-element--item {
    height: 112px;
    line-height: 112px; }
  .new-index-alphabet-block-element,
  .new-index-ru-alphabet,
  .new-index-en-alphabet {
    float: left;
    display: inline-block; }
  .new-index-ru-alphabet,
  .new-index-en-alphabet {
    width: 80%;
    display: none; }
    .new-index-ru-alphabet.new-index-alphabet--active,
    .new-index-en-alphabet.new-index-alphabet--active {
      display: inline-block; }
  .new-index-alphabet-block-element {
    width: 20%;
    margin-left: -1px; }
  .new-index-alphabet-block-element--item {
    display: inline-block;
    float: left;
    width: 50%; }
  .index-battle-block {
    width: 33.33%; }
  .col-new-without-indent {
    width: 16.66666666666667%; }
    .col-new-without-indent:nth-child(n+13) {
      display: none; }
  .contentWrapper .footer-new-wrapper {
    display: block; }
  .contentWrapper .footer-wrapper {
    display: none; } }

.player-slider-cont {
  display: none; }
  .player-slider-cont .bx-wrapper .bx-loading {
    background: none; }

.player-slider-wrapper {
  width: 500px;
  height: 366px;
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  border-radius: 25px;
  overflow: hidden; }
  .player-slider-wrapper .bx-wrapper {
    background-color: transparent;
    border: none;
    box-shadow: none; }
  .player-slider-wrapper .bx-controls-direction .bx-prev, .player-slider-wrapper .bx-controls-direction .bx-next {
    height: 50px;
    width: 15px;
    background-position: 100% 50%;
    background-size: 100%;
    background-repeat: no-repeat; }
  .player-slider-wrapper .bx-controls-direction .bx-prev {
    background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/right-arrow.png");
    transform: rotate(180deg); }
  .player-slider-wrapper .bx-controls-direction .bx-next {
    background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/right-arrow.png"); }
  .player-slider-wrapper .bx-wrapper .bx-pager {
    padding-top: 0;
    bottom: 20px; }
    .player-slider-wrapper .bx-wrapper .bx-pager .bx-pager-link, .player-slider-wrapper .bx-wrapper .bx-pager .bx-pager-link:hover {
      background: rgba(255, 255, 255, 0.5); }
      .player-slider-wrapper .bx-wrapper .bx-pager .bx-pager-link.active, .player-slider-wrapper .bx-wrapper .bx-pager .bx-pager-link:hover.active {
        background: white; }

.player-slider {
  width: 500px;
  height: 366px; }
  .player-slider .player-slide {
    width: 500px;
    height: 366px;
    color: white;
    text-align: center;
    position: relative;
    padding: 55px 20px; }
    .player-slider .player-slide.player-slide-1 {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/back-1.jpg"); }
    .player-slider .player-slide.player-slide-2 {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/back-2.jpg"); }
    .player-slider .player-slide.player-slide-3 {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/back-3.jpg"); }
    .player-slider .player-slide.player-slide-4 {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/back-4.jpg"); }
    .player-slider .player-slide .player-slide-title {
      font-size: 32px;
      text-transform: uppercase;
      margin: auto;
      font-family: OpenSansExtraBold;
      line-height: 1;
      margin-bottom: 30px; }
    .player-slider .player-slide .player-slide-description {
      font-size: 20px;
      margin: auto;
      font-family: OpenSansLight;
      width: 80%;
      line-height: 1.3; }
    .player-slider .player-slide .player-slide-btn {
      height: 50px;
      box-sizing: border-box;
      background: linear-gradient(to bottom, #f36a21, #f05718);
      border-radius: 3px;
      border-top: 1px solid #f99f32;
      color: white;
      font-size: 18px;
      text-decoration: none;
      text-transform: uppercase;
      display: block;
      width: 356px;
      margin: auto;
      line-height: 50px;
      position: absolute;
      bottom: 50px;
      left: 50%;
      transform: translate(-50%, 0);
      font-family: OpenSansLight;
      letter-spacing: 2px; }
      .player-slider .player-slide .player-slide-btn:hover {
        background: #f36a21;
        text-decoration: none; }

@media screen and (max-width: 1119px) {
  .player-slider-wrapper {
    width: 350px;
    height: 256px;
    border-radius: 17px; }
    .player-slider-wrapper .bx-controls-direction .bx-prev, .player-slider-wrapper .bx-controls-direction .bx-next {
      height: 35px;
      width: 15px; }
    .player-slider-wrapper .bx-wrapper .bx-pager {
      bottom: 16px; }
  .player-slider {
    width: 350px;
    height: 256px; }
    .player-slider .player-slide {
      width: 350px;
      height: 256px;
      padding: 38px 16px; }
      .player-slider .player-slide .player-slide-title {
        font-size: 22px;
        margin-bottom: 21px; }
      .player-slider .player-slide .player-slide-description {
        font-size: 14px; }
      .player-slider .player-slide .player-slide-btn {
        height: 35px;
        border-radius: 2px;
        font-size: 12px;
        width: 249px;
        line-height: 35px;
        bottom: 35px;
        letter-spacing: 1px; }
  .player-close {
    top: 1.5em;
    right: 4em; } }

body .player-karaoke-ru {
  text-align: left; }

.player-notification {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-bottom: 1%;
  z-index: 2;
  background-color: #2D3E52;
  text-align: center;
  color: #CED6DD;
  font-weight: lighter;
  font-family: OpenSans, sans-serif; }
  .player-notification.notify-payment-song {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player_nt_bg.jpg") top center no-repeat;
    background-size: cover;
    color: #fff; }
  .player-notification:before {
    content: '';
    height: 100%;
    width: 1px;
    margin-left: -1px;
    display: inline-block;
    vertical-align: middle; }

.player-copyright-notification.notify-hidden, .player-notification.notify-hidden {
  display: none; }
  .player-copyright-notification.notify-hidden.hidden-override, .player-notification.notify-hidden.hidden-override {
    display: block; }

.notify-error-copyrights, .notify-error {
  z-index: 102; }

.player-loading-screen {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/spinner-350.gif");
  background-position: center;
  background-color: black;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none; }

.embed-baby .player-loading-screen {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/spinner-350-orange.gif");
  background-color: transparent; }

.notify-wrapper {
  width: 70%;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle; }

.notify-header {
  padding-top: 50px;
  font-size: 34px;
  line-height: 39px;
  margin-bottom: 45px;
  letter-spacing: 2px; }

.notify-message {
  font-size: 16px;
  letter-spacing: 1px; }

.notify-seperator {
  color: #3C4F65; }

.song-block-ico {
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/song-blocked-ico.png) no-repeat;
  top: 52px;
  left: 92px;
  width: 19px;
  height: 21px;
  position: absolute; }

.notify-center {
  margin: auto;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }

.disk-ico {
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/disk-ico.png) no-repeat;
  width: 108px;
  height: 106px;
  margin: 0 auto 50px auto; }

.song-block-description {
  font-size: 26px;
  margin: 10px auto; }

.song-block-button {
  margin: 20px auto;
  border: none;
  border-radius: 2px;
  color: #FFFFFF;
  cursor: pointer;
  width: 286px;
  height: 54px;
  line-height: 54px;
  vertical-align: middle;
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: #FAB93C;
  background: linear-gradient(to bottom, #FFC657 0%, #F5AD23 100%); }

.player-karaoke-ru {
  position: relative;
  display: block;
  box-shadow: 0 5px 4px -2px #d1d1d1; }

.player-karaoke-ru-banner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 3;
  padding-bottom: 42px; }

.player-close {
  position: absolute;
  top: 1.5em;
  right: 5em;
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-close.png) 0 0 no-repeat;
  height: 46px;
  width: 47px;
  z-index: 4;
  cursor: pointer; }

.player-close:hover {
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-close.png) 0 -46px no-repeat; }

.player-karaoke-ru-banner IMG {
  width: 100%;
  height: 100%; }

.player-karaoke-ru-top,
.player-karaoke-ru-bottom,
.player-karaoke-ru-content {
  position: relative;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: default; }

.player-karaoke-ru-top {
  position: absolute;
  width: 100%;
  z-index: 4; }

.player-karaoke-ru-top-container {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 0.85em;
  color: #5b6d85;
  width: 100%;
  cursor: pointer; }

.player-karaoke-ru-content-part {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  margin: 0; }

.player-karaoke-ru-top-container > * {
  float: left;
  white-space: nowrap;
  height: 100%; }

.player-karaoke-ru-scores-container {
  margin-right: 1.8em;
  height: 100%; }

.player-karaoke-ru-scores-container > * {
  float: left; }

.player-karaoke-ru-scores-wrapper {
  margin-top: 0.65em;
  font-family: OpenSans, sans-serif;
  font-size: 14px; }

.player-karaoke-ru-scores {
  margin: 0.7em 0.5em;
  font-size: 14px;
  font-family: OpenSansSemibold, sans-serif;
  position: absolute;
  right: 2em; }

.player-karaoke-ru-scores-help {
  height: 100%; }

.player-karaoke-ru-session-container > * {
  float: left; }

.player-karaoke-ru-session-wrapper {
  margin-top: 0.65em;
  font-family: OpenSans, sans-serif;
  font-size: 14px; }

.player-karaoke-ru-session {
  margin: 0 0.5em;
  color: #49ba7d;
  font-family: OpenSansSemibold, sans-serif;
  font-size: 14px; }

.player-karaoke-ru-session-help {
  height: 100%; }

.player-karaoke-ru-help-icon {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-sprite1.png") 0 30.5%;
  width: 24px;
  height: 24px;
  margin: 0.4em 1em; }

.player-karaoke-ru-slideshow {
  height: 100%;
  width: 100%;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/slide-default.jpg") no-repeat;
  background-size: cover; }

.player-karaoke-ru-lines {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: inline-table;
  padding: .6em 0 0.1em 0;
  line-height: 1.2em;
  font-size: 24px;
  font-family: OpenSansBold,sans-serif;
  text-align: center;
  min-height: 93px;
  z-index: 1; }

.embed-baby .player-karaoke-ru-lines {
  background-color: rgba(31, 157, 152, 0.6); }

.scroll-to-clubs {
  width: 86px;
  height: 90px;
  position: absolute;
  right: 38px;
  top: 65px;
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/club-label.png");
  background-position: center;
  z-index: 100;
  cursor: pointer; }

.js-premium-banner IMG {
  width: 100%; }

.player-karaoke-ru-line {
  text-transform: uppercase;
  font-weight: bold;
  color: #ecf0f1;
  player-karaoke-ru-line-color-active: #f5ac1f; }

.player-karaoke-ru-line-active {
  color: #f5ac1f; }

.embed-baby .player-karaoke-ru-line-active {
  color: #ff6200; }

.player-karaoke-ru-copyrights {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 19, 23, 0.85);
  padding-top: 7%; }

.embed-baby .player-karaoke-ru-copyrights {
  background: transparent; }

.player-karaoke-ru-copyrights-image {
  max-width: 18%;
  margin-left: 7%;
  vertical-align: top; }

.player-karaoke-ru-copyrights-right {
  display: inline-block;
  width: 65%;
  line-height: 1.6em;
  margin-left: 2%; }

.player-karaoke-ru-copyrights-artists {
  font-family: OpenSansExtrabold, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  color: white; }

.embed-baby .player-karaoke-ru-copyrights-artists, .embed-baby .player-karaoke-ru-copyrights-title, .embed-baby .player-karaoke-ru-copyrights-karaoke-version {
  color: #202e3c; }

.player-karaoke-ru-copyrights-title {
  font-family: OpenSans, sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  color: white; }

.player-karaoke-ru-copyrights-karaoke-version {
  margin: 0.5em 0 0.5em;
  color: white;
  font-size: 24px;
  font-family: OpenSans, sans-serif; }

.player-karaoke-ru-copyrights-hr {
  margin: 0.7em 0 1.2em;
  height: 1px;
  background-color: #51667d; }

.player-karaoke-ru-resume-copyrights {
  display: block;
  padding: 50px 50px 0; }

.player-karaoke-ru-resume-copyrights-image {
  max-width: 18%;
  vertical-align: top; }

.player-karaoke-ru-resume-copyrights-artists {
  font-size: 20px;
  font-family: OpenSansExtrabold, sans-serif;
  text-transform: uppercase; }
  .player-karaoke-ru-resume-copyrights-artists a {
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none; }
    .player-karaoke-ru-resume-copyrights-artists a:hover {
      color: #FFFFFF;
      text-decoration: underline; }

.player-karaoke-ru-resume-copyrights-title {
  font-family: OpenSans,sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #ffffff; }

.player-karaoke-ru-resume-copyrights-karaoke-catalog-return {
  font-size: 15px;
  font-family: OpenSans,sans-serif;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: .5em;
  line-height: 1.6em;
  text-decoration: none; }
  .player-karaoke-ru-resume-copyrights-karaoke-catalog-return:hover {
    color: #FFFFFF;
    text-decoration: underline; }

.player-karaoke-ru-starter-container-wrapper {
  position: relative;
  display: inline-block; }

.player-karaoke-ru-starter-container {
  right: 100%;
  position: absolute;
  width: 12em;
  height: 1em;
  overflow: hidden;
  top: 0.16em; }

.player-karaoke-ru-starter {
  position: absolute;
  display: inline-block;
  left: 0;
  margin-left: -3em;
  width: 3em;
  height: 1em;
  background: rgba(245, 174, 31, 0);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245, 174, 31, 0)), color-stop(100%, #f5ae1f));
  background: linear-gradient(to right, rgba(245, 174, 31, 0) 0%, #f5ae1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ae1f', endColorstr='#f5ae1f', GradientType=1 ); }

.embed-baby .player-karaoke-ru-starter {
  background: rgba(255, 98, 0, 0);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 98, 0, 0)), color-stop(100%, #ff6200));
  background: linear-gradient(to right, rgba(255, 98, 0, 0) 0%, #ff6200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6200', endColorstr='#ff6200', GradientType=1 ); }

.player-karaoke-ru-copyrights-little {
  font-size: 14px;
  font-family: OpenSans, sans-serif;
  line-height: 1.5em; }

.player-karaoke-ru-copyrights-block {
  margin: 0.8em 0 0.8em; }

.player-karaoke-ru-copyrights-what {
  color: #54647a; }

.player-karaoke-ru-copyrights-who {
  color: #93a4bb; }

.player-karaoke-ru-top {
  background-color: #141d25; }

.player-karaoke-ru-content {
  background-color: black;
  overflow: hidden;
  top: 0; }

.embed-baby .player-karaoke-ru-content {
  background-color: transparent; }

.player-karaoke-ru-content [i-player-resume-button], .player-karaoke-ru-content [i-player-pause-button], .player-karaoke-ru-content [i-player-play-button] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2; }

.player-karaoke-ru-content [i-player-resume-button] .play-btn-cont, .player-karaoke-ru-content [i-player-play-button] .play-btn-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 56px;
  width: 48px;
  transform: translate(-50%, -50%);
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/play-icon-big-white.svg");
  background-size: contain;
  opacity: 0.7;
  transition: opacity .5s ease; }

.player-karaoke-ru-content [i-player-resume-button]:hover .play-btn-cont, .player-karaoke-ru-content [i-player-play-button]:hover .play-btn-cont {
  opacity: 1; }

.player-karaoke-ru-content [i-player-resume-button] .play-btn-cont {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/play-icon-big-white.svg"); }

.embed-baby .player-karaoke-ru-content [i-player-resume-button] .play-btn-cont, .embed-baby .player-karaoke-ru-content [i-player-play-button] .play-btn-cont {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/play-orange-btn.png"); }

.player-karaoke-ru-content [i-player-resume-button] {
  background-color: rgba(0, 0, 0, 0.7); }

.player-karaoke-ru-content [i-player-resume-button], .player-karaoke-ru-content [i-player-pause-button] {
  display: none; }

.player-state-Playing .player-karaoke-ru-content [i-player-pause-button] {
  display: block; }

.player-state-Playing .player-karaoke-ru-content [i-player-play-button] {
  display: none; }

.player-state-Paused .player-karaoke-ru-content [i-player-play-button], .player-state-Paused .player-karaoke-ru-content [i-player-pause-button] {
  display: none; }

.player-state-Paused .player-karaoke-ru-content [i-player-resume-button] {
  display: block; }

.player-state-End .player-karaoke-ru-content [i-player-play-button],
.player-state-End .player-karaoke-ru-content [i-player-pause-button] {
  display: none; }

.player-state-End .player-karaoke-ru-content [i-player-resume-button] {
  display: block;
  cursor: default;
  background-color: #000000; }
  .player-state-End .player-karaoke-ru-content [i-player-resume-button] .play-btn-cont {
    display: none; }

.player-karaoke-ru-playing-container {
  position: relative;
  background-color: #2c3e51;
  height: 10%;
  width: 100%; }

.player-karaoke-ru-playing {
  position: relative;
  width: 0;
  background-color: #9459a4; }

.player-karaoke-ru-playing-dot {
  height: 200%;
  border-radius: 50px;
  position: absolute;
  right: -2px;
  background: #9459a4;
  top: -50%;
  z-index: 1;
  display: inline-block; }
  .player-karaoke-ru-playing-dot .blank_img {
    height: 100%; }

.embed-baby .player-karaoke-ru-playing {
  background-color: #ff6200; }

.player-karaoke-ru-buffering {
  width: 0;
  background-color: #2c3e51;
  position: absolute;
  top: 0;
  height: 100%; }

.player-karaoke-ru-bottom {
  background-color: #06090c;
  font-size: 1.2em; }

.player-karaoke-ru-bottom-left,
.player-karaoke-ru-bottom-right {
  line-height: 100%; }
  .player-karaoke-ru-bottom-left:before,
  .player-karaoke-ru-bottom-right:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle; }

.player-karaoke-ru-bottom-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  height: 100%;
  padding-left: 10px; }

.player-karaoke-ru-bottom-right {
  position: absolute;
  right: 0;
  white-space: nowrap;
  text-align: right;
  height: 100%;
  padding-right: 10px; }

.player-state-Playing .player-karaoke-ru-play-button {
  display: none; }

.player-karaoke-ru-play-button-icon,
.player-karaoke-ru-resume-button-icon,
.player-karaoke-ru-settings-button-icon {
  height: 100%;
  vertical-align: top; }

.player-karaoke-ru-fullscreen-button-icon,
.player-karaoke-ru-play-button-icon,
.player-karaoke-ru-pause-button-icon {
  height: 100%;
  vertical-align: top;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center; }
  .player-karaoke-ru-fullscreen-button-icon .blank_img,
  .player-karaoke-ru-play-button-icon .blank_img,
  .player-karaoke-ru-pause-button-icon .blank_img {
    height: 100%; }

.player-karaoke-ru-play-button-icon {
  background-size: 70%; }

.player-karaoke-ru-volume-button-icon {
  height: 50%;
  vertical-align: middle; }

.player-karaoke-ru-volume-button,
.player-karaoke-ru-settings-button,
.player-karaoke-ru-noads-button,
.player-karaoke-ru-microphone-button,
.player-karaoke-ru-settings-button,
.player-karaoke-ru-scores-help,
.player-karaoke-ru-session-help,
.player-karaoke-ru-stars-button {
  cursor: pointer;
  padding: 7px; }

.player-karaoke-ru-fullscreen-button,
.player-karaoke-ru-play-button,
.player-karaoke-ru-pause-button,
.player-karaoke-ru-resume-button {
  cursor: pointer;
  border-radius: 50px;
  background-color: #151f28;
  height: 80%;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  bottom: 1px; }
  .player-karaoke-ru-fullscreen-button:hover,
  .player-karaoke-ru-play-button:hover,
  .player-karaoke-ru-pause-button:hover,
  .player-karaoke-ru-resume-button:hover {
    background-color: #8b9bb1; }

.player-karaoke-ru-fullscreen-button .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-icon.svg"); }

.player-karaoke-ru-fullscreen-button:hover .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-icon-dark.svg"); }

.player-karaoke-ru-play-button .player-karaoke-ru-play-button-icon,
.player-karaoke-ru-resume-button .player-karaoke-ru-play-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/play-icon.svg"); }

.player-karaoke-ru-play-button:hover .player-karaoke-ru-play-button-icon,
.player-karaoke-ru-resume-button:hover .player-karaoke-ru-play-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/play-icon-dark.svg"); }

.player-karaoke-ru-pause-button .player-karaoke-ru-pause-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/pause-icon.svg"); }

.player-karaoke-ru-pause-button:hover .player-karaoke-ru-pause-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/pause-icon-dark.svg"); }

.player-karaoke-ru-volume-button {
  display: inline-block;
  height: 100%; }

.player-state-Paused .player-karaoke-ru-play-button {
  display: none; }

.player-karaoke-ru-pause-button,
.player-karaoke-ru-resume-button {
  display: none; }

.player-state-Playing .player-karaoke-ru-pause-button {
  display: inline-block; }

.player-state-Paused .player-karaoke-ru-resume-button {
  display: inline-block; }

.player-karaoke-ru-volume-button {
  position: relative; }

.player-fullscreen-state-On.player-karaoke-ru {
  position: fixed;
  top: 0;
  left: 0; }

.player-fullscreen-state-On .player-karaoke-ru-settings-button,
.player-fullscreen-state-On .player-karaoke-ru-noads-button,
.player-fullscreen-state-On .player-karaoke-ru-microphone-button,
.player-fullscreen-state-On .player-karaoke-ru-settings-button,
.player-fullscreen-state-On .player-karaoke-ru-scores-help,
.player-fullscreen-state-On .player-karaoke-ru-session-help,
.player-fullscreen-state-On .player-karaoke-ru-stars-button {
  padding: 5px; }

.player-fullscreen-state-On .player-karaoke-ru-banner-area-bottom-panel {
  height: 10%; }

.player-fullscreen-state-On .player-karaoke-ru-lines {
  bottom: 10%; }

.player-fullscreen-state-On .player-karaoke-ru-bottom {
  height: 100%;
  font-size: 1.5em; }

.player-fullscreen-state-On .player-karaoke-ru-fullscreen-tip-container {
  right: 20%; }
  .player-fullscreen-state-On .player-karaoke-ru-fullscreen-tip-container .player-karaoke-ru-fullscreen-tip {
    margin-right: -0.5em; }
  .player-fullscreen-state-On .player-karaoke-ru-fullscreen-tip-container .tip-angle {
    margin-right: 0; }

.player-fullscreen-state-On .player-karaoke-ru-settings-tip-container {
  right: 0; }
  .player-fullscreen-state-On .player-karaoke-ru-settings-tip-container .player-karaoke-ru-settings-tip {
    margin-right: 0; }
  .player-fullscreen-state-On .player-karaoke-ru-settings-tip-container .tip-angle {
    margin-right: 0; }

.player-fullscreen-state-On .player-karaoke-ru-time-wrapper {
  font-size: 18px; }

.player-fullscreen-state-On .player-karaoke-ru-fullscreen-button .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-off-icon.svg"); }

.player-fullscreen-state-On .player-karaoke-ru-fullscreen-button:hover .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-off-icon-dark.svg"); }

@media screen and (max-width: 1024px) {
  .player-karaoke-ru-settings-button,
  .player-karaoke-ru-noads-button,
  .player-karaoke-ru-microphone-button,
  .player-karaoke-ru-fullscreen-button,
  .player-karaoke-ru-settings-button,
  .player-karaoke-ru-scores-help,
  .player-karaoke-ru-session-help,
  .player-karaoke-ru-stars-button,
  .player-karaoke-ru-volume-button {
    padding: 5px; }
  .player-fullscreen-state-On.player-karaoke-ru {
    position: fixed;
    top: 0;
    left: 0; }
  .player-fullscreen-state-On .player-karaoke-ru-settings-button,
  .player-fullscreen-state-On .player-karaoke-ru-noads-button,
  .player-fullscreen-state-On .player-karaoke-ru-microphone-button,
  .player-fullscreen-state-On .player-karaoke-ru-fullscreen-button,
  .player-fullscreen-state-On .player-karaoke-ru-settings-button,
  .player-fullscreen-state-On .player-karaoke-ru-scores-help,
  .player-fullscreen-state-On .player-karaoke-ru-session-help,
  .player-fullscreen-state-On .player-karaoke-ru-stars-button {
    padding: 15px; }
  .player-fullscreen-state-On .player-karaoke-ru-volume-button {
    padding: 15px 16px; }
  .player-fullscreen-state-On .player-karaoke-ru-fullscreen-tip-container .tip-angle {
    text-align: right; }
  .player-fullscreen-state-On .player-karaoke-ru-fullscreen-tip {
    margin-right: 0; }
  .player-fullscreen-state-On .player-karaoke-ru-settings-tip-container .tip-angle {
    text-align: right; }
  .player-fullscreen-state-On .player-karaoke-ru-settings-tip {
    margin-right: 0; } }

.player-karaoke-ru-settings-button:hover,
.player-karaoke-ru-noads-button:hover,
.player-karaoke-ru-microphone-button:hover,
.player-karaoke-ru-settings-button:hover,
.player-karaoke-ru-scores-help:hover,
.player-karaoke-ru-session-help:hover,
.player-karaoke-ru-resume-button:hover,
.player-karaoke-ru-top-container:hover,
.player-karaoke-ru-stars-button:hover {
  background: #f36a21; }

.embed-baby .player-karaoke-ru-volume-button:hover,
.embed-baby .player-karaoke-ru-settings-button:hover,
.embed-baby .player-karaoke-ru-noads-button:hover,
.embed-baby .player-karaoke-ru-microphone-button:hover,
.embed-baby .player-karaoke-ru-settings-button:hover,
.embed-baby .player-karaoke-ru-scores-help:hover,
.embed-baby .player-karaoke-ru-session-help:hover,
.embed-baby .player-karaoke-ru-resume-button:hover,
.embed-baby .player-karaoke-ru-top-container:hover,
.embed-baby .player-karaoke-ru-bemoldiez-button:hover,
.embed-baby .player-karaoke-ru-pro-button:hover,
.embed-baby .player-karaoke-ru-stars-button:hover {
  background: #ff6200; }

.block-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000000000;
  background: transparent;
  display: none; }

.player-state-Adv .block-layer {
  display: block; }

.blockControls .block-layer {
  display: block; }

.player-karaoke-ru-volume-control-container {
  position: absolute; }

.player-karaoke-ru-time-wrapper {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  padding-left: 15px;
  font-size: 12px; }

.player-karaoke-ru-time {
  display: inline-block;
  color: #51667d;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 30px; }

.player-karaoke-ru-time-played {
  color: #8b9bb1; }

.player-karaoke-ru-noads-button-text {
  color: #51667d;
  margin: 0.8em 3.8em; }

.player-karaoke-ru-microphone-button-icon {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-sprite1.png") 0 70.5%;
  width: 24px;
  height: 24px;
  margin: 0.4em 2em; }

.player-karaoke-ru-fullscreen-button,
.player-karaoke-ru-settings-button {
  position: relative; }

.player-karaoke-ru-bemoldiez-button-icon {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-sprite1.png") 0 100.5% no-repeat;
  width: 32px;
  height: 30px;
  margin: 0.2em 1.5em; }

.player-karaoke-ru-pro-button-icon {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-sprite1.png") 0 76.5% no-repeat;
  width: 40px;
  height: 30px;
  margin: 0.2em 1.5em; }

.player-karaoke-ru-stars-button-icon {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player-sprite1.png") 0 86.5% no-repeat;
  width: 38px;
  height: 30px;
  margin: 0.2em 1.5em; }

.player-karaoke-ru-fullscreen-tip-container,
.player-karaoke-ru-settings-tip-container {
  position: absolute;
  right: 9%;
  bottom: 100%; }

.player-karaoke-ru:-webkit-full-screen .setting-block {
  font-size: 18px; }

.player-karaoke-ru:-ms-fullscreen .setting-block {
  font-size: 18px; }

.player-karaoke-ru:fullscreen .setting-block {
  font-size: 18px; }

.player-karaoke-ru:-webkit-full-screen .confirm-button {
  width: auto;
  font-size: 18px;
  padding: 0 10px; }

.player-karaoke-ru:-ms-fullscreen .confirm-button {
  width: auto;
  font-size: 18px;
  padding: 0 10px; }

.player-karaoke-ru:fullscreen .confirm-button {
  width: auto;
  font-size: 18px;
  padding: 0 10px; }

.player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-fullscreen-tip-container {
  right: 0; }

.player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-fullscreen-tip-container {
  right: 0; }

.player-karaoke-ru:fullscreen .player-karaoke-ru-fullscreen-tip-container {
  right: 0; }
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-fullscreen-tip-container .player-karaoke-ru-fullscreen-tip {
    margin-right: 1em; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-fullscreen-tip-container .player-karaoke-ru-fullscreen-tip {
    margin-right: 1em; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-fullscreen-tip-container .player-karaoke-ru-fullscreen-tip {
    margin-right: 1em; }
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-fullscreen-tip-container .tip-angle {
    margin-right: 2em; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-fullscreen-tip-container .tip-angle {
    margin-right: 2em; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-fullscreen-tip-container .tip-angle {
    margin-right: 2em; }

.player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-time-wrapper {
  font-size: 16px; }

.player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-time-wrapper {
  font-size: 16px; }

.player-karaoke-ru:fullscreen .player-karaoke-ru-time-wrapper {
  font-size: 16px; }

.player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-settings-tip-container {
  right: 0; }

.player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-settings-tip-container {
  right: 0; }

.player-karaoke-ru:fullscreen .player-karaoke-ru-settings-tip-container {
  right: 0; }
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-settings-tip-container .player-karaoke-ru-settings-tip {
    margin-right: 1em; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-settings-tip-container .player-karaoke-ru-settings-tip {
    margin-right: 1em; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-settings-tip-container .player-karaoke-ru-settings-tip {
    margin-right: 1em; }
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-settings-tip-container .tip-angle {
    margin-right: 2em; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-settings-tip-container .tip-angle {
    margin-right: 2em; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-settings-tip-container .tip-angle {
    margin-right: 2em; }

.player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-volume-button {
  padding: 7px 9px; }

.player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-volume-button {
  padding: 7px 9px; }

.player-karaoke-ru:fullscreen .player-karaoke-ru-volume-button {
  padding: 7px 9px; }

.player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-fullscreen-button .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-off-icon.svg"); }

.player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-fullscreen-button .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-off-icon.svg"); }

.player-karaoke-ru:fullscreen .player-karaoke-ru-fullscreen-button .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-off-icon.svg"); }

.player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-fullscreen-button:hover .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-off-icon-dark.svg"); }

.player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-fullscreen-button:hover .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-off-icon-dark.svg"); }

.player-karaoke-ru:fullscreen .player-karaoke-ru-fullscreen-button:hover .player-karaoke-ru-fullscreen-button-icon {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/player/fullscreen-off-icon-dark.svg"); }

.player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-banner-area-bottom-panel {
  bottom: -9%; }

.player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-banner-area-bottom-panel {
  bottom: -9%; }

.player-karaoke-ru:fullscreen .player-karaoke-ru-banner-area-bottom-panel {
  bottom: -9%; }

.player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines {
  bottom: 1%; }

.player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines {
  bottom: 1%; }

.player-karaoke-ru:fullscreen .player-karaoke-ru-lines {
  bottom: 1%; }

.player-karaoke-ru:-webkit-full-screen.player-karaoke-ru--full .player-karaoke-ru-banner-area-bottom-panel {
  bottom: 0%; }

.player-karaoke-ru:-ms-fullscreen.player-karaoke-ru--full .player-karaoke-ru-banner-area-bottom-panel {
  bottom: 0%; }

.player-karaoke-ru:fullscreen.player-karaoke-ru--full .player-karaoke-ru-banner-area-bottom-panel {
  bottom: 0%; }

.player-karaoke-ru:-webkit-full-screen.player-karaoke-ru--full .player-karaoke-ru-lines {
  bottom: 10%; }

.player-karaoke-ru:-ms-fullscreen.player-karaoke-ru--full .player-karaoke-ru-lines {
  bottom: 10%; }

.player-karaoke-ru:fullscreen.player-karaoke-ru--full .player-karaoke-ru-lines {
  bottom: 10%; }

.player-karaoke-ru.player-fullscreen-state-On .player-karaoke-ru-banner-area-bottom-panel {
  bottom: -9%; }

.player-karaoke-ru.player-fullscreen-state-On .player-karaoke-ru-lines {
  bottom: 1%; }

.player-karaoke-ru.player-fullscreen-state-On.player-karaoke-ru--full .player-karaoke-ru-banner-area-bottom-panel {
  bottom: 0%; }

.player-karaoke-ru.player-fullscreen-state-On.player-karaoke-ru--full .player-karaoke-ru-lines {
  bottom: 10%; }

@media only screen and (min-width: 640px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 22px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 22px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 22px; } }

@media only screen and (min-width: 720px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 25px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 25px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 25px; } }

@media only screen and (min-width: 1024px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 36px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 36px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 36px; } }

@media only screen and (min-width: 1280px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 45px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 45px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 45px; } }

@media only screen and (min-width: 1360px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 48px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 48px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 48px; } }

@media only screen and (min-width: 1440px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 50px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 50px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 50px; } }

@media only screen and (min-width: 1600px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 56px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 56px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 56px; } }

@media only screen and (min-width: 1920px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 66px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 66px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 66px; } }

@media only screen and (min-width: 2560px) {
  .player-karaoke-ru:-webkit-full-screen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 90px; }
  .player-karaoke-ru:-ms-fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 90px; }
  .player-karaoke-ru:fullscreen .player-karaoke-ru-lines,
  .player-fullscreen-state-On.player-karaoke-ru .player-karaoke-ru-lines {
    font-size: 90px; } }

.player-karaoke-ru-fullscreen-button .player-karaoke-ru-fullscreen-tip-container,
.player-karaoke-ru-settings-button .player-karaoke-ru-settings-tip-container {
  display: none; }

.player-karaoke-ru-settings-button:hover:not(.active) .player-karaoke-ru-settings-tip-container,
.player-karaoke-ru-fullscreen-button.show-tooltip .player-karaoke-ru-fullscreen-tip-container {
  display: block; }

.player-karaoke-ru-fullscreen-tip,
.player-karaoke-ru-settings-tip {
  display: inline-block;
  background-color: #51667d;
  padding: 0.7em 1em;
  color: #d3d9de;
  margin-right: -1em; }

.tip-angle {
  margin-bottom: 0.1em;
  margin-top: -3px; }

.tip-angle-left-part {
  display: inline-block;
  border-left: solid 0.25em transparent;
  border-bottom: solid 0.25em transparent;
  border-top: solid 0.25em #51667d;
  border-right: solid 0.25em #51667d; }

.tip-angle-right-part {
  display: inline-block;
  border-bottom: solid 0.25em transparent;
  border-right: solid 0.25em transparent;
  border-top: solid 0.25em #51667d;
  border-left: solid 0.25em #51667d; }

.tip-angle-left-part, .tip-angle-right-part {
  font-size: 2em; }

.player-fullscreen-state-On.player-karaoke-ru {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000; }

.player-karaoke-ru-end {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8); }

.player-karaoke-ru-end {
  display: none; }

.player-karaoke-ru-end-congratulations {
  margin-top: 1em;
  font-size: 2em;
  color: #c1c9d2; }

.song-summary-noscore .player-karaoke-ru-end-score,
.song-summary-noscore .player-karaoke-ru-end-score-title {
  color: #DF3C3E; }

.player-karaoke-ru-end-text {
  padding-bottom: 20px;
  color: #D2DAE2; }

.player-karaoke-ru-end-score {
  font-size: 6em;
  font-weight: bold;
  color: #f36a21; }

.player-karaoke-ru-end-score-title {
  color: #f36a21; }

.player-karaoke-ru-end-hr {
  margin: 1.5em 7em 1.5em;
  height: 1px;
  background-color: #51667d; }

.embed-baby .player-karaoke-ru-copyrights-hr {
  width: 65%; }

.player-karaoke-ru-end-info-block > .player-karaoke-ru-end-info {
  display: inline-table; }

.player-karaoke-ru-end-info {
  text-align: center;
  margin: 0 2em;
  color: #c1c9d2; }

.player-karaoke-ru-end-info a {
  display: block; }

.player-state-End .player-karaoke-ru-lines {
  display: none; }

.player-karaoke-ru-volume-bar-container {
  width: 400%;
  height: 100%;
  text-align: center;
  display: inline-block;
  box-sizing: border-box; }

.player-karaoke-ru-volume-bar-wrapper {
  position: relative;
  width: 100%;
  height: 15%;
  display: inline-block;
  box-sizing: border-box;
  background: #2c3e51;
  vertical-align: middle; }

.player-karaoke-ru-volume-bar-value {
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 100%;
  background-color: #9459a4; }

.embed-baby .player-karaoke-ru-volume-bar-value {
  background-color: #ff6200; }

.ad_player_container {
  position: absolute;
  top: 0;
  left: -2000px;
  width: 100%;
  height: 100%;
  z-index: 100; }

.cursor-pointer {
  cursor: pointer; }

.player-karaoke-ru {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.player-karaoke-ru-top {
  height: 38px; }

.player-karaoke-ru-content {
  height: 100%; }

.player-karaoke-ru-playing {
  height: 100%; }

.player-karaoke-ru-bottom {
  width: 100%;
  height: 90%; }

.player-karaoke-ru-banner-area {
  height: 100%; }

.player-karaoke-ru-lines {
  bottom: 10%;
  transition: bottom 1s ease; }

.player-karaoke-ru-banner-area-bottom-panel {
  height: 10%;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 101;
  transition: bottom 1s ease; }

.player-karaoke-ru.player--adv {
  z-index: 1; }
  .player-karaoke-ru.player--adv ~ div {
    z-index: 2; }
  .player-karaoke-ru.player--adv .player-loading-screen {
    display: none !important; }
  .player-karaoke-ru.player--adv .player-media-video-tag {
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .player-karaoke-ru.player--adv .player-karaoke-ru-banner-area-bottom-panel {
    bottom: -10%; }
  .player-karaoke-ru.player--adv .player-karaoke-ru-lines {
    bottom: -30%; }

.player-karaoke-ru .player-media-video-tag {
  display: none;
  width: 0;
  height: 0; }

.embed-player, .embed-player BODY {
  height: 100%; }

.embed-player .player {
  height: 440px; }

.embed-player BODY {
  padding: 0;
  margin: 0; }

.embed-player .player-karaoke-ru-content {
  height: 100%; }

.embed-player .player-karaoke-ru-fullscreen-tip-container,
.embed-player .player-karaoke-ru-settings-tip-container {
  margin-left: -7.5em; }

.embed-player .tip-angle {
  margin-left: 4.8em; }

[i-player-karaoke-ru-slideshow] {
  position: relative; }

[i-player-karaoke-ru-slideshow] div {
  position: absolute;
  width: 100%;
  height: 100%; }

.player-summary-cont {
  display: none; }

.player-state-End .player-summary-cont {
  display: block; }

.player-karaoke-ru-starter {
  display: none; }

.player-state-Start .player-karaoke-ru-starter,
.player-state-Buffering .player-karaoke-ru-starter,
.player-state-Playing .player-karaoke-ru-starter,
.player-state-Paused .player-karaoke-ru-starter {
  display: block; }

.player-karaoke-ru-banner-mode {
  background: #000;
  padding-top: 40px;
  display: none;
  z-index: 4; }

.player-karaoke-ru-banner-mode-header {
  font-family: OpenSansLight, sans-serif;
  font-size: 2em;
  color: #fff;
  text-align: center;
  line-height: 2em;
  height: 2em; }

.player-karaoke-ru-banner-mode-table {
  display: table;
  width: 95%;
  height: 85%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0.4em; }

.player-karaoke-ru-banner-mode-row {
  display: table-row; }

.player-karaoke-ru-banner-mode-col {
  display: table-cell;
  width: 33.3%;
  background: #71386d;
  position: relative;
  background: linear-gradient(50deg, #5a2960, #c56f96); }

.player-karaoke-ru-banner-mode-col:first-child {
  background: #202e3c; }

.player-karaoke-ru-banner-mode-col-header {
  color: #fff;
  font-family: OpenSansBold, sans-serif;
  font-size: 1.5em;
  text-align: center;
  line-height: 1.8em;
  height: 1.8em;
  background: #fb9600; }

.player-karaoke-ru-banner-mode-col-content LI {
  font-family: OpenSansLight, sans-serif;
  font-size: 1.5em;
  color: #fff;
  padding: 0 0 0.8em 0; }

.player-karaoke-ru-banner-mode-col-content UL {
  position: absolute;
  top: 45%;
  left: 57%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 70%; }

.player-karaoke-ru-banner-mode-col-action {
  color: #fff;
  font-family: OpenSansBold, sans-serif;
  font-size: 16px;
  padding: 0.6em 0.5em;
  border-radius: 5px;
  text-align: center;
  width: 90%;
  position: absolute;
  left: 50%;
  top: 76%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  cursor: pointer; }

.action-guest {
  border: 1px solid #fff; }

.action-user {
  box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.3);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, transparent 100%), #FB9600; }

.action-user:hover {
  background: #FB9600; }

.player-karaoke-ru-banner-mode-col-description {
  position: absolute;
  bottom: 0.5em;
  text-align: center;
  font-family: OpenSansLight, sans-serif;
  color: #fff;
  font-size: 1em;
  width: 100%; }

.player-karaoke-ru-banner-mode-col-description CANVAS {
  text-align: center; }

.uppercase {
  text-transform: uppercase; }

.player-karaoke-ru-settings-popup {
  display: block;
  width: 100%;
  position: absolute;
  right: 0;
  top: 20%;
  color: #8B9BB1;
  overflow: hidden;
  transition: height .5s ease, top .5s ease;
  cursor: default;
  font-size: 1.2em;
  text-align: center;
  padding: 0 20px;
  z-index: 1; }
  .player-karaoke-ru-settings-popup .setting-block {
    display: inline-block;
    text-align: center;
    padding: 5px;
    font-size: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    border-left: none;
    overflow: hidden;
    vertical-align: middle; }
    .player-karaoke-ru-settings-popup .setting-block label {
      cursor: pointer;
      font-weight: normal;
      margin: 0 30px 0 10px; }
    .player-karaoke-ru-settings-popup .setting-block .checkbox_off-value {
      border: solid 1px #8B9BB1;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-right: none;
      color: #FFFFFF;
      background-color: #737f92;
      padding: 3px 5px;
      font-size: 12px; }
    .player-karaoke-ru-settings-popup .setting-block .checkbox_on-value {
      border: solid 1px #8B9BB1;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      color: #FFFFFF;
      padding: 3px 5px;
      font-size: 12px; }
    .player-karaoke-ru-settings-popup .setting-block input[type=checkbox] {
      margin: 0 3px 0 0;
      vertical-align: middle;
      position: absolute;
      left: -9999px;
      bottom: 3px;
      cursor: pointer; }
    .player-karaoke-ru-settings-popup .setting-block input:checked ~ .checkbox_on-value {
      background-color: #737f92;
      border-color: #737f92; }
    .player-karaoke-ru-settings-popup .setting-block input:checked ~ .checkbox_off-value {
      background: none; }
    .player-karaoke-ru-settings-popup .setting-block .tone-action-block {
      width: 70px;
      display: inline-block;
      line-height: 20px;
      border: solid 1px #8B9BB1;
      border-radius: 5px;
      color: #FFFFFF;
      margin-left: 10px; }
      .player-karaoke-ru-settings-popup .setting-block .tone-action-block i {
        padding: 0 5px;
        display: inline-block;
        height: 100%; }
      .player-karaoke-ru-settings-popup .setting-block .tone-action-block .minus,
      .player-karaoke-ru-settings-popup .setting-block .tone-action-block .plus {
        cursor: pointer;
        padding: 0 7px; }
        .player-karaoke-ru-settings-popup .setting-block .tone-action-block .minus:hover,
        .player-karaoke-ru-settings-popup .setting-block .tone-action-block .plus:hover {
          background-color: #8B9BB1; }
      .player-karaoke-ru-settings-popup .setting-block .tone-action-block .minus {
        float: left;
        border-right: solid 1px #8B9BB1; }
      .player-karaoke-ru-settings-popup .setting-block .tone-action-block .value {
        color: #FFFFFF; }
      .player-karaoke-ru-settings-popup .setting-block .tone-action-block .plus {
        float: right;
        border-left: solid 1px #8B9BB1; }
  .player-karaoke-ru-settings-popup .confirm-button {
    width: 100px;
    margin: 0 0 0 40px;
    border: solid 1px #8B9BB1;
    border-radius: 5px;
    height: 100%;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer; }
    .player-karaoke-ru-settings-popup .confirm-button.disabled {
      color: rgba(139, 155, 177, 0.3);
      cursor: not-allowed; }

.need-full-access {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 22px;
  color: #8B9BB1;
  background-color: #141f29;
  border: solid 1px #8B9BB1;
  text-align: center;
  line-height: 30px;
  padding: 39px 0; }
  .need-full-access span {
    color: #FFFFFF;
    cursor: pointer; }
    .need-full-access span:hover {
      text-decoration: underline; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) {
  .player-karaoke-ru-lines {
    padding: 0.4em 0 2.5em 0; } }

@media screen and (max-width: 1119px) {
  HTML:not(.embed-player) .notify-seperator {
    margin-top: 4px;
    margin-bottom: 8px; }
  HTML:not(.embed-player) .notify-message {
    margin-top: -9px; }
  HTML:not(.embed-player) .player-karaoke-ru-banner-mode-col-description {
    font-size: 0.7em;
    bottom: 0.1em; }
  HTML:not(.embed-player) .player-karaoke-ru-banner-mode-col-content LI {
    font-size: 0.9em; }
  HTML:not(.embed-player) .song-summary-app-img {
    height: 40px; }
  HTML:not(.embed-player) .player-karaoke-ru-banner-mode-header {
    font-size: 1.7em;
    line-height: 1.7em;
    height: 1.7em; }
  HTML:not(.embed-player) .player-karaoke-ru-banner-mode-col-action {
    padding: 0.4em 0.5em; }
  HTML:not(.embed-player) .player-karaoke-ru-end-text {
    padding-bottom: 10px; }
  HTML:not(.embed-player) .notify-header {
    padding-top: 0;
    font-size: 26px;
    line-height: 39px;
    margin-bottom: 10px;
    letter-spacing: 2px; }
  HTML:not(.embed-player) .player-karaoke-ru-copyrights-right {
    left: 27%; }
  HTML:not(.embed-player) .player-karaoke-ru-copyrights-artists {
    font-size: 1em; }
  HTML:not(.embed-player) .player-karaoke-ru-content {
    height: 100%; }
  HTML:not(.embed-player) .player-karaoke-ru-end-congratulations {
    margin-top: 0.3em; }
  HTML:not(.embed-player) .player-karaoke-ru-end-score {
    font-size: 4em; }
  HTML:not(.embed-player) .player-karaoke-ru-end-hr {
    margin: 1em 6em 1.5em; }
  HTML:not(.embed-player) .player-karaoke-ru-top-container {
    width: 100%;
    left: 0; }
  HTML:not(.embed-player) .player-karaoke-ru-scores-container {
    position: absolute;
    left: 10px; }
  HTML:not(.embed-player) .player-karaoke-ru-session-container {
    position: absolute;
    right: 10px; }
  HTML:not(.embed-player) .player-karaoke-ru-scores-wrapper,
  HTML:not(.embed-player) .player-karaoke-ru-scores,
  HTML:not(.embed-player) .player-karaoke-ru-session-wrapper,
  HTML:not(.embed-player) .player-karaoke-ru-session {
    font-size: 20px; }
  HTML:not(.embed-player) .player-karaoke-ru-scores-wrapper,
  HTML:not(.embed-player) .player-karaoke-ru-scores,
  HTML:not(.embed-player) .player-karaoke-ru-session-wrapper {
    margin-top: 0.23em; }
  HTML:not(.embed-player) .player-karaoke-ru-settings-button,
  HTML:not(.embed-player) .player-karaoke-ru-noads-button {
    border-left: 1px solid #273646; }
  HTML:not(.embed-player) .player-karaoke-ru-noads-button-text {
    margin: 0.8em 1em; }
  HTML:not(.embed-player) .player-karaoke-ru-copyrights-artists,
  HTML:not(.embed-player) .player-karaoke-ru-copyrights-title {
    font-size: 20px; }
  HTML:not(.embed-player) .player-karaoke-ru-copyrights-karaoke-version {
    font-size: 15px; }
  HTML:not(.embed-player) .player-karaoke-ru-copyrights-little {
    font-size: 10px; }
  HTML:not(.embed-player) .player-karaoke-ru-copyrights-hr {
    margin: 0.3em 0 0.3em 0; }
  HTML:not(.embed-player) .player-karaoke-ru-starter-container {
    top: 0; }
  HTML:not(.embed-player) .player-karaoke-ru-lines {
    bottom: 10%; }
  HTML:not(.embed-player) .player-karaoke-ru-banner-area-bottom-panel {
    height: 10%; }
  HTML:not(.embed-player) .song-block-ico {
    top: 45px;
    left: 82px; }
  HTML:not(.embed-player) .notify-center {
    margin: auto;
    padding-top: 0; }
  HTML:not(.embed-player) .player-notification.notify-payment-song .disk-ico {
    margin-bottom: 30px;
    background-size: cover;
    width: 54px;
    height: 54px; }
  HTML:not(.embed-player) .player-notification.notify-payment-song .song-block-description {
    font-size: 20px; }
  HTML:not(.embed-player) .player-notification.notify-payment-song .song-block-button {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 1px;
    width: auto;
    display: inline-block;
    padding: 0 20px;
    margin-top: 10px; }
  HTML:not(.embed-player) .player-karaoke-ru-fullscreen-tip-container {
    right: 0; } }

.pg-default .block-title.violet {
  padding-top: 28px; }

.pg-default .block-title.red {
  padding-top: 118px; }

.pg-default .block-title.green {
  padding-top: 35px; }

.block-title:first-child {
  padding-top: 1px; }

.block-title.search-block {
  padding-top: 7px; }

.block-title-major {
  font-size: 34px;
  font-family: OpenSansBold, sans-serif;
  color: #c1c9d2; }

.block-title.violet .block-title-major, .block-title.violet .block-title-minor {
  color: #9459a4; }

.block-title.red .block-title-major, .block-title.red .block-title-minor {
  color: #ef472c; }

.block-title.green .block-title-major, .block-title.green .block-title-minor {
  color: #49ba7d; }

.block-title.orange .block-title-major, .block-title.orange .block-title-minor {
  color: #f47926; }

.block-title-minor {
  font-size: 34px;
  font-family: OpenSansLight, sans-serif;
  color: #c1c9d2;
  display: block;
  margin-top: -18px; }

.playlist-genre-container {
  margin: 25px 0 0 0;
  position: relative; }

@media screen and (max-width: 1119px) {
  .artist-page {
    margin: 83px 0 0 0; }
    .artist-page .block-title {
      display: block; } }

.pg-playlists .playlist-genre-container UL {
  margin-left: -13px; }

.playlist-genre-container:not(:last-child):after {
  content: '';
  position: absolute;
  top: 101.2%;
  left: 0;
  width: 100%;
  max-width: 790px;
  height: 41px;
  position: absolute;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/playlist-border-bottom.png") repeat-x; }

.playlist-all-arrow {
  font-size: 20px;
  font-family: Arial;
  color: #6c809b; }

.playlist-genre {
  width: 185px;
  height: 215px;
  margin: 0 21px 47px 0;
  float: left;
  list-style: none;
  position: relative;
  cursor: pointer; }

.playlist-genre A {
  width: 100%; }

.playlist-genre-item {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 230px; }

.playlist-genre-bg {
  position: absolute;
  width: 200px;
  height: 260px;
  top: -4px;
  left: 0;
  background: #fff; }

.playlist-genre:hover .playlist-genre-bg {
  background: #ecf0f1;
  box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.25);
  z-index: 2; }

.playlist-genre:hover .playlist-genre-title, .playlist-genre:hover .playlist-genre-songCount {
  color: #9459a4; }

.playlist-genre-title {
  font-family: OpenSansSemibold, sans-serif;
  font-size: 18px;
  color: #2c3e51;
  margin-top: 10px;
  line-height: 22px;
  max-height: 44px;
  width: 100%;
  overflow: hidden;
  display: block; }

.playlist-genre-songCount {
  color: #6c809b;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  display: block; }

.clear {
  clear: both; }

.playlists .block-title {
  padding: 77px 0 0 0; }

.pg-playlists .playlists {
  margin: 0 0 55px 0; }

.pg-playlists .playlist-genre {
  width: 185px; }

.pg-playlist .playlist-container {
  margin: 16px 0 0 0; }

.playlists .block-title:first-child {
  padding-top: 1px; }

.playlist-image {
  vertical-align: top;
  display: inline-block; }

.search-page .playlist .name .playlist-song-info {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.playlist .name .playlist-song-info {
  display: block; }

.playlist-songs .actions a:first-child {
  margin-left: 16%; }

.search-page .playlist .actions {
  margin-left: 5px; }

.playlist-container .block-separator {
  margin: 30px 0; }

.playlist-container {
  position: relative; }

.icons-640-dscr {
  overflow: hidden;
  margin: 10px 0 0 0;
  font-family: OpenSansSemibold, sans-serif;
  font-size: 14px;
  color: #93a4bb;
  list-style: none;
  display: none; }

.icons-640-dscr LI {
  float: left;
  margin: 0 20px 0 0; }

.icons-640-dscr LI:nth-child(1) {
  padding: 0 0 0 20px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/micro.png") no-repeat; }

.icons-640-dscr LI:nth-child(2) {
  padding: 0 0 0 20px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/text.png") no-repeat; }

.contest-description-block {
  margin: 20px 0; }

.contest-image {
  float: left; }

.contest-dscr {
  font-family: OpenSans, sans-serif;
  margin: 0 0 0 130px; }

.rating-wrapper {
  position: relative;
  margin: 20px 0 0 0; }
  .rating-wrapper.empty-results .rating-users {
    display: none; }
  .rating-wrapper.empty-results .contest-wrapper {
    position: absolute;
    top: 67%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%); }

.rating-left-description, .rating-right-description {
  position: absolute;
  top: 100px;
  letter-spacing: 2px;
  color: #f5ad22;
  font-family: OpenSans, sans-serif; }

.rating-left-description {
  left: 20px; }

.rating-right-description {
  right: 20px; }

.rating-header {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/rating-header.png") 50% 0 no-repeat;
  height: 157px; }

.rating-table-layout {
  display: table;
  width: 100%; }

.rating-table-row {
  display: table-row; }

.rating-arrow-left, .rating-arrow-right {
  display: table-cell;
  height: 157px;
  width: 79px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/rating-arrow-left.png") no-repeat;
  background-size: contain; }

.rating-arrow-right {
  transform: rotate(180deg);
  background-position: 0 100%; }

.rating-list {
  border-top: 5px solid #f5ac21;
  height: 150px;
  border-bottom: 5px solid #f5ac21;
  display: table;
  width: 100%; }

.rating-users {
  display: table-row; }

.rating-user {
  display: table-cell;
  position: relative;
  vertical-align: middle; }

.rating-list-cell {
  display: table-cell;
  vertical-align: top; }

.rating-user {
  position: relative; }
  .rating-user .crown {
    background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/rating-user-crown.png");
    width: 103px;
    height: 87px;
    margin: 15px auto 0 auto;
    padding-top: 10px;
    background-size: contain;
    background-repeat: no-repeat; }

.rating-user:hover {
  background: #f5ad22; }
  .rating-user:hover .crown {
    background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/rating-user-crown-current.png");
    background-repeat: no-repeat; }
  .rating-user:hover .rating-user-score {
    color: #fff; }
  .rating-user:hover .rating-user-name {
    display: block; }

.rating-user-photo {
  height: 80px;
  width: 80px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  border-radius: 50%; }

.rating-user-name {
  display: none;
  position: absolute;
  top: 88px;
  background: #fff;
  color: #f5ad22;
  text-align: center;
  width: 100%;
  height: 25px;
  line-height: 25px; }

.rating-user-score {
  margin-top: 5px;
  text-align: center;
  color: #955fa6;
  font-family: OpenSansBold, sans-serif;
  height: 20px;
  letter-spacing: 1px; }

.rating-user-position {
  width: 30px;
  height: 30px;
  background: #955fa6;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  color: #fff;
  position: absolute;
  font-size: 22px;
  font-family: OpenSans, sans-serif; }

.rating-wrapper .rating-user-position {
  top: 30px;
  left: 20px; }

.contest-wrapper {
  text-align: center;
  margin-bottom: 80px; }

.want-contest {
  font-size: 15px;
  color: #1e2e3c;
  text-transform: uppercase;
  margin: 30px 0 20px 0;
  text-align: center; }

.enter-contest-playlist {
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
  display: inline-block;
  padding: 12px 30px 12px 65px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  letter-spacing: 3px;
  font-family: OpenSans, sans-serif;
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/valentine-day-ico.png) 2% 50% no-repeat, url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/valentine-day-button-bg.png) repeat-x; }
  .enter-contest-playlist:focus, .enter-contest-playlist:hover, .enter-contest-playlist:active, .enter-contest-playlist:visited {
    color: #fff;
    text-decoration: none; }

.contest-more {
  color: #9459A4;
  border-bottom: 1px dashed #9459A4;
  display: inline-block;
  cursor: pointer;
  margin: 10px 0 0 0; }
  .contest-more.stage-type-3 {
    display: none; }

.contest-more-block {
  display: none;
  margin-left: 15px; }

.contest-result-block .rating-user-position {
  top: 15px;
  left: 15px; }

.contest-result-block .rating-user-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.contest-result-block TABLE {
  width: 100%;
  margin-bottom: 50px; }
  .contest-result-block TABLE .contest-head {
    color: #aebbcd; }
    .contest-result-block TABLE .contest-head TD {
      padding-left: 20px; }
  .contest-result-block TABLE TD {
    border: 1px solid #dfe6ed;
    padding: 10px 0; }
  .contest-result-block TABLE .rating-user .crown {
    margin: 5px auto 5px auto; }

.contest-result-header {
  margin: 50px 0 30px 0;
  color: #2c3e51;
  font-size: 36px; }

.contest-result-period {
  color: #f5ad22;
  font-family: OpenSans, sans-serif;
  font-weight: bold;
  text-align: center; }

.contest-participants {
  margin: 15px 0 5px 0;
  color: #9459a4; }

.contest-participants-count {
  color: #9459a4;
  font-family: OpenSans, sans-serif;
  font-weight: bold;
  font-size: 18px; }

@media screen and (max-width: 1119px) {
  .pg-playlists .playlist-genre:nth-child(3n), .pg-artists .playlist-genre:nth-child(3n) {
    margin-right: 0; }
  .playlist-genre-container:not(:last-child):after {
    max-width: 618px; }
  .icons-640-dscr {
    display: block; }
  .pg-playlists .playlist-genre {
    width: 183px; }
  .rating-list {
    height: 131px; }
  .rating-user .crown {
    width: 77px;
    height: 73px; }
  .rating-user-name {
    top: 70px;
    height: 20px;
    line-height: 20px; }
  .rating-left-description {
    left: 0; }
  .rating-right-description {
    right: 0; }
  .rating-left-description, .rating-right-description {
    letter-spacing: 0; }
  .rating-arrow-left, .rating-arrow-right {
    height: 130px;
    width: 69px; }
  .rating-user-photo {
    height: 60px;
    width: 60px; }
  .rating-user-position {
    width: 20px;
    height: 20px;
    line-height: 24px;
    font-size: 14px; }
  .contest-result-header {
    font-size: 28px; } }

@media screen and (min-width: 1120px) {
  .contest-result-block .rating-user-name {
    top: 80px; } }

.popup-wrapper {
  display: none;
  position: fixed;
  left: 50%;
  width: 100%;
  top: 40px;
  max-width: 1080px;
  z-index: 1010;
  transform: translate(-50%, 0); }
  .popup-wrapper.show {
    display: block; }

.popup {
  /*rgba(0, 0, 0, 0.3) 0,   */
  background: #ECF0F1 linear-gradient(rgba(148, 89, 164, 0.4) 0, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.1) 10px, transparent 40px);
  /*box-shadow: 0px 5px 23px -1px #F00;*/
  box-shadow: 0 4px 10px -3px rgba(0, 0, 0, 0.2), 4px 0px 10px -3px rgba(0, 0, 0, 0.2), -4px 0px 10px -3px rgba(0, 0, 0, 0.2); }

.popupBottom {
  background: #dde2e6;
  color: #6c809b;
  height: 67px;
  line-height: 67px; }

.popup .list A:hover,
.popup .popupBottom A:hover {
  color: #f47926;
  text-decoration: none;
  fill: #f47926; }

.popup .list {
  color: #2c3e51; }

.popup .list > A {
  display: block;
  line-height: 26px;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #2c3e51; }

.popupBottom A {
  fill: #6c809b; }

.popupBottom .allArtistsIcon, .popupBottom .allPlaylistsIcon, .popupBottom .allSearchResult, .popupBottom .shape-getLucky {
  width: 26px;
  height: 22px;
  margin-right: 6px;
  vertical-align: middle; }

.all-result SPAN {
  color: #ef472c;
  font-size: 14px; }

.popupCatalog .popup {
  padding-top: 40px; }

.popupCatalog .popupContent {
  height: 225px; }

.popupCatalog .twoColumns {
  max-width: 630px;
  width: auto;
  margin: 0 auto;
  height: 67px; }

.popupSearch .twoColumns {
  width: 581px;
  margin: 0 0 0 296px; }

.popupSearch .columnArtists .title SPAN, .popupSearch .columnPlaylists .title SPAN {
  color: #ef472c;
  font-size: 14px; }

.popupSearch .popupBottom .twoColumns {
  margin: 0; }

.popup-search .search-menu-container:before {
  content: '';
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/arrow_up.png") no-repeat;
  height: 9px;
  width: 19px;
  position: absolute;
  bottom: -15px;
  left: 41%; }

.popup-catalog .catalog-menu-container:before {
  content: '';
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/arrow_up.png") no-repeat;
  height: 9px;
  width: 19px;
  position: absolute;
  top: 144%;
  left: 20%; }

.popup-profile .profile-block:before {
  content: '';
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/arrow_up.png") no-repeat;
  height: 9px;
  width: 18px;
  position: absolute;
  top: 81%;
  left: 47%; }

.popupCatalog .twoColumns > * {
  padding-left: 42px; }

.popupCatalog .twoColumns .icon {
  padding-left: 33px;
  margin-left: -33px;
  background-repeat: no-repeat; }

.popupCatalog .twoColumns .icon SVG {
  margin-left: -33px; }

.popupCatalog .columnTitle {
  color: #9459a4;
  font-size: 18px;
  padding-top: 6px; }

.popupCatalog .columnTitleAddon {
  color: #9459a4;
  font-size: 14px;
  line-height: 9px; }

.popupCatalog .columnArtists .columnTitle {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/icon_artists.png"); }

.popupCatalog .columnPlaylists .columnTitle {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/icon_playlists.png"); }

.popupCatalog .list {
  margin-top: 26px; }

.popupSearch .left-column,
.popupSearch .right-column {
  background-color: transparent; }

.popupSearch .left-column {
  text-align: center;
  padding-right: 0; }

.popupSearch .left-column .toRight {
  display: inline-block;
  width: 542px;
  text-align: left;
  padding-left: 36px; }

.popupSearch .searchValue {
  width: 600px;
  margin: 0 0 0 296px;
  height: 50px;
  padding: 10px 0 0 0;
  position: relative; }

.popupSearch .searchValue INPUT {
  width: 97%;
  height: 100%;
  padding: 0 0 0 20px;
  font-size: 18px; }

.popupSearch .popupBottom .icon {
  margin-left: -35px; }

.popupSearch .title {
  color: #b5bcc5;
  font-size: 18px;
  margin-top: 26px;
  margin-bottom: 11px; }

.popupSearch .resultSongs {
  background: #ECF0F1 linear-gradient(rgba(75, 75, 75, 0.1) 1px, transparent 15px);
  margin-bottom: 24px; }

.resultArtists {
  background: #ECF0F1 linear-gradient(rgba(75, 75, 75, 0.1) 1px, transparent 15px);
  padding-top: 17px;
  margin-bottom: 19px; }

.popupSearch .popupBottom .icon.getLucky {
  margin-left: 1px; }

.popupSearch .searchButton {
  position: absolute;
  left: 555px;
  top: 21px;
  height: 13px; }

.popupSearch .searchButton .shape-searchButton {
  width: 17px;
  height: 13px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/search-black.png") center no-repeat;
  display: inline-block; }

.popupMenu {
  position: fixed;
  width: 638px;
  z-index: 210;
  display: none;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  margin-top: 0; }

.menu-640-list.profile-popup {
  position: relative;
  left: auto; }

.menu-640-list .profile-recur {
  padding: 20px 0 10px 0;
  margin: 0;
  color: #2c3e51; }
  .menu-640-list .profile-recur .profile-recur-cardn {
    color: #2c3e51; }
  .menu-640-list .profile-recur .profile-recur-delcreds {
    font-size: 1em;
    border: solid 1px #93a4bb;
    color: #93a4bb;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 20px;
    display: inline-block;
    outline: none;
    cursor: pointer;
    transition: all .3s ease; }
    .menu-640-list .profile-recur .profile-recur-delcreds:hover {
      background: #93a4bb;
      color: #FFFFFF; }

.popupMenu UL {
  list-style: none;
  padding-top: 0; }

.popupMenu UL LI {
  width: 100%;
  padding: 0 0 9px; }

.popupMenu UL LI A,
.popupMenu UL LI SPAN {
  font-size: 40px;
  text-decoration: none;
  cursor: pointer;
  line-height: 79px; }

.popupMenu UL LI .profile-action {
  font-size: 1em;
  border: solid 1px #93a4bb;
  padding: 5px 10px;
  border-radius: 20px;
  margin: 10px 20px 10px 0;
  display: inline-block;
  outline: none;
  cursor: pointer;
  transition: all .3s ease; }
  .popupMenu UL LI .profile-action:hover {
    background: #93a4bb;
    color: #FFFFFF; }

.popupMenu UL LI .profile-user {
  color: #2c3e51;
  cursor: default; }

.menu-640, .popupMenu {
  display: none; }

.search-popup-result {
  position: relative; }

.popupStarter {
  display: none; }

.popupStarter-cover {
  position: fixed;
  background-color: #000000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0; }

.popupStarter-popup {
  position: fixed;
  width: 100%;
  z-index: 1010;
  top: 20%; }

.popupStarter-content-wrapper {
  width: 40%;
  margin: 0 auto; }

.popupStarter-content {
  width: 100%;
  position: relative; }

.popupStarter-image {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/896x552.gif") center no-repeat;
  border-radius: 10px;
  width: 100%; }

.popup__icon-close {
  position: absolute;
  color: #FFFFFF;
  border: solid 2px #FFFFFF;
  border-radius: 50px;
  top: -20px;
  right: -20px;
  font-size: 8px;
  padding: 5px;
  cursor: pointer;
  animation: halfZoomig 1s ease;
  transition: background .3s ease;
  z-index: 1;
  display: inline-block;
  font-style: normal;
  line-height: 0.9; }

.icon-cross:before {
  content: '\e914'; }

@media screen and (max-width: 1119px) {
  .popupCatalog:before {
    left: 37%; }
  .popupSearch:before {
    right: 3.6%; }
  .popupSearch .twoColumns {
    width: inherit;
    margin: 0 0 0 63px; }
  .popupSearch .searchButton {
    left: 540px; }
  .popupSearch .searchValue {
    margin: 0 0 0 63px;
    width: 580px; }
  .popup-catalog .catalog-menu-container:before {
    left: 12%; }
  .menu-640 {
    display: block; }
  .popupMenu {
    top: 0;
    padding-top: 83px; } }

.popupMobile {
  display: none;
  background-color: #FFFFFF;
  background-position: center top;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 20000000;
  top: 0; }

.popupMobile-content {
  text-align: center;
  font-family: OpenSans;
  font-size: 24.5px;
  color: #FFFFFF;
  letter-spacing: 0;
  overflow: auto;
  height: 100%; }

.popupMobile-logo-wrapper {
  margin-top: 15vh;
  display: inline-block;
  border-radius: 50%;
  background: linear-gradient(0deg, #fcb69f 0%, #ffecd2 100%);
  width: 32vh;
  padding-top: 32vh;
  position: relative; }

.popupMobile-logo-wrapper img {
  position: absolute;
  bottom: 5px;
  width: 80%;
  left: 13%;
  display: inline-block; }

.popupMobile-close {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/popup/close.svg") no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 80px;
  left: 40px; }

.popupMobile-description {
  width: 59%;
  margin: auto;
  word-wrap: break-word;
  word-break: normal;
  padding-bottom: 7vh; }

.popupMobile-description-title {
  color: #000000;
  font-size: 3.8vw;
  font-weight: 600;
  margin-bottom: 4.8vh; }

.popupMobile-description-info {
  color: #333333;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 40px; }

.popupMobile-btn-submit {
  background: linear-gradient(0deg, #f36100 0%, #fd7901 100%);
  box-shadow: 7px 13px 35px 0px rgba(254, 156, 67, 0.66);
  padding: 23.5px 72px;
  border-radius: 60px;
  display: inline-block;
  color: #fffffe;
  font-size: 25.85px;
  font-weight: 700; }

.popupMobile-subsribe-info {
  margin-top: 2.5vh;
  color: #fd7901;
  font-size: 24px;
  font-weight: 500;
  text-align: center; }

@media screen and (max-width: 680px) {
  .popupMobile-close {
    top: 40px;
    left: 20px; }
  .popupMobile-description-info {
    line-height: 20px; } }

@media screen and (max-width: 400px) {
  .popupMobile-description-title {
    font-size: 5.8vw; }
  .popupMobile-description-info {
    font-size: 5vw; } }

@media screen and (max-width: 1119px) {
  .popupMobile-btn {
    height: 9vh;
    padding: 2vh; } }

@media all and (orientation: landscape) {
  .popupMobile-logo-wrapper {
    width: 12vh;
    padding-top: 12vh; }
  .popupMobile-description-title, .popupMobile-description-info {
    font-size: 2.8vw; }
  .popupMobile-btn-submit {
    padding: 1vw 12vw;
    font-size: 2vw; }
  .popupMobile-logo-wrapper {
    margin-top: 10vh; }
  .popupMobile-close {
    top: 20px; }
  .popupMobile-subsribe-info {
    font-size: 4vw; } }

.sidebar-promo {
  font-family: OpenSans, sans-serif; }

.sidebar-promo-header {
  color: #8DA5BD;
  margin-bottom: 30px;
  font-size: 32px;
  line-height: 28px;
  text-transform: uppercase; }

.sidebar-promo-title-big {
  font-family: OpenSansBold, sans-serif;
  font-size: 26px; }

.sidebar-promo-title-sub {
  font-family: OpenSansLight, sans-serif;
  font-size: 26px; }

.promo-section {
  color: #EBF0F1;
  font-family: OpenSans, sans-serif;
  background-repeat: no-repeat;
  background-position: 0 100%;
  margin: 0 0 0 25px;
  padding: 0 0 80px 0;
  position: relative; }

.promo-section:last-child {
  padding: 0 0 60px 0; }

.promo-section:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 53px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/promo-separator.png") repeat-x; }

.soon-item {
  color: #c1c9d2;
  font-size: 14px;
  padding: 0 0 20px 0; }

.info {
  padding: 0 0 30px 0; }

.info-ico {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/promo-sprite.png") no-repeat top left;
  width: 42px;
  height: 42px;
  float: left;
  margin-top: 5px; }

.with-balls .info-ico {
  background-position: 0 -52px; }

.count-songs .info-ico {
  background-position: 0 -104px; }

.for-company .info-ico {
  background-position: 0 0; }

.info-advantage {
  font-family: OpenSansBold, sans-serif;
  font-size: 22px;
  color: #f5ad22;
  text-transform: uppercase; }

.advantage-content {
  margin-left: 50px; }

.info-dscr {
  font-size: 14px;
  color: #c1c9d2; }

.promo-tip {
  color: #f5ad22;
  font-size: 14px;
  font-family: OpenSansLight, sans-serif; }

.promo-tip A {
  color: #f5ad22;
  font-size: 14px;
  font-family: OpenSansLight, sans-serif; }

.news {
  margin: 0 0 40px 0; }

.news-header {
  font-size: 18px;
  color: #f5ad22; }

.news-header A {
  color: #f5ad22; }

.news-description {
  color: #c1c9d2;
  font-size: 14px; }

.news-description A {
  color: #c1c9d2;
  font-size: 14px;
  text-decoration: underline; }

.nicescroll-rails {
  background: #EAEAEA;
  border-radius: 5px; }

.search-result-statistic {
  color: #6c809b;
  font-family: OpenSans, sans-serif;
  font-size: 14px; }

.search-result-statistic SPAN {
  color: #2c3e51;
  font-family: OpenSansBold, sans-serif; }

.search-input {
  width: 574px;
  height: 43px;
  box-shadow: 3px 3px 4px #f2f5f5 inset;
  border: 1px solid #e8edf2;
  margin: 5px 0 15px 0;
  padding: 0 30px 0 10px;
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  color: #2c3e51;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/search-black.png") 98% no-repeat; }

.search-left-column {
  width: 360px;
  float: left;
  margin-right: 10px; }

.search-right-column {
  float: left;
  width: 310px; }

.search-result {
  position: relative; }

.search-result-num {
  font-weight: bold; }

.pg-search .playlist-song-link {
  width: 54%; }

.search-artist-title, .search-song-title {
  color: #6c809b;
  font-family: OpenSans, sans-serif;
  font-size: 18px; }

.search-artist-title SPAN, .search-song-title SPAN {
  color: #ef472c;
  font-family: OpenSansBold, sans-serif;
  font-size: 18px; }

.search-page .playlist .actions {
  width: 30%;
  margin-left: 5px; }

.search-page .playlist UL {
  margin-top: 19px; }

.search-page .playlist .playlist-songs .actions a:first-child {
  margin-left: 0; }

.search-page .actions {
  position: relative; }
  .search-page .actions .action.age-limit {
    width: 0;
    cursor: auto;
    position: relative; }
    .search-page .actions .action.age-limit .age-limit-border {
      background-color: #FFFFFF; }
  .search-page .actions .action .tip {
    top: -25px;
    left: -45px; }

.search-page .block-separator {
  margin: 8px 0 0 0; }

.search-page .artist-container {
  margin-top: 4px; }

.search-page .artist {
  height: 120px;
  margin-bottom: 55px; }

.search-page .artist-last-name {
  line-height: 20px;
  height: 20px;
  font-family: OpenSansBold, sans-serif; }

.search-result-data {
  position: relative;
  margin-bottom: 50px; }

.pg-search .block-title {
  margin: 10px 0 0 0; }

.pg-search .search-input {
  margin-top: 24px; }

.pg-search .menu-640-list .search-input {
  margin-top: 0; }

.pg-search .playlist .name {
  width: 150px; }

.no-data {
  font-style: italic;
  color: #6c809b;
  margin: 21px 0 0 0; }

.popular-title {
  color: #6c809b;
  margin: 10px 0 0 0;
  font-weight: bold; }

.search-result .playlist .actions {
  font-size: 0; }
  .search-result .playlist .actions .action {
    width: 25%; }

@media screen and (max-width: 1119px) {
  .pg-search .playlist-song-link {
    width: 58%; }
  .pg-search .playlist .playlist-song-link {
    width: 70%; }
  .pg-search .playlist .name {
    width: 340px; }
  .pg-search .artist-list-item:nth-child(5n) {
    margin-right: 0; }
  .pg-search .search-input {
    width: 100%; }
  .pg-search .actions .action .tip {
    width: 124px; }
  .search-left-column, .search-right-column {
    width: 100%;
    max-width: 618px; } }

.sidebar-social .footer-social {
  padding: 25px 0 0 25px; }

.footer-social_title {
  font-family: OpenSansBold, sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  width: 20px;
  color: #91A2B9;
  line-height: 28px;
  margin-bottom: 25px; }

.footer-social_list {
  font-size: 0; }

.footer-social .shareIconBig {
  height: 40px;
  width: 40px;
  background-image: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-sprite-new.png);
  border-radius: 100%;
  background-color: #91a2b9;
  display: inline-block;
  margin-right: 3px; }

.footer-social .shareIconBig:hover {
  background-color: #FE9C43; }

.shareIconBig.vkBig {
  background-position: 116px 36px; }

.shareIconBig.facebookBig {
  background-position: 157px 36px; }

.shareIconBig.odnoklasnikiBig {
  background-position: 80px 36px; }

.shareIconBig.telegramBig {
  background-position: 42px 36px; }

.sidebar-social .footer-social {
  display: block; }

.footer-social {
  display: none; }

@media screen and (max-width: 1119px) {
  .footer-social {
    display: block; }
  .sidebar-social .footer-social {
    display: none; } }

@charset "UTF-8";
.songTitle {
  margin-top: 5px;
  position: relative; }

.songTitle .song-inner-title {
  font-size: 34px;
  color: #492b51;
  font-family: OpenSansBold, sans-serif;
  width: 92%; }

.songTitle .author--age-limit {
  display: inline-block;
  background: #e41a1a;
  border-radius: 3px;
  width: 45px;
  height: 25px;
  line-height: 25px;
  font-family: ProximaNovaSemibold, sans-serif;
  text-align: center;
  position: absolute;
  top: 6px;
  right: 0; }

.songTitle .author--age-limit .author--age-limit-text {
  vertical-align: middle;
  font-size: 20px;
  color: #fff; }
  .songTitle .author--age-limit .author--age-limit-text:after {
    content: "+";
    margin-left: 1px; }

.song-text-container {
  padding: 25px;
  margin: 5px 0 53px 0;
  position: relative; }

.song-text-container-banner {
  position: absolute;
  right: 2px;
  z-index: 1; }

.song-text-shadow-container {
  height: 150px;
  width: 105%;
  overflow: hidden;
  position: absolute;
  left: -20px;
  padding: 20px 20px 25px 20px; }

.song-text-shadow-container.top {
  top: -10px; }

.song-text-shadow-container.bottom {
  bottom: -75px; }

.song-text-shadow {
  height: 170px;
  width: 100%; }

.song-text-shadow.top {
  box-shadow: 0px -4px 13px -2px #bbb;
  -webkit-box-shadow: 0px -4px 13px -2px #bbb;
  height: 130px; }

.song-text-shadow.bottom {
  box-shadow: 0 6px 10px 0 #bbb;
  -webkit-box-shadow: 0 6px 10px 0 #bbb;
  height: 90px; }

.song-text-header {
  z-index: 2;
  min-height: 85px;
  height: auto;
  width: 320px;
  margin: 16px 0 0 45px; }

.song-text-words {
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #93a4bb; }

.song-text-music {
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #93a4bb; }

.song-text-copy {
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #93a4bb;
  margin: 10px 0 0 0; }

.song-text-brand {
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #93a4bb; }

.song-text {
  margin: 0 0 40px 42px; }

.song-caption SPAN {
  display: none; }

.song-caption .visible {
  display: inline; }

.song-text PRE {
  color: #2c3e51;
  font-family: OpenSans, sans-serif;
  font-size: 22px;
  border: none;
  background: none;
  padding: 30px 0 0 0;
  margin: 0; }

.song-text-print {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/print.png") 40px 0 no-repeat;
  color: #93a4bb;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  padding: 8px 0 0 75px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  cursor: pointer; }

.songContent {
  margin: 5px 0 86px 0; }

.mainTabs {
  border-top: 1px solid #E1E5EE;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-size: 0; }

.mainTabs.nav > LI {
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #94A4BB;
  width: 50%;
  display: inline-block;
  text-align: center; }

.mainTabs LI A {
  color: #94A4BB;
  font-weight: bold;
  /*padding: 20px 0;*/
  margin: 0;
  height: 43px;
  font-family: OpenSansSemibold, sans-serif;
  font-size: 14px;
  line-height: 25px; }

.mainTabs LI A:focus {
  background: none; }

.mainTabs.nav > .active {
  border-bottom: 2px solid #F36A22; }

.mainTabs.nav > .active A {
  color: #F36A22; }

.mainTabs.nav > .active:after {
  content: '';
  width: 100%;
  height: 70px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/active_tab.png") no-repeat 50% 0;
  position: absolute;
  left: 0; }

#karaokeTab .player,
#songTextTab .player {
  width: 100%;
  height: 440px;
  margin-top: 10px; }

.shareBlock {
  display: none; }

.share-views-container {
  height: 55px; }

.share-views-container DIV {
  display: inline-block;
  margin: 13px 0 0 0;
  font-size: 14px;
  font-family: OpenSans, sans-serif;
  color: #51667d;
  padding: 5px 0 5px 34px;
  vertical-align: middle; }

.share {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/share.png") no-repeat;
  cursor: pointer; }

.share-views-container .views {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/views.png") 10px 10px no-repeat;
  margin-left: 10px;
  padding: 0 0 5px 45px;
  vertical-align: middle; }

.views SPAN {
  color: #9459a4;
  font-family: OpenSans, sans-serif;
  font-size: 24px; }

.share-views-container .sing-song {
  color: #fff;
  background: #9359A5;
  border: 1px solid #9359A5;
  border-radius: 2px;
  display: inline-block;
  float: right;
  cursor: pointer;
  padding: 7px 0;
  width: 252px;
  text-align: center;
  font-size: 14px;
  font-family: OpenSans, sans-serif; }
  .share-views-container .sing-song:hover {
    background: #744581; }
  .share-views-container .sing-song .sing-song-href {
    color: inherit;
    text-decoration: none;
    display: block; }

.share-social-container {
  overflow: hidden;
  box-shadow: 0 50px 30px -20px #ecf0f1 inset;
  position: relative; }

.share-social-container::before {
  position: absolute;
  content: '';
  left: 55px;
  top: -8px;
  background: #ecf0f1;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  z-index: 0; }

.share-social {
  padding: 20px 0 0 0;
  height: 100%;
  float: left;
  width: 260px; }

.vk {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-vk.png") 50% 50% no-repeat, #93a4bb; }

.vk:hover {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-vk.png") 50% 50% no-repeat, #ff9c43; }

.facebook {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-facebook.png") 50% 50% no-repeat, #93a4bb; }

.facebook:hover {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-facebook.png") 50% 50% no-repeat, #ff9c43; }

.odnoklasniki {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-odnoklasniki.png") 50% 50% no-repeat, #93a4bb; }

.odnoklasniki:hover {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-odnoklasniki.png") 50% 50% no-repeat, #ff9c43; }

.g-plus {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-google-plus.png") 50% 50% no-repeat, #93a4bb; }

.g-plus:hover {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-google-plus.png") 50% 50% no-repeat, #ff9c43; }

.twitter {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-twitter.png") 50% 50% no-repeat, #93a4bb; }

.twitter:hover {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-twitter.png") 50% 50% no-repeat, #ff9c43; }

.mail {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-mail-ru.png") 50% 50% no-repeat, #93a4bb; }

.mail:hover {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-mail-ru.png") 50% 50% no-repeat, #ff9c43; }

.shareIcon {
  width: 27px;
  height: 27px;
  display: inline-block;
  float: left;
  margin: 5px 4px 0 0;
  border-radius: 50%; }

.share-social .shareTitle, .send-by-mail .share-friends, .html-code {
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #c1c9d2;
  font-weight: initial; }

.send-by-mail {
  height: 100%;
  margin-left: 260px;
  padding: 20px 0 0 0; }

.send-by-mail INPUT {
  width: 100%;
  height: 34px;
  padding: 0 15px 0 15px;
  box-shadow: 5px 5px 15px 1px #f2f5f6 inset;
  border: 1px solid #dfe6ed;
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  color: #93a4bb; }

.send-by-mail INPUT::-webkit-input-placeholder {
  color: #93a4bb;
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  margin: 10px 0 0 10px; }

.send-by-mail INPUT:-moz-placeholder {
  color: #93a4bb;
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  padding: 10px 0 0 10px; }

.send-by-mail INPUT::-moz-placeholder {
  color: #93a4bb;
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  padding: 10px 0 0 10px; }

.send-by-mail INPUT:-ms-input-placeholder {
  color: #93a4bb;
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  padding: 10px 0 0 10px; }

.share-video, .share-mail {
  margin: 8px 0 10px 0; }

.share-mail-container {
  position: relative; }

.share-mail-container BUTTON {
  position: absolute;
  top: 7px;
  right: 0;
  width: 64px;
  height: 34px;
  border: none;
  background: #ecf0f1;
  color: #93a4bb; }

.send-by-email {
  margin: 12px 0 0 0;
  color: #c1c9d2;
  font-family: OpenSans, sans-serif;
  font-size: 14px; }

.generate-html, .copy-html {
  margin: 21px 0 0 0;
  width: 202px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #c9d0da;
  color: #93a4bb;
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  background: #fff;
  float: left; }

.copy-html, .html-code {
  display: none; }

.generate-html:active {
  background: #9459a4;
  color: #fff; }

.textarea-container {
  position: relative;
  display: inline-block;
  width: 302px;
  height: 63px;
  margin: 31px 0 0 22px;
  display: none; }

.textarea-container.visible {
  display: inline-block; }

.code {
  width: 100%;
  height: 100%;
  box-shadow: 5px 5px 15px 1px #f2f5f6 inset;
  border: 1px solid #c9d0da;
  padding: 4px 0 0 7px;
  color: #93a4bb;
  font-family: OpenSans, sans-serif;
  resize: none; }

.textarea-container:after {
  position: absolute;
  bottom: 1px;
  left: 1px;
  height: 100%;
  width: 300px;
  content: "";
  background: linear-gradient(to top, rgba(255, 255, 255, 0.85) 1%, rgba(255, 255, 255, 0) 70%);
  pointer-events: none; }

.tags {
  margin-top: 9px;
  padding: 39px 0 17px 0;
  border-top: 1px solid #c9acd1;
  border-bottom: 1px solid #C9ACD1; }

.tags A {
  display: inline-block;
  border: 1px solid #c9acd1;
  border-radius: 40px;
  font-size: 18px;
  color: #9459a4;
  padding: 5px 16px 5px 16px;
  margin-right: 17px;
  margin-bottom: 17px;
  text-decoration: none; }

.tags A:hover {
  background: #9459a4;
  color: #fff; }

.playlist {
  margin: 20px 0 80px 0; }

.pg-default .playlist {
  margin: 36px 0 96px 0;
  max-width: 790px; }

.playlistHeader-info-wrapper {
  display: inline-block;
  padding-left: 25px;
  width: 577px; }

.playlist .type {
  font-family: OpenSansLight, sans-serif;
  font-size: 34px;
  color: #70b6e4;
  display: inline-block;
  line-height: 34px; }

.playlist .author {
  font-family: OpenSansBold, sans-serif;
  font-size: 34px;
  color: #70b6e4;
  line-height: 34px;
  max-width: 551px; }

.pg-artist .author {
  color: #9459a4; }

.playlist .karaokeSongAmount {
  color: #51667d;
  margin-top: 7px;
  line-height: 19px; }

.playlist .karaokeSongAmount SPAN {
  font-family: OpenSans, sans-serif;
  font-weight: bold;
  font-size: 24px;
  padding-left: 2px;
  padding-top: 1px;
  display: inline-block;
  vertical-align: sub; }

.pg-song_page_lyrics .playlist .karaokeSongAmount SPAN, .pg-song_page_karaoke .playlist .karaokeSongAmount SPAN {
  color: #70b6e4; }

.pg-artist .karaokeSongAmount SPAN {
  color: #9459a4; }

.pg-playlist .karaokeSongAmount SPAN {
  color: #70b6e4; }

.playlist .playlist-songs {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 25px;
  border-bottom: 1px solid #eff3f6; }

.playlist-songs LI {
  /* display: table-row; */
  border-top: 1px solid #eff3f6;
  height: 80px;
  white-space: nowrap;
  /* line-height: 80px; */ }

.playlist-songs LI > * {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  /* float: left; */ }

.playlist-song-link {
  width: 55%; }

.playlist-songs LI:hover {
  background: #f9fafc; }

.playlist-songs LI .actions SPAN IMG:nth-child(2),
.playlist-songs LI .actions SPAN IMG:nth-child(3),
.playlist-songs LI .actions SPAN IMG:nth-child(4) {
  display: none; }

.playlist-songs LI .actions IMG {
  padding: 0 5px 5px 0; }

.playlist-songs LI:hover .index, .playlist-songs LI:hover .name .playlist-song-info {
  color: #9459a4; }

.playlist .index {
  min-width: 74px;
  width: 15%;
  color: #d6dfe8;
  font-family: OpenSans, sans-serif;
  font-weight: bold;
  font-size: 24px;
  /* vertical-align: middle; */
  /* margin: 0 auto; */
  display: inline-block;
  /* text-align: center; */
  /* height: 100%; */
  padding: 0 0 0 26px;
  line-height: 80px;
  /* margin-top: -52px; */
  vertical-align: top;
  float: left; }

.playlist .name {
  padding-top: 15px;
  max-width: 515px;
  width: 85%;
  display: inline-block; }

.playlist-song-name {
  font-family: OpenSansSemibold, sans-serif;
  font-size: 18px;
  color: #2c3e51;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none; }

.playlist-song-link:hover {
  text-decoration: none; }

.playlist-song-artist {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #6c809b; }

.playlist .actions {
  color: #93a4bb;
  width: 45%;
  text-align: right; }

.actions .action {
  color: #93a4bb;
  display: inline-block;
  background-repeat: no-repeat;
  font-family: OpenSansSemibold, sans-serif;
  background-position-y: 50%;
  vertical-align: middle;
  position: relative;
  height: 100%;
  width: 28.333333%;
  cursor: pointer;
  line-height: 79px;
  text-align: center; }

.actions .action.age-limit {
  cursor: auto; }

.action.age-limit .age-limit-border {
  display: inline-block;
  border: 1px solid #e41a1a;
  border-radius: 3px;
  line-height: 15px;
  padding: 0 2px; }

.action.age-limit .age-limit-text {
  vertical-align: middle;
  font-size: 12px;
  color: #e41a1a; }
  .action.age-limit .age-limit-text:after {
    content: "+";
    margin-left: 1px; }

.actions .action.age-limit {
  width: 15%;
  cursor: auto; }

.action.age-limit .age-limit-border {
  display: inline-block;
  border: 1px solid #e41a1a;
  border-radius: 3px;
  line-height: 15px;
  padding: 0 2px; }

.action.age-limit .age-limit-text {
  vertical-align: middle;
  font-size: 12px;
  color: #e41a1a; }
  .action.age-limit .age-limit-text:after {
    content: "+";
    margin-left: 1px; }

.actions .action:hover {
  text-decoration: none; }

.action .action-dummy {
  display: inline-block;
  height: 100%;
  width: 1px; }

.action > * {
  vertical-align: middle; }

.action-img {
  background: no-repeat center;
  height: 25px;
  width: 25px;
  display: inline-block;
  background-size: contain; }

.action .action-karaoke-link {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/micro-640.png"); }

.action .action-record-link {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/record.png"); }

.action .action-text-link {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/text-640.png"); }

.action:hover .action-karaoke-link {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/micro-640-hover.png"); }

.action:hover .action-record-link {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/record-hover.png"); }

.action:hover .action-text-link {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/text-640-hover.png"); }

.actions .action:hover {
  color: #9459a4; }

.actions .karaokeAction {
  /*background: url('//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/micro.png') 0 50% no-repeat;*/ }

.actions .action.karaokeAction A, .actions .action.textAction A {
  text-decoration: none;
  color: inherit; }

.actions .moreAction {
  padding-left: 23px;
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/more.png");
  /* background-position-y: 6px; */
  position: relative;
  z-index: 10;
  /* text-align: initial; */
  /* height: 30px; */
  /* line-height: 30px; */
  /* vertical-align: middle; */
  /* visibility: hidden; */ }

.actions .moreAction:hover {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/more_active.png"); }

.actions .noteActions {
  color: #93a4bb;
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/midi.png");
  /* vertical-align: middle; */ }

.actions .noteActions:hover {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/midi_active.png"); }

.actions .accordsActions {
  color: #93a4bb;
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/guitar.png"); }

.actions .accordsActions:hover {
  background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/guitar_active.png"); }

.song-artists-title {
  position: relative; }

.song-artists-title-left {
  font-family: OpenSans-ExtraBold;
  font-size: 34px;
  color: #2398B9;
  letter-spacing: 0.63px;
  margin: 20px 0 30px 0; }

.song-artists-title-right {
  float: right;
  font-family: OpenSans;
  font-size: 14px;
  color: #93A4BB;
  letter-spacing: 0.43px;
  text-decoration: underline;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%); }
  .song-artists-title-right:hover, .song-artists-title-right:visited, .song-artists-title-right:active {
    color: #93A4BB; }

.record-block {
  width: 147px;
  height: 113px;
  display: inline-block;
  margin: 0 10px 13px 0;
  overflow: hidden;
  border-radius: 4px;
  text-align: center;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.19);
  font-family: OpenSans, sans-serif;
  text-decoration: none; }
  .record-block:hover {
    text-decoration: none; }
  .record-block:nth-child(5n) {
    margin-right: 0; }

.record-block__body {
  height: 77px;
  background-color: #ECF0F1; }

.record-block__user-block {
  width: 100%;
  text-align: left; }

.record-block__song-block {
  width: 100%;
  font-size: 14px;
  color: #4d4d4d;
  line-height: 17px;
  padding: 0 12px 7px 12px;
  box-sizing: border-box; }
  .record-block__song-block .song {
    display: block;
    text-align: left; }
  .record-block__song-block .song__author {
    color: #4D4D4D;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .record-block__song-block .song__author:after {
      content: none; }
  .record-block__song-block .song__title {
    color: #9A9A9A;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.record-block__footer {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #2398B9;
  transition: background .3s ease; }

.record-block__icon {
  font-size: 17px;
  vertical-align: middle;
  margin: 0 9px 0 -10px; }

.record-block__user-meta {
  display: inline-block;
  vertical-align: top;
  margin-left: 9px;
  width: 60px; }

.record-block__user-name {
  font-size: 14px;
  color: #2398B9;
  line-height: 29px;
  max-width: 58px;
  height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.record-block__user-like-title {
  text-transform: uppercase;
  font-size: 10px;
  color: #838D8F;
  letter-spacing: 1px;
  line-height: 13px; }

.record-block__user-like-count {
  font-size: 10px;
  color: #838D8F;
  letter-spacing: 1px;
  line-height: 13px;
  font-weight: 600; }

.avatar {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%;
  height: 100%; }

.avatar__background {
  background: #B8C6C7;
  border-radius: 50%;
  position: relative; }

.avatar__background--clickable {
  cursor: pointer; }

.avatar__user-pic {
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  overflow: hidden;
  margin: 9px 0 0 10px;
  display: inline-block; }

.avatar__user-online-icon {
  position: absolute;
  bottom: 0;
  right: 3%; }

.avatar__user-online-icon i {
  position: absolute;
  right: 0;
  bottom: 0; }

@media screen and (min-width: 1120px) {
  .playlist-songs LI .actions SPAN.karaokeAction:hover IMG:nth-child(1),
  .playlist-songs LI .actions A:last-child:hover SPAN.textAction IMG:nth-child(1) {
    display: none; }
  .playlist-songs LI .actions SPAN.karaokeAction:hover IMG:nth-child(2),
  .playlist-songs LI .actions A:last-child:hover SPAN.textAction IMG:nth-child(2) {
    display: inline-block; } }

@media screen and (max-width: 1119px) {
  .playlist-song-name {
    width: 100%; }
  .playlistHeader-info-wrapper {
    width: 406px; }
  .playlist-song-link {
    width: 70%; }
  .playlist .actions {
    width: 30%;
    font-size: 0; }
  .playlist .actions .action {
    width: 25%; }
  .action-img {
    height: 30px;
    width: 30px; }
  .songTitle {
    margin-top: 15px; }
  .playlist .name {
    width: 340px;
    padding-top: 9px; }
  .playlist .author {
    max-width: 380px; }
  .playlist .name > *:first-child A {
    font-size: 22px; }
  .playlist .name > *:last-child {
    font-size: 18px; }
  .action .action-text {
    display: none; }
  .shareIcon {
    width: 34px;
    height: 34px;
    margin: 5px 13px 0 0; }
  .share-social-container {
    height: 233px; }
  .share-social {
    height: auto;
    float: none;
    width: 100%; }
  .send-by-mail {
    margin-left: 0;
    padding: 48px 0 0 0; }
  .generate-html {
    display: none; }
  .textarea-container {
    display: block;
    margin: 0;
    width: 100%; }
  .copy-html {
    display: block; }
  .vk {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-vk-640.png") 50% 50% no-repeat, #93a4bb; }
  .vk:hover {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-vk-640.png") 50% 50% no-repeat, #ff9c43; }
  .facebook {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-facebook-640.png") 50% 50% no-repeat, #93a4bb; }
  .facebook:hover {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-facebook-640.png") 50% 50% no-repeat, #ff9c43; }
  .odnoklasniki {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/odnoklassniki-small.png") 50% 50% no-repeat, #93a4bb; }
  .odnoklasniki:hover {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/odnoklassniki-small.png") 50% 50% no-repeat, #ff9c43; }
  .g-plus {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/google-small.png") 50% 50% no-repeat, #93a4bb; }
  .g-plus:hover {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/google-small.png") 50% 50% no-repeat, #ff9c43; }
  .twitter {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/twitter-small.png") 50% 50% no-repeat, #93a4bb; }
  .twitter:hover {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/twitter-small.png") 50% 50% no-repeat, #ff9c43; }
  .mail {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-mail-ru-640.png") 50% 50% no-repeat, #93a4bb; }
  .mail:hover {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/social-mail-ru-640.png") 50% 50% no-repeat, #ff9c43; }
  .playlist-songs LI .actions SPAN IMG:nth-child(1),
  .playlist-songs LI .actions SPAN IMG:nth-child(2) {
    display: none; }
  .playlist-songs LI .actions SPAN IMG:nth-child(3) {
    display: inline-block; }
  .playlist-songs LI .actions SPAN.karaokeAction:hover IMG:nth-child(2)
.playlist-songs LI .actions SPAN IMG:nth-child(3) {
    display: block; }
  .playlist-songs LI .actions SPAN.karaokeAction:hover IMG:nth-child(3),
  .playlist-songs LI .actions A:last-child:hover SPAN.textAction IMG:nth-child(3) {
    display: none; }
  .playlist-songs LI .actions SPAN.karaokeAction:hover IMG:nth-child(4),
  .playlist-songs LI .actions A:last-child:hover SPAN.textAction IMG:nth-child(4) {
    display: inline-block; }
  .actions > SPAN {
    width: 22px; }
  .record-block {
    width: 134px; }
    .record-block:nth-child(4n) {
      margin-right: 0; }
    .record-block:nth-child(n + 5) {
      display: none; }
  .share-views-container .sing-song {
    width: 230px; }
  .song-text-container-banner {
    right: 20px;
    top: 12px; }
    .song-text-container-banner img {
      width: 100px; } }

/* стили для печати (уточнить у менеджеров так ли печатать страницу) */
/* возможно позже вынесем в отдельный файл */
@media print {
  .headerWrapper,
  .path,
  .shareBlock,
  .tags,
  .song-text-print,
  .footer-wrapper,
  .mainTabs,
  .share-views-container,
  #rightColumn,
  .playlist-container {
    display: none; }
  .song-text PRE {
    font-size: 14px; } }

@media screen and (max-width: 750px) {
  #karaokeTab .player,
  #songTextTab .player {
    width: 100%;
    height: 390px; } }

.special-offer-wrapper {
  margin: -10px 0 0 0; }
  .special-offer-wrapper .bordered-block {
    margin: 40px 0 10px 40px;
    padding: 30px 20px 40px 34px; }

.special-order-success {
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 40px;
  padding-bottom: 80px;
  border: 1px solid black;
  width: 450px;
  float: right;
  margin-right: 20px;
  height: auto; }
  .special-order-success SPAN {
    font-size: 18px;
    font-family: OpenSans;
    font-weight: bold;
    display: block;
    margin-bottom: 20px; }
  .special-order-success DIV {
    font-size: 14px;
    font-family: OpenSans; }

.special-offer-tariff {
  margin-bottom: 65px; }

.special-offer-tariff:not(:first-child) {
  border-top: 1px solid #dfe6ed;
  padding-top: 28px; }

.special-offer-ico {
  display: block;
  width: 59px;
  height: 69px;
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/Ico-Present.png) no-repeat;
  float: left;
  margin-right: 14px; }

.special-offer-price {
  color: #f5ac1f;
  font-family: OpenSans, sans-serif;
  display: inline-block;
  margin-right: 30px;
  font-size: 22px; }

.special-offer-buy {
  font-family: OpenSans, sans-serif;
  color: #fff;
  background: linear-gradient(to top, #f5ad23, #ffc657);
  border-radius: 2px;
  text-transform: uppercase;
  padding: 16px 34px;
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 1px; }

.special-offer-list {
  margin: 67px 0 40px 0; }
  .special-offer-list .special-offer-images {
    display: inline-block;
    vertical-align: top;
    width: 450px;
    overflow: visible; }
  .special-offer-list .special-offer-data {
    margin: 0 0 50px 20px;
    padding: 40px 0 0 0;
    display: inline-block;
    width: 310px; }
    .special-offer-list .special-offer-data .special-offer-items {
      margin: 37px 0 0 0;
      list-style: none; }
      .special-offer-list .special-offer-data .special-offer-items UL {
        display: none;
        list-style: none;
        margin: 0 0 30px 19px; }
        .special-offer-list .special-offer-data .special-offer-items UL LI {
          margin-left: 10px; }
    .special-offer-list .special-offer-data .special-offer-action {
      margin: 70px 0 0 0; }
  .special-offer-list .special-offer-form {
    display: none;
    width: 545px;
    float: right;
    border: 1px solid #c1c9d2;
    position: relative;
    padding: 30px 20px 30px 30px; }
    .special-offer-list .special-offer-form .special-offer-form-arrow {
      background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/arrowd.png) no-repeat;
      width: 107px;
      height: 170px;
      position: absolute;
      left: -119px;
      top: -165px; }
    .special-offer-list .special-offer-form .special-offer-form-file {
      text-align: right;
      margin: 10px 0 15px 0; }
      .special-offer-list .special-offer-form .special-offer-form-file .special-offer-form-file-label {
        text-align: right;
        display: inline-block;
        width: 190px;
        color: #93a4bb;
        padding: 0 20px 0 0;
        vertical-align: middle; }
      .special-offer-list .special-offer-form .special-offer-form-file .special-offer-form-file-button {
        background: #9459a4;
        color: #fff;
        display: inline-block;
        border-radius: 2px;
        padding: 12px 20px;
        vertical-align: middle;
        cursor: pointer; }
    .special-offer-list .special-offer-form .special-offer-form-contacts-table {
      width: 440px; }
      .special-offer-list .special-offer-form .special-offer-form-contacts-table:after {
        clear: both; }
      .special-offer-list .special-offer-form .special-offer-form-contacts-table TR TD {
        padding: 3px; }
        .special-offer-list .special-offer-form .special-offer-form-contacts-table TR TD:first-child {
          width: 90px;
          color: #2c3e51;
          text-align: right;
          padding-right: 10px; }
        .special-offer-list .special-offer-form .special-offer-form-contacts-table TR TD:last-child INPUT {
          width: 100%;
          height: 40px; }
    .special-offer-list .special-offer-form .special-offer-form-actions {
      margin: 20px 0 0 0;
      text-align: right; }
  .special-offer-list .special-offer-background {
    position: absolute; }
  .special-offer-list .special-offer-set {
    color: #9459a4;
    text-transform: uppercase;
    letter-spacing: 5px; }
  .special-offer-list .special-offer-title {
    height: 77px;
    margin: 15px 0 0 0; }
    .special-offer-list .special-offer-title.special-offer-title-id-1 {
      background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/special-offer-title-id-1.png) no-repeat; }
    .special-offer-list .special-offer-title.special-offer-title-id-2 {
      background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/special-offer-title-id-2.png) no-repeat; }
  .special-offer-list .special-offer-items-title-wrapper .special-offer-items-index {
    font-family: OpenSans, sans-serif;
    font-weight: bold;
    color: #d6dfe8;
    font-size: 24px;
    padding: 0 10px 0 10px;
    display: table-cell; }
  .special-offer-list .special-offer-items-title-wrapper .special-offer-items-title {
    display: table-cell;
    color: #202e3c;
    font-size: 18px;
    text-transform: uppercase;
    vertical-align: middle; }

.special-form-input {
  width: 360px;
  height: 30px;
  box-shadow: 3px 3px 4px #f2f5f5 inset;
  border: 1px solid #e8edf2;
  margin: 5px 0 15px 0;
  padding: 0 30px 0 10px;
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  color: #2c3e51; }

.special-form-error {
  color: red;
  font-weight: bold;
  padding: 0 0 0 60px; }

.special-offer-item {
  margin-bottom: 20px; }
  .special-offer-item.active .special-offer-items-title-wrapper {
    background: linear-gradient(to right, #450906, #e59300); }
  .special-offer-item.active .special-offer-items-title {
    color: #fff; }
    .special-offer-item.active .special-offer-items-title SPAN {
      border-bottom: 1px solid transparent; }

.special-offer-list .special-offer-data .special-offer-items .special-offer-item .special-offer-description {
  display: block; }

@font-face {
  font-family: "Matias";
  src: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/font/Matias.otf"); }

.special-offer-mobile-corner-fix {
  position: fixed;
  top: 0px;
  z-index: 100; }

.special-offer-mobile-corner-main, .special-offer-mobile-corner-main:link,
.special-offer-mobile-corner-main:hover, .special-offer-mobile-corner-main:active {
  width: 100%;
  color: white;
  height: 60px;
  background-color: #a05c95;
  font-family: Matias;
  font-size: 30pt;
  padding-top: 5px;
  text-align: center;
  min-width: 640px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  text-decoration: none; }

.special-offer-mobile-corner, .special-offer-mobile-corner:link,
.special-offer-mobile-corner:hover, .special-offer-mobile-corner:active {
  width: 100%;
  color: white;
  height: 60px;
  background-color: #f59300;
  font-family: Matias;
  font-size: 30pt;
  padding-top: 5px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  text-decoration: none; }

.special-offer-mobile-corner:before {
  height: 60px;
  background-color: #f59300;
  width: 50%;
  z-index: -1;
  top: 41px;
  content: "";
  display: block;
  position: absolute;
  left: 0px; }

@media screen and (max-width: 1119px) {
  BODY:not(.pg-special_offer) .special-offer-mobile-corner {
    display: block; }
  BODY.pg-default .special-offer-mobile-corner-main {
    display: block; }
  .special-offer-list .special-offer-data {
    width: 250px; }
  .special-offer-list .special-offer-images {
    width: 300px; }
  .special-offer-list .special-offer-form {
    width: 430px; }
  .special-form-error {
    padding: 0; }
  .special-offer-buy {
    padding: 8px 14px; }
  .special-offer-list .special-offer-form .special-offer-form-contacts-table {
    width: 390px; } }

/* START ABOUT */
.about-intro * {
  font-family: OpenSans, sans-serif; }

.about .historic-facts {
  margin: 53px 0 0 0; }

.block-title.contacts-block {
  margin: 38px 0 0 0; }

.about-intro {
  padding-top: 37px;
  padding-left: 36px; }

.about-intro .desc {
  line-height: 36px;
  font-size: 30px;
  margin-bottom: 38px; }

.about-intro .desc2 {
  font-size: 18px;
  margin-bottom: 71px;
  overflow: hidden;
  line-height: 26px; }

.bordered-block-dscr {
  font-size: 18px; }

.about-intro .desc2__left {
  float: left;
  width: 50%; }

.about-intro .desc2__right {
  margin-left: 57%; }

.bordered-block {
  font-size: 22px;
  padding: 30px 20px 32px 34px;
  border: solid 1px #999999;
  margin: 95px 0 10px 0; }

.about-intro .bordered-block-title {
  display: block;
  font-size: 30px; }

.about-intro .padded {
  padding-left: 36px; }

.user-help {
  margin: 95px 0 0 37px;
  font-size: 18px;
  color: #2c3e51; }

.user-help .signature {
  margin: 43px 0 0 0; }

.history-container {
  height: 1400px;
  position: relative; }

.history-container IMG {
  margin: 22px 0 0 0;
  width: 100%; }

.contacts {
  margin: 47px 0 83px 0; }
  .contacts TD:first-child {
    width: 180px;
    font-family: OpenSans, sans-serif;
    font-size: 18px;
    color: #93a4bb;
    padding-top: 5px;
    vertical-align: top; }
  .contacts TD:last-child {
    font-family: OpenSans, sans-serif;
    font-size: 23px;
    color: #2c3e51;
    padding-left: 20px; }

/* END ABOUT */
/* START POLICY */
.text-block {
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  color: #2c3e51;
  margin: 0 15px 80px 70px; }
  .text-block ul {
    margin-left: 40px; }

._li {
  padding: 20px 0 0 0; }

._p {
  padding: 40px 0 0 0; }

/* END POLICY */
/* START ADVERTISERS */
.advertisers .unique {
  margin: 0 0 20px 0; }

.advertisers .unique TD:last-child {
  font-size: 80px;
  vertical-align: inherit; }

.advertisers .unique TD {
  padding: 0; }

.advertisers .desc2.padded {
  padding-left: 0; }

.advertisers .text-block {
  margin: 0; }

.advertisers .bordered-block-dscr {
  font-size: 21px; }

.advertisers .user-help {
  margin: 40px 0 0 37px; }

.advertisers .text-block ._p {
  padding: 31px 0 0 0; }

.advertisers .block-title.contacts-block {
  margin: 55px 0 0 0; }

/* END ADVERTISERS */
/* START HOLDERS */
.holders .desc.padded {
  margin-bottom: 0; }

.holders .text-block, .advertisers .text-block, .partners .text-block {
  margin: 0 15px 0 36px; }

.holders .bordered-block {
  margin: 25px 0 10px 0; }

/* FINISH HOLDERS */
/* START PARTNERS */
.partners TABLE {
  border-collapse: separate;
  border-spacing: 7px 11px; }

.padded TABLE TD {
  vertical-align: top;
  padding: 0 0 20px 0; }

.padded TABLE TD:first-child {
  width: 50%; }

.padded TABLE SPAN {
  font-family: OpenSansBold, sans-serif;
  font-weight: bold; }

/* FINISH PARTNERS */
/* START LICENSE */
.license * {
  font-family: OpenSans, sans-serif; }

.license .text-block ._p.pt-60 {
  padding-top: 60px; }

.license .text-block ._p.pt-20 {
  padding-top: 20px; }

/* FINISH LICENSE */
/* START 404 */
.page-404-bg {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/404.png") no-repeat;
  width: 990px; }

.page-404-not-found {
  font-family: OpenSansLight, sans-serif;
  font-size: 34px;
  padding: 88px 0 5px 40px; }

.page-404-not-found SPAN {
  font-family: OpenSansBold, sans-serif;
  display: block;
  margin-bottom: -16px; }

.page-404-title {
  font-family: OpenSansBold, sans-serif;
  font-size: 260px;
  color: #202e3c;
  line-height: 270px;
  padding-left: 198px; }

.page-404-return-back {
  font-family: OpenSans, sans-serif;
  font-size: 14px;
  color: #93a4bb;
  padding: 5px 0 5px 35px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/back.png") no-repeat;
  margin-left: 40px;
  cursor: pointer; }

@media screen and (max-width: 1119px) {
  .page-404 {
    width: 100%;
    overflow: hidden; }
  .page-404-bg {
    background-size: 59%;
    margin: 30px 0 40px 0; }
  .page-404-not-found {
    padding: 5px 0 0 37px; }
  .page-404-title {
    font-size: 135px;
    line-height: 165px;
    padding: 0 0 80px 130px; }
  .payment-footer-contacts {
    clear: both;
    margin-top: 100px;
    margin-left: 55px; }
  .advertisers .unique TD:last-child {
    font-size: 65px; }
  .history-container {
    height: auto; } }

/* FINISH 404 */
/* PAYMENTS START */
.payments {
  margin-top: -16px; }

.bordered {
  border-bottom: 1px solid #dfe6ed; }

.payments-container {
  margin: -24px 0 0 0; }

.payment-wrapper {
  margin-left: 55px; }

.payment-type {
  margin: 50px 0 37px 0;
  padding-bottom: 5px; }

.payment-type .title {
  color: #2c3e51;
  font-size: 30px;
  font-family: OpenSans, sans-serif; }

.payment-content P {
  color: #2c3e51;
  font-family: OpenSans, sans-serif;
  font-size: 18px;
  margin: 1px 0 33px 0; }

.payment-line-list {
  margin: 20px 0;
  font-size: 18px;
  color: #2c3e51;
  font-family: OpenSans, sans-serif; }

.payment-line-list A {
  text-decoration: none;
  color: #9459a4; }

.payment-images {
  float: left;
  margin: 0 10px 10px 0; }

.payment-images IMG {
  display: block;
  margin: 0;
  padding: 0; }

.payment-images IMG:first-child {
  margin-bottom: 15px; }

.bordered-image {
  width: 110px;
  height: 110px;
  border: 1px solid #c1c9d2;
  position: relative;
  margin: auto; }

.float-image {
  float: left; }

.bordered-image IMG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.money-service {
  margin: 25px 0 45px 0; }

.margin-content {
  margin: 0 0 0 132px; }

.money-service-content P {
  font-size: 18px;
  color: #2c3e51;
  font-family: OpenSans, sans-serif; }

.money-service-content > P {
  margin: 30px 0 0 0; }

.money-service-content SPAN {
  color: #9459a4;
  font-family: OpenSans, sans-serif;
  font-size: 18px; }

.money-service-title {
  color: #2c3e51;
  font-family: OpenSansBold, sans-serif;
  font-size: 18px; }

.payment-type-list, .terminals-panel-list {
  margin: 45px 0 0 -26px; }

.payment-type-list LI {
  list-style: none;
  float: left;
  margin: 0 20px 20px 0;
  width: 175px;
  height: 175px; }

.payment-type-list LI:nth-child(4n) {
  margin-right: 0; }

.payment-service-title {
  color: #2c3e51;
  font-family: OpenSansBold, sans-serif;
  font-size: 18px;
  text-align: center;
  margin: 15px 0 0 0; }

.terminals-panel-row {
  margin: 0 0 30px 0; }

.terminals-panel-elem {
  width: 168px;
  display: inline-block;
  vertical-align: top; }

.payment .bordered-block-dscr SPAN {
  color: #9459a4; }

.payments .payment-footer {
  margin: 0 0 30px 0; }

.payment-footer-title {
  color: #2c3e51;
  font-size: 30px;
  font-family: OpenSans, sans-serif;
  margin: 105px 0 35px 55px; }

.payment-footer-icon {
  float: left;
  margin: 0 35px 0 55px; }

.payment-footer-contacts-phone, .payment-footer-contacts-email {
  color: #2c3e51;
  font-size: 18px;
  font-family: OpenSansBold, sans-serif; }

.payment-footer-contacts-phone SPAN {
  font-size: 18px;
  font-family: OpenSansBold, sans-serif; }

.payment-footer-contacts-email A {
  color: #b28ebd;
  font-size: 18px;
  font-family: OpenSansBold, sans-serif;
  text-decoration: none; }

.payments .block-separator {
  margin-top: 64px; }

.payments .bordered-block {
  margin: 54px 0 10px 36px; }

.payments .bordered-block .bordered-block-title {
  color: #2c3e51;
  font-size: 30px;
  font-family: OpenSans, sans-serif; }

.payments .bordered-block .bordered-block-dscr {
  color: #2c3e51;
  font-size: 22px;
  font-family: OpenSans, sans-serif; }

.payments .bordered-block .bordered-block-dscr A {
  color: #9459a4;
  text-decoration: none; }

/* PAYMENTS FINISH */
.contacts-cooperation {
  font-size: 18px;
  font-family: OpenSans, sans-serif;
  margin: 20px 0 20px 0; }

.tip {
  display: none;
  width: 124px;
  height: 40px;
  background: #51667d;
  color: #fff;
  font-family: OpenSansBold, sans-serif;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: -25px;
  left: -40px;
  z-index: 1; }

.tip:after {
  position: absolute;
  top: 80%;
  left: 46%;
  content: '';
  width: 12px;
  height: 12px;
  background: #51667d;
  transform: rotate(45deg); }

.karaokeAction:hover .tip,
.textAction:hover .tip,
.recordAction:hover .tip {
  display: block; }

.auth-popup-content, .auth-popup-footer {
  text-align: center;
  color: white; }
  .auth-popup-content a, .auth-popup-footer a {
    color: white; }
  .auth-popup-content .btn, .auth-popup-content .input, .auth-popup-footer .btn, .auth-popup-footer .input {
    width: 22em; }

.auth-popup-content .registration-wrapper {
  width: 22em;
  position: relative;
  margin: 1em auto;
  height: 1em; }
  .auth-popup-content .registration-wrapper .auth-action {
    position: absolute;
    top: 50%;
    text-decoration: underline;
    color: #CCDBEB;
    cursor: pointer; }
  .auth-popup-content .registration-wrapper .auth-action-left {
    left: 0;
    transform: translate(0, -50%); }
  .auth-popup-content .registration-wrapper .auth-action-right {
    right: 0;
    transform: translate(0, -50%); }

.auth-error-msg, .js-auth-timeout {
  color: #E15365;
  width: 22em;
  text-align: left;
  margin: 1em auto 1em auto; }

.restore-password {
  cursor: pointer;
  text-decoration: underline; }

.js-password-restored {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/ok-ico.png") 0 no-repeat;
  padding-left: 1.5em;
  background-size: auto 100%;
  color: #fff;
  display: none; }

.password-restored {
  display: none; }

.auth-popup-cont .auth-popup-desc {
  font-size: 1.2em;
  margin: 2.5em auto 1em; }

.auth-popup-cont .auth-form .input, .auth-popup-cont .auth-form .btn {
  margin-bottom: 0.7em; }

.auth-popup-cont .restore-pswd-cont {
  margin: 1em; }

.auth-popup-cont .licence {
  display: inline-block;
  color: #CCDBEB; }

.social-wrapper {
  width: 22em;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .social-wrapper .social-title {
    line-height: 1.3em;
    text-align: left;
    float: left; }
  .social-wrapper .social-links {
    display: inline-block;
    text-align: right;
    float: right; }
    .social-wrapper .social-links .social-link {
      width: 2.6em;
      height: 2.6em;
      float: left;
      margin-right: 0.3em;
      display: inline-block;
      border-radius: 50%;
      cursor: pointer; }
      .social-wrapper .social-links .social-link.vk {
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/vk.png") 50% 50% no-repeat, #93A4BB;
        background-size: 75%; }
        .social-wrapper .social-links .social-link.vk:hover {
          background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/vk.png") 50% 50% no-repeat, #F5AD22;
          background-size: 75%; }
      .social-wrapper .social-links .social-link.fb {
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/fb.png") 50% 50% no-repeat, #93A4BB;
        background-size: 40%; }
        .social-wrapper .social-links .social-link.fb:hover {
          background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/fb.png") 50% 50% no-repeat, #F5AD22;
          background-size: 40%; }
      .social-wrapper .social-links .social-link.ok {
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/ok.png") 50% 50% no-repeat, #93A4BB;
        background-size: 40%; }
        .social-wrapper .social-links .social-link.ok:hover {
          background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/ok.png") 50% 50% no-repeat, #F5AD22;
          background-size: 40%; }
      .social-wrapper .social-links .social-link.mail {
        background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/mail.png") 50% 50% no-repeat, #93A4BB;
        background-size: 75%; }
        .social-wrapper .social-links .social-link.mail:hover {
          background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Auth/mail.png") 50% 50% no-repeat, #F5AD22;
          background-size: 75%; }

.auth-error-list {
  list-style: inherit;
  padding-left: 1em; }

.popup-header {
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.5em;
  color: #fff;
  text-transform: uppercase;
  height: 4em;
  line-height: 4em; }

.popup-body {
  color: white; }
  .popup-body .orange {
    color: white;
    padding: 3% 3% 3% 18%;
    position: relative;
    text-align: left;
    background: #fb9600; }
    .popup-body .orange > div {
      font-size: 1em; }
  .popup-body .orange-ico {
    position: absolute;
    top: 50%;
    left: 9%;
    transform: translate(-50%, -50%); }
  .popup-body .orange-content {
    margin-left: 15%; }

.popup-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  height: 6.6em; }
  .popup-footer:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%; }
  .popup-footer .popup-footer-text {
    font-size: 0.8em;
    width: 70%;
    margin: auto;
    line-height: 1em;
    padding: 0 0 1em 0;
    color: #ccdbeb;
    text-align: center; }
  .popup-footer .popup-footer-left {
    float: left;
    width: 40%;
    font-size: 0.8em;
    text-align: center;
    padding: 0 5%; }
    .popup-footer .popup-footer-left a {
      color: #ccdbeb; }
  .popup-footer .popup-footer-right {
    float: left;
    width: 40%;
    font-size: 0.8em;
    text-align: center;
    padding: 0 5%;
    color: #ccdbeb; }

.popup-cnt {
  position: absolute;
  z-index: 52;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.3em; }
  .popup-cnt .popup-content {
    margin: 2em 0; }

.popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.7); }

.popup-name {
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  height: 6.6em;
  color: #fff;
  line-height: 6.6em;
  text-transform: uppercase; }
  .popup-name .popup-title {
    font-size: 2em; }

.popup-text {
  text-align: center;
  color: #fff;
  margin-bottom: 1em; }

.popup-description {
  margin: 1.5em 0;
  text-align: center;
  border-radius: 0.3em;
  line-height: 200%;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none; }

.popup-blue .popup-cnt {
  width: 44em;
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Layout/bg-popup.jpg) 50% 0 no-repeat;
  background-size: cover; }

.popup-blue .popup-cnt.popup-cnt-star {
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Layout/Popup-new-bg.jpg) 50% 0 no-repeat;
  background-size: cover; }

.close-popup-frame {
  background: url(//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/close.png) no-repeat;
  background-size: 100%;
  width: 1.25em;
  height: 1.25em;
  position: absolute;
  right: -1em;
  top: -1em;
  cursor: pointer; }

.popup-error {
  color: #f00;
  display: none;
  text-align: center;
  margin-bottom: 0.5em; }

.btn {
  border-radius: 0.3em;
  border: 1px solid;
  padding: 0.6em 2em;
  font-size: 1em;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  letter-spacing: 0.1em; }
  .btn + .btn {
    margin-left: 1em; }
  .btn.btn-small {
    font-size: 0.7em;
    padding: 0.8em 1.5em; }
  .btn.btn-green {
    border-color: #39ab6a;
    border-top: 1px solid #6eddbc;
    background: linear-gradient(to bottom, #49ba7d, #39ab6a); }
  .btn.btn-orange {
    background-color: #f5ad22;
    border-color: #f5ad22; }
  .btn.btn-blue {
    background: linear-gradient(to top, #0d4e87, #198ef3);
    box-shadow: -1px 1px 1px 1px #4d290c;
    border: none; }
    .btn.btn-blue:hover {
      background: linear-gradient(to top, #136fbe, #198ef4); }
  .btn.btn-trans {
    color: #ccdbeb;
    border-color: #ccdbeb;
    background-color: transparent; }
    .btn.btn-trans:hover {
      background-color: rgba(204, 219, 235, 0.2); }
    .btn.btn-trans.btn-hover-orange:hover {
      color: #fff;
      background-color: #f5ad22;
      border-color: #f5ad22; }
  .btn:focus {
    outline: 0;
    text-decoration: none; }
  .btn:hover {
    text-decoration: none; }
  .btn .btn-icon {
    display: inline-block;
    height: 1.3em;
    width: 1.3em;
    background-size: contain;
    margin: -0.3em 0.8em -0.3em 0em;
    background-repeat: no-repeat; }
    .btn .btn-icon.btn-icon-menu {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Playlist/list.png"); }
    .btn .btn-icon.btn-icon-search {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Menu/search1.png"); }
    .btn .btn-icon.btn-icon-limit-access {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/popup-time1.png"), linear-gradient(to bottom, #49ba7d, #39ab6a);
      background-size: cover; }
    .btn .btn-icon.btn-icon-exit {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Profile/exit-gray-ico.png"); }
    .btn .btn-icon.btn-icon-tarif {
      background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/LimitedAccess/tarif-white-ico.png"); }

.btn-wrapper {
  text-align: center;
  margin: 1em 0; }

.btn-cont {
  display: inline-block; }
  .btn-cont .btn-dscr {
    color: #ccdbeb;
    font-size: 0.8em;
    display: block;
    margin: 0.5em 0 0 0; }
  .btn-cont + .btn-cont {
    margin-left: 1em; }

.input.input-trans {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 0.3em;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.1em;
  line-height: 2em;
  font-size: 1em;
  padding: 0.3em 2em;
  border: 1px solid transparent;
  text-transform: uppercase;
  box-sizing: border-box; }
  .input.input-trans.error {
    border: 1px solid #E15365;
    color: #E15365; }

input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.25); }

input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.25); }

#_PaymentFrame {
  display: none; }
  #_PaymentFrame * {
    font-family: Calibri;
    font-size: 17px; }
  #_PaymentFrame .subscribe-frame-row {
    width: 410px;
    margin: auto;
    border-radius: 15px;
    overflow: hidden;
    height: 635px; }
  #_PaymentFrame .subscribe-frame-row > div {
    float: left; }
  #_PaymentFrame .subscribe-frame-tarif-col {
    width: 347px;
    height: 100%;
    background-color: #fff;
    position: relative; }
  #_PaymentFrame .subscribe-frame-form-col {
    width: 410px;
    background-color: white;
    height: 630px; }
    #_PaymentFrame .subscribe-frame-form-col.loading-frame > * {
      display: none !important; }
  #_PaymentFrame select.payment-select {
    margin-bottom: 10px; }
  #_PaymentFrame .select-wrapper {
    margin-bottom: -20px; }
  #_PaymentFrame .tarif-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 0; }
  #_PaymentFrame .tarif-list > .tarif-item-popup {
    border-top: 1px solid #cc8add; }
  #_PaymentFrame .tarif-list > .tarif-item-popup:first-of-type {
    border: 0; }
  #_PaymentFrame #widget {
    width: 410px;
    height: 100%;
    border: 0;
    overflow-x: hidden; }
  #_PaymentFrame .tarif-item-popup.checked .tarif-checkbox {
    background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/checkbox-checked-white.png"); }
  #_PaymentFrame .tarif-checkbox {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/checkbox-white.png") no-repeat center;
    height: 50px;
    width: 35px; }
  #_PaymentFrame .tarif-label {
    max-width: 210px;
    vertical-align: super; }
  #_PaymentFrame .tarif-item-popup.checked {
    background-color: #f5ad22; }
  #_PaymentFrame .tarif-item-popup:not(.checked) .tarif-desciption {
    color: #cc8add; }
  #_PaymentFrame .tarif-item-popup {
    background-color: #9459a4;
    color: white;
    padding: 9px 5px;
    cursor: pointer; }
  #_PaymentFrame .tarif-item-popup > div {
    display: inline-block; }
  #_PaymentFrame .tarif-name {
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    font-size: 16px;
    line-height: 30px; }
  #_PaymentFrame .tarif-price {
    font-weight: bold; }
  #_PaymentFrame .tarif-info {
    color: #51667d;
    padding: 0 25px;
    font-size: 17px; }
  #_PaymentFrame .tarif-info > h3 {
    text-transform: uppercase;
    font-size: 29px;
    padding: 25px 0; }
  #_PaymentFrame .tarif-list-title {
    font-size: 26px; }
  #_PaymentFrame .tarif-info-list {
    font-size: 31px;
    color: #b9c2cb;
    padding-left: 30px;
    margin: 27px 0 10px 0; }
  #_PaymentFrame .tarif-info-list span {
    color: #51667d;
    font-size: 17px;
    vertical-align: middle;
    padding: 2px 0; }
  #_PaymentFrame .tarif-info-list li {
    list-style-type: disc;
    font-size: 30px;
    line-height: 18px; }
  #_PaymentFrame .hidden {
    display: none; }
  #_PaymentFrame .loading-frame {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/spinner-pay.gif") no-repeat center;
    background-color: #fff; }
  #_PaymentFrame .loading-frame iframe {
    display: none;
    opacity: 0; }
  #_PaymentFrame .status {
    display: none;
    height: 100%;
    position: relative; }
  #_PaymentFrame .status-header {
    height: 50px;
    width: 100%;
    background-color: green;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    padding-top: 15px;
    font-weight: bold;
    color: white; }
  #_PaymentFrame .status-success .status-header, #_PaymentFrame .status-inprogress .status-header {
    background-color: #f5ac1f; }
  #_PaymentFrame .status-fail .status-header {
    background-color: #eb5f69; }
  #_PaymentFrame .status-body {
    padding: 30px 10px 30px 30px; }
  #_PaymentFrame .status-ico {
    height: 52px;
    width: 52px;
    vertical-align: top;
    margin-right: 25px;
    float: left; }
  #_PaymentFrame .status-content {
    margin-left: 80px; }
  #_PaymentFrame .status-success .status-ico {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/pay-success-ico.png") no-repeat center; }
  #_PaymentFrame .status-fail .status-ico {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/pay-error-ico.png") no-repeat center; }
  #_PaymentFrame .status-ico + .status-text {
    width: 350px; }
  #_PaymentFrame .status-text {
    color: #51667d; }
  #_PaymentFrame .status-loading {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/spinner-pay.gif") no-repeat center;
    background-color: #fff;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #_PaymentFrame .status-button {
    background-image: none;
    background: #ffc556;
    background: linear-gradient(to bottom, #ffc556 0%, #f5ae23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc556', endColorstr='#f5ae23',GradientType=0 );
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    padding: 0px 35px;
    vertical-align: middle;
    height: 45px;
    cursor: pointer;
    display: block;
    margin: auto;
    border: 0;
    border-radius: 5px; }
  #_PaymentFrame .payment-disclaimer-header {
    font-size: 13px;
    font-weight: bold;
    margin-top: -30px; }
  #_PaymentFrame .payment-disclaimer-link,
  #_PaymentFrame .payment-disclaimer-text {
    font-size: 13px; }
  #_PaymentFrame .status-button.continue {
    margin: 30px 0 0 0; }
  #_PaymentFrame .tarif-list-title {
    padding: 38px 0 18px 0; }

.close-payment-frame {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/close.png") no-repeat;
  background-size: 100%;
  width: 1.25em;
  height: 1.25em;
  position: absolute;
  right: -1.5em;
  top: -1.5em;
  cursor: pointer; }

select.payment-select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  color: #b5bcc4;
  min-width: 360px;
  width: 360px;
  cursor: pointer;
  background: url(http://static-origin.karaoke.ru/karaoke-premium/img/Payment/select-opener.png) 95% 50% no-repeat;
  padding: 0 25px 0 15px;
  font-size: 114%;
  border-color: #A3A3A3 #BCBCBC #BCBCBC #A3A3A3;
  border-style: solid;
  border-width: 1px;
  box-shadow: 1px 1px 4px 0 #DDDDDD inset;
  height: 38px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  overflow: visible !important;
  overflow-x: visible;
  overflow-y: visible;
  box-sizing: border-box;
  -ms-flex-align: center;
      align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  text-rendering: auto;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  margin: 0em 0em 0em 0em;
  font: 11px BlinkMacSystemFont;
  -webkit-writing-mode: horizontal-tb; }

select.payment-select optgroup {
  font-family: Tahoma;
  font-weight: bolder;
  display: block;
  color: #b5bcc4;
  cursor: pointer;
  font-size: 114%;
  white-space: pre;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: start; }

select.payment-select option {
  font-weight: normal;
  display: block;
  white-space: pre;
  min-height: 1.2em;
  padding: 0px 2px 1px;
  font-size: 114%;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: start; }

.select-wrapper {
  background-color: white;
  border-width: 5px;
  border-color: white;
  box-sizing: border-box;
  line-height: 30px;
  margin-bottom: -14px;
  width: 410px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #51667d;
  padding: 5px 20px; }

#_PaymentFrame:not(.state-status) .payment-border-wrapper {
  padding: 5px; }

#_PaymentFrame.state-status .select-wrapper {
  display: none; }

#_PaymentFrame .popup-cnt {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  transform: none; }

#_PaymentFrame .close-payment-frame {
  right: 50%;
  top: -1em;
  background-size: 20px 20px;
  transform: translateX(240px);
  -webkit-transform: translateX(240px); }

#_PaymentFrame .payment-border-wrapper {
  height: 100%;
  max-height: 770px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background: white;
  max-width: 420px; }

#_PaymentFrame .payment-overflow-wrapper {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

#_PaymentFrame .payment-footer {
  padding: 0 15px 1px;
  font-size: 12px;
  font-family: Tahoma;
  min-height: 1.2em;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  /* text-align: start; */ }
  #_PaymentFrame .payment-footer .payment-disclaimer {
    margin-bottom: 20px;
    color: #607287; }
    #_PaymentFrame .payment-footer .payment-disclaimer a {
      color: #9459a4;
      text-decoration: none; }
      #_PaymentFrame .payment-footer .payment-disclaimer a:hover {
        text-decoration: underline;
        color: #9459a4; }
  #_PaymentFrame .payment-footer .recur-checkbox {
    vertical-align: middle; }

#_PaymentFrame .recur-checkbox {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/checkbox.png") no-repeat center;
  width: 18px;
  height: 16px;
  cursor: pointer;
  display: inline-block; }

#_PaymentFrame .recur-checkbox.checked {
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/checkbox-checked.png") no-repeat center; }

#_PaymentFrame .recur-checkbox-label {
  cursor: pointer;
  font-size: 13px; }

#_PaymentFrame .i-text-icon {
  width: 12px;
  height: 12px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/i-gray-icon.png") no-repeat center;
  display: inline-block;
  cursor: pointer; }

#_PaymentFrame .payment-other {
  float: right;
  top: -7px;
  margin-bottom: 4px; }
  #_PaymentFrame .payment-other .payment-other-text {
    font-size: 16px;
    line-height: 23px;
    vertical-align: top;
    font-family: Tahoma;
    color: #9459a4;
    border-bottom: 1px dashed #9459a4;
    cursor: pointer; }
  #_PaymentFrame .payment-other .wallet {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/wallet.png") no-repeat center;
    width: 16px;
    height: 18px;
    display: inline-block; }
  #_PaymentFrame .payment-other .sber {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/sber.png") no-repeat center;
    width: 15px;
    height: 15px;
    display: inline-block; }
  #_PaymentFrame .payment-other .sms {
    background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/sms.png") no-repeat center;
    width: 25px;
    height: 12px;
    display: inline-block; }

.style-otpay {
  position: fixed !important;
  z-index: 500000 !important;
  color: #627187; }

body.no-scroll {
  position: fixed; }

.stepped-popup-wrapper {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000; }

.stepped-popup-body {
  max-width: 1000px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: OpenSans, sans-serif;
  text-align: left;
  height: auto;
  max-height: 100%;
  overflow: auto; }
  .stepped-popup-body strong {
    color: #EB5202;
    font-weight: inherit; }

.stepped-popup-close {
  width: 50px;
  height: 50px;
  background: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/icon-close.svg");
  opacity: .3;
  position: absolute;
  top: 8px;
  right: 0;
  cursor: pointer;
  transition: opacity .2s ease;
  z-index: 2; }
  .stepped-popup-close:hover {
    opacity: 1; }

.stepped-popup__input-block {
  display: inline-block;
  width: 765px;
  height: 65px;
  white-space: nowrap;
  text-align: center;
  margin: 120px 0 15px 60px; }

.stepped-popup__input-name {
  display: inline-block;
  width: 545px;
  height: 65px;
  box-shadow: 0 10px 20px 0 rgba(202, 209, 216, 0.65), inset 0 5px 5px 0 rgba(114, 131, 149, 0.35);
  border: solid 1px #728395;
  border-right: none;
  color: #000101;
  box-sizing: border-box;
  padding: 10px 28px;
  float: left;
  font-size: 20px;
  outline: none;
  vertical-align: top; }
  .stepped-popup__input-name::-webkit-input-placeholder {
    color: #728395;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px; }
  .stepped-popup__input-name::-moz-placeholder {
    color: #728395;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px; }
  .stepped-popup__input-name:-moz-placeholder {
    color: #728395;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px; }
  .stepped-popup__input-name:-ms-input-placeholder {
    color: #728395;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px; }

.stepped-popup__input-button {
  display: inline-block;
  width: 220px;
  height: 65px;
  border: none;
  background: linear-gradient(to top, #4ABA7D 0%, #7DDBA8 89%);
  color: #000101;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 800;
  font-size: 12px;
  line-height: 66px;
  box-shadow: 0 8px 8px 0 rgba(48, 154, 96, 0.5);
  float: left;
  cursor: pointer;
  outline: none; }
  .stepped-popup__input-button.disabled {
    cursor: not-allowed;
    color: #666666; }
  .stepped-popup__input-button:not(.disabled):hover {
    background: linear-gradient(to top, #36A167 0%, #5DC08A 89%);
    color: #FFFFFF; }

.stepped-popup__header {
  color: #728395;
  font-size: 38px;
  line-height: 38px;
  text-transform: uppercase;
  font-family: OpenSans, sans-serif;
  font-weight: 800;
  max-width: 100%;
  padding: 0 70px 0 50px;
  box-sizing: border-box; }

.stepped-popup__subheader {
  font-weight: 300;
  font-size: 37px;
  line-height: 45px; }

.stepped-popup__tariff-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  white-space: nowrap;
  position: relative;
  height: 380px; }

.stepped-popup__tariff {
  width: 220px;
  height: 250px;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: absolute;
  color: #FFFFFF;
  font-family: OpenSans, sans-serif;
  text-align: left;
  top: 55px;
  left: 50px; }
  .stepped-popup__tariff .stepped-popup__tariff-body {
    width: 100%;
    height: 50%;
    padding: 20px 30px 30px;
    transition: padding .2s ease;
    box-sizing: border-box;
    background: linear-gradient(to bottom, rgba(212, 74, 2, 0.3), rgba(212, 74, 2, 0)); }
  .stepped-popup__tariff + .stepped-popup__tariff .stepped-popup__tariff-block {
    background-color: #F36A22; }
  .stepped-popup__tariff + .stepped-popup__tariff .stepped-popup__tariff-body {
    background: linear-gradient(to bottom, rgba(212, 74, 2, 0.3), rgba(212, 74, 2, 0)); }
  .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff .stepped-popup__tariff-block {
    background-color: #F05503; }
    .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff .stepped-popup__tariff-block .stepped-popup__tariff-body {
      background: linear-gradient(to bottom, #e54702, rgba(229, 71, 2, 0)); }
  .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff .stepped-popup__tariff-block {
    background-color: #E44101; }
    .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff .stepped-popup__tariff-block .stepped-popup__tariff-body {
      background: linear-gradient(to bottom, #d93601, rgba(217, 54, 1, 0)); }
  .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff .stepped-popup__tariff-block {
    background-color: #DD3000; }
    .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff .stepped-popup__tariff-block .stepped-popup__tariff-body {
      background: linear-gradient(to bottom, #be2800, rgba(190, 40, 0, 0)); }
  .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff:nth-child(even) .stepped-popup__tariff-block {
    background-color: #BB2000; }
    .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff:nth-child(even) .stepped-popup__tariff-block .stepped-popup__tariff-body {
      background: linear-gradient(to bottom, #a01e00, rgba(160, 30, 0, 0)); }
  .stepped-popup__tariff:hover {
    z-index: 1; }
  .stepped-popup__tariff + .stepped-popup__tariff-blank {
    left: 305px; }
  .stepped-popup__tariff + .stepped-popup__tariff {
    left: 305px; }
    .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
      left: 525px; }
    .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
      left: 525px; }
      .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
        left: 745px; }
      .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
        left: 745px; }
        .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
          left: 965px; }
        .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
          left: 965px; }
          .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
            left: 1185px; }
          .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
            left: 1185px; }
            .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
              left: 1405px; }
            .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
              left: 1405px; }
              .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
                left: 1625px; }
              .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
                left: 1625px; }
                .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
                  left: 1845px; }
                .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
                  left: 1845px; }
                  .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
                    left: 2065px; }
                  .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
                    left: 2065px; }
                    .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
                      left: 2285px; }
                    .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
                      left: 2285px; }
                      .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
                        left: 2505px; }
                      .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff {
                        left: 2505px; }
                        .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff + .stepped-popup__tariff-blank {
                          left: 2725px; }
  .stepped-popup__tariff.stepped-popup__tariff--demo .stepped-popup__tariff-block {
    box-shadow: 0 0 0 0 #6e757d; }
    .stepped-popup__tariff.stepped-popup__tariff--demo .stepped-popup__tariff-block:hover {
      box-shadow: 0 25px 35px 0 #6e757d; }
  .stepped-popup__tariff.stepped-popup__tariff--best:before {
    display: block;
    content: '';
    width: 297px;
    height: 360px;
    background-image: url("//static-origin-vkobelkov.dev.karaoke.ru/karaoke-site/img/Payment/best_tariff.png");
    position: absolute;
    top: -38px;
    left: -46px; }
  .stepped-popup__tariff.stepped-popup__tariff--best .stepped-popup__tariff-body {
    background: linear-gradient(to bottom, rgba(107, 58, 124, 0.3), rgba(107, 58, 124, 0)); }
  .stepped-popup__tariff.stepped-popup__tariff--best .stepped-popup__tariff-block {
    background-color: #935AA5;
    box-shadow: 0 0 0 0 #5801a2; }
    .stepped-popup__tariff.stepped-popup__tariff--best .stepped-popup__tariff-block:hover {
      box-shadow: 0 25px 35px 0 #5801a2; }
      .stepped-popup__tariff.stepped-popup__tariff--best .stepped-popup__tariff-block:hover:after {
        top: 11px;
        right: -3px; }
    .stepped-popup__tariff.stepped-popup__tariff--best .stepped-popup__tariff-block:after {
      content: 'best';
      display: block;
      width: 55px;
      box-sizing: border-box;
      position: absolute;
      top: 11px;
      right: -3px;
      background: linear-gradient(to right, #4aba7d, #7ddba8);
      color: #000000;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0;
      padding: 7px 10px;
      font-family: OpenSans, sans-serif;
      font-weight: bold;
      transform: rotate(-90deg);
      box-shadow: -8px 0 8px 0 #6c397f;
      transition: top .2s ease, right .2s ease; }

.stepped-popup__tariff-blank {
  width: 40px;
  height: 250px;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 15px; }

.stepped-popup__tariff-block {
  width: 220px;
  height: 250px;
  background-color: #F36A22;
  transition: width .2s ease, height .2s ease, margin .2s ease, box-shadow .2s ease;
  cursor: pointer;
  box-shadow: 0 0 0 0 #a22a01;
  position: absolute; }
  .stepped-popup__tariff-block:hover {
    width: 250px;
    height: 280px;
    margin: -15px;
    z-index: 1;
    box-shadow: 0 25px 35px 0 #a22a01; }
    .stepped-popup__tariff-block:hover .stepped-popup__tariff-header {
      padding: 65px 45px 0; }
    .stepped-popup__tariff-block:hover .stepped-popup__tariff-body {
      padding: 20px 45px 45px; }

.stepped-popup__tariff-header {
  width: 100%;
  height: 50%;
  text-transform: uppercase;
  padding: 50px 30px 0;
  box-sizing: border-box;
  transition: padding .2s ease; }

.stepped-popup__tariff-header__tagline {
  opacity: .7;
  font-size: 13px;
  font-weight: 400; }

.stepped-popup__tariff-header__main-tagline {
  font-size: 23px;
  font-weight: 600; }

.stepped-popup__tariff-price {
  font-size: 74px;
  line-height: 80px;
  vertical-align: bottom;
  font-weight: 300;
  letter-spacing: -7px; }

.stepped-popup__tariff-price-currency {
  font-size: 26px;
  opacity: .7;
  margin-left: 10px;
  font-family: PtRoubleSans; }

.stepped-popup__footer {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding-left: 35%;
  padding-top: 15px;
  box-sizing: border-box; }

.stepped-popup__content {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  box-sizing: border-box;
  white-space: nowrap;
  font-size: 0; }

.stepped-popup__frame {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  white-space: normal; }

.stepped-popup__content--second-frame .stepped-popup__frame {
  position: relative;
  left: -100%; }

.stepped-popup__error-block {
  color: #FF0000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  width: 100%;
  margin-top: 100px;
  text-align: left;
  padding-left: 30px; }

@media only screen and (max-width: 999px) {
  .stepped-popup-wrapper {
    box-sizing: border-box;
    border: solid 20px transparent; }
  .stepped-popup-body {
    max-width: 1000px;
    padding-left: 0; }
  .stepped-popup__tariff-list {
    overflow: auto; }
  .stepped-popup-close {
    right: 15px; }
  .stepped-popup__tariff-block {
    width: 100%;
    font-size: 0;
    text-align: center;
    white-space: normal; }
    .stepped-popup__tariff-block:hover {
      width: 220px;
      height: 250px;
      margin: 0;
      box-shadow: none; }
      .stepped-popup__tariff-block:hover .stepped-popup__tariff-header {
        padding: 50px 30px 0; }
      .stepped-popup__tariff-block:hover .stepped-popup__tariff-body {
        padding: 20px 30px 30px; }
  .stepped-popup__tariff.stepped-popup__tariff--demo .stepped-popup__tariff-block:hover, .stepped-popup__tariff.stepped-popup__tariff--best .stepped-popup__tariff-block:hover {
    box-shadow: none; }
    .stepped-popup__tariff.stepped-popup__tariff--demo .stepped-popup__tariff-block:hover:after, .stepped-popup__tariff.stepped-popup__tariff--best .stepped-popup__tariff-block:hover:after {
      top: 11px;
      right: -3px; }
  .stepped-popup__input-name {
    float: none;
    border-right: solid 1px #728395;
    margin-bottom: 60px;
    max-width: 100%; }
  .stepped-popup__input-button {
    float: none; }
  .stepped-popup__footer {
    padding-left: 10%;
    padding-top: 0; }
  .stepped-popup__input-block {
    white-space: normal;
    max-width: 100%;
    margin: 120px 0 15px; }
  .stepped-popup__frame {
    position: relative;
    left: 0;
    transition: left .3s ease; }
  .stepped-popup__content--second-frame .stepped-popup__frame {
    position: relative;
    left: -100%; }
  .stepped-popup__error-block {
    margin-top: 0;
    text-align: center;
    padding: 0;
    position: relative;
    top: -105px; }
  .stepped-popup__tariff-blank {
    width: 0; } }

@media only screen and (max-width: 804px) {
  .stepped-popup-wrapper {
    padding: 35px;
    overflow: auto;
    border: none; }
  .stepped-popup__input-button.disabled {
    color: #000101; }
  .stepped-popup__input-name {
    width: 100%;
    margin-bottom: 38px; }
  .stepped-popup-body {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    overflow: visible;
    height: 100%;
    min-height: 400px;
    padding-bottom: 90px; }
  .stepped-popup-close {
    right: -15px;
    top: -15px; }
  .stepped-popup__footer {
    position: absolute;
    bottom: 0; } }

.opentip-container,
.opentip-container * {
  box-sizing: border-box; }

.opentip-container {
  position: absolute;
  max-width: 300px;
  z-index: 100;
  transition: transform 1s ease-in-out;
  pointer-events: none;
  transform: translateX(0) translateY(0); }

.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
  transform: translateY(-5px); }

.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
  transform: translateY(-5px) translateX(5px); }

.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
  transform: translateX(5px); }

.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
  transform: translateY(5px) translateX(5px); }

.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
  transform: translateY(5px); }

.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
  transform: translateY(5px) translateX(-5px); }

.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
  transform: translateX(-5px); }

.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
  transform: translateY(-5px) translateX(-5px); }

.opentip-container.ot-fixed .opentip {
  pointer-events: auto; }

.opentip-container.ot-hidden {
  display: none; }

.opentip-container .opentip {
  position: relative;
  font-size: 13px;
  line-height: 120%;
  padding: 9px 14px;
  color: #4f4b47;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.2); }

.opentip-container .opentip .header {
  margin: 0;
  padding: 0; }

.opentip-container .opentip .ot-close {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: -12px;
  left: 60px;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  text-decoration: none; }

.opentip-container .opentip .ot-close span {
  display: none; }

.opentip-container .opentip .ot-loading-indicator {
  display: none; }

.opentip-container.ot-loading .ot-loading-indicator {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  display: block; }

.opentip-container.ot-loading .ot-loading-indicator span {
  display: block;
  animation: otloading 2s linear infinite;
  text-align: center; }

.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
  color: #f8f8f8;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

.opentip-container.style-glass .opentip {
  padding: 15px 25px;
  color: #317cc5;
  text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3); }

.opentip-container.ot-hide-effect-fade {
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none; }

.opentip-container.ot-hide-effect-fade.ot-hiding {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out; }

.opentip-container.ot-show-effect-appear.ot-going-to-show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.opentip-container.ot-show-effect-appear.ot-showing {
  opacity: 1;
  -ms-filter: none;
  filter: none; }

.opentip-container.ot-show-effect-appear.ot-visible {
  opacity: 1;
  -ms-filter: none;
  filter: none; }

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