html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  }
body {
  line-height: 1;
  font:normal 14px/21px "Proxima Nova",sans-serif;
  color:#000;
  overflow-x: hidden;
  }
header, nav, article, footer, section {
  display:block;
  }

h1, h2, h3, h4, h5, h6, p { margin:0 0 20px 0; }
a, a:visited {
  color:#000;
  text-decoration:none;
  outline:none;
  }
a:hover {
  color:#003cff;
  text-decoration:underline;
  }
a.under {
  text-decoration:underline;
  }
ol, ul {
  list-style: none;
  }
img {
  border:0;
  -ms-interpolation-mode: nearest-neighbor | bicubic;
  }
blockquote, q {
  quotes: none;
  }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
  }

:focus {
  outline: 0;
  }

ins {
  text-decoration: none;
  }
del {
  text-decoration: line-through;
  }

table {
  border-collapse: collapse;
  border-spacing: 0;
  }
table td {
  vertical-align:top;
  text-align:left;
  }


@import url('http://fonts.googleapis.com/css?family=PT+Serif:400,400italic&subset=latin,cyrillic');


@font-face {
  font-family: 'Proxima Nova';
  src: url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-regular-f980b7697eafe17c5dca217b5d833b15ac2ee9e4205c92b8e347d387e3a7d87f.eot');
  src: url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-regular-f980b7697eafe17c5dca217b5d833b15ac2ee9e4205c92b8e347d387e3a7d87f.eot?#iefix') format('embedded-opentype'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-regular-57c4c5b68af590684bca82bc44caef8fb95937e039139b11491460dbcbbef2bc.woff') format('woff'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-regular-1198ea009cf1767213f1f4b59a2583d1ef453a92126881994a2074cfea4213f0.ttf') format('truetype'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-regular-9e9c81cb435deb81e0f3c0205b8efbf5dceb378209c39d3fe4b34eabc32f7a0a.svg#proxima_novaregular') format('svg');
  font-weight: normal;
  font-style: normal;
  }


@font-face {
  font-family: 'Proxima Nova';
  src: url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-bold-89d01bc73c845a9e877e876d19ce93067b70a87fefd0fe9b8eb22b98db5b8fa7.eot');
  src: url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-bold-89d01bc73c845a9e877e876d19ce93067b70a87fefd0fe9b8eb22b98db5b8fa7.eot?#iefix') format('embedded-opentype'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-bold-e81f55eaa6b8586827651c5d05c051cec9cd39efa10375589682e56676840d53.woff') format('woff'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-bold-656e503158b9a44521438d820c902d1bb98f01cca52310a302e2c6a090e779be.ttf') format('truetype'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-bold-6b78706fdbcc9d08a6fde1f2e61074b3acd17aabdc18f435fbfa61e6323c78bd.svg#proxima_novabold') format('svg');
  font-weight: bold;
  font-style: normal;
  }


@font-face {
  font-family: 'Proxima Nova';
  src: url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-black-195db8f7eaa7610c85096ca2ea4d89e9bee279f3903ba844194afde1daf89900.eot');
  src: url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-black-195db8f7eaa7610c85096ca2ea4d89e9bee279f3903ba844194afde1daf89900.eot?#iefix') format('embedded-opentype'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-black-d280b7afc324b3a523d29ead3d03cda02eacd9c18e9b2a53c565745291a3c17b.woff') format('woff'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-black-76ee1d36b87954c9aedf5aab1f3b4bd046887eec60997a15b90a229165ee8d02.ttf') format('truetype'),
       url('http://lamcdn.net/www.lookatme.ru/gui/proximanova-black-91aab079b1bfe2452740214015eb96a14958d3416c0da5a3737c9d783225944a.svg#proxima_novablack') format('svg');
  font-weight: 900;
  font-style: normal;
  }
body { font-family: "Proxima Nova", sans-serif; -webkit-text-size-adjust: none; -webkit-hyphens: auto; hyphens: auto; }

.outer-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  }
.body-moovin {
  width: 320px;
  position: relative;
  left: 0;
  }
.wrap {
  position: relative;
  width: 300px !important;
  margin: auto; padding: 50px 10px 1px !important;
  font-size: 10px;
  box-shadow: 0 0 6px 3px rgba(0,0,0,.5) !important;
  }


.notice {
  padding: 10px 0;
  background: #fffb83;
  }
.notice .notice-wrap {
  margin: 0 15px;
  width: 290px;
  font: 16px/20px "Proxima Nova", sans-serif; color: #000;
  }
.notice .notice-wrap a {
  text-decoration: underline;
  }


.hide-overlay {
  display: none;
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  background: rgba(255,255,255,.65);
  }

.g-logo {
  display: block;
  width: 134px; height: 16px;
  text-indent: -999em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQkAAAAfCAMAAADDTshkAAAAM1BMVEUmJib%2F%2F%2F8mJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiZglwgFAAAAEHRSTlMAAER3u%2B6ZImYR3cwziKpVdwSZogAAAsdJREFUeF7NmcuS6yAMRHXBvHGs%2F%2F%2Fau7I1TIOH1yK9pDoqcqxSY0x8i%2Bpy3h6GmeNxXmHMArU1P7L1SlxxcEu3AW2HLB%2FwC67q%2BIOELwqxVf0WJJHFlagUomKzQIIdsF0joSKic70WJJHkXza6qyjmF0hoYLtE4uSKjO%2BzIAktDkVV5aLMZ4FEBLYrJCzX5XssSCLDE%2FsLfZgnwVnYLpOw3JLvsCCJBLMQFKHINIlT2K6S0NxW7rNI7cKcAtWluFQaJYHz1qyTcIbbSj2WkoSSPToCNVrMzZPgi4jo4gUSuCujHRFlyyLfZ5HaIRZbBOEDxHkCBF5J2BrbSp1%2Ft6A%2BxLC9mzlLCsY%2Bi9Q%2BId9QFzbWAgkORIHXSWjIMqKfDzZ3WSQ10Yv6PLCkxgIJT%2BQ3kDiKMxCONN1jkdoPnxiopSAMHybnAolElDaQ4OpepPQxYhGZTE35xyTtFmdI3HnhnCwACZCq13diqEdr6rEgCU8gbEMLtcdI3BGktSxMk1CwCusdlkrDohC%2BJ4pCZZxEvhsqysJXkcDgaMzoQBI1ZoIERS4U6QtJ4JzA%2BZKKQL0mSOjf%2BL9pTshiQ7nsG0ndCRKOC7kFEvuzA8zt19BcnC04DJO4fy0sZ0jsP08g%2B6qiZGg5NfwECV%2Fk1QKJ%2FWdM1qbGDQGijgkSwXBxPbb7vcMlGcd9FjEAt%2B7LEHajJMpyliZJtN9FTxb5PsvPYEyvUWq4KT1KomwxNUACpfbfT5B6i9LrrdIECYrFeb3%2FfgJJ7L%2BzIvsSpR9%2BUR4nIVvTyyT232MG04zSwG86x0nIEHPLJPbfbZNvRqnnN8UJEnRI8qyR2P%2B9Q3aHUXrwq1QvCcTud5DY%2Fw3MwVcdWM%2B12WEnSIQntNZJ7P8uShqzsVxO1TwxEyTICsMlEiKnnw%2FhPhAKLW0SIVaiFI4aeMa4xkgIyGuAxH%2F1nCrUHDRh3gAAAABJRU5ErkJggg%3D%3D) no-repeat; background-size: cover;
  }


