@font-face {
  font-family: "BPG Arial Caps";
  src: url("../fonts/bpg-arial-caps-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/bpg-arial-caps-webfont.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/bpg-arial-caps-webfont.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/bpg-arial-caps-webfont.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/bpg-arial-caps-webfont.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/bpg-arial-caps-webfont.svg#bpg_arial_capsregular")
      format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "ArchyEDT";
  src: url("../fonts/archyedt-thin-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/archyedt-thin-webfont.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/archyedt-thin-webfont.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/archyedt-thin-webfont.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/archyedt-thin-webfont.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/archyedt-thin-webfont.svg#archyedt-thinregular")
      format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "ArchyEDT-Bold";
  src: url("../fonts/archyedt-bold-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/archyedt-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/archyedt-bold-webfont.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/archyedt-bold-webfont.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/archyedt-bold-webfont.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/archyedt-bold-webfont.svg#archyedt-bold") format("svg");
  /* Legacy iOS */
}

/** Generated by FG **/

@font-face {
  font-family: "Conv_bpg_banner_caps";
  src: url("../fonts/bpg_banner_caps.eot");
  src: local("☺"), url("../fonts/bpg_banner_caps.woff") format("woff"),
    url("../fonts/bpg_banner_caps.ttf") format("truetype"),
    url("../fonts/bpg_banner_caps.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BPG Arial";
  src: url("../fonts/bpg_arial/BPG_Arial.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/bpg_arial/BPGArial2010.woff") format("woff"),
    url("../fonts/bpg_arial/BPGArial2010.ttf") format("truetype"),
    url("../fonts/bpg_arial/bpg_arial.svg#bpg_arial") format("svg");
  font-weight: normal;
  font-style: normal;
}

a {
  font-size: 12px;
  color: #333333;
}

body {
  background-color: #f7f7f7;
}

header {
  background: url(../images/bg_headernews.jpg) center top no-repeat #7d1516;
  min-height: 123px;
}

.mainmenu {
  background-color: #ffffff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.12);
  height: 52px;
  margin-bottom: 25px;
}

.palitranav {
  list-style: none;
}

.palitranav li {
  float: left;
}

.palitranav li a {
  font-family: "BPG Arial Caps";
  font-size: 14px;
  line-height: 14px;
  padding: 20px 5px;
  display: block;
  color: black;
}

.palitranav li a.active {
  color: #960000;
}

.palitranav li a:hover {
  text-decoration: none;
  color: #960000 !important;
}

.palitranavright {
  list-style: none;
}

.palitranavright li {
  float: left;
}

.palitranavright li a {
  font-size: 17px;
  line-height: 17px;
  padding: 18px;
  display: block;
  color: #888888 !important;
  max-height: 52px;
}

.palitranavright li a:hover {
  color: #000 !important;
}

.palitranavright li span.searchicon {
  font-size: 16px;
  line-height: 16px;
  padding: 18px;
  display: block;
  color: #b6b6b6;
  cursor: pointer;
  max-height: 52px;
}

.economic_img img {
  width: auto !important;
  height: auto !important;
}

.palitranavright li a:hover,
.palitranavright li span.searchicon:hover {
  background-color: #f5f5f5;
}

.ecomonic_block_poll {
  border-top: 2px solid #9d9d9d;
}

.cls {
  clear: both;
}

/*poll*/

.poll_title {
  background: url(../images/linebot_2.png) left top no-repeat;
  padding-top: 3px;
  color: #474747;
  font-size: 18px;
  font-weight: bold;
  font-family: "ArchyEDT-Bold";
  padding: 15px;
}

.poll_body {
  background: #fff;
}

.or_poll_titleno {
  font-size: 15px;
  color: #474747;
  font-family: "ArchyEDT-Bold";
  padding: 15px 15px 5px 15px;
  font-weight: normal;
}

input[type="radio"] {
  /* Hide the input, but have it still be clickable */
  opacity: 0;
  float: left;
  width: 0px;
  font-size: 0px;
  display: none;
}

input[type="radio"] + label {
  margin: 0;
  clear: none;
  /* Left padding makes room for image */
  padding-left: 15px;
  /* Make look clickable because they are */
  cursor: pointer;
  background: url(../images/chekbox_unchecked.png);
  background-position: left;
  background-repeat: no-repeat;
}

input[type="radio"]:checked + label {
  color: #a70000;
  background: url(../images/chekbox_checked.png);
  background-position: left;
  background-repeat: no-repeat;
}

.or_aitemno label {
  font-size: 11px;
  color: #656565;
  line-height: 23px;
  font-weight: normal;
  font-family: "BPG Arial";
}

.or_butno button {
  width: 110px;
  height: 30px;
  background: #8b8b8b;
  color: #fff;
  border: none;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  transition: 0.4s;
  margin-bottom: 10px;
  font-family: "ArchyEDT-Bold";
  font-weight: normal;
}

.or_butno button:hover {
  background: #a70000;
}

.or_butno {
  padding: 11px 10px 0px 0px;
  float: right;
}

.or_answerno {
  padding-left: 15px;
}

/*/poll*/

.valuta {
  font-size: 15px;
  font-family: "BPG Arial Caps";
  color: #333333;
}

.valuta_title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}

.date_big {
  padding-top: 51px !important;
}

.nav_show {
  display: none;
}

