* {
    box-sizing: border-box;
}

html, body {
    background: #f7f3ec;
    font-family: Verdana;
    font-size: 11px;
    margin: 0;
    padding: 0;
    color: #3e3e3e;
    margin-bottom: 20px;
}

.page-layout {
    margin: 0 auto;
    width: 960px;
    border: 1px solid #e6d3b6;
    border-top: 0px;
    background: #fff;
}

.content-container {
    padding: 20px 55px;
    position: relative;
}

.preloader {
    position: absolute;
    width: 99.8%;
    height: 100%;
    text-align: center;
    margin-left: -55px;
    background: rgba(255,255,255,0.7);
}

.preloader i {
    font-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
}

.logo-text {
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    display: inline-block;
}

.logo-text a {
    color: inherit;
    text-decoration: none;
}

.container {
    width: initial;
}

.city-container {
    font-size: 11px;
    font-weight: bold;
}

.city-container select {
    font-family: inherit;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 170px;
    height: initial;
}

.row,
[class*="span"] {
    margin-left: 0;
}

.banner-section {
    background: #fbebd2;
    position: relative;
}

.banner-section > img {
    position: absolute;
    right: 0;
    top: 0;
    height: 325px;
}

.banner-section .slider-section {
    position: relative;
    z-index: 1;
    width: 500px;
    line-height: 15px;
}

.slider-section .templates-states {
    margin: 0 0 10px;
}

.slider-section .templates-states ul {
    margin: 0;
}

.slider-section .templates-states li {
    float: left;
    list-style: disk;
    margin-left: 20px;
}

.slider-section .templates-states li:first-child {
    list-style: none;
    margin-left: 0;
}

.slider-section a {
    color: #6d614e;
    text-decoration: underline;
}

.slider-section a:hover {
    color: #e36b23;
}

.slider-section .templates-states a,
.what-center a {
    margin-left: -4px;
    text-decoration: none;
    border-bottom: 1px dashed #6d614e;
}

.slider-section .templates-states a.active,
.slider-section .templates-states a:hover,
.what-center a:hover {
    color: #e36b23;
    border-bottom-color: #e36b23;
}

.slider-section .templates-states li:first-child a {
    margin-left: 0;
}

.slider-block {
    color: #6d614e;
    margin-bottom: 10px;
}

.slider-block .slide-name {
    font-weight: 700;
    display: inline-block;
}

.slider-block .slide-name.slide-name-min {
    float: left;
    width: 125px;
}

.slider-block .slide-name.slide-name-max {
    float: right;
    width: 105px;
}

.slider-block input {
    width: 260px;
    padding: 0;
    margin: 0;
}

.slider-track {
    background: #6d614e;
}

.slider-selection {
    background: #f18300;
}

.slider-handle.round {
    background: #fff;
    opacity: 1;
}

.what-center {
    text-align: center;
    padding-top: 10px;
}

.button {
    background: #03e0e9;
    border: 2px solid #04cad2;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 1px #696969;
    border-radius: 3px;
}

.button:hover {
    background: #04cad2;
}

.rec-channels-header {
    line-height: 44px;
    text-align: center;
}

.rec-channels-header .rec-channels {
    font-size: 17px;
    font-weight: bold;
}

.rec-channels-header .rec-channels-specific {
    font-size: 15px;
    font-weight: bold;
    width: 480px;
    display: inline-block;
    line-height: 23px;
    text-align: center;
}

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

.help-text {
    color: #8e8e8e;
    margin-top: 10px;
}

.channel-container {
    vertical-align: middle;
}

.channel-container * {
    vertical-align: middle;
}

.channel-container .channel-img-box,
.channel-container .channel-img-box img {
    display: inline-block;
    height: 60px;
}

.channel-container .channel-img-box {
    overflow: hidden;
}

.channel-container .channel-name {
    margin-left: 10px;
    color: #4d2912;
    cursor: pointer;
    display: inline-block;
    width: 180px;
}

.channel-container .channel-name span {
    font-size: 16px;
    border-bottom: 1px dashed #4d2912;    
}

.channel-container .channel-name:hover span {
    color: #e36b23;
    border-bottom-color: #e36b23;
}

.channels [class*="span"] {
    margin-left: 0;
    height: 102px;
}

.tomsk_stshome .channel-name {
    width: 100px;
}

.pyatnica_omsk .channel-name {
    width: 100px;
}

.ststomsk .channel-name {
    width: 100px;
}

.sochi_stshome .channel-img-box, .sochi_stshome .channel-img-box img,
.sochi_tntdtv .channel-img-box, .sochi_tntdtv .channel-img-box img {
    width: 60px;
    height: initial;
}

.home_tagil {
    text-align: center;
}

.home_tagil .channel-name {
    margin-left: 0;
    font-size: 14px;
}

.tnt_tagil {
    text-align: center;
}

.stshome_tagil {
    text-align: center;
}

.stshome_tagil .channel-name span {
    font-size: 15px;
}

.novosib_tv3 .channel-name {
    width: 150px;
}

.popover-title {
    display: none;
}

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

.popover {
    width: 300px;
}

.slider-handle {
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.4);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.4);
}

.stsb_ulanude img {
    background: #ddd;
}

.amtv_ulanude .channel-name {
    width: 120px!important;
}

.ulanude_tivikom .channel-name {
    width: 100px!important;
}