.topbar {
  position: absolute; top: 0; left: 0; right: 0; z-index: 19;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #c9c9c9;
  box-shadow: 0 1px 0 rgba(201,201,201,.3);
  }
.topbar .g-logo {
  position: absolute; top: 18px; left: 15px;
  }
.topbar .menu {
  position: relative;
  width: 320px;
  margin: auto;
  }


.topbar .sidemenu-toggle {
  position: absolute; top: 0px; right: 0; z-index: 10;
  width: 48px; height: 51px;
  outline: none;
  box-shadow: 1px 0 0 rgba(255,255,255,.04);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
.topbar .sidemenu-toggle:before {
  content: ''; position: absolute; top: 0; left: 0;
  width: 1px; height: 50px;
  border-left: 1px solid #e5e5e5;
  }
.topbar .sidemenu-toggle .open,
.topbar .sidemenu-toggle .close {
  content: '';
  position: absolute; top: 17px; left: 14px;
  width: 19px; height: 16px;
  -webkit-transition: -webkit-transform .5s, opacity .5s; -moz-transition: -moz-transform .5s, opacity .5s; -ms-transition: -ms-transform .5s, opacity .5s; -o-transition: -o-transform .5s, opacity .5s; transition: transform .5s, opacity .5s;
  }
.topbar .sidemenu-toggle .open { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB%2BZAqzAAAAM0lEQVRYw%2B3VQREAMAgEsQP%2FnlsbDGQV5LeV5GVgnaGBgYFJ1yqvBAMD80rJK8HAwFbDPnb3AyvjGGV2AAAAAElFTkSuQmCC) no-repeat; -webkit-background-size: cover; background-size: cover; }
.topbar .sidemenu-toggle .close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB%2BZAqzAAAA7UlEQVR42t3YQQrCMBhEYa%2FhAfT%2Be8050r29R6xUCPTBVHwliD%2FMpoThW5Sk6am1lnJZclty7s9k1q77qzut20M92jq14zSqvjvnhEuoufUBTqLaHu5DFHEelXER5XFEBdw1wUrDCBxQccoGhqLpC5xFTb0LMIvzKMAMjsUeRZjHeRRhHidQGeZxHkWYx3kUYR7nUYRZnEdlmMd5lIfVATCBEri%2Ff%2FnHbxe%2Fv8F61CQO%2FgGHuMAN%2BOzxuINQx3ccWOhxCVYEyuKKuL4RpXH5%2BkacRxGXUOIXAVAeRxRhGUeUxxFFWMYVoDyubFDIE8HEN1iPjaowAAAAAElFTkSuQmCC) no-repeat;
  opacity: 0; -webkit-background-size: cover; background-size: cover;
  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);
  }
.nav-opened .topbar .sidemenu-toggle {
  background: #000;
  }
.nav-opened .topbar .sidemenu-toggle:before {
  border-color: #000;
  }
.nav-opened .topbar .sidemenu-toggle .open {
  opacity: 0;
  -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);
  }
.nav-opened .topbar .sidemenu-toggle .close {
  opacity: 1;
  -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
  }


.sidemenu {
  display: none;
  position: absolute; top: 51px; left: 0; z-index: 20;
  padding: 0;
  width: 100%;
  background: #000;
  }
.sidemenu .sidemenu-header {
  margin: -2px 0 0; padding: 8px 15px 7px;
  font: bold 11px/1 "Proxima Nova", sans-serif; color: #595959;
  background: #292929;
  border-top: 1px solid #333; border-bottom: 2px solid #0d0d0d;
  }
.sidemenu .nav-list li {
  padding: 0 0 0 15px;
  }