@media (max-width: 800px) {
  .nav_show {
    display: block;
  }

  .maintvblock {
    display: none !important;
    opacity: 0;
  }

  .ads {
    overflow: hidden;
  }

  /*#liveVideoMobile{text-align: center;padding: 100px 0 650px;background: #000;width: 100%}*/
  .nav_hide {
    display: none;
  }

  .collapseSearch {
    width: 120px !important;
    height: 40px !important;
  }

  .palitranavright li a {
    padding: 10px 5px 18px 25px;
  }

  .navbar-header {
    height: 55px;
  }

  .live-button {
    height: 34px;
    line-height: 34px;
    padding: 0 12px 0 26px;
    color: #960000;
    font-size: 15px;
    background: url(../img/livebg.png);
    background-position: 11px center;
    background-repeat: no-repeat;
    background-color: #fff !important;
  }

  .footerlefttop {
    text-align: center;
    padding-bottom: 10px;
  }

  .footerleftbot {
    text-align: center;
    padding-bottom: 10px;
  }

  .palitranavright li button {
    padding: 10px !important;
  }
}

@media (max-width: 292px) {
  .header_time {
    margin-right: 34px !important;
  }

  .logo img {
    padding-left: 22px;
  }

  .logo {
    padding: 5px 0px !important;
  }
}

@media (max-width: 992px) {
  .header_time {
  }
}

@media (max-width: 342px) {
  .palitrafootnav li:first-child a {
    padding-left: 25px !important;
  }
}

@media (max-width: 426px) {
  .header_time {
    padding: 0px !important;
    margin-top: -1px !important;
  }

  .logo {
    padding: 5px 0px 0px 0px !important;
  }
}

.pagination_right {
  float: right !important;
  margin-right: 15px;
}

.button_block {
  margin: 0px;
  padding: 5px;
  background-color: #ffffff !important;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
  min-height: 42px;
  transition: 0.3s;
  cursor: pointer;
}

.button_block:hover {
  background-color: #c9c9c9 !important;
}

.video_block {
  padding: 5px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}

.but_prev {
  background: url(../images/but_prev.png);
  background-position: center;
  background-repeat: no-repeat;
}

.but_prev:hover {
  background: url(../images/but_prev_hover.png);
  background-position: center;
  background-repeat: no-repeat;
}

.but_next {
  background: url(../images/but_next.png);
  background-position: center;
  background-repeat: no-repeat;
}

.but_next:hover {
  background: url(../images/but_next_hover.png);
  background-position: center;
  background-repeat: no-repeat;
}

.video_title_in {
  border-top: 1px solid #dfdfdd;
  padding-top: 15px;
}

.video_player_block {
  padding-bottom: 10px;
}

.video_block_title {
  font-family: "BPG Arial";
  font-size: 16px;
  color: #3b3b3b;
  padding-bottom: 10px;
  background: url(../images/linebot_2.png) 2% bottom no-repeat;
}

.video_block_desc {
  font-family: "BPG Arial";
  font-size: 18px;
  color: #3b3b3b;
  padding-bottom: 15px;
}

a.left-video .newsblockitem2 {
  height: 98px !important;
}

.video_block_title_desc {
  padding-left: 15px;
  padding-right: 15px;
}

.newsblockdate_video_page {
  font-size: 11px;
  font-family: "BPG Arial";
  color: rgba(59, 59, 59, 0.52);
  padding-bottom: 10px;
}

.video_social_block {
  padding-bottom: 5px;
}

.social_share_block {
  width: auto;
  height: 20px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: inline-block;
}

.social_right_block {
  float: right !important;
  width: auto;
}

.social_right_block a {
  text-decoration: none !important;
}

