html,body {padding: 0;margin: 0;width: 100%;height: 100%;}
p,ul {padding: 0;margin: 0;}
body {
  font-family: sans-narrow,sans-serif;
  font-size: 16px;
  background: #f3f3f3;
  color: #474747;
  background: url(/img/bg-center.png) repeat-y center 0,url(/img/bg.png) repeat;
}
table {border-collapse: collapse;width: 100%;}
table td,
table th {padding: 0;}
li {list-style: none;}
a {text-decoration: underline;color: #bc008d;}
a:hover {text-decoration: none;padding: 0;}
a img {border: none;}
input,select,button,textarea {margin: 0;padding: 0;font-size: 100%;font-family: sans-narrow;}
input,textarea {outline: none;}
input:active,textarea:active {outline: none;}
input[type=text],input[type=password],textarea {
  border: 1px solid #c7c7c7;
  border-radius: 12px;
  width: 273px;
  font-size: 16px;
  padding: 5px 7px 4px;
  color: #474747;
}

textarea {overflow: auto;resize:none;}
:focus {outline: none;}

@font-face {
  font-family: "sans-narrow";
  src: url("fonts/pt_sans-narrow/pt_sans-narrow.eot");
  src: url("fonts/pt_sans-narrow/pt_sans-narrow.eot?#iefix") format("embedded-opentype"), url("fonts/pt_sans-narrow/pt_sans-narrow.woff") format("woff"), url("fonts/pt_sans-narrow/pt_sans-narrow.ttf") format("truetype"), url("fonts/pt_sans-narrow/pt_sans-narrow.svg.svg#sans-narrow") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sans-narrow-bold";
  src: url("fonts/pt_sans-narrow-bold/pt_sans-narrow-bold.eot");
  src: url("fonts/pt_sans-narrow-bold/pt_sans-narrow-bold.eot?#iefix") format("embedded-opentype"), url("fonts/pt_sans-narrow-bold/pt_sans-narrow-bold.woff") format("woff"), url("fonts/pt_sans-narrow-bold/pt_sans-narrow-bold.ttf") format("truetype"), url("fonts/pt_sans-narrow-bold/pt_sans-narrow-bold.svg.svg#sans-narrow-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyriadPro-bold";
  src: url("fonts/myriad/myriadpro-boldcond.eot");
  src: url("fonts/myriad/myriadpro-boldcond.eot?#iefix") format("embedded-opentype"), url("fonts/myriad/myriadpro-boldcond.woff") format("woff"), url("fonts/myriad/myriadpro-boldcond.ttf") format("truetype"), url("fonts/myriad/myriadpro-boldcond.svg.svg#MyriadPro-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
.center-bl {
  width: 990px;
  margin: 0 auto;
  overflow: hidden;
}
.main-container {min-height:100%}
.title {
  font-size: 27px;
  color: #4c4c4c;
  line-height: 34px;
  margin-bottom: 18px;
}
.left-image {float:left;margin:3px 17px 17px 0}
.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.btn {
  display: inline-block;
  border-radius: 12px;
  padding: 3px 5px;
  font-size: 18px;
  border: none;
  text-decoration: none;
  cursor:pointer;
}
.btn:hover {padding: 3px 5px;}
.statistics-wrap {
  background: #212121;
  color: #fff;
  font-size: 18px;
  padding: 6px 0 4px;
  border-bottom: 1px solid #a2a2a2;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 10;
}
.statistics-wrap a:first-child {color: #ff9e00;text-decoration: none;}
.statistics-wrap .statistics {float: right;}
.statistics-wrap .statistics span {color: #ff9e00;}
.statistics-wrap .get-statistics {
  background: #f0f0f0;
  border-radius: 8px;
  color: #474747;
  font-size: 14px;
  line-height: 18px;
  padding: 4px 11px 1px;
  margin: 0 18px 0 4px;
  text-decoration: none;
  display: inline-block;
}
.banner-top {margin: 33px 0 3px;}
.logo {
  border-bottom: none;
  width: 211px;
  margin-left: 7px;
  font-family: MyriadPro-bold;
  font-size: 24px;
  margin-top: 15px;
  float: left;
  text-decoration: none;
}
.logo img {margin: 0 7px 0 0;position: relative;top: 9px;}
.logo span {font-size: 18px;}
header {margin-bottom: 13px;}
.search-block {
  background: #bc008d;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  width: 100%;
}
.search-block a {color: #fff;}
.search-block nav {
  display: inline-block;
  width: 769px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.search-block .title-search {margin: 3px 0 4px;}
.search-block input {display: inline-block;vertical-align: top;}
.search-block form input:first-child {
  -webkit-appearance: none;
  border: 1px solid #ff9e00;
  width: 622px;
  border-radius: 11px;
  padding: 6px 5px 7px;
  margin: 0 8px 4px 0;
  background: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.search-block input[type="submit"] {
  border: none;
  font-size: 18px;
  line-height: 25px;
  color: #779e00;
  padding: 4px 37px 0px;
  border-radius: 11px;
  font-family: sans-narrow;
  border: 1px solid #fff;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #cbf93e;
  background: -moz-linear-gradient(-45deg, #cbf93e 47%, #b7f200 47%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(47%, #cbf93e), color-stop(47%, #b7f200));
  background: -webkit-linear-gradient(-45deg, #cbf93e 47%, #b7f200 47%);
  background: -o-linear-gradient(-45deg, #cbf93e 47%, #b7f200 47%);
  background: -ms-linear-gradient(-45deg, #cbf93e 47%, #b7f200 47%);
  background: linear-gradient(135deg, #cbf93e 47%, #b7f200 47%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbf93e', endColorstr='#b7f200', GradientType=1);
}
.search-block .hint {padding: 0 280px 0 0;margin: 0 0 3px;}
.search-block .full-search {position: absolute;bottom: 2px;right: 151px;}
.right-column {float: left;width: 250px;margin-bottom:60px}
.right-column .auth-bl {margin-bottom: 12px;}
.right-column .auth-bl .auth-link,
.right-column .auth-bl .reg-link {
  color: #fff;
  margin-bottom: 11px;
  display: block;
  padding: 5px 3px 2px;
  width: 242px;
  text-align: center;
}
.right-column .auth-bl .profile-btn, .profile-eye-btn,
.right-column .auth-bl .my-material {
  background: #fff;
  box-shadow:0 0 0 1px #bc008d;
  color:#696969;
  text-align: center;
  margin-bottom: 10px;
}
.right-column .auth-bl .profile-btn {width: 118px;margin-right: 6px;margin-top: 2px;padding-top: 4px;padding-bottom: 2px;}
.right-column .auth-bl .profile-eye-btn {width: 32px;margin-right: 6px;margin-top: 2px;padding-top: 4px;padding-bottom: 2px;}
.right-column .auth-bl .my-material {width: 238px;margin-top: 1px;padding-top: 4px;padding-bottom: 2px;}
.right-column .auth-bl .log-out {
	color:#fff;
	background: #ef5a5a;
	box-shadow:0 0 0 1px #bc008d;
	width: 45px;
	margin-bottom: 10px;
	text-align: center;
	margin-top: 2px;
	padding-top: 4px;
	padding-bottom: 2px;
}
.right-column .auth-link {background: #ff9e00;box-shadow: 0 0 0 1px #ffc973;padding: 6px 3px 2px;}
.reg-link {background: #94b62d;box-shadow: 0 0 0 1px #d7f970;}
.right-column .banner-right {margin-bottom: 19px;}
.advert-right {margin-bottom: 19px;text-align: center;line-height: 0;}
.advert-middle {margin: 30px 0;}
.advert-bottom {margin: 30px 0;}
.right-column .light-block {background: #fff;border-radius: 12px;padding: 12px 12px 6px;margin-bottom: 19px;}
.right-column .light-direct-block {background: #fff;border-radius: 12px;padding: 6px 6px 6px 6px;margin-bottom: 19px;}
.light-block .title {line-height: 38px;margin-bottom: 6px;}
.light-block.fresh-comments .title {margin-bottom: 24px;}
.right-column .light-block.fresh-comments .light-block-item {margin-bottom: 14px;}
.right-column .light-block p {text-align: right;margin-top: 8px;}
.right-column .light-block p a {display: inline-block;font-family: sans-narrow-bold;line-height: 14px;}
.right-column .light-block .light-block-item {
  border-bottom: 1px solid #cecece;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 12px;
  padding-bottom: 2px;
}
.right-column .light-block .light-block-item-img {
  float: left;
  border: 1px solid #bdbdbd;
  width: 70px;
  height: 70px;
  margin-right: 13px;
}
.right-column .light-block .light-block-item:last-child {border-bottom: none;}
.right-column .light-block .block-announce {overflow: hidden;color: #6d6d6d;line-height: 12px; height:78px;}
.right-column .light-block .name {color: #5f5f5f;font-family: sans-narrow-bold;line-height: 20px;}
.right-column .light-block .recommendations {margin-bottom: 28px;}
.right-column .light-block .recommendations a {color: #779e00;font-size: 18px;}
.light-block .recommendations li {margin-bottom: 15px;}
.right-column .write-us {
  background: url(/img/icons/mail.png) no-repeat 10px 20px #ff9e00;
  border-radius: 12px;
  color: #633d00;
  font-size: 27px;
  padding: 15px 10px 15px 69px;
  text-decoration:none;
  display: block;
}
.soc-bl {margin-top: 2px;}
.soc-bl a {
  border-bottom: none;
  display: inline-block;
  height: 35px;
  width: 35px;
  margin-right: 5px;
}
.soc-bl .fb {background: url(/img/icons/fb.png) 0 0 no-repeat;}
.soc-bl .vk {background: url(/img/icons/vk.png) 0 0 no-repeat;}
.soc-bl .tw {background: url(/img/icons/tw.png) 0 0 no-repeat;}
.left-column {float: left;margin-right: 20px;width: 720px;margin-bottom:60px}
.menu {margin: 0 0 30px;}
.drop-menu .title-drop {color: #acacac;position: relative;margin-bottom: 7px;z-index:25;}
.drop-menu .title-drop:before {
	background: url(/img/icons/menu/arrow-grz.png) no-repeat;
	content:"";
	height: 10px;
	width: 10px;
	top: 4px;
	left: -10px;
	position: absolute;
}
.menu > li {
  float: left;
  position: relative;
  font-size: 12px;
  padding: 1px;
  width: 92px;
  margin: 0 5px 17px;
}
.menu > li:hover {background: #fafafa;padding: 0;border: 1px solid #d9d9d9;}
.menu > li:hover .drop-menu {display: block;}
.menu > li:nth-child(7n+7) {margin-right: 0;}
.menu > li:nth-child(7n+1) {margin-left: 0;}
.menu > li > a {
  text-decoration: none;
  display: block;
  max-width: 92px;
  text-align: center;
  text-transform: uppercase;
  font-family: sans-narrow-bold;
  color: #5f5f5f;
  position: relative;
  overflow: hidden;
}
.menu > li > a div {/*width: 100px; */ margin-left: -10px; padding-left:9px;}
.menu > li > a > .show-cat {display: block;margin-bottom: 9px;}
.menu > li > a > .show-cat:after {
  background: url("/img/icons/menu/arrow.png") no-repeat 100% 0;
  bottom: 16px;
  content: "";
  height: 3px;
  position: absolute;
  width: 10px;
}
.drop-menu {
  position: absolute;
  background: #fafafa;
  font-size: 14px;
  width: 272px;
  border:1px solid #bdbdbd;
  z-index: 1;
  left: -1px;
  padding: 12px 5px 0 17px;
  cursor: default;
  display: none;
}
.drop-menu li {float: left;margin-bottom: 9px;width: 120px;}
.drop-menu li:nth-child(2n+1){margin-right: 27px;}
.drop-menu a {color: #5f5f5f;}
.btns-block {margin-bottom: 38px;}
.btns-block a {margin: 0 13px 0 0;}
.btns-block a:last-child {margin:0}
.btns-block i {
  background: url("/img/sprite.png") no-repeat;
  display: inline-block;
  height: 19px;
  margin: 0 5px;
  position: relative;
  top: 2px;
  width: 19px;
}
.btns-block .light-btn {color: #515151;background: #fff;padding: 4px 16px 2px 19px;}
.btns-block .order-article {
  color: #fff;
  background: #ff9e00;
  margin: 1px 53px 0 0;
  box-shadow: 0 0 0 1px #fff;
  padding: 2px 16px 2px 7px;
}
.btns-block .order-article i {background-position: 0 -33px;}
.btns-block .add-article-btn {
  color: #779e00;
  background: #cbf93e;
  padding: 1px 39px 2px 27px;
  border: 1px solid #fff;
}
.btns-block .add-article-btn i {background-position: 0 0;}
.article-announce-wrap {font-size: 16px;margin-bottom: 10px;overflow: hidden;}
.search-announce-wrap {padding-top: 3px;}
.article-announce-wrap-img {
  float: left;
  border: 1px solid #bdbdbd;
  min-width: 70px;
  margin-right: 13px;
  width: 75px;
  height: 75px;
}
.category-announce-wrap-img {
  float: left;
  border: 1px solid #bdbdbd;
  min-width: 70px;
  margin-right: 13px;
  width: 90px;
  height: 90px;
}
.search-announce-wrap-img {
  float: left;
  border: 1px solid #bdbdbd;
  min-width: 16px;
  margin-right: 5px;
  margin-top: -3px;
  width: 16px;
  height: 16px;
}
.profile-announce-wrap-img {  
  min-width: 200px;
  float: left;
  border: 1px solid #868686;
  width: 200px;
  height: 200px;
  margin-right: 18px;
}
.profile-announce-wrap-img2 {  
  min-width: 100px;
  float: left;
  border: 1px solid #868686;
  width: 100px;
  height: 100px;
  margin-right: 5px;
}
.article-announce-wrap .article-announce {overflow: hidden;}
.article-announce-wrap .title-article {
  font-size: 18px;
  display: block;
  border-bottom: none;
  font-family: sans-narrow-bold;
  line-height: 18px;
}
.article-announce-wrap .about {color: #a0a0a0;}
.footer-wrap {
  background: url(/img/bg/footer.png) repeat;
  height: 80px;
  padding: 16px 0 0;
  min-width: 990px;
}
.footer-wrap .logo {margin: 0 0 0 9px;}
.footer-wrap a {color: #fff;border-bottom: none;}
.footer-wrap .footer-nav {float: right;width: auto;margin: 13px 0 0;}
.footer-wrap .footer-nav li {float: left;font-size: 18px;margin-left: 27px;}
/*form*/
.auth-form {
  background: #e5e4e4;
  border-radius: 8px;
  padding: 13px 0 13px 219px;
  margin: -16px 0 225px;
  font-size: 14px;
  line-height: 18px;
}
.auth-form .title {margin-bottom: 14px;}
.auth-form label {display: block;margin-top: 4px;}
.auth-form input {margin-bottom: 6px;}
.auth-form input[type=submit] {
  background: #ff9e00;
  color: #fff;
  font-family: sans-narrow;
  border: none;
  font-size: 18px;
  font-weight: normal;
  padding: 3px 0;
  border-radius: 8px;
  margin: 13px 0 25px;
  width: 289px;
}
.auth-form p {text-align: right;width: 285px;}
.auth-form .reg-form-link {color:#6f9400;}
.hint-bl {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 13px 21px;
  margin-bottom: 15px;
}
.field {margin-bottom: 17px;line-height: 0;}
.field > img {float: left;margin: 0 15px 0 0;}
.field > .type-file-wrap {overflow: hidden;}
.field.captcha input {width:109px;}
.field label {
  display: inline-block;
  width: 80px;
  vertical-align: middle;
  line-height: 17px;
}
.field .right-column label{width:98px}
.field p {line-height: 17px;}
.field.textarea-label label {vertical-align: top;margin-top: 1px;}
.field select {
  border: 1px solid #C7C7C7;
  border-radius: 12px;
  padding: 2px 7px 5px;
  width: 289px;
  line-height: 18px;
}
#articlecategory{
  width: 350px;
}
.field .date-select {width:53px;}
.field .year-select {width:70px;}
.input-file-wrap {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #C7C7C7;
  cursor: pointer;
  height: 27px;
  margin: 5px 0 13px;
  overflow: hidden;
  text-align: center;
  width: 123px;
}
.input-file-wrap .name-input {
  color: #515151;
  font-size: 18px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px #D9DADC;
  width: 122px;
  height: 14px;
  padding: 15px 0 0;
}
.input-file-wrap input[type=file] {
  font-size: 150px;
  height: 29px;
  margin-top: -26px;
  opacity: 0;
  width: 75px;
  cursor: pointer;
}
.validity-erroneous {border:1px solid #F56600 !important}
.add-article {font-size: 14px;margin: -7px 0 30px;}
.add-article .wysiwyg {margin: 0 0 14px;}
.add-article .title {margin-bottom: 7px;}
.add-article .content-label {margin: 22px 0 10px;}
.add-article input[type=submit] {
  width: 290px;
  border-radius: 10px;
  /* color: #fff; */
  font-size: 18px;
  margin-top: 10px;
  font-family: sans-narrow;
}
.add-article textarea {width: 614px;height: 78px;}
.add-article .send-mod {background: #94b62d;border: 1px solid #d7f970;}
.add-article .save-draft {background: #636363;margin-right: 137px;}
.private-page {margin: -9px 0 113px 0;}
.private-page .about-user {overflow: hidden;margin-bottom: 24px;}
/*
.private-page .about-user img {
  float: left;
  border: 1px solid #868686;
  width: 200px;
  margin-right: 18px;
}
*/
.private-page .about-info {overflow: hidden;font-size: 18px;}
.private-page .title {line-height: 29px;margin-bottom: 6px;}
.private-page .about-info b {color: #b0b0b0;font-weight: normal;}
.private-page .about-info .about-column {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  line-height: 22px;
}
.private-page .about-info .about-column:first-child {margin-right: 12px;}
.private-page .about-info .about-column:last-child {margin-right: 12px;}
.private-page .about-yourself {margin-bottom: 30px;font-size: 14px;line-height: 17px;}
.private-page .about-yourself p {margin-bottom: 7px;}
.private-page .publication-user p {color: #b0b0b0;font-size: 18px;}
.private-page .publication-user ol {counter-reset: li;padding: 0;list-style: none;}
.private-page .publication-user li {
  position: relative; 
  /* margin: 0 0 10px; */
  padding: 4px 0 4px 16px;
  font-size: 18px;
}
.private-page .publication-user li:before {
  content: counter(li) '.';
  counter-increment: li;
  position: absolute;
  left: 0;
  color: #BC008D;
  top: 4px;
}
.private-page .publication-user li a {left: -16px;padding-left: 23px;position: relative;}
/*registration page*/
.lk-form {margin: -7px 0 30px;font-size: 14px;overflow: hidden;}
.lk-form .title{margin-bottom: 24px;}
.lk-form .left-column {width: 375px;margin: 0 54px 0 0;}
.lk-form .right-column {width: 290px;}

/* .lk-form .right-column textarea {height: 137px;} */

.lk-form .field.captcha {margin-top: 38px;margin-bottom: 26px;}
.lk-form .captcha img {margin: 0 23px 0 0;}
.lk-form .btn {
  color: #FFFFFF;
  display: block;
  margin-bottom: 10px;
  padding: 5px 3px 2px;
  text-align: center;
  width: 290px;
  font-family: sans-narrow;
}
.lk-form .change-pas {color:#ec2b2b;display: inline-block;margin: 10px 0 30px;}
.photo-border {border:1px solid #868686;}

/*detail article*/
.comment-wrap {overflow: hidden;}
.comment-wrap .comment-item {margin-bottom: 13px;margin-top: 22px;}
.comment-wrap .author-comment {float:left;width: 75px;margin-right: 6px;margin-top: 2px;}
.comment-wrap .author-name {color:#aeaeae;font-size: 14px;display: block;margin-top: -1px;}
.comment-wrap .text-comment {overflow: hidden;background: #f9f9f9;padding: 15px 15px 10px; min-height:60px}
.comment-wrap .text-comment p {margin: 0 0 9px;}
.comment-wrap .add-comment label {font-size: 18px;color:#bc008d;display: block;margin-bottom: 3px;}
.comment-wrap .add-comment textarea {
  border:1px solid #d7f970;
  width:704px;
  height: 88px;
  background: #fff;
  border-radius:0;
  margin-bottom: 6px;
}
.comment-wrap .add-comment input[type=submit] {
  background: none repeat scroll 0 0 #CBF93E;
  border: 1px solid #FFFFFF;
  color: #779E00;
  padding: 5px 27px 3px;
  cursor:pointer;
  float: right;
  font-family: sans-narrow;
  border-radius:12px;
}
.detail-article {margin: 0 0 55px;}
.detail-article p {margin:0 0 18px;}
.detail-article h1.title-article {color: #BC008D;font-size: 24px;line-height: 26px;margin: -2px 0 17px;}
.detail-article .advert-middle{margin: 19px 0 15px;}
/*list-article*/
.select-bl-wrap {margin: -12px 0 19px;}
.select-bl-wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.select-bl-wrap .drop-menu {font-family: sans-narrow;text-transform: none;}
.current-cat {
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  max-width: 290px;
  position: relative;
  padding: 0 10px 0 0;
  text-transform: uppercase;
  font-family: sans-narrow-bold;
}
.current-cat:after {
  background: url("/img/icons/menu/arrow.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
  content: "";
  height: 3px;
  position: absolute;
  right: -5px;
  top: 20px;
  width: 10px;
}
.current-cat:hover .drop-menu {display: block;left:0}
.select-cat-wrap {position: relative;float: right;font-size: 18px;margin-top: 3px;}
.selected-cat {
  background: #FFFFFF;
  border-radius: 10px;
  display: inline-block;
  padding: 6px 15px 0px;
  margin: 0 0 7px 2px;
  position: relative;
  width: 260px;
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: sans-narrow-bold;
}

.selected-cat:after {
  background: url("/img/icons/menu/arrow.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
  content: "";
  height: 100%;
  position: absolute;
  right: 6px;
  top: 0;
  width: 20px;
}
.choose-cat {
  background: none repeat scroll 0 0 #F7F7F7;
  border: 1px solid #BDBDBD;
  position: absolute;
  display:none;
  right: 2px;
  padding: 10px 8px 0;
  width: 485px;
  cursor:default;
  overflow:hidden;
  text-transform: uppercase;
  z-index:5;
}
.choose-cat a {
  color: #5F5F5F;
  display: inline-block;
  font-family: sans-narrow-bold;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  margin: 0 8px 8px 0;
  width: 200px;
}
.choose-cat .left-cat {float:left;width: 230px;}
.choose-cat .right-cat {float:left;width:245px}
.choose-cat .right-cat a {width:245px}
.choose-cat .right-cat a img{margin-right: 7px;}
.choose-cat img,
.current-cat img,
.selected-cat img {display: inline-block;vertical-align: middle;}
.select-bl-wrap.fll .select-cat-wrap {float:none;}
.select-bl-wrap.fll .choose-cat {left:0;right:auto}
@media screen and (max-width: 1007px) {
  body {
	  background: #f3f3f3;
  }
  .statistics-wrap .center-bl {
	  width:100%;
  }
}
/*custom select*/
.s-hidden {
  visibility:hidden;
  padding-right:10px;
}

.select {
  cursor:pointer;
  display:inline-block;
  position:relative;
  border-radius: 12px;
  font:normal 14px/24px sans-narrow;
  color:black;
  border:1px solid #ccc;
  background: #fff;
}

.styledSelect {
  position:absolute;
  top:4px;
  right:0;
  bottom:0;
  left:0;
  border-radius: 12px;
  padding:0 10px;
}

.styledSelect:after {
  content:"";
  width:0;
  height:0;
  border: 3px solid transparent;
  border-color: #616161 transparent transparent transparent;
  position:absolute;
  top: 9px;
right: 12px;
}
.options {
  display:none;
  position:absolute;
  top:100%;
  right:0;
  left:0;
  z-index:999;
  margin:0 0;
  padding:0 0;
  list-style:none;
  border:1px solid #ccc;
  background-color:white;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
  box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.options li {padding:0 6px;margin:0 0;padding:0 10px;}
.options li:hover {background-color:#39f;color:white;}