.sidemenu .nav-list a {
  display: block;
  height: 40px;
  font: 16px/40px "Proxima Nova", sans-serif; -webkit-font-smoothing: antialiased; color: #fff; text-decoration: none;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
.sidemenu .topics li {
  border-bottom: 2px solid #0d0d0d;
  }
.sidemenu .topics a {
  height: 50px;
  font: bold 19px/50px "Proxima Nova", sans-serif; -webkit-font-smoothing: antialiased; color: #fff; text-decoration: none;
  }
.sidemenu .nav-list .active a { color: #2f47ff; }

.sidemenu .nav-list .system-username {
  margin: 0 0 5px; padding: 2px 0 4px 15px;
  border-top: 2px solid #0d0d0d;
  }
.sidemenu .nav-list .system-username a {
  overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis; line-height: 44px;
  }
.sidemenu .nav-list .system-username a img {
  width: 25px; height: 25px;
  margin-right: 9px;
  vertical-align: -6px;
  border-radius: 2px;
  }
.sidemenu .system-login {
  padding: 10px 15px;
  border-top: 2px solid #0d0d0d;
  }
.sidemenu .system-login a {
  display: inline-block;
  font: normal 16px/34px "Proxima Nova", sans-serif;
  margin-right: 10px;
  padding: 0 10px;
  color: #fff;
  background-color: #242424;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.sidemenu .system-login a.registration-link {
  background-color: #2f47ff;
}

.sidemenu .system-logout {
  position: absolute; right: 5px; bottom: 19px; z-index: 10;
  width: 16px; height: 17px;
  text-indent: -999em;
  }
.sidemenu .system-logout a {
  display: block;
  }
.sidemenu .system-logout a:before {
  content: ''; position: absolute; top: 0; right: 0;
  width: 18px; height: 18px;
  margin: 0 10px 0 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAB7klEQVR42tWY227CMAxAex0kDFGVAmUMQS%2BQ8v8fyFwpmapIsUtT7%2FJwnnLpIS62m%2BD5fPoggQrogIemA66A8NnbRyoGVC%2Fj4A5EvyH23gsQiL8qJv%2BjWDhVbAnUQMwglgINsHxVbDV4sQsGsYMeV8BqrJgEFPLv8hVLrPSiAEmJpVrkYZHPKLZ3pJbUJRYCleMBLRB6idG5r3KJbYmHbGYQ2xHzc1ssNiF0oAAxg5gcUS3ioVhBPGA94zu2JtYUQ7EWmVgypIsSWdMaMYGFkCXB0g2AoMJYMpakEgtnP%2BGMbcwoJpF1535C4xjsgJC5iHeOdU2AxLohuouVZz%2BGHYoKkE2v6KZ07ruN6GAr13rsxGogIBD6B9wtLqalIaixE7shqSJgRrlOux%2B8IOF4Y5R6Q557%2BW7aHGxZpOim4UDVrgYIGaRCoMFqcz8pIspDxiCWEWUwMhOPZoDsLv1JiTRzHHYXCyxRWl9LPsQmRSAs7A72g5LzPLmUktIOgS2WmCMmwrqZILUZuXdiiVmFmaYCMiAmwpYhZQfpki0xpM2mJE%2FAQXNCZNB2Ghezv%2F342b96d5H%2FgFQ%2B9bZHAi2DUAtI32uoCNiZ6uCJ0qGL5rwfS4Bi4gm2em3CfXEndHfwCdQ6B3WaO1Drse3U684vt6BITeS3X7gAAAAASUVORK5CYII%3D); -webkit-background-size: contain; -o-background-size: contain; background-size: contain;
  }
.nav-opened .sidemenu {
  display: block;
  }


.page-footer {
  position: relative; z-index: 300;
  padding: 26px 26px 6px;
  font: 10px/13px "Proxima Nova", sans-serif; color: #565656; text-align: center;
  background: #000;
  box-shadow: inset 0 2px #161615;
  }
.page-footer .g-logo {
  display: inline-block;
  margin-bottom: 20px;
  width: 118px; height: 14px;
  text-indent: -999em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAAbCAMAAABImpOHAAAAMFBMVEVERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERETH6vvzAAAAD3RSTlMARO53mRHdVWa7M4jMIqq2pPsOAAACZElEQVR42sWZ63KEMAiFYy5Ec5H3f9vOTrWnLkxc1Jk9%2FxQD%2FTYJkNTxJqcp14WYuS2hfG49esy8qzqhzn%2Baf99MrMrJABj10vz2MSuaBrApeIZoPrHqsOnvq9VJBXhYTbDC6XoPdoOBaDq1StiFN7XkpIihbobFKNf5DmyKLBXGVgmLqfPFSRUx3AaLoOEWbGNNdWwVsMUjkKLKDLVLsIQlchk2sq75zHqEbZgATcetUKywGFX4Bmxm1uX7qRUesbiiBJV%2BqhUWruMdWIKvybmUFzyfWuGxiOQ0XD6k1i9Ih%2FVyiYjxQ68ZaUWUsXRihcdEmHBNiTftiz0bYKEZ8S%2FBRplWAnyPrfBYh8kJf%2BK6j442WJTa9Q6sV6LT%2Fu7ECo%2Fj5IQSHMq%2BApIBFuqdFVipBW%2B19ZWVMtHGVhknOl0dfQFhXVhgt18rBDzaYSe8U16OrYgjp0tvFRu2zWqD3fYBER6%2FA3u%2BigkVJ2OSLbDOH9Pyd2FR9qUK0heGBBtsPG6X7%2B1ZiNKoVfT%2FzyzNBluYoWKCfT4by62ox0ChLBbYQ0tMzgD7fJ3lUWecWVW1wYZDavhmB7Ukevvw%2FKRBNtiOkd0C%2B3xvnJC2WpKtoq5sgnUrtooFFnru1IP5q7JV1BVtsPn%2Fj%2FT5qQd68DyLG6gsWkVdPhlgkee8uwj74E0FZtB30Srqmm2wFaGvw6Z1dAelW4cXbotoFXWtNtiCknUJ9tHbxe61%2BkOirqL16yZY19CMXIF99N7YBcSSrSIptSjYYAPGXIXFnf8LicR%2FBEbWNz9Nnn8qdrms7e1jWBSx9BnsDw491zTloyh0AAAAAElFTkSuQmCC) no-repeat; background-size: contain;
  }


.banner {
  width: 320px;
  margin: 0 -10px;
  }
.banner img { display: block; }


.hype-panel {
  margin: 0 -10px; padding: 10px 0;
  vertical-align: top;
  background: #EAEAEA;
  }
.hype-panel .hype-views-counter {
  margin-top: 30px;
  font: bold 27px/18px "Proxima Nova", sans-serif;
  }
.hype-panel h6 {
  margin-bottom: 18px;
  font: bold 11px/1 "Proxima Nova", sans-serif;
  }
.hype-panel .just-bl {
  position: relative; display: inline-block;
  margin-left: 10px; padding: 10px;
  width: 120px; height: 74px;
  vertical-align: top;
  border: 1px solid #c6c6c6; border-radius: 4px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }
.hype-panel .hype-share {
  margin-left: 10px;
  width: 170px;
  }
.hype-panel .hype-share-button {
  display: inline-block; position: relative; top: -10px;
  width: 32px; height: 32px;
  margin-left: 10px;
  text-indent: -999em;
  border-radius: 4px;
  background-size: contain; background-repeat: no-repeat;
  }
.hype-panel .hype-share-button:first-of-type { margin-left: 0; }
.hype-panel .hype-share-button:before,
.hype-panel .hype-share-button:after {
  content: '';
  position: absolute;
  background-size: contain; background-repeat: no-repeat;
  }
.hype-panel .hype-share-button:before {
  width: 100%; height: 100%; top: 0; left: 0;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.45); border-radius: 4px;
  }