.message {
  background: url(../images/message.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
}

.print {
  background: url(../images/print.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 35px;
  margin-right: 10px;
}

/* .embed {
    background: url(../images/embed.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 39px;
    padding: 0px 30px;
} */

.comments_title_in {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #3b3b3b;
  padding-left: 10px;
  padding-bottom: 8px;
}

.make_comment_question_in a {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #3b3b3b;
  padding-right: 10px;
  text-decoration: none;
}

.make_comment_question {
  float: right !important;
  width: auto;
}

.title_row {
  padding: 0px 10px;
}

.comments_block_head {
  padding-bottom: 25px;
}

.myvideo {
  width: 100%;
  height: 100%;
  position: relative;
}

.comments_body {
  border-bottom: 1px solid #dfdfdd;
  margin-bottom: 25px;
}

.title_block_border {
  border-bottom: 1px solid #dfdfdd;
}

.title_block_bd {
  padding: 0px 23px;
}

.buttons_block {
  padding-bottom: 8px;
}

.author_title {
  font-size: 15px;
  font-family: "BPG Arial Caps";
  color: #595959;
  padding-right: 10px;
}

.comment_date {
  font-size: 10px;
  font-family: "BPG Arial Caps";
  color: #949494;
  line-height: 21px;
}

.author_title {
  float: left;
}

.comment_text {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #838383;
  padding-bottom: 8px;
}

.reply_button button {
  border: none;
  background: url(../images/reply_but.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 17px;
  color: #3a3a3a;
  outline: 0;
}

.like_button {
  float: left;
}

.comment_like_button span {
  padding-left: 5px;
  color: #949494;
  font-size: 11px;
  line-height: 10px;
  display: block;
  padding-top: 7px;
  font-family: "BPG Arial Caps";
}

.like_button button {
  border: none;
  background: url(../images/like_but.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 17px;
  color: #3a3a3a;
  padding-right: 20px;
  outline: 0;
}

.comment_reply_button {
  font-size: 12px;
  font-family: "BPG Arial";
  color: #3a3a3a;
  padding-top: 7px;
  line-height: 10px;
}

.reply_title_block {
  padding-left: 43px;
}

.reply_text_block {
  padding-left: 43px;
}

.author_title_reply {
  float: left;
  font-size: 15px;
  font-family: "BPG Arial Caps";
  color: #595959;
  padding-right: 10px;
}

.comment_text_reply {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #838383;
  padding-bottom: 8px;
}

.comment_date_reply {
  font-size: 10px;
  font-family: "BPG Arial Caps";
  color: #949494;
  line-height: 21px;
}

.buttons_block_reply {
  padding-left: 43px;
  padding-bottom: 8px;
}

.reply_like {
  padding-bottom: 8px;
}

.logo {
  padding: 20px 0px;
}

.ads {
  padding-bottom: 25px;
  max-width: 100%;
  overflow: hidden;
}

.ads iframe {
  overflow: hidden;
}

#video_ad2 {
  max-width: 100%;
  overflow: hidden;
  padding: 10px 0px;
}

#video_ad2 iframe {
  overflow: hidden;
}

.newsblock {
  border-top: 2px solid #960000;
  padding-bottom: 25px;
}

.newsblock_page_in {
  border-top: 2px solid #9d9d9d;
  padding-bottom: 25px;
}

.newsblockin_page_in {
  background: url(../images/linebot_2.png) left top no-repeat;
  padding-top: 3px;
}

.newsblockin {
  background: url(../images/linebot.png) left top no-repeat;
  padding-top: 3px;
}

.allnewsblock a {
  color: rgba(71, 71, 71, 0.39);
  font-size: 17px;
  font-family: "ArchyEDT-Bold";
}

.newblocktitle {
  font-family: "ArchyEDT-Bold";
  font-size: 17px;
  color: #474747;
}

.headerdate {
  font-size: 13px;
  font-family: "BPG Arial";
  color: rgba(254, 254, 254, 0.69);
  height: 22px;
}

.headerdate span {
  font-size: 18px;
}

.headerhoursicon {
  background: url(../images/clock.png) center left no-repeat;
  height: 38px;
  width: 24px;
  display: block;
  float: left;
}

.headerhourin {
  font-size: 38px;
  font-family: "ArchyEDT-Bold";
  display: block;
  line-height: 38px;
  float: left;
  color: rgba(254, 254, 254, 0.69);
}

.header_time {
  padding: 31px 0px;
}

/* item */

.newsblockitem1 {
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
  min-height: 285px;
  transition: 0.4s;
}

.newsblockitem1:hover {
  border: solid 1px #ccc;
  -moz-box-shadow: 1px 1px 5px #999;
  -webkit-box-shadow: 1px 1px 5px #999;
  box-shadow: 1px 1px 5px #999;
}

.newsblockimage1 {
  padding-bottom: 13px;
}

.newsblockimage1 img {
  width: 100%;
}

.newsblocktitle1 {
  max-height: 70px;
  font-size: 15px;
  line-height: 1.5em;
  font-family: "BPG Arial";
  overflow: hidden;
}

.newsblocktitle1 a {
  font-size: 15px;
  line-height: 1.5em;
  font-family: "BPG Arial";
  color: #3b3b3b;
}

.newsblocktitle1 a:hover {
  text-decoration: none;
  color: #960000;
}

.newsblockdate1 {
  font-size: 11px;
  font-family: "BPG Arial";
  color: rgba(59, 59, 59, 0.52);
  text-align: left !important;
}

span.newsblockdate1 {
  display: block;
  padding-top: 8px !important;
}

.newsblockcol {
  padding-top: 20px;
}

.newsblocktitlerow {
  padding-top: 20px;
}

/* newsblock item 2 */

.newsblockitem2 {
  margin: 0px;
  padding: 3px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
  margin-top: 6px;
  height: 95px !important;
}

.newsblockcol_slide .newsblockitem2_slide:first-child {
  margin-top: 0px;
}

.newsblockcol_slide {
  height: 380px !important;
}

.newsblockitem2_slide {
  height: 93.5px !important;
}

.newsblockitem2 img {
  width: auto;
  height: 85px;
}

.newsblockitem2_slide {
  margin: 0px;
  padding: 14px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
  min-height: 90px;
  margin-top: 5px;
}

.slide_left img {
  width: 100%;
  height: 373px;
  padding-bottom: 5px;
}

.slide_item_title {
  width: 95%;
  float: right;
  padding-top: 10px;
}

.slide_item_title a {
  font-size: 19px;
  color: #fff;
  font-family: "BPG Arial";
  text-decoration: none;
  opacity: 0.8;
}

.slide_img_overlay {
  position: absolute;
  width: 99%;
  min-height: 80px;
  background: #7d1516;
  bottom: 11px;
}

.slide_item_desc a {
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-family: "BPG Arial";
  text-decoration: none;
}

.slide_item_desc {
  width: 93%;
  float: right;
  margin-top: 10px;
  padding-top: 10px;
}

.slide_left {
  padding-right: 0px;
  position: relative;
}

.slide_right {
  padding-left: 0px !important;
}

.newsblockitem2in {
  margin: 0px;
}

.newsblockcol .newsblockitem2:first-child {
  margin-top: 0px !important;
}

.newsblockimage2 {
  width: 37% !important;
  margin-left: 8px;
}

.newsblockin .newsblockimage2 {
  height: 83px !important;
}

.newsblockimage2_slide {
  width: 40%;
  float: left;
}

.newsblockimage2_slide img {
  width: 95%;
  height: 65px;
}

.newsblocktitle2 {
  width: 58%;
  float: left;
}

.newsblocktitle2_slide {
  width: 58%;
  float: right;
}

.newsblocktitle2 {
  height: 66px !important;
}

.newsblocktitle2 a {
  color: #3b3b3b;
  font-size: 12px;
  font-family: "BPG Arial";
  line-height: 17px;
  height: 66px;
  overflow: hidden;
  display: block;
  padding-left: 6px;
}

.newsblocktitle2 a:hover {
  color: #960000;
  text-decoration: none;
}

.newsblockimage2_side img {
  width: 100%;
  height: 58px;
}

.newsblockdate2 {
  font-size: 11px;
  font-family: "BPG Arial";
  color: rgba(59, 59, 59, 0.52);
  margin-top: -15px !important;
  float: right;
}

.newsblockdate2_video {
  font-size: 11px;
  font-family: "BPG Arial";
  color: rgba(59, 59, 59, 0.52);
  padding-top: 6px;
}

.ads img {
  width: 100%;
}

.collapseSearch {
  background: #f5f5f5;
  border: none;
  width: 160px;
  height: 54px;
  padding: 4px;
  font-family: "BPG Arial";
  font-size: 13px;
  color: #3b3b3b;
}

.collapseSearch2 {
  background: #f5f5f5;
  border: none;
  width: 160px;
  height: 54px;
  padding: 4px;
  font-family: "BPG Arial";
  font-size: 13px;
  color: #3b3b3b;
}

/* newsblock item 3 */

.newsblockitem3 {
  margin: 0px;
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
  min-height: 91px;
}

.newsblockitem3in {
  margin: 0px;
}

.newsblockimage3 {
  width: 40%;
  float: left;
}

.newsblocktitle3 {
  width: 60%;
  float: left;
}

.newsblocktitle3 a {
  color: #3b3b3b;
  font-size: 12px;
  font-family: "BPG Arial";
  line-height: 17px;
  height: 51px;
  overflow: hidden;
  display: block;
}

.newsblocktitle3 a:hover {
  text-decoration: none;
  color: #960000;
}

.newsblockimage3 img {
  width: 80%;
}

.newsblockdate3 {
  font-size: 11px;
  font-family: "BPG Arial";
  color: rgba(59, 59, 59, 0.52);
  padding-top: 10px;
}

.ads img {
  width: 100%;
}

.collapseSearch {
  background: #f5f5f5;
  border: none;
  height: 52px;
  padding: 4px;
  font-family: "BPG Arial";
  font-size: 13px;
  color: #3b3b3b;
  padding-left: 12px;
}

/* newsblock adv1 */

.newsblockadv1 img {
  max-width: 100%;
  width: 308px;
  height: 285px;
}

/*bxslider*/

.bx-wrapper {
  width: 653px;
}

/*bxslider end*/

/*footer*/

footer {
  background: url(images/footerbg.png) no-repeat top center #d8d8d8;
  min-height: 122px;
}

.footer_in {
  padding: 25px 0px;
}

.footer_left {
  font-family: "BPG Arial";
  font-size: 12px;
  color: #606060;
}

.footerlefttop {
  padding-bottom: 16px;
}

.footerrighttop {
  padding-bottom: 25px;
}

.palitrafootnav {
  list-style: none;
}

.palitrafootnav li {
  float: left;
}

.palitrafootnav li:first-child a {
  padding-left: 0px;
}

.palitrafootnav li a {
  padding-left: 25px;
  font-family: "BPG Arial";
  font-size: 12px;
  color: #333333;
}

/* main tv live block */

.maintvblock {
  height: 236px;
  width: 100%;
  padding: 3px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
}

.tvblock_img img {
  width: 100%;
  height: 169px;
}

@media (min-width: 800px) {
  .fixed_video,
  .mainblockrtop {
    display: block !important;
    height: 236px;
  }

  .fixed_video .maintvblock {
    position: fixed;
    bottom: -1px;
    width: 412px;
    z-index: 12;
    display: block !important;
    background: url(../images/palitraLIVE.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    border: 1px solid transparent !important;
    padding: 3px 3px 48px;
    height: 281px;
  }

  .maintvblock .close-x {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    line-height: 20px;
    background: #000;
    cursor: pointer;
    position: absolute;
    top: -8px;
    right: -7px;
    z-index: 123;
  }
}

.mainblockleft {
  padding-bottom: 20px;
}

.mainblockright {
  padding-bottom: 20px;
}

.tvblock_text {
  padding: 20px 0px;
}

.tvblock_text .tvblocktexts {
  font-family: "ArchyEDT-Bold";
  font-size: 18px;
  line-height: 20px;
  height: 20px;
  width: 225px;
  float: left;
  color: #e80000;
}

/* blocks*/

.row {
  margin-right: -6px !important;
  margin-left: -6px !important;
}

/* radioblock */

.mainblockrtop {
  padding-bottom: 19px;
}

.currencies {
  padding: 3px 8px 0px 8px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
}

.radioblockin {
  padding: 12px 5px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
}

.radiobot img {
  height: 100%;
}

.tvblock_img {
  text-align: center;
}

.radiohead {
  border-bottom: #e9e9e5 1px solid;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.currencies .table {
  font-family: "BPG Arial";
  font-size: 11px;
  color: #000000;
  margin-bottom: 0px;
}

.currencies .table tbody tr:first-child th,
.currencies .table tbody tr:first-child td {
  border-top: none;
}

.comment_icon {
  padding-right: 5px;
}

.slide_img {
  float: left;
}

.slide_text {
  float: left;
}

.search_result_text {
  font-family: "BPG Arial";
  font-size: 14px;
  color: #3b3b3b;
  padding-top: 20px;
}

.search_result_text strong {
  color: #960000;
  font-weight: normal;
}

.newsblockitem6 {
  padding: 5px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-right: 1px solid #dfdfdd;
  border-bottom: 1px solid #dfdfdd;
  transition: 0.4s;
}

.newsblockimage6 img {
  width: 100%;
}

.gadacema_titleblock {
  padding-bottom: 20px;
}

.gadacema_block {
  background: url(../images/gadacemebi_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 280.5px;
  height: 157px;
}

.gadacema_block_img_overlay {
  position: absolute;
  top: 34%;
  right: 33px;
  text-align: right;
  font-size: 22px;
  color: #fff;
  font-family: "Conv_bpg_banner_caps";
}

.newsblockitem6 {
  margin-bottom: 10px;
}

.about_us_body {
  background: #fff;
}

.about_us_head {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #7d7d7d;
}

.list_title {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #7d7d7d;
}

.about_us_body_in {
  padding: 20px 0px 0px 20px;
}

.about_us_head {
  padding-bottom: 25px;
}

.about_us_list {
  padding-left: 105px;
}

.about_us_list li {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #7d7d7d;
}

.about_us_info {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #7d7d7d;
  padding-bottom: 20px;
}

.about_us_additional {
  font-size: 14px;
  font-family: "BPG Arial";
  color: #7d7d7d;
  padding-bottom: 45px;
}

.social_left_block {
  float: left;
}

.social_rightblock {
  float: right !important;
  width: auto;
  padding-right: 20px;
}

.about_us_social {
  padding-bottom: 40px;
}

.about_us_block {
  padding-top: 20px;
}

.about_us_body {
  border: 1px solid #dfdfdd;
}

@media (max-width: 800px) {
  .about_us_list {
    padding-left: 45px;
  }

  .print {
    display: none;
  }
}

@media (max-width: 292px) {
  .newsblockitem1 {
    min-height: 238px;
  }
}

.comment_reply_all_block {
  display: none;
}

.coment_active {
  color: #8f0000 !important;
  border: none;
  background: url(../images/reply_but_active.png) !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  padding-left: 17px !important;
  outline: 0 !important;
}

.comment_reply_all_block {
  border-bottom: 1px solid #dfdfdd;
  margin-bottom: 15px;
}

.comment_reply_all_block_in {
  padding: 0px 0px 25px 80px;
}

.comment_reply_all_block_in input {
  display: block;
  background: #eaeaea;
  border: none;
  height: 38px;
  width: 50%;
  border-radius: 3px;
  outline: 0;
  padding-left: 15px;
  font-family: "BPG Arial";
  margin-bottom: 15px;
  font-size: 12px;
}

.comment_reply_all_block_in textarea {
  background: #eaeaea;
  border: none;
  outline: 0;
  resize: none;
  padding: 10px 0px 0px 15px;
  font-family: "BPG Arial";
  height: 85px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 12px;
}

.comment_reply_all_block_in button {
  width: 20%;
  height: 36px;
  border: none;
  font-size: 14px;
  background: #8f0000;
  color: #fff;
  display: block;
  float: right;
  font-family: "BPG Arial Caps";
  margin-bottom: 15px;
  transition: 0.3s;
}

.comment_reply_all_block_in button:hover {
  background: #909090;
}

.add_comment_body_all_in input,
label,
textarea {
  display: block;
  font-family: "BPG Arial";
  font-weight: normal;
  font-size: 13px;
}

.make_comment_question_bottom {
  padding-bottom: 10px;
}

.add_comment_body_all {
  margin-bottom: 30px;
}

.required:after {
  content: "*";
  color: #b10000;
  font-size: 23px;
}

.add_comment_body_all_in input {
  width: 60%;
  height: 38px;
  background: #eaeaea;
  border-radius: 3px;
  border: none;
  outline: 0;
  padding-left: 15px;
  margin-bottom: 10px;
}

.add_comment_body_all_in textarea {
  width: 100%;
  height: 85px;
  background: #eaeaea;
  border: none;
  outline: 0;
  resize: none;
  padding: 10px 0px 0px 15px;
  margin-bottom: 10px;
}

.attention_info {
  float: left;
  font-family: "BPG Arial";
  font-size: 12px;
  color: #868686;
}

.com_rep_but {
  float: right;
}

.com_rep_but button {
  height: 38px;
  padding: 10px 30px;
  border: none;
  background: #8f0000;
  color: #fff;
  font-family: "BPG Arial Caps";
  transition: 0.3s;
}

.com_rep_but button:hover {
  background: #909090;
}

.slider_block_mobile_show {
  display: none;
}

@media (max-width: 992px) {
  .slider_block_mobile_show {
    display: block;
  }

  .slider_block_mobile_hide {
    display: none;
  }

  .slide_item_title a {
    font-size: 16px;
  }

  .slide_item_desc a {
    font-size: 12px;
  }
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 25px;
  left: 15%;
  z-index: 10;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}

.carousel-caption {
  background: rgba(34, 34, 34, 0.58);
  text-align: left !important;
}

@media (max-width: 468px) {
  .slide_item_desc {
    display: none;
  }
}

/*@media (max-width:392px) {
    .carousel-caption {
        display: none;
    }
}*/

.newblocktitle {
  font-family: "ArchyEDT-Bold";
  font-size: 18px;
  color: #474747;
}

.slide_item_title a {
  font-size: 18px;
  color: #fff;
  font-family: "BPG Arial";
  text-decoration: none;
  opacity: 0.8;
}

.head_time_left {
  float: left;
}

.head_time_right {
  float: right;
}

/*grid*/

.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  padding: 6px 6px !important;
}

.card img {
  width: 100%;
  padding: 5px;
  margin-bottom: 0rem;
  cursor: pointer;
}

/* Flashing */

.card img:hover {
  opacity: 1;
  -webkit-animation: flash 1s;
  animation: flash 1s;
}

.newsblockimage2 img:hover {
  opacity: 1;
  -webkit-animation: flash 1s;
  animation: flash 1s;
}

@-webkit-keyframes flash {
  0% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

.card {
  border: 1px solid #ffffff !important;
  border-right: 1px solid #dfdfdd !important;
  border-bottom: 1px solid #dfdfdd !important;
  height: 322px;
  margin-bottom: 10px;
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-text {
  overflow: hidden;
  font-size: 13px;
  height: 97px;
  line-height: 16px;
  font-family: "BPG Arial";
  color: #3b3b3b;
  cursor: pointer;
  transition: 0.3s;
}

.card-text:hover {
  color: #960000;
}

.card-block {
  padding: 8px 3px 10px 8px !important;
  min-height: 96px;
}

.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
  height: 176px;
  overflow: hidden;
}

.lCard .card {
  height: 378px !important;
  margin-bottom: 0px;
}

.lCard .card-img-top {
  height: 280px !important;
}

@media (max-width: 992px) {
  .logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
  }

  .header_time {
    display: none;
  }
}

.navbar-default {
  overflow-x: hidden;
  overflow-y: hidden;
}

.video_loading_block {
  height: 100% !important;
}

.loadinglogo img {
  padding-top: 115px !important;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  background-position: 6px 4px !important;
  margin-right: 5px;
  width: 25px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  background: url(../images/arrow_pagination_sprite.png);
  background-repeat: no-repeat;
  background-position: 7px 1.6px;
  border: 1px solid #dedede;
  color: #960000;
  font-weight: 500;
  background-color: transparent !important;
  border-radius: 0% !important;
}

#video-desc p {
  font-family: "BPG Arial";
  width: 100%;
  overflow: hidden;
}

.slider-wrapper {
  background: #fff;
  height: 379px;
  border-bottom: 1px solid #dfdfdd;
  border-right: 1px solid #dfdfdd;
  overflow: hidden;
}

.slider-wrapper .newsblockitem2_slide {
  border-right: none;
}

.slider-wrapper .newsblockcol_slide {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.radioblock {
  padding-left: 0px !important;
}

.currency {
  padding-right: 0px !important;
}

.b1BannerMobile {
  display: none;
}

#video-desc p a {
  text-decoration: none;
  color: #960000;
  font-size: 13px;
}

#video-desc p a:hover {
  color: #960000;
  text-decoration: underline;
}

@media (max-width: 980px) {
  .fixed_video {
    display: none !important;
  }
}

@media (max-width: 980px) {
  .gadacema_block {
    display: flex;
    justify-content: center;
  }

  .comment_reply_all_block_in button {
    width: 43%;
  }

  .comment_reply_all_block_in {
    padding: 0px 0px 25px 0px;
  }

  .myvideo .video-js {
    height: 399px !important;
    width: 708px !important;
    margin: 0px auto;
  }

  .myvideo {
    height: auto !important;
  }

  .video-js .vjs-tech {
    width: 100% !important;
    height: 100% !important;
    /*        width: 708px !important;
        height: 399px !important;*/
    margin: 0px auto !important;
  }

  .slider_block_mobile_show {
    display: block;
    padding: 0 0 44px !important;
  }

  .carousel-indicators {
    margin: 0;
    bottom: -26px;
    left: 0;
    width: 100%;
  }

  .carousel-indicators li {
    background: #bfbfbf;
    border: none;
    margin: 0 3px;
    width: 13px !important;
    height: 13px !important;
  }

  .carousel-indicators .active {
    background: #7d1516;
    width: 13px;
    height: 13px;
    margin: 0 3px;
  }

  .left.carousel-control,
  .right.carousel-control {
    display: none;
  }

  .carousel-caption {
    left: 0;
    bottom: 0;
    right: 0;
    background: #7d1516;
    padding: 0;
  }

  .slide_item_desc {
    display: none;
  }

  .slide_item_title {
    float: none;
    width: auto;
    padding: 10px;
    font-family: "BPG Arial";
  }

  .card-img-top,
  .card {
    height: auto;
  }

  .lCard .card-img-top,
  .lCard .card {
    height: auto !important;
  }
}

@media (max-width: 768px) {
  .card {
    height: auto;
  }

  .card-text {
    height: auto;
  }

  .card-block {
    height: auto;
  }
}

@media (max-width: 720px) {
  .myvideo .video-js {
    height: 338px !important;
    width: 600px !important;
    margin: 0px auto;
  }

  .myvideo {
    height: auto !important;
  }

  .video-js .vjs-tech {
    /*        width: 600px !important;
        height: 338px !important;*/
    margin: 0px auto !important;
  }
}

@media (max-width: 620px) {
  .myvideo .video-js {
    height: 282px !important;
    width: 500px !important;
    margin: 0px auto;
  }

  .myvideo {
    height: auto !important;
  }

  .video-js .vjs-tech {
    /*        width: 500px !important;
        height: 282px !important;*/
    margin: 0px auto !important;
  }
}

@media (max-width: 520px) {
  .myvideo .video-js {
    height: 225px !important;
    width: 400px !important;
    margin: 0px auto;
  }

  .myvideo {
    height: auto !important;
  }

  .video-js .vjs-tech {
    /*        width: 400px !important;
        height: 225px !important;*/
    margin: 0px auto !important;
  }

  .video_block_title_desc {
    padding-left: 0px;
  }
}

@media (max-width: 420px) {
  .myvideo .video-js {
    height: 176px !important;
    width: 312px !important;
    margin: 0px auto;
  }

  .myvideo {
    height: 100% !important;
    overflow: hidden;
  }

  .video-js .vjs-tech {
    /*        width: 312px !important;
        height: 176px !important;*/
    margin: 0px auto !important;
  }
}

@media screen and (max-width: 770px) and (min-width: 620px) {
  .carousel-inner > .item {
    height: 375px;
  }

  .carousel-inner {
    height: 375px;
  }
}

@media screen and (max-width: 650px) and (min-width: 500px) {
  .carousel-inner > .item {
    height: 320px;
  }

  .carousel-inner {
    height: 320px;
  }
}

@media screen and (min-width: 600px) and (max-width: 780px) {
  .card {
    height: auto;
  }

  .card-img-top {
    height: auto;
  }

  .newsblockdate2 {
    padding-right: 5px;
  }
}

@media screen and (min-width: 320px) and (max-width: 568px) {
  .card {
    height: auto;
  }

  .card-img-top {
    height: auto;
  }

  .newsblockin .newsblockimage2 {
    height: 82px !important;
  }

  .newsblockimage2 {
    height: 82px;
  }

  .newsblockdate2 {
    padding-right: 5px;
  }
}

@media screen and (max-width: 450px) and (min-width: 315px) {
  .carousel-inner > .item {
    height: 220px;
  }

  .carousel-inner {
    height: 220px;
  }
}

@media (max-width: 375px) {
  .my-video-dimensions {
    height: 220px !important;
  }
}

@media (max-width: 360px) {
  .my-video-dimensions {
    height: 213px !important;
  }
}

@media (max-width: 320px) {
  .my-video-dimensions {
    height: 203px !important;
  }

  .card-img-top,
  .card {
    height: auto;
  }
}

#video-desc {
  width: 100%;
  overflow: hidden;
}