.hype-panel .hype-share-button.fb {
  background: #416ed2; background: -webkit-linear-gradient(top, #416ed2 0%,#3859a6 100%); background: linear-gradient(to bottom, #416ed2 0%,#3859a6 100%);
  }
.hype-panel .hype-share-button.fb:after {
  top: 8px; left: 12px;
  width: 9px; height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAgCAYAAAD0S5PyAAABIUlEQVR42u2TsWqDUBRAG1rJErCBYIZA%2F6Cz0KFQyOLinCz%2BQqYQunZzzug3FD%2BgoG3pWDoYjFkUlOAqEkJFJLfXwCui7xFi00weOLhcD8i9XgAAU4RHb9F7dIg%2BULxivXyJiugIHR%2BQY0Xu0LGiKFPDMJ49z%2FsKw3AVBMGirK7r17RAXxAExbKstx0CBzBNs0eLiI7jfAChTkRV1Uc4At%2F3u5WIbdsGHAdfiURRtAY2r%2BgTOivYrkSSJImBQhzHS3y0yvOEFtohpmm6ZXz7C5kpyJEIVzweViTfGOXQBvuCJEltWZYnRIx8AwXXdT%2FJDFHTtP4%2Bku8Z6iOfInLzp0iWZZvf7eTHAvV4P0VkXoyUZP9o5dkm0kSayJkiCP%2BvkR%2FApGYuLfdvnQAAAABJRU5ErkJggg%3D%3D);
  background-size: auto 16px;
  }
.hype-panel .hype-share-button.vk {
  background: #348ee1; background: -webkit-linear-gradient(top, #348ee1 0%,#327dc3 100%); background: linear-gradient(to bottom, #348ee1 0%,#327dc3 100%);
  }
.hype-panel .hype-share-button.vk:after {
  top: 8px; left: 11px;
  width: 11px; height: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAeCAYAAAAo5%2B5WAAAB4ElEQVR42q2VP0hCURSHjSAo2iKKaHII5NELGhoamsShQhz6jxRWi1nk5BBEIrQVIQhFNoSQFC1FSOgQCSI4JUIRCDo4hGZBQQ956rNf8CCMc4uu7wcfdzrfvTzPOeqQ9n%2FSBlrAn5nlZAKYgKheVh%2Bz2bz%2BH4xG46rBYFj6cckUEOrENc7Isizl8%2Fl0NBq9MJlMa%2BoFAiHmT6VSkSORyBl006CVIeaPKu%2FTXFytVmWr1TrGFGcymQkceoIBsAieWPJYLLbHFMfj8WEcul%2FoweseqNpsNnvJLwbpdHqSqi0Wi1cNiR0OxzijDY%2BZ4nA4PKKOLUUHGLLb7Rs1Og6m2Gazuf4a6UQicU2UvoFOptjlcm0JgrBM4XQ6N5PJ5A3VbWBO08krlUrvPp9vR%2FORTqVStxaLxal%2BJgMt5p%2B6Mn70U3VftJNiRVHecbwykAAzoVDoBGKRp4%2BbQD84%2BmVfzHOIv4HkgFF%2F3pA4l8uJVH2hUHhsSKzX6%2FuoekmSitxipEsUxQXGvnglxX6%2FfxSF3Qx6wSCYCQQC%2B1R9uVy%2B594Vbrd7Gy%2F7qNE5JMXBYNDv8Xi2Kbxe7%2B7XAkKvVxhSBQxBrHl8OkRrcQho%2Bvf%2FDFZAcyPbTQEv4A4cgyn1lXX5BPrBlutXbji2AAAAAElFTkSuQmCC);
  background-size: auto 15px;
  }
.hype-panel .hype-share-button.tw {
  background: #25bcfb; background: -webkit-linear-gradient(top, #25bcfb 0%,#1e9dd3 100%); background: linear-gradient(to bottom, #25bcfb 0%,#1e9dd3 100%);
  }
.hype-panel .hype-share-button.tw:after {
  top: 8px; left: 8px;
  width: 18px; height: 14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAcCAYAAADr9QYhAAADEklEQVR42sXXXUhTYRwG8OZkRrM5zeYqKy8kYtL0ImuBlYV9jFrCKqa2JgtTRFKR9TW8ECIrAm8krIsRDYmE3I03QTJQKLtqYl5JbNRw5qbIQWPfe3sOHETEnS83euAHiudsD%2B%2FevefvjixGCkr4r1FADZyBq3AeDgN3CCEZgxTBdWhUq9XNra2tD%2FDzMZZ7uMsgxaAUWEQG10wmU8%2Fc3Nw3r9f7naKowOLiomdqaqqH%2FtjElrkAjXAJykDCo8yJjo4OezQaXSNMkslk3O12f5RKpU34%2BxUoEFzG6XQ2tbS0PKILMS5DCUuRAo1Gc2d1dTVEkI1lsDI%2FR0dH36pUKguuM8JuQWXgC5BgMOh1OByvZDJZE1PqLORvUUY3PT3tJixZWVmZt1gs93GtHnKElLHDepaWlnx9fX1PmUI34ShImBfLs1qttlQqlSQciUQilNFo7MY95bzL1NbWqv1%2B%2Fw%2ByKT6fz2MwGDo37KdCODI7OztJeGZ5efm3UqmsF7KBc%2Brq6qyhUMhLNiUej0fGxsaG5XK5Gdc16HS6ZnpvEAEZGRlx4N49zHtJQAWKdB9TNbCG3k%2Ft7e12l8v1jggJs3%2BY1b0BJqgESboyefALWIN9kgiHwxQRka6url76XCotLT0QCAQuYlto2c6OU1j%2BNZLFxGKxMN4jhkPRVVFRkc96kNlsNgP9laVXgGQhWNUF7D%2Brx%2BMpw6%2BFrGXgBSQh2wnCIa4yLyFbmYBh6Ia9fJ7aEmiGcXylKZK5%2BCEXxI0QCoWimnn2ZCIPtzz0kGKehT5AJrIAu9KV0YIO5GxlsCqvSWZyO%2B1TG1%2BvGmZ%2BaYDTcBDkIIU82AcnMZM0Dg4ODiQSiSgRn09c88wTHDxOs9lMH89ptbW1Pcbk9mebm7aEq8xO%2BAoJjArjQ0NDA3q9%2Fh49DFVVVd3t7%2B9%2FNjMzM5FCiPj8heN8x858%2BAzZCAXnhA7kuWCHKGQq81C5nf8OyuE9xEBskuCEIrYiQg69%2FWCDSQjzHeTgDWjZCrCX4ZYLWrjFFHzO6IVOMIAG1gdtMWX%2BAXKBivxWddB5AAAAAElFTkSuQmCC);
}