/* #video-desc iframe {
    display: block;
    margin: auto;
    height: auto;
    min-height: 600px;
} */

.MobileShowBanner {
  display: none;
}

@media (max-width: 750px) {
  .newsblockimage2 {
    height: 80px !important;
  }

  .newsblockitem2 {
    min-height: 80px !important;
  }
}

@media (max-width: 750px) {
  /* #video-desc iframe {
        width: 602px !important;
        min-height: 400px;
    } */

  .video_block_title_desc {
    padding-left: 0px;
  }
}

@media (max-width: 650px) {
  /* #video-desc iframe {
        width: 502px !important;
    } */
}

@media (max-width: 550px) {
  /* #video-desc iframe {
        width: 402px !important;
    } */
}

@media (max-width: 450px) {
  /* #video-desc iframe {
        width: 302px !important;
    } */
}

@media (max-width: 350px) {
  /* #video-desc iframe {
        width: 262px !important;
    } */
}

/* COMMENTS */

@font-face {
  font-family: "BPG Arial";
  src: url("../fonts/bpg-arial-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/bpg-arial-webfont.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/bpg-arial-webfont.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/bpg-arial-webfont.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/bpg-arial-webfont.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/bpg-arial-webfont.svg#bpg_arialregular") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "BPG Arial Caps";
  src: url("../fonts/bpg-arial-caps-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/bpg-arial-caps-webfont.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/bpg-arial-caps-webfont.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../fonts/bpg-arial-caps-webfont.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../fonts/bpg-arial-caps-webfont.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/bpg-arial-caps-webfont.svg#bpg_arial_capsregular")
      format("svg");
  /* Legacy iOS */
}

* {
  padding: 0px;
  margin: 0px;
}

.cls {
  display: block;
  clear: both;
}

.comment_tab {
  padding-bottom: 40px;
}

.comment_tab_in {
  background: #fff;
  padding: 22px;
}

.commenttabs {
  position: relative;
}

.commenttabs:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 1px;
  background: #c8c8c8;
}

.comments_block {
  padding-top: 18px;
}

.commenttabsitem {
  float: left;
  width: auto;
  margin-right: 2px;
  cursor: pointer;
  padding: 0 12px 15px;
  font-size: 14px;
  color: #a8a8a8;
  font-family: "BPG Arial Caps";
}

.comments_addcom {
  float: right;
  width: auto;
  cursor: pointer;
  color: #3b3b3b;
  font-size: 14px;
  font-family: "BPG Arial";
  background: url(../img/addcom.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
}

.commenttabsitem.active,
.commenttabsitem:hover {
  color: #7d1516;
  position: relative;
}

.commenttabsitem.active:after,
.commenttabsitem:hover:after {
  position: absolute;
  left: 0;
  content: "";
  right: 0;
  bottom: 0;
  height: 3px;
  background: #a92125;
}

.comment_tab .comments_body {
  border-top: 1px solid #b5b5b5;
  position: relative;
}

.comment_tab .comment_all {
  border-bottom: 1px solid #b5b5b5;
  padding: 15px 0px 25px;
}

.comment_addlink {
  padding-bottom: 15px;
}

.comment_tab .comments_title {
  font-family: "BPG Arial";
  font-size: 14px;
  color: #3b3b3b;

  float: left;
}

.comments_reply {
  padding: 25px 0 0 50px;
  border-top: 1px solid #b5b5b5;
  margin-top: 15px;
}

.comments_author {
  font-size: 15px;
  color: #595959;
  font-family: "BPG Arial Caps";
  padding-right: 8px;
  float: left;
}

.commentdate {
  float: left;
  width: auto;
  font-size: 11px;
  color: #7f7f7f;
  font-family: "BPG Arial";
  padding-top: 3px;
}

.comments_title_like {
  padding-bottom: 10px;
}

.comment_replying_likes {
  padding-top: 12px;
}

.comments_comment {
  font-size: 14px;
  color: #000000;
  font-family: "BPG Arial";
}

.comments_author {
  float: left;
  width: auto;
}

.comments_react {
  float: left;
  width: auto;
}

.comments_react .like {
  float: left;
  width: auto;
  padding: 0px 10px 0 0;
  font-size: 14px;
  color: #727272;
  line-height: 14px;
}

.comments_react .dislike {
  float: left;
  width: auto;
  padding: 0px 0 0 10px;
  border-left: 1px solid #cdcdcd;
  font-size: 14px;
  color: #727272;
  line-height: 14px;
  font-family: "BPG Arial";
}

i.likeicon {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../img/comlike.jpg");
}

i.dislikeicon {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../img/comdislike.jpg");
}

i.reply_icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../img/comreply.jpg");
}