.widget {
  position: relative;
  margin-bottom: 30px;
  }
.widget .widget-title {
  margin: 0 0 10px;
  font: bold 19px "Proxima Nova", sans-serif; color: #000; -webkit-font-smoothing:antialiased;
  }
.widget .slideshow-dots {
  position: absolute; right: 0; bottom: 0; left: 40px;
  text-align: center;
  }
.widget .slideshow-dots i {
  display: inline-block;
  width: 6px; height: 6px;
  margin: 0 3px;
  background: #c8c8c8;
  border-radius: 3px;
  }
.widget .slideshow-dots i.active {
  background: #000;
  }



.widget.attached {
  margin: 0 -10px; padding: 12px 10px 0;
  overflow: hidden;
  background: #fff; border-bottom: 1px solid #c9c9c9; box-shadow: 0 1px 0 rgba(0,0,0,.06);
  }
.widget.attached .js-slidernofs {
  width: 100%; position: relative; left: -20px;
  margin: auto; padding-bottom: 40px;
  overflow: visible!important;
  }
.widget.attached .js-slidernofs,
.widget.attached .js-slidernofs > div > div {
  width: 260px;
  }
.widget.attached .slideshow-dots {
  bottom: 10px;
  }
.widget.attached .attached-post {
  overflow: hidden; position: relative;
  width: 250px; height: 140px;
  border-radius: 4px;
  }
.widget.attached .attached-post .post-preview {
  overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;
  background-size: cover; background-position: center;
  -webkit-box-shadow: 0 1px rgba(0,0,0,.25); box-shadow: 0 1px rgba(0,0,0,.25);
  border-radius: 4px;
  }
.widget.attached .attached-post .post-preview:before {
  content: ''; overflow: hidden;
  position: absolute; top: 0; right: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.3); background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.8) 100%);
  border-radius: 4px;
  }
.widget.attached .js-slidernofs div .attached-post {
  background-color: #000;
  }
.widget.attached .attached-post h2 {
  display: block; position: absolute; vright: 15px; bottom: 15px; left: 15px; z-index: 30;
  margin: 0;
  font: bold 14px/16px "Proxima Nova", serif; color: #fff; -webkit-font-smoothing: antialiased; text-decoration: none;
  overflow: hidden;
  }
.widget.attached .attached-post:after {
  content: '';
  display: inline-block;
  height: 175px;
  vertical-align: middle;
  }
.widget.attached .attached-post .linktopost {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 40;
  }


.widget.readalso {
  margin: 0 -10px; padding: 0 10px;
  overflow: hidden;
  }
.widget.readalso .slideshow-counter {
  top: 21px;
  color: #808080;
  }
.widget.readalso .js-slidernofs {
  width: 100%; position: relative; left: -19px;
  margin: auto;
  overflow: visible!important;
  }
.widget.readalso .js-slidernofs,
.widget.readalso .js-slidernofs > div > div {
  width: 260px;
  }
.widget.readalso .readalso-post {
  position: relative;
  width: 250px; height: 240px;
  margin: auto; padding: 0 10px 30px 0;
  text-align: center;
  }
.widget.readalso .readalso-post .bg {
  position: relative;
  background: #fff;
  border-radius: 4px; overflow: hidden;
  }
.widget.readalso .readalso-post .post-preview {
  overflow: hidden;
  height: 160px;
  margin-bottom: 11px;
  background-size: cover; background-position: center;
  border-radius: 4px 4px 0 0;
  }
.widget.readalso .readalso-post .post-preview:after {
  content: '';
  position: absolute; top: 0; right: 0; left: 0;
  height: 1px;
  border-top: 1px solid rgba(255,255,255,.2); border-radius: 4px;
  }
.widget.readalso .readalso-post .post-topic {
  margin: 0 10px 3px;
  font: bold 11px "Proxima Nova", sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #000;
  }
.widget.readalso .readalso-post h2 {
  height: 76px; overflow: hidden;
  margin: 0 10px 10px 10px;
  font: bold 16px/19px "Proxima Nova", serif; -webkit-font-smoothing: antialiased;
  overflow: hidden;
  }
.widget.readalso .readalso-post .linktopost {
  position: absolute; top: 0; right: -15px; bottom: 0; left: 0;
  }
.widget.readalso .readalso-post .linktopost:after {
  content: ''; position: absolute; top: 0; right: 15px; bottom: 0; left: 0;
  border: 1px solid; border-color: rgba(0,0,0,.13); border-radius: 4px;
  }




.counters {
  margin-top: 10px;
  font: bold 11px/1 "Proxima Nova", sans-serif; color: #c1c1c1; -webkit-font-smoothing: antialiased;
  }
.counters .count {
  display: inline-block;
  margin-left: 15px;
  }
.counters .count:first-child {
  margin-left: 0;
  }
.counters .count .icon {
  display: inline-block;
  margin-right: 4px;
  fill: currentcolor;
  }
.counters .comments .icon {
  width: 11px; height: 11px;
  vertical-align: -2px;
  }
.counters .views .icon {
  width: 14px; height: 10px;
  vertical-align: -1px;
  }


.posts-layout {
  margin: 0 -10px;
  background: #EAEAEA;
  overflow: hidden;
  }
.posts-layout .banner { margin: 0; }

.post-list {
  margin: 0 0 15px; padding: 0 15px;
  }
.post-item {
  position: relative;
  margin: 15px 0;
  overflow: hidden;
  background: #fff;
  border-radius: 4px; overflow: hidden;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }
.post-item .post-topic {
  margin: 0;
  font: bold 11px "Proxima Nova", sans-serif; color: #000; text-transform: uppercase; letter-spacing: 1px;
  }
.post-item h2 {
  margin: 0;
  font: bold 16px/19px "Proxima Nova", sans-serif;
  }
.post-item .linktopost {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  border: 1px solid; border-color: rgba(0,0,0,.13); border-radius: 4px;
  }
.post-item .post-preview {
  background-position: center;
  }
.post-item .counters {
  margin: 10px 0;
  }


.post-item.o {
  min-height: 80px;
  }
.post-item.o .post-preview {
  display: inline-block;
  width: 80px; height: 80px;
  background-size: cover;
  border-radius: 4px 0 0 4px;
  vertical-align: middle;
  }
.post-item.o .post-topic {
  display: none;
  }
.post-item.o .data {
  vertical-align: middle;
  overflow: hidden; display: inline-block;
  max-width: 185px; max-height: 60px; display: inline-block;
  margin-right: 7px; margin-left: 15px;
  }
.post-item.o h2 {
  font: 15px/19px "Proxima Nova", sans-serif;
  }
.post-item.o .counters {
  display: none;
  }

.post-item.f .post-preview {
  height: 190px;
  margin: 0 0 13px;
  background-size: cover;
  border-radius: 4px 4px 0 0;
  }
.post-item.f .post-topic {
  text-align: center;
  margin-right: 25px; margin-bottom: 5px; margin-left: 25px;
  }
.post-item.f h2 {
  text-align: center;
  margin-right: 25px; margin-left: 25px;
  }
.post-item.f .counters {
  text-align: center;
  margin-right: 25px; margin-left: 25px;
  }

.post-item.sf {
  width: 290px; height: 290px;
  }
.post-item.sf .post-preview {
  height: 290px; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background-size: cover;
  }
.post-item.sf .post-preview:after {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(0,0,0,.5); border-radius: 4px;
  }
.post-item.sf .data {
  position: absolute; right: 15px; top: 25px; left: 15px;
  text-align: center; color: #fff;
  }
.post-item.sf .data .post-topic,
.post-item.sf .data .counters {
  color: #fff;
  }
.post-item.sf .post-topic {
  margin-bottom: 5px;
  }
.post-item.sf.post-item-style_2 .data {
  position: relative; top: 0; right: 0; left: 0; display: inline-block;
  padding: 15px;
  vertical-align: middle;
  }
.post-item.sf.post-item-style_2:after {
  content: ''; display: inline-block;
  height: 100%;
  vertical-align: middle;
  }
.post-item.sf.post-item-style_3 .data {
  top: auto; bottom: 0;
  }
.post-item.sf .linktopost {
  border: none;
  }
.post-list + .load-more {
  width: 290px;
  margin: 0 auto 30px;
  }



.post-comments {
  margin: 0 -10px; padding: 0 10px 0;
  background: #fff; border-top: 1px solid #ddd;
  }
.post-comments h3 {
  margin: 14px 0 10px;
  font: bold 19px/19px "Proxima Nova", sans-serif;
  }
.post-comments .load-comments {
  margin-bottom: 12px;
  }
.comment-list {
  overflow: hidden;
  margin: 0 -10px; padding: 0 11px;
  }
.comment {
  position: relative;
  margin: 0 -10px; padding: 10px 10px 0;
  border-top: 1px solid #e3e3e3;
  -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);
  -webkit-transition: -webkit-transform 100ms ease; -moz-transition: -moz-transform 100ms ease; -o-transition: -o-transform 100ms ease; transition: transform 100ms ease;
  -webkit-backface-visibility: hidden; -webkit-perspective: 1000;
  }
.comment:first-child {
  border: 0;
  }
.comment-form .comment {
  margin: 0;
  }
.comment.comment-swiped {
  -webkit-transform: translate(54px, 0); -moz-transform: translate(54px, 0); -ms-transform: translate(54px, 0); -o-transform: translate(54px, 0); transform: translate(60px, 0);
  }
.comment .comment-info {
  font: bold 13px/16px "Proxima Nova", sans-serif;
  }
.comment .comment-info .username {
  margin-right: 0.3em;
  }
.comment .comment-info .comment-time {
  color: #b2b2b2;
  }
.comment .comment-body,
.comment .comment-body p {
  font: 13px/16px "Proxima Nova", sans-serif;
  }
.comment .comment-body a {
  color: #00f;
  }
.comment .comment-body p {
  margin-bottom: 10px;
  }
.comment .comment-body img {
  max-width: 300px;
  }
.comment .comment-panel {
  position: absolute; top: -1px; bottom: -11px;
  width: 54px;
  background: #000;
  -webkit-transform: translate(-65px, 0); -moz-transform: translate(-65px, 0); -ms-transform: translate(-65px, 0); -o-transform: translate(-65px, 0); transform: translate(-65px, 0);
  overflow: hidden;
  }
.comment .comment-panel i {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAoCAYAAABuIqMUAAAB5ElEQVR42tXWQUiTYRzH8c3hxNymybxkQiRBh2iHhulJkGAISminiMib4aWgLuJFISjoJB4qBJkI0m0RehQcsludLZgNEdqhWocmblN8%2Bt7%2B0cH3fbf3mc%2Fzg8%2FlPfz5Hl5434BSyi9BvEKgWfw6FMIbKNviw1iHsi2%2BHRtQtsXHkIWyLT6OT1C2xV%2FGLpRt8ddQgLItPoEilG3xQyhB2RZ%2FB2Uo2%2BInUYWXfcQKFvAISYSbHT%2BFE%2FixGnKYxy3d8U9xCl37ill0%2Bx0%2Fj2atjEXEG40PgkPnst94gpZ64kNI47y3hT4v8W3IwJT9wLDLeMLNWwUTbuIHUYJpq2LczTt%2FE0WYtkMkneLlj9G87SHqFC%2F%2F6uZtzTkeiOMzTNuYczzQiSxMWh6tzvHABWzCpD12jhdhvIeXJXAV15HEKB7iOZaRw0%2FUsy8IOseLEN7B7ToRcKEX9%2FEWB3C7lLt4EcTrhuKd7w9gycUHM%2BMtXszpiYeI4tkZH80KIhLvzQxOtcWLCF6ihv93T%2BK9e4BjrfHiNr7h36Ulvj53caQ1XlzEjpLtS3z9RvBHa7zowLaS9fhxdAC%2FtMaLLuShWMqvozfwXWu8SKCCWT%2BP9qMg8Vq9wKrfRy%2BhrQnxMXyQB%2FaZtjn%2Byl9h9KdZubQ8XQAAAABJRU5ErkJggg%3D%3D) 50% 48% no-repeat; background-size: auto 20px;
  }