.comment_replying {
  float: left;
  padding-left: 15px;
}

.comment_replying a {
  display: block;
  float: right;
  width: auto;
  color: #727272;
  font-size: 14px;
  font-family: "BPG Arial";
  text-decoration: none;
}

.comments_video_left {
  width: 290px;
  float: left;
}

.comments_video_right {
  width: 473px;
  float: left;
  font-size: 14px;
  color: #000000;
  font-family: "BPG Arial";
}

.comments_video_left video {
  width: 270px;
}

.comments_video {
  padding-bottom: 40px;
}

.viewallcomment {
  float: right;
  font-size: 14px;
  color: #3b3b3b;
  font-family: "BPG Arial";
  margin-top: 18px;
  padding-right: 22px;
  cursor: pointer;
  background: url(../img/allcomment.png);
  background-position: right center;
  background-repeat: no-repeat;
}

/* COMMENTS */
@media (max-width: 600px) {
  /* #video-desc iframe {
        width: 100%;
    } */

  .video_block_title_desc {
    padding: 0;
  }

  .video_block_title_desc .row {
    margin: 0;
  }

  .footer_left,
  .footer_right {
    width: 100%;
    margin: 5px 0;
  }
}

@media (max-width: 400px) {
  .commenttabsitem {
    padding: 0 6px 12px;
    font-size: 12px;
  }
}
/**
Main Container
*/
.CLOSE {
  position: relative !important;
  width: 100%;
  max-width: 600px;
  margin: 0px auto;
}
.CLOSE a img {
  width: 100%;
}
/**
Ovrlay Img
*/

/**
Close Button
*/
.CLOSE > div > span {
  position: absolute;
  right: 1.5px;
  top: -3px;
  font-size: 24px;
  cursor: pointer;
  transform: rotate(45deg);
  color: #888;
}

.CLOSE > div {
  background: #fff;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  border: solid 1px #888;
  border-radius: 3px;
}

.plt-unmute-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background-color: white;
  border-radius: 2px;
  border-bottom: 1px solid #f1f1f1;
  padding-left: 2px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 10;
  cursor: pointer;
}

.plt-unmute-icon svg {
  width: 17px;
  height: 17px;
}

.autoContainer {
    display: block;
    float: right;
}

.autoLabel {
    width: 70px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.autoLabel input {
    display: none;
}

.autoLabel_in {
    position: relative;
    height: 20px;
    transition: margin-left .5s ease;
    margin-left: -35px;
}

.autoLabel input:checked + .autoLabel_in {
    margin-left: 0;
}

.autoOn, .autoSwitch, .autoOff {
    width: 35px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    position: absolute;
}

.autoOn {
    background-color: #eee;
}

.autoSwitch {
    height: 20px;
    background-color: #fff;
    left: 35px;
}

.autoOff {
    background-color: #eee;
    left: 68px;
}