.comment.comment-sublevel {
  padding-left: 40px;
  }
.comment.comment-sublevel .comment-panel {
  left: 10px;
  }


@-webkit-keyframes expand-comment { from {height: 0;} to {height: 54px;} }
@-moz-keyframes expand-comment { from {height: 0;} to {height: 54px;} }
@keyframes expand-comment { from {height: 0;} to {height: 54px;} }
@-webkit-keyframes appear { from {opacity: 0;} to {opacity: 1;} }
@-moz-keyframes appear { from {opacity: 0;} to {opacity: 1;} }
@keyframes appear { from {opacity: 0;} to {opacity: 1;} }
.comment-list .comment-form {
  position: relative;
  height: 64px;
  margin: -1px 0 0;
  -webkit-animation: expand-comment .3s forwards; -moz-animation: expand-comment .3s forwards; animation: expand-comment .3s forwards;
  -webkit-backface-visibility: hidden; -webkit-perspective: 1000;
  }
.comment-list .comment-form .comment-form-wrap {
  position: relative;
  background: #eaeaea; border-top: 1px solid #b3b3b3;
  margin: 0 -11px; padding: 10px 11px;
  }
.comment-list .comment-form .comment-form-wrap:before {
  content: ''; position: absolute; top: 0px; right: 0; left: 0;
  border-top: 1px solid #dcdcdc;
  }
.comment-list .comment-form .comment-form-wrap:after {
  content: ''; display: table; clear: both;
  }
.comment-list .comment-form input {
  float: left;
  width: 240px; height: 34px;
  margin: 0; padding: 6px 0;
  font: 16px/20px "Proxima Nova", sans-serif; vertical-align: top; -webkit-hyphens: manual; hyphens: manual;
  background: none; border: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
  }
.comment-list .comment-form input::-webkit-input-placeholder {
  color: #929292;
  font: 16px/20px "Proxima Nova", sans-serif;
  }
.comment-list .comment-form input:focus::-webkit-input-placeholder {
  opacity: 0;
  }
.comment-list .comment-form .common-button {
  float: right;
  width: 40px; height: 34px;
  padding: 0;
  background: #dfdfdf; background: -webkit-linear-gradient(top, #dfdfdf 0%,#d2d2d2 100%); background: linear-gradient(to bottom, #dfdfdf 0%,#d2d2d2 100%);
  border: 1px solid rgba(0,0,0,.2); border-radius: 4px;
  -webkit-box-shadow:inset 0 -1px 0px #b3b3b3;
          box-shadow:inset 0 -1px 0px #b3b3b3;
  text-indent: -9999px;
  }
.comment-list .comment-form .common-button:after {
  content: '';
  position: absolute; top: 10px; left: 12px;
  width: 14px; height: 14px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd%2BUAAABTElEQVR42u3Vv0vDQBTA8Qel0lnPX22UgqPo2FGoi4qrgqPOxS4uDv4BgosOrk4WOjk6qYNuDp2SxeqmSRubQgU7mMLzvSNy2EY00MsgGb6QcOE%2B3CNwAKOnIzB2dgKi4oGoop4qbTakRS%2FHMHmNkH1CyNmUM%2BRsubc0xPkh0IMHxivCbI9CTfVQGhNXHsB0TWFa8xGmakigqRlSkcWgFSNoJWACJmAC%2Fkswk7fe47gt2JDW8mb9FoxGDPehgytbjzfQefPLxY3nu8xcs8uXZF%2FhG8x0ee3P8d5ssAWIWKT2woLcyyBmtDGddz52D1pV%2FiZiSwymArQ0AGYf%2BjAXxYLduLjsHEWESoGRYvDH%2BK9SI2xiYd25d1v%2BPq2VqXkKovYrqEbofo1whxIUaABNHF%2F8NsJVKk2BFrCwZoaOUBsYnGpbjVA7qEY4rD4B2mwghpV4KeAAAAAASUVORK5CYII%3D) no-repeat; background-size: contain;
  }
.comment-list .comment-form .common-button.disabled:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd%2BUAAABWklEQVR42u3Vv2qDUBgF8AulfYK%2BRd%2Bh0K2P0c6BDBGh4JLgUujSYl5AB1MJZBA1UaFoiyJdxGfI0iXdmpAuX%2B%2BB3CGSUgRvhuJwwD%2BX73c9CJepqnqmadrTaDRa6bpOMsJnf8KAxfjN43g8ptlsRp7nke%2F7rQYzMRvGcDi8Z%2FxiFYYh5XlORVFICWbDMAxjxSzLEpjUZFlGpmkSs21bOiYCi00mk6OB3OrADuzADvyXoOM4X8c4LWDAYlEUvQZBIP08xGEcx%2FEL2263%2FTRN3xaLxZqHajk4gK%2FHuyZZw4DFiOiKRzkUz%2FPqGHZJvJHvqqqesaZhLgGe7NBefcF0Ot3D5vM5dvuxXC4fGkI9GLAA%2Fhr8VaJCYEmSvG82mzsi6vNcKIrCBoNBo%2FwJigrLshQV3vKcC6xV0LbteoXXPKcNgGag67p7FYrn0sDdV92gQtxLB0WFuG4L%2FAFSkEAvgWTq6wAAAABJRU5ErkJggg%3D%3D);
  }


.comment-list .login-first {
  position: relative;
  height: 34px;
  margin: 0 -10px; padding: 10px 10px;
  font: 13px/34px "Arial", sans-serif;
  background: #f1f1f1;
  border-bottom: 1px solid #e0e0e0;
  }
.comment-list .login-first:after {
  content: ''; display: table; clear: both;
  }
.comment-list .login-first .common-button {
  float: right;
  width: 40px; height: 34px;
  padding: 0;
  }
.comment-list .login-first .common-button:after {
  content: '';
  position: absolute; top: 6px; left: 9px;
  width: 19px; height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAoCAYAAACSN4jeAAAErUlEQVR42rWYbUxbVRjHbztYHYx2o7oxg7JRp8xRWrkB2RaNSzaNM74ESYy4L8QwnX6wWyjRRIlfbCZCyNAYlrAvBISaCJGwjBlI9gVhBqcYCpthQVfBFFZ5FYFCj%2F%2BTnJvcPSmF294%2ByS8htD33d8%2Fb85wjJScnx4oBPAB2gXTwINgNzGA7kOJhS19ijHH430lgD3gcPAXkKOSBA0LckBAxYAL7Qb7y4KysrKKqqqrXOzs7z%2FX09Hzc19f3WXd394etra1nES8RSQfIAEa9xAzgYUWopKTk5ODgYO3MzMyN9fX1ZRYlVldXg5OTk9e6urrcNpvtiBC0g13xipnAISBXVla%2BNjEx8X04HA6xGCIUCgWHhoa%2BLCwsfEYI7oxVLAXk8TcdHR29DKFVpkMsLy8H0IMVaHtvLGI7gLOiouLVhYWFERY97oKroBlcAl7wI5hjG0d4enr6uFYxHva6urrTfI6wyDEKzoNsIG3ANnAEXASzgMZ5rWIHPR7PG2trawsRGvODUmAEkgYswANWABOiNi1i6aWlpc%2FzeRBB6ltgBlIsiL3wgHixR7WsSmNKSoojGAwORJDyAAOQYoQ%2B1AzStir2UG9v7ycRpOrF28YDlZIFWcAYVczhcDgx2aeI1HWwTWextLa2tvdaWlrOCrlDwLSR2I6BgYELROo%2FkM2%2FoKcY%2Fj7JRPj9%2Fu9ycnJ4RnACcySxvdivbhOxz%2FmHCRB7jqkCz%2FW5XK6XRcqz3CfW2Nj4As0gYJ%2BeYqQtN1MFtqY5r9f7PpWTRkZGviB57Qf%2Bgc5itL1zIMxE8JTX3t7%2BgVpOCgQC10hV4NIiJpb%2BYeDcEqKOa2pqOoOhvKWW6%2BjocCly0uLi4u%2Bkx45qFLMDORYsFktBf3%2B%2FB8M5T3rOLkFkjkzIPVrEmpub315aWvqDz5WtgDruXxYluBwqkHclWmPV1tamahHDg%2B4ynQNOf3GxFaaKsrIyq8bJ%2Fw%2FTP8YkdO99DVdXVzs0ih0HPi6oBXTIjDK8pHOCIF%2FCKvxVLYbJdzrR2wXYB%2BTc3NyjPp%2Fvkur8cA%2FwVSvxHvtGLYba%2FCLPX3qLUSmcqD5CifU3Q1ApDv%2FhO2qx2dnZn3nmT5DYTiDzXmIiqJRaLBuE1YvC7Xa%2FIg4keoulDg8Pf02k7gA7HW7lwX2AqTM%2F%2Fv8kMOqcxI8RqV5gVQtRsbfIPrJWU1PzpjjiG3QUK1SNTj1IokJULAncUsvxVMVXjQ5ydIUXgGNUhKL%2BwSlGgh%2FxrVZrAT5%2FAmyPUywVZChzdzPo27REkLuSmZn5tKgKMoBRo5RJ9LosyOdyWsXM4DfAyBZys7y8%2FEXRsBM8AtKIJL2u2g1sQkRuaGgowx75FT9Ma74iEHKZwE%2FleFWAhuv5xQh5%2B8NiqA%2BCHJAHZAV%2B1YBev8onvVI9jI2NFWkWE3L7wW1FipbC4%2BPjXl7oicOETCkuLj7B78qmpqau8xUe7xUBlbOCrk3KkxBqsT95tsBh%2Bcb8%2FPwQcm%2BARY8V4NQqRuUM4AwIMn3iJijQ8w42HXwK7sUo9ItyIZOQy2FgAsXgMrizyXD9BC4AObG31pFJBXbwLDgBisBjIIlsH5r5H2uS8bvA%2BbGOAAAAAElFTkSuQmCC) no-repeat; background-size: contain;
  }



.common-button {
  position: relative;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  margin: 0; padding: 15px 0 17px;
  font: bold 16px/1 "Proxima Nova", sans-serif; color: #fff!important; text-align: center; text-decoration: none!important; text-shadow: 0 -1px rgba(0,0,0,0.7); -webkit-font-smoothing: antialiased;
  background: #001df6;

  background: #001efe; background: -webkit-linear-gradient(top, #001efe 0%,#0019d7 100%); background: linear-gradient(to bottom, #001efe 0%,#0019d7 100%);
  border: 1px solid rgba(0,0,0,.5); border-radius: 4px;
  -webkit-box-shadow:inset 0 -1px 0px #0015b1;
          box-shadow:inset 0 -1px 0px #0015b1;
  box-sizing: border-box;
  }
@-webkit-keyframes loading { from {background-position: 0 0;} to {background-position: 100% 0;} }
@-moz-keyframes loading { from {background-position: 0 0;} to {background-position: 100% 0;} }
@keyframes loading { from {background-position: 0 0;} to {background-position: 100% 0;} }
.common-button.loading {
  background: #001df6 -webkit-linear-gradient(135deg, transparent 25%, #001efe 25%, #001efe 50%, transparent 50%, transparent 75%, #001efe 75%, #001efe); background-size: 50px 50px;
  -webkit-animation: loading 2s linear infinite forwards; -moz-animation: loading 2s linear infinite forwards; animation: loading 2s linear infinite forwards;
  }
.common-button.disabled {
  background: #e7e7e7;
  background: #e7e7e7; background: -webkit-linear-gradient(top, #e7e7e7 0%,#d6d6d5 100%); background: linear-gradient(to bottom, #e7e7e7 0%,#d6d6d5 100%);
  -webkit-box-shadow:inset 0 -1px 0px #c0c0c0;
          box-shadow:inset 0 -1px 0px #c0c0c0;
  text-shadow: 1px 1px rgba(255,255,255,0.7);
  border-color: rgba(0,0,0,.1);
  font: bold 16px/19px "Proxima Nova", sans-serif; color: #959595!important;
  }