/* CSS Document */
/*
box-shadow: 1px 1px 60px -6px rgba(0, 43, 117, 0.25);
box-shadow: 1px 1px 60px -6px rgba(0, 43, 117, 0.08);
#d9222a  bad 
#e03f3f  error
#002b75  dack blue
#025fbb  Corporative
#679FD6  light-blue
#B3CFEB  border nav-main
#EDF4FA  backgr
#889cbf  строка поиска

200 Extra Light
300 Light
500 Medium
600 Semi Bold
700 Bold
800 Extra Bold
выравнивание внутреннего по вертикали 
.page_blackout .panel > .panel-heading {
  display: flex;
  justify-content: normal;
  align-items: center;
}
*/

/* manrope-200 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-200.eot'); /* IE9 Compat Modes */
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-200.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-300 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-300.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-regular.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-500.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-600.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-700.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-800 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-800.eot'); /* IE9 Compat Modes */
  src: url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/manrope-v15-cyrillic_cyrillic-ext_latin_latin-ext-800.svg#Manrope') format('svg'); /* Legacy iOS */
}



html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  font-family: Manrope, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.15em;
  color: #002b75;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

h1, .h1 {
  font-size: 56px;
  font-weight: 600;
  line-height: 0.93;
  letter-spacing: -0.02em;
  margin: 46px auto 46px;
  text-align: center;
}
 h2.h1 {
  margin-top: 26px;
}

h2 {
  font-size: 40px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-align: left;
}
h3 {
  margin-bottom: 25px;
  font-size: 32px;
  color: #002b75;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.03em;  
}
.white {
  color: #fff;
}
h1 small, 
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,                                                                                                                                                                            
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-size: 80%;
  color: #002b75;
}
sup {
  font-size: 60%;
  top: -.85em;
}
h1 sup {
  top: -.55em;
}
h2 sup {
  font-size: 40%;
  top: -1.5em;
}
b, strong {
  font-weight: 800;
}

.accent {
  font-weight: 800;
}
a {
  color: #002B75;
  text-decoration: none;
}

a:hover,
a:focus {
  filter: alpha(opacity=100);
  opacity: 1;
  text-decoration: none;
}

a.disabled,
a.disabled:hover,
a.disabled:focus {
  color: #232323;
  filter: alpha(opacity=20) !important;
  opacity: .2 !important;
  cursor: default;  
}

.bg-blue,
.bg-blue a {
  color: #fff;
}
.bg-blue a:hover,
.bg-blue a:focus {
  color: #fff;
}
.bg-blue a.disabled,
.bg-blue a.disabled:hover,
.bg-blue a.disabled:focus {
  color: #fff;
}
.bg-blue .accent {
  color: #ffff00;
}

a.gray {
  color: #232323 !important;
}
a.white {
  color: #fff ;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.form-control {
  font-weight: 700;
  font-size: 17px;
}
ul, ol {
  padding-left: 25px;
}

label {
  font-weight: normal;
  margin-bottom: 15px;
}
.control-label {
  font-weight: 500;
}
input[type=password],
input[type="text"] {
  height: 2.5em;
  border-radius: 6px;
  color: #002b75; 
  border: 1px solid #679fd6;    
}
textarea,
input[type="text"]::placeholder {
  color: #D9E7F5;
}
textarea,
textarea.form-control {
  color: #002b75; 
  border: 1px solid #679fd6;   
  border-radius: 6px;   
}
input[type=password]:focus,
input[type="text"]:focus,
textarea:focus,
textarea.form-control:focus {
  border-color: #002b75;   
}


input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 6px;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid #679fd6;
  background-color: #transparent;
  border-radius: 50%;
  margin-top: 3px;  
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: #002b75;
  padding: 3px;
}

input[type="checkbox"] {
  appearance: none;
  border: 1px solid #679fd6;
  border-radius: 2px;
  height: 1.2rem;
  width: 1.2rem;
  vertical-align: bottom;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

input[type="checkbox"]:checked::after {
  content: "";
  background-color: #002b75;
  height: 0.55rem;
  width: 0.55rem;
  margin-top: 0px;
  margin-right: 1px;
}




.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
  color: #e03f3f; 
  border: 1px solid #e03f3f;
}

select { 
  background: #fff;
  padding: 5px;
}

.display-flex-center {
  display:flex;
  align-items:center;
}
/* chan describtion */
#bubble {
  position: absolute;
  z-index: 1100;
  padding: 15px 30px;
  background: #fff;
  box-shadow: 1px 1px 60px -6px rgba(0, 43, 117, 0.25);
  width: 70%;
  top: 100px;
  border-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

#bubble_cont {
  text-align:justify;
}

#bubble_cont h4 {
  color: #002B75;
  font-size: 120%;
  font-weight: normal;
  margin-bottom: 8px;
  text-align: left;
  font-weight: bold;
}
#bubble_cont i {
  width: 100px;
  height: 100px;
  background-color: #fff;
  overflow: hidden;
  padding-left: 3px;
  margin: 0 40px 20px 20px;
  box-shadow: none;
  padding-top: 11px;
  float: left;
  text-align: center;
}
#bubble_cont .ch_logo {
  
  
    }

.bubble_off {
  margin: -14px -14px 0 0;
  cursor: pointer;
  float: right;
}
#bubble_off {
  margin: -14px -14px 0 0;
  cursor: pointer;
  float: right;
}


button.close {
/*
  position: relative;
  color: #212121;
  font-size: 42px;
  padding: 1px 5px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  margin-top: -5px;
  margin-right: -5px;
  font-weight: normal;
  font-family: Manrope, "Helvetica Neue", Helvetica, Arial, sans-serif;
    */                    
}

button.close {
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  opacity: 1;
  filter: alpha(opacity=100);
}
button.close::before, button.close::after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 18px;
  width: 2px;
  background-color: #fff;
  top: 8px;
}
#mainModal button.close:before, #mainModal button.close:after {
  background-color: #555;
}
button.close:before {
  transform: rotate(45deg);
}
button.close:after {
  transform: rotate(-45deg);
}



/*
button.close:after{
  display: inline-block;
  content: "\00d7";  This will render the 'X' 
  font-weight: normal;
}  */
/*
button.close::before {
  content: "";
  position: absolute;
  left: -1px;
  width: 24px;
  height: 24px;
  padding-top: 1px;
  border: 2px solid #212121;
  border-radius: 3px;
  opacity: .5;
  filter: alpha(opacity=50);
}
*/
button.close:hover,
button.close:focus {
  color: rgba(255,255,255,0);
  opacity: .8;
  filter: alpha(opacity=80);
}

.channels button.close::before, .channels button.close::after {
  background-color: #002B75;
}
.modal-chaninfo .modal-content {
  background-color: #fff;
}
.modal-chaninfo h3 {
  background-color: #002B75;
  color: #fff;
  font-size: 18px;
  padding: 2px 0 6px 5px;
  margin: 0px 0 10px;
}
.modal-chaninfo h4 {
  text-align: center;
  font-size: 22px;
  color: #002B75;
  text-transform: uppercase;
}
.tv-packet-menu {
  text-align: center;
  margin-bottom: 25px;
  font-size: 20px;
}
.modal-chaninfo ul {
  padding-left: 0;
  margin-bottom: 0px;
}
.modal-chaninfo li,
.section-chan_vote li {
  list-style: none;
}
.chaninfo {
  position: relative;
}



.modal-content .chan_small,
.section-chan_vote .chan_small {
  margin-right: 10px;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 8px;
}


/* modal-Connect */
.modal-connect .modal-header {
  border: none;
}
.modal-connect .modal-content {
  background: #5579b6;
  border: none;
  color: #fff;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(1,73,157,1) 0%, rgba(67,136,204,1) 100%);
}
.modal-connect .modal-header h3 {
  text-align: center;
  font-size: 32pt;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 1.3em;
  color: #fff;
  letter-spacing: -0.03em;
  margin-top: 40px;
}


.modal-connect .help {
  color: #FFFFFF;
  font-size: 8pt;
  line-height: 100%;
  text-align: center;
  margin-bottom: 2px
}
.modal-connect input {
  width: 100%;
  padding: 0px 20px;
  height: 50px;
}
.company .modal-connect input {
  width: 100%;
}
.modal-connect input[type="text"], .modal-connect textarea {
  color: #002b75;
  padding: 0 0 0 8px;
  font-size: 18px;
  margin-top: 7px;
  margin-bottom: 8px;
  font-weight: 600;
}
.modal input::placeholder {
  color: #679FD6;
}
.modal-connect .btn-large {
  width: 100%;
  font-size: 19px;
  height: 50px;
  border-radius: 10px;
}
.modal-connect .btn {
  margin-top: 30px;
}
.modal-connect .control-group {
  margin-bottom: 20px;
}
.modal-connect button.close,
.modal-connect button.close::before  {
  color: #5579b6;
}
.modal-connect button.close::before {
  border: 1px solid #fff;
}
.modal-connect .btn-warning  {
  border: none;
}
.modal .inputCodeGroup {
  margin-left: 0px;
  margin-right: 15px;
}
.modal .cimage,
.modal a.refresh {
  margin-top: 5px;
}
.modal a.refresh .rel {
  margin-left: 20px;
}

.cimage {
  position: relative;
  z-index: 0;
  border-radius: 6px;
}
.cimage-block {
  display: inline-block;
}
cimage-block  {
  position: relative;
  }
  
.cimage-block::before {
  position: absolute;
  content: '';
  position: absolute;
  left: 5px;
  bottom: -15px;
  width: 80px;
  height: 80px;
  background-color: #EDF4FA;
  border-radius: 50%;
}  
  
#result {
  margin: 20px 91px 40px;
  color: #FFFFFF;
}
.modal-body {
  padding: 35px 45px 10px;
}
.modal-connect .modal-body {
  text-align: left;
}
.modal-header {
  border: none;
}
.modal-footer {
  padding: 5px 15px 15px;
  text-align: center;
  border: none;
}
.modal-footer button {
  text-transform: uppercase;
}
.smile_ok {
  margin-top: -36px;
  margin-bottom: 20px;
}

.section-chan_vote {
  border-top: 1px solid #4885bf;
  background: #ecedee;
}
.section-chan_vote .chan_small {
  margin-left: 12px;
}
.alert-danger {
  color: #ff1700;
  background-color: rgba(255,242,242,0.55);
  border-color: #ebccd1;
  padding: 10px;
}
.text-danger {
  color: #e03f3f;
}
.has-error .form-control,
.has-error input[type="text"].form-control {
  color: #e03f3f;
}
.has-error .form-control {
  border-color: #e03f3f;
}

/* цвета все хорошо  good */
.alert-success {
  background-color: #025FBB;
  color: #fff;
  border-radius: 6px;
}
.br-on-mobile {
  display: none;
}
.vote-block {
  padding: 10px 17px;
}
.vote-block h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: -30px;
}
.vote-block .buttonsArea{
  text-align: center;
}
.vote-block .variants{
  padding-left: 5px;
}

.e_link {
  margin-top: 20px;
}
.e_link a {
  color: #00aabb;
  font-size: 14pt;
}
.e_link a:hover,  .e_link a:focus{
  color: #00ddff;
}

.modal-connect .message {
  font-size: 15pt;
  text-align: left;
  border-radius: 10px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.modal-connect .message {
  width: 100%;
  margin: 0 auto 10px;
  font-size: 18px;
  text-align: center;
  line-height: 1.4em;
  border-radius: 10px;
}
.modal-connect .message-ok {
  font-size: 17pt;
  color: #fff;
}
.modal-connect .message-ok a {
  color: #00ccff;
}
.modal-connect .message-ok a:hover, .message-ok a:focus {
  color: #00eeff;
}
.modal-connect .help {
  margin-bottom: -3px;
}
.new_reg .message-ok {
  color: #fff;
  font-size: 17pt; 
}


.show-connect,
.show-callback,
.show-feedback,
.show-master {
  display: none;
}

.m-connect .show-connect,
.m-callback .show-callback,
.m-feedback .show-feedback,
.m-master .show-master {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.m-feedback textarea {
  width: 95%;
  padding: 10px 0 0 8px;
  font-size: 20px;
  border-radius: 10px;
}
.modal-connect .btn {
  margin-left: 0;
  margin-top: 45px;
}


/* navbar */
.navbar-all {
  position: relative;
  z-index: 3;
}
.navbar-default {
  background-color: transparent;
  border: none;
}

.nav > li > a,
.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.nav-down{
  position: fixed;
  top: -40px;
  left: 0;
  right: 0;
  opacity: 1;
  transition: 2s;
  z-index: 10000;
}
.nav-up {
  position: fixed;
  top: -140px;
  left: 0;
  right: 0;
  transition: 2s;
  z-index: 10000;
}
.nav-all-down{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;  
  opacity: 1;
  transition: 2s;
  z-index: 10000;
  
}
.nav-all-up {
  position: fixed;
  top: 0px; 
  left: 0;
  right: 0;   
  transition: 2s ;
  z-index: 10000;
}

/*    navbar Top
  =================== */
.navbar-top {
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  position: relative;
}
.navbar-top .navbar-nav > li > a {
  color: #fff;
  font-size: 18px;
  padding-bottom: 8px;
  padding-top: 10px;  
}
.navbar-top .nav > li.social > a {
  padding-left: 21px;
  padding-right: 0;
}
.navbar-top .nav > li.social > a {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -5px;
}
.navbar-top .nav > li.geoloc > a,
.navbar-top  .nav > li.lang-toggle > a,
.navbar-top .nav > li.i-user > a,
.navbar-top .nav > li.i-phone > a {
  padding-left: 8px;
  padding-right: 9px;
}

.navbar-top .nav > li.geoloc,
.navbar-top  .nav > li.lang-toggle,
.navbar-top .nav > li.i-phone {
  margin-right: 18px;
}

.navbar-top .nav > li.i-user {
  margin-right: 27px;
}
.navbar-top .navbar-1 {
}
.navbar-1-left {
  position: absolute;
  left: 40px;
}
.nav .i-phone.open > a, 
.nav .i-phone.open > a:hover, 
.nav .i-phone.open > a:focus,
.nav .i-user.open > a, 
.nav .i-user.open > a:hover, 
.nav .i-user.open > a:focus {
  background-color: transparent; 
}

.navbar-1 .dropdown-menu {
  border: none;  /*!!!!*/
  -webkit-box-shadow: none;
  box-shadow: none;
 
}
.nav.nav-main {
  border: 1px solid #B3CFEB;  /*#4380c2;*/
  border-radius: 34px;
  padding: 12px 25px 16px;
}
.nav > li.lang-toggle {
  color: #fff;
  margin-right: 20px;
}
.nav > li.lang-toggle > a {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
}

.form-control:focus {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.geoloc-mobile {
  float: right;
  margin-top: 5px;
  display: none;   
} 
.geoloc-mobile .btn-default,
.geoloc-mobile .btn-default:active:hover,
.geoloc-mobile .btn-default.active:hover,
.geoloc-mobile.open > .dropdown-toggle.btn-default:hover,
.geoloc-mobile .btn-default:active:focus,
.geoloc-mobile .btn-default.active:focus,
.geoloc-mobile.open > .dropdown-toggle.btn-default:focus,
.geoloc-mobile .btn-default:active.focus,
.geoloc-mobile .btn-default.active.focus,
.geoloc-mobile.open > .dropdown-toggle.btn-default.focus {
  background-color: transparent;
  border-color: transparent;
  padding-left: 20px;
  font-size: 16px;
  color: #fff;
}
.geoloc-mobile .ico-geoloc {
  margin-left: -22px;
}
.geo-quest {
  background: #FFF;
  width: 320px;
  border: #3370ae 1px solid;
  position: absolute;
  z-index: 1000;
  top: 41px;
  padding: 12px;
  border-radius: 10px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.4);
  right: -46px;
  left: auto;
  opacity: 0;
  font-size: 17px;
  text-align: center;

  animation:show 0.5s 1;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.geo-quest a {
  text-decoration: none; 
  border-bottom: 1px solid #232323;
}
.nav-main .ico-caret-white-right {
  display: none;
}  

.vn .geo-quest {
  width: 250px;
  position: fixed;
  top: 90px;
  right: 35%;
}
@keyframes show {
  from {opacity: 0;}
  to {opacity: 1;}
}
.geo-cover {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 180px;
  background: rgba(0,0,0,0.6);
  z-index: 2;
  opacity: 0;

  animation:show 0.5s 1;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.vn .geoloc-mobile .geo-cover {
  height: 112px;
}
.geoloc-mobile .geo-quest {
  position: fixed;
  right: 50%;
  top: 41px;
  margin-right: -45%;
  width: 90%;
}
.vn .x {
  position: relative;
  width: 35px;
  height: 35px;
  float: right;
  opacity: .8;
}
.vn .x::before, .vn .x::after {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 25px;
  height: 3px;
  content: "";
  background-color: #eef5df;
}
.vn .x::before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
.vn .x::after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
.vn .x:hover { cursor: pointer; opacity: 1; }
.vn .x:hover::before, .vn .x:hover::after { display: block; }

/*.text-all-mobile  { display: block;}*/
.text-part-mobile { display: none;}


.dropdown-menu {
  margin-top: -5px;
  background-color: transparent;
}
.navbar-nav > li.geoloc > .dropdown-menu,
.geoloc-mobile > .dropdown-menu {
  
}
.navbar-top .navbar-2 > li.geoloc > a,
.dropdown-menu > li > a{
  color: #fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: #679fd6;
  background-color: transparent;
}
.navbar-nav > li > .dropdown-menu {
  padding-bottom: 0;
  margin-top: -4px;
}
.navbar-nav > li > .dropdown-menu.phones {
  white-space: nowrap;
}
.navbar-nav > li > .dropdown-menu.user-login {
  margin-top: -8px;
}

.dropdown-menu.user-login > li {
  padding: 3px 16px 3px 20px;
}
.dropdown-menu.user-login .ico-user {
  margin-right: 15px;
}
.dropdown-menu.phones > li > a:hover,
.dropdown-menu.phones > li > a:focus {
  background-color: transparent;
}

.dropdown-menu.user-login {
  text-align: center;
  min-width: 222px;
}
.dropdown-menu.user-login input[type=text],
.dropdown-menu.user-login input[type=password] {
  color: #679FD6;
  border: 1px solid #679FD6;
  border-radius: 6px;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 2px 18px;
  background: transparent;
}
.dropdown-menu.user-login input:focus{
  color: #fff;
  border-color: #fff;
}
.dropdown-menu.user-login input::placeholder {
  color: #679FD6;
}
.dropdown-menu.user-login button {
  padding: 0px 20px 2px;
  background-color: #fff;
  border-radius: 6px;
  font-size: 16px;
  width: 100%;
    padding: 6px;
  color: #002B75;
}
/*
.user-login .btn-primary:focus, .user-login .btn-primary.focus, .user-login .btn-primary:hover, .user-login .btn-primary.hover {
  opacity: 0.80;
  filter: alpha(opacity=80);
}*/
.dropdown-menu {
  font-size: 16px;
  color: #fff;
  min-width: 100px;
  text-align:center;
}
.dropdown-menu.lang-toggle {
  min-width: 70px;  
}
.dropdown-menu a {
  font-size: 16px;
  color: #002b75;
}
.dropdown-menu.user-login .header {
  padding-top: 15px;
    text-align:left;
}
.dropdown-menu.user-login .stat-form {
  margin-top: 20px;
  margin-bottom: 29px;
}
.dropdown-menu > li {
  background-color: #025fbb;
  border: 1px solid  #679FD6;
  padding: 9px 20px;
}
.dropdown-menu > li {
  background-color: #025fbb;   
  border: 1px solid  #679FD6;
  padding: 9px 20px;
}

.dropdown-menu > li:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.dropdown-menu > li:last-of-type {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.dropdown-menu > li > a {
  padding: 1px 10px;
  line-height: 18px;
  text-decoration: none;
  color: #fff;
}
.open > .dropdown-menu {
  border: none;
  box-shadow: none;
}

.divider {
  height: 2px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #fff;
}
.dropdown-menu .divider {
  margin: 6px 0;
  background-color: #fff;
  height: 2px;
}

.navbar-top a {
  text-decoration: none;
}  

.navbar-top .navbar-1 a.white-border {
  border: 1px solid transparent;
  padding: 3px 20px 4px;
  background-color: transparent;
  border-radius: 20px;
  margin-top: 5px;
}

.navbar-top .navbar-1 a.white-border:hover {
  border-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}

/***  navbar-bg-white  ***/
.navbar-bg-white .navbar-top .navbar-1 a {
  color: #002B75;
  font-weight: 400;
}
.navbar-bg-white .navbar-top .navbar-1 .dropdown-menu a {
  color: #fff;
}
.navbar-bg-white .navbar-top .navbar-1  a.white-border:hover{
  border-color: #002B75;
  color: #002B75;
}
.navbar-bg-white .navbar-top .ico-gift {
  background-position: -100px 0px;
}

.navbar-bg-white .navbar-top .ico-pay {
  background-position: -100px -50px;
}
.navbar-bg-white .navbar-top .ico-user{
  background-position: -100px -250px;
}
.navbar-bg-white .navbar-top .user-login .ico-user{
  background-position: -50px -250px;
}
.navbar-bg-white .navbar-top .dark .ico-pay {
  background-position: -50px -50px;
}
.navbar-bg-white .navbar-top .dark .ico-gift{
  background-position: -50px 0px;
}

.navbar-bg-white .navbar-top .ico-caret-white-down {
  background-position: -250px -200px;
}
.navbar-default .navbar-bg-white .navbar-nav > li > a:hover,
.navbar-default .navbar-bg-white .navbar-nav > li > a:focus,
.navbar-default .navbar-bg-white .navbar-nav > .open > a,
.navbar-default .navbar-bg-white .navbar-nav > .open > a:hover,
.navbar-default .navbar-bg-white .navbar-nav > .open > a:focus {
  color: #002B75;
}
/*End  navbar-bg-white  ***/

.navbar-top .ico-pay,
.navbar-top .ico-gift {
  margin-right: 10px;
  margin-bottom: -3px;
}
.navbar-top .ico-ok-white,
.navbar-top .ico-ok-blue {
  margin-right: 10px;
}

.navbar-top .ico-caret-white-down {
  margin-left: 12px;
}
.navbar-top li > a:hover > .ico-caret-white-down {
  margin-top: 2px;
  margin-bottom: -2px;
}

.navbar-top .navbar-3 {
  position: absolute;
  top: 0;
  left: 47%;
  right: auto;
  -webkit-transform: translate(-50%,0);
      -ms-transform: translate(-50%,0);
       -o-transform: translate(-50%,0);
          transform: translate(-50%,0);

}
.navbar-top .nav.navbar-3 > li > a {
  color: #ebf7fb;
  font-size: 10px;
  height: 111px;
  width: 100px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.navbar-top .navbar-3 > li > a:hover,
.navbar-top .navbar-3 > li > a:focus,
.navbar-top .navbar-3 > li > a.focus {
  color: #fff;
  background-color: #2f8acd;
}

/*    navbar Main
  =================== */
.navbar-bg {
  background-color: transparent;
}
.navbar-main {
  border: none;
}
.navbar {
  min-height: 5px;
}

.navbar-main-normal {
  text-transform: none;
}
.navbar-nav.nav-main {
  background-color: rgba(2, 95,187,1);
}

.i-user .telegram-bot {
  text-align: left;
}
.i-user .telegram-bot a, .navbar-main-big .telegram-bot a {
  color: #fff;
  display: inline-block;
  padding: 5px 0px;
  margin-right: 33px;
  margin-top: 5px;
  margin-bottom: 7px;
}
.i-user .telegram-bot a:hover,
.navbar-main-big .telegram-bot a:hover {
  background-color: transparent;
  color: #ecedee;
} 
.i-user .telegram-bot img,
.navbar-main-big .telegram-bot img {
  display: inline-block;
  padding: 5px 10px;
}
.i-user .telegram-bot .ico-telegram-bot, .navbar-main-big .telegram-bot .ico-telegram-bot {
  margin-bottom: -7px;
  margin-right: 10px;
}

.navbar-brand {
  padding: 55px 0 15px 15px;
}
.navbar-brand-small {
  display: none;
}
.navbar-main .nav > li > a {
  padding: 12px 10px 8px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: auto 10px;
  text-decoration: none;
}

.navbar-main.navbar-default .nav > li > a:hover,
.navbar-main.navbar-default .nav > li > a:focus,
.navbar-main.navbar-default .nav > li > a.open,
.navbar-main.navbar-default .navbar-nav > .open > a,
.navbar-main.navbar-default .navbar-nav > .open > a:hover,
.navbar-main.navbar-default .navbar-nav > .open > a:focus {
  font-size: 16px;
  padding: 6px 17px;
  margin: 5px 2px auto;
  color: #fff;
  /*background: #3370ae;*/
  border: 1px solid #fff;  /*#4380c2;*/
  border-radius: 17px;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-text-size-adjust: none;
  text-size-adjust: none;  
}
.navbar-main.navbar-default .nav > li.menu-xs > a.open,
.navbar-main.navbar-default .navbar-nav > .open > a,
.navbar-main.navbar-default .navbar-nav > .open > a:hover,
.navbar-main.navbar-default .navbar-nav > .open > a:focus {
  padding-top: 6px;
  margin-top: 0px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-main .dropdown-menu {
  background: #transparent; /*#ecedee;*/
  font-size: 17px;
}
.navbar-main .img_nav {
  margin-bottom: 15px;
}
.navbar-main .navbar-brand {
  padding: 2px 0px;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent
}

.dropdown-menu-large {
  margin-right: 16px;
  padding: 20px 10px 20px 10px;
}

/* navbar fixed-top
  ====================*/
.navbar-main.active.navbar-fixed-top .navbar-bg {
  background-image: -webkit-linear-gradient(to top, #0294e7 0%, #01a6ea 50%, #01b4ee 100%);
  background-image:      -o-linear-gradient(to top, #0294e7 0%, #01a6ea 50%, #01b4ee 100%);
  background-image:         linear-gradient(to top, #0294e7 0%, #01a6ea 50%, #01b4ee 100%);
}
.navbar-main.active.navbar-fixed-top::before {
  bottom: -20px;
}
.navbar-main.active.navbar-fixed-top .navbar-brand-small {
  display: block;
}
.navbar-main.active.navbar-fixed-top .nav > li > a {
  color: #fefefe;
}
.navbar-main.active.navbar-fixed-top .nav > li > a:hover,
.navbar-main.active.navbar-fixed-top .nav > li > a:focus {
  color: #096fb7;
  background-color: #e7e7e7;
}

.dropdown-menu li:hover,
.dropdown-menu li:hover a,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
  text-decoration: none;
  border-color: #fff;
  color: #fff;
  background-color: #025fbb;
}

.dropdown-menu li.select {
   font-weight: 700;
}
.dropdown-menu li.select:hover {
  text-decoration: none;
  background-color: #025fbb;
  color: #fff; 
}
/* dropdown-menu open on hover !!! */
.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
.stat-form .form-group {
  margin-bottom: 2px;
  padding-right: 4px;
}

.menu-xs i.ico-caret-white {
  background-position: -250px -100px;
  width: 10px;
  height: 16px;
  margin-left: 20px;
  margin-bottom: -4px;
}
.menu-xs.open i.ico-caret-white {
  background-position: -250px 0;
  width: 12px;
  height: 8px;
  margin-bottom: 0px;
}

.menu-xs.search{
  padding-right: 10px;
  padding-top: 5px;
  margin: 27px 0 17px;
}
.menu-xs.search input {
  background-color: #fff;
  color: #777;
  margin-left: 19px;
  font-size: 16px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 97%;
}
.menu-xs.search button {
  position: relative;
  z-index: 10 !important;
  width: 60px;
  border: none;
  background: transparent;
  padding-left: 26px;
}
.menu-xs .phone-xs {
  padding: 4px 0 2px 20px;
  font-size: 20px;
  display: block;
}
.menu-xs .social {
  margin: 13px 0 0;
  padding-bottom: 3px;
}
.menu-xs .social a {
  width: 28px;
  height: 28px;
  padding: 6px;
}
.menu-xs .social i {
  background-color: #002b75;
  border-radius: 6px;
}
.menu-xs .ico-pay {
  margin-right: 11px;
}
.menu-xs .ico-user {
  margin-left: 3px;
  margin-right: 12px;
}
.dropdown-menu.user-login > li {
  background-color: #025FBB;
}
.menu-xs .dropdown-menu.user-login > li {
  background-color: #002b75;
}
.menu-xs .ico-telegram-bot {
  margin-left: -2px;
  margin-right: 11px;
  margin-top: 3px;
  margin-bottom: -6px;
}.menu-xs .ico-gift {
  margin-left: 2px;
  margin-right: 11px;
}
.menu-xs.t-bot {
  margin-bottom: 40px;
}
.menu-xs.lang  {
  text-align: center;
}
.navbar-main .nav > li.menu-xs.lang a{
  color: #679FD6;
}
.menu-xs.lang .select{
  color: #fff;
}
.dark {
  background-color: #002B75;
}
.menu-xs.pay-online {
  margin-top: 50px;
}
.menu-xs .btn-close {
  padding: 13px 8px 0px 20px;
  display: inline-block;
  float: none;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 0;
}
.menu-xs.close-block {
  text-align: right;
}

.search_page {
  margin-bottom: 15px;
}
.search_page input {
  font-size: 18px;
}
.search-res .input-group .form-control:first-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-bottom: 20px;
}

.search_but {
  background-color: transparent;
}
.footer-brand {
  display: inline-block;
  float: left;
}

/*    Carousel
  =================== */
.carousel {
  position: relative;
}    
#mainShow .bg-blue {
  position: absolute;
  bottom: 0;
  z-index: -1;
  height: 283px;
  width: 100%;
}

.slick-dotted.slick-slider{
    margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 102px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  margin: 0 15px;
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #002b75;
  border-radius: 6px;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  background: transparent;
  color: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li.slick-active {
  background-color: #002b75;
}
.carousel-indicator-block {
  position: absolute;
  bottom: 10px;
  z-index: 15;
  left: 55%;
}

.carousel-caption {
  color: #fff;
  text-align: left;
  text-shadow: none;
  padding-left: 20px;
  left: 10px;
  bottom: 0px;
  height: 507px;
}      
.carousel-caption a {
  text-decoration: none;
}
.carousel-caption h2 {
  font-family: Manrope, Helvetica, Arial, sans-serif;
  text-align: left;
  font-size: 58px;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 0.98em;
}

.carousel-caption p {
  margin-top: 43px;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.028em;
  line-height: 1em;
}

.carousel-caption .action-group {
  position: absolute;
  bottom: 135px;
}
.carousel-caption .btn {
  background-color: #002b75;
    border-color: #002b75;
  border-radius: 10px;
  color: #fff;
  padding: 12px 40px;
  font-size: 22px;
  font-weight: 400;
}

.carousel-inner > .item  img {
  margin-left: auto;
}
.carousel-arrow {
  position: absolute;
  top: 50%;
}

.carousel-indicator-block{
  position: absolute;
  bottom: 10px;
  /*_width: 100%;*/
  z-index: 15;
  left: 55%;
}

.carousel-indicators {
  position: relative;
  width: auto;
  bottom: 0;
  padding: 0;
  margin: 0px 15px;
  left: 0;
}
.carousel-indicators li {
  width: 23px;
  height: 23px;
  border: 1px solid #216ab1;
  border-radius: 10px;
  border-radius: 14px;
  
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  background-color: rgba(255,255,255,0.9);
}
.carousel-indicators .active {
  width: 23px;
  height: 23px;
  background-color: #69b9f8;
  opacity: 1;
  margin: 1px;
}
     


/*  section 1-st Page
  =================== */
.page_1 {
  position: relative;
}  
  
#particles-js {
  position: fixed;
  top: 125px;
  width: 100%;
  height: 1000px;
  z-index: -2;
}  
  
.section{
  padding: 20px 0;
}
.page_1 .bg-section-services {
 margin-top: 455px;
}
#actions-title {
  padding-top: 0;
}
.section-1st-pg{
/*  padding: 20px 0 40px;*/
}
.section-action {
  clear: both;
  position: relative;
}
.bg-white {
  background: #fff;
}
.bg-blue-0 {
  background: #226ab2;
  color: #fff; 
}
.bg-blue-0 a {
  color: #fff; 
}

.bg-blue {
  background-color: #025fbb;
  color: #fff; 
}
.bg-light-blue {
  background-color: #EDF4FA;
  color: #002b75; 
}
.bg-dark-blue {
  background-color: #002b75;
  color: #fff; 
}

.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-dark-blue h2,
.bg-dark-blue h3,
.bg-dark-blue h4,
.bg-dark-blue a
{
  color: #fff;
}

.bg-light-blue h2,
.bg-light-blue h3,
.bg-light-blue h4,
.bg-dark-blue a {
  color: #002b75;
}
 

.text-extra-big {
  line-height: 0.8;
  font-weight: 700;
  font-size: 50px;
  color: #226ab2;
  text-align: right;
  padding-top: 3px;
  letter-spacing: -0.03em;
}
.text-extra-big sup {
  font-size: 26%;
  font-weight: 500;
  position: absolute;
  top: -4px;
  right: 24px;
}
.text-extra-big .text-down {
  padding-top: 11px; 
}

.text-extra-big .text-down sup{
  top: 7px;
}

.bg-white a,
.pay .bank a,
.pay .bank_last a {
  color: #002b75;
}
.pay a {
  text-decoration: none;  
}

.pay .pay-hrn {
  padding-left: 15px;
}
.pay .pay-sum {
  margin-top: 0px;
  margin-bottom: 35px;
}
.section-action .bg-blue {
  position: absolute;
  z-index: -1;
  height: 360px;
  width: 100%;
}

.page_tv_program .section-tv-prog-nav {
  margin-top: 20px;
}

.page_tv_program .section-add-top {
  margin-top: 50px;
  margin-bottom: 45px;
}
.section-add .equal-height-item0 .bg-img {
  height: 214px;
  position: relative;
}
.section-add .equal-height-item0 .btn-block {
  display: block;
  width: 100%;
  position: absolute;
  top: 112px;
}

.section-add .bg-img {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 15px 30px 30px 30px;
}
.section-add .bg-img .img-bg {
  position: absolute;
  top: 0px;
  right: 0;
  height: 100%;
}
.bg-img.bg-light {
  background-color: #daedff;
}
.bg-img.bg-dark {
  background-color: #025fbc;
}
.section-add h4 {
  font-size: 26px;
  margin-bottom: 25px;
  padding-right: 50%;
  letter-spacing: -0.04em;
}
.section-add .bg-light,
.section-add .bg-light h4 {
  color: #002B75;
}
.section-add .bg-dark,
.section-add .bg-dark h4 {
  color: #fff;
}
.section-add .inner-block {
  position: relative;
  z-index: 1;
}
/*** page_gig   ***/
.page_gig {
  overflow-x: hidden;
}
 h2.hi {
  margin-top: 26px;
}

.page_gig .section.gigabit  {
  margin-bottom: 45px;
}
.page_tv .section-tv .bg-img,
.page_gig .section.gigabit .bg-img {
  margin: -28px -11px;
  position: relative;
}
.page_gig .section.gigabit .bg-img .drago-tail {
  position: absolute;
  z-index: 1;
  top: 279px;
  left: -235px;
  width: 1000px;
  height: 600px;
}
.page_gig .section.gigabit-km .bg-img .drago-tail {
  top: 292px;
  left: -641px;
  width: 580px;
  transform: scale(-1,1);
}

.section-add-action .add-action {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  margin-bottom: 50px;
  padding: 28px 25px;
  box-shadow: 10px 10px 60px -6px rgba(5, 43, 83, 0.2);
}
.section-add-action .bg-img-wrap {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
  margin-left: -44px;
  margin-bottom: -30px;
  height: 100%;
  position: relative;
  min-width: 150px;
}
.section-add-action .bg-img-wrap .label {
  height: 117px;
  position: absolute;
  bottom: 30px;
  width: 117px;
  left: 30px;
  border-radius: 50px;
  border-top-right-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 300;
  font-style: normal;
  flex-wrap: wrap;
  padding-top: 15px;
}
.label strong {
  display: block;
  margin-top: -38px;
  font-weight: 700;
}
.label-violet {
  background-color: #8863a8;
}
.label-aqua {
  background-color: #00B7B7;
}
.section-add-action .bg-img {
  margin: -28px -11px;
  position: relative;
}
.section-add-action .header {
  color: #025FBB;
  font-weight: 800;
}
.section-add-action h3 {
  font-size: 32px;
  margin-top: 33px;
  line-height: 1;
  margin-bottom: 35px;
}
.section-add-action .btn-block {
  margin-top: 40px;
}
.section-add-action  .inner-block  {
  padding-left: 15px;
}

.section-services.gigabit .service h2 {
  margin-bottom: 30px;
}
.page_tv .section-tv .bg-img-wrap,  
.page_gig .section.gigabit .bg-img-wrap {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  margin-right: -30px;
  margin-bottom: -30px;
  height: 100%;
}
.page_gig .section.gigabit img {
  height: 100%;
}

.section-services.gigabit .service {
  box-shadow: none;
}

.section-services .advantages,
.section.gigabit .advantages  {
  margin-top: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
}
.section-tv ul, 
.section.gigabit ul  {
  padding-left: 0;
}

.section-tv .inner-block,
.section.gigabit .inner-block  {
  padding-right: 15px;
}
.section.gigabit .inner-block  {
  position: relative;
  z-index: 2;
}
.section-tv .advantages li,
.section.gigabit .advantages li {
  list-style: none;
  padding-bottom: 5px;
  text-indent: -32px;
  padding-left: 32px;  
}
.section-tv .price-big .btn,
.section-services.gigabit .price-big .btn {
  float: right;
}
.tarif-descr {
  font-size: 13px;
  font-weight: 300;
  margin-top: 25px;
}

.section-benefits {
   margin-bottom: 70px;
}
.page_gig .section-benefits .row-small {
  padding-left: 30px;
  padding-right: 30px;
}
.page_gig .section-benefits .row-small:last-of-type {
  margin-bottom: 25px;
}
.page_gig .section-benefits .block-1,
.page_gig .section-benefits .block-2,
.page_gig .section-benefits .block-3,
.page_gig .section-benefits .block-4,
.page_inet-tv  .section-benefits .block-1,
.page_inet-tv  .section-benefits .block-2,
.page_inet-tv  .section-benefits .block-3,
.page_inet-tv  .section-benefits .block-4
{
  border-radius: 50px;
  background-repeat: no-repeat;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: 10px 10px 60px -6px rgba(5, 43, 83, 0.2);
          box-shadow: 10px 10px 60px -6px rgba(5, 43, 83, 0.2);
  padding: 40px;
  color: #fff;
}
.page_inet-tv  .section-benefits h3,
.page_gig .section-benefits h3 {
  font-size: 26px;
  color: #fff;
  margin-top: 110px;
}

.page_inet-tv  .section-benefits .block-4 h3,
.page_gig .section-benefits .block-1 h3 {
  color: #002B75;
}
.page_gig .section-benefits .block-1 {
  background-image: url('img/bg_gig_hand_clean.png');
  background-color: #fff;
  color: #002B75;
  margin-right: 30px;
  margin-left: -15px;
}
.page_gig .section-benefits .block-2 {
  background-image: url('img/bg_gig_joy_clean.png');
  background-color: #679fd6;
  margin-right: -30px;
}
.page_gig .section-benefits .block-3 {
  background-image: url('img/bg_gig_roket_clean.png');
  background-color: #002B75;
  margin-right: 30px;
  margin-left: -15px;
  margin-top: 30px;
}
.page_gig .section-benefits .block-4 {
  background-image: url('img/bg_gig_kabel_clean.png');
  background-color: #025fbb;
  margin-right: -30px;
  margin-top: -54px;
}


/*** actions-block   ***/
.actions-block {
  margin-top: 34px;
  margin-bottom: 53px;
}
.actions-block .action-wrap {
  background-color: #025fbb;
  border-radius: 20px;
  color: #fff;
  position: relative;
}   
.actions-block .action-wrap .inner-block{
  padding: 28px 40px;
  position: relative;
    overflow: hidden;
}
.actions-block .header {
  color: #fff;
  font-weight: 800;
}
.actions-block h2 {
  font-size: 32px;
  margin-top: 33px;
  padding-right: 150px;
  margin-bottom: 35px;
}
.actions-block .speed-big .speed-before {
  font-size: 14px;
}
.actions-block .speed-big .speed-unit {
  font-size: 22px;
}
.actions-block .advantages {
  margin-top: 38px;
  margin-bottom: 15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 16px;
}
.actions-block .advantages ul {
  padding-left: 0;
}
.actions-block .advantages li {
  list-style: none;
  padding-bottom: 0px;
  text-indent: -32px;
  padding-left: 32px;
}
.actions-block .advantages .ico {
  margin: 5px 10px -5px 0;
}
.actions-block .tarif-descr {
  font-size: 14px;
  margin-top: 25px;
}
.actions-block .price-big, .actions-block .price-big-old {
  line-height: 1em;
}
.actions-block .btn {
  float: right;
}
.actions-block .action-bubble {
  position: absolute;
  display: block;
  background-color: #f91263;
  top: -18px;
  padding: 10px 25px;
  /* z-index: 1000000; */
  border-radius: 20px;
  font-weight: 800;
  transform: rotate(-3deg);
  left: 53%;
}
.actions-block .slick-slide {
  padding-top: 22px;
}
.actions-block .slick-dotted.slick-slider {
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.actions-block .slick-dots {
  bottom: 0px;
}

.actions-block .fly {
  position: absolute;
  top: 20px;
  right: -130px;
  animation: orbit1 5s forwards infinite; 
  animation-timing-function: ease-in-out;/*ease-in-out  */
  width: 350px;
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat;    
}


@-webkit-keyframes orbit1 {
  0%  { -webkit-transform: rotate(360deg) translateX(1px) translateY(8px) rotate(-360deg) scale(1); }
 50%  { -webkit-transform: rotate(180deg) translateX(1px) translateY(8px) rotate(-180deg) scale(0.95) rotate(-5deg) ; }
 100%  { -webkit-transform: rotate(0deg) translateX(1px) translateY(8px) rotate(0deg) scale(1); }
}

@media (min-width: 1200px) and (max-width: 1358px) {
  .actions-block .action-wrap {
    padding: 18px 20px;
  } 
  .actions-block .fly {
    width: 320px;
  } 
  .actions-block .action-bubble {
    left: 43%;
  }  
  .actions-block {
    margin-bottom: 30;
  }  
  .lang-ru .hidden-lg-ru {
    display: none;
  } 
  
  
}
@media (max-width: 766px) {
  .actions-block {
    margin-bottom: 10px;
  }
  .actions-block .slick-dotted.slick-slider {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }  
}
@media (max-width: 500px) {
  .actions-block .action-wrap .inner-block {
    padding: 10px 25px;
  }
  .actions-block .action-wrap {
    padding: 0px 0px;
  } 
  .actions-block .fly {
    width: 320px;
  } 

  .actions-block .action-bubble {
    left: 43%;
  }  
  .actions-block {
    margin-bottom: 30px;
  }  
  .actions-block .slick-dotted.slick-slider {
    padding-bottom: 0px;
    margin-bottom: 0px;
  } 
  .actions-block h2 {
  margin-top: 7px;
  margin-bottom: 5px;
  }
  .actions-block h2,
  .actions-block .price-big, .actions-block .price-big-old,
  .actions-block .speed-big {
  font-size: 30px;
  }
  .actions-block .price-big, .actions-block .price-big-old,
  .actions-block .speed-big .speed-unit {
    letter-spacing: -0.05em;
  }  
  .actions-block .advantages {
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 7px;
  }
}
/*End  actions-block   ***/

/*** page_inet   ***/
.page_inet .actions-block .fly {
  width: 350px;
  height: 300px;
}
.actions-block .fly.bird-gig  {
  background-image: url('img/bird_inet_1gig.png');
  top: 10px;
  right: -130px;  
}
.actions-block .fly.bird-n_bezm {
  background-image: url('img/bird_inet_n_bezm.png');
  top: 17px;
  right: -170px;
}
.actions-block .fly.bird-n_bezm_plus  {
  background-image: url('img/bird_inet_n_bezm_plus.png');
  top: 10px;
  right: -200px;
}
.actions-block .fly.bird-dalechin {
  background-image: url('img/bird_inet_dalechin.png');
  top: 28px;
  right: -200px;
}
.actions-block .fly.bird-horizont {
  background-image: url('img/bird_inet_horizont.png');
  top: 18px;
  right: -200px;
}
.actions-block .fly.bird-oznajom  {
  background-image: url('img/bird_inet_oznajom.png');
  top: 28px;
  right: -200px;  
}


.page_inet .section-benefits .block-1 {
  background-image: url('img/bg_Iinet_headphones_clean.png');
  background-color: #679fd6;
  margin-right: 30px;
  margin-left: -15px;
}
.page_inet .section-benefits .block-2 {
  background-image: url('img/bg_Iinet_nout_clean.png');
  background-color: #002B75;
  margin-right: -30px;
}
.page_inet .section-benefits .block-3 {
  background-image: url('img/bg_Iinet_wallet_clean.png');
  background-color: #025fbb;
  margin-right: 30px;
  margin-left: -15px;
  margin-top: 30px;
}
.page_inet .section-benefits .block-4 {
  background-image: url('img/bg_Iinet_kabel_clean.png');
  background-color: #fff;
  color: #002B75;
  margin-right: -30px;
  margin-top: -36px;
}
#an_hand {
  background-image: url('img/gig_hand.png');
  position:absolute;
  top: -20px;
  left: -20px;
  margin:50px;
  animation: orbit 4s forwards infinite;
  animation-timing-function: linear;
  width: 100px;
  height: 100px;
}
#an_roket {
  background-image: url('img/gig_roket.png');
  position:absolute;
  top: -20px;
  left: -20px;
  margin:50px;
  animation: orbit 4s forwards infinite;
  animation-timing-function: linear;
  width: 100px;
  height: 100px;
}
#an_joy {
  background-image: url('img/gig_joy.png');
  position:absolute;
  top: -20px;
  left: -20px;
  margin:50px;
  animation: orbit 4s forwards infinite;
  animation-timing-function: linear;
  width: 100px;
  height: 100px;
}
#an_kabel {
  background-image: url('img/gig_kabel.png');
  position:absolute;
  top: -20px;
  left: -20px;
  margin:50px;
  animation: orbit 4s forwards infinite;
  animation-timing-function: linear;
  width: 100px;
  height: 100px;
}
#an_wallet {
  background-image: url('img/inet_wallet.png');
  position:absolute;
  top: -20px;
  left: -20px;
  margin:50px;
  animation: orbit 4s forwards infinite;
  animation-timing-function: linear;
  width: 100px;
  height: 100px;
}
#an_headphones {
  background-image: url('img/inet_headphones.png');
  position:absolute;
  top: -20px;
  left: -20px;
  margin:50px;
  animation: orbit 4s forwards infinite;
  animation-timing-function: linear;
  width: 100px;
  height: 100px;
}
#an_nout {
  background-image: url('img/inet_nout.png');
  position:absolute;
  top: -20px;
  left: -20px;
  margin:50px;
  animation: orbit 4s forwards infinite;
  animation-timing-function: linear;
  width: 135px;
  height: 100px;
}
@-webkit-keyframes orbit {
0%  { -webkit-transform: rotate(0deg) translateX(1px) translateY(4px) rotate(0deg) scale(1); }
 25%  { -webkit-transform: rotate(90deg) translateX(1px) translateY(4px) rotate(-90deg) scale(1.05); }
 50%  { -webkit-transform: rotate(180deg) translateX(1px) translateY(4px) rotate(-180deg) scale(1.1); }
 75%  { -webkit-transform: rotate(270deg) translateX(1px) translateY(4px) rotate(-270deg) scale(1.05); }
 100%  { -webkit-transform: rotate(360deg) translateX(1px) translateY(4px) rotate(-360deg) scale(1); }
}
/*End page_inet   ***/



/*** page_inet_pon   ***/
.page_inet_pon .actions-block h2 {
  padding-right: 50px;
}
.page_inet_pon .actions-block .fly {
  width: 160px;
  height: 160px;
  top: 65px;
  right: -35px;
  animation: orbit2 5s forwards infinite; 
  animation-timing-function: ease-in-out;/*ease-in-out  */  
}
@-webkit-keyframes orbit2 {
  0%  { -webkit-transform: rotate(360deg) translateX(1px) translateY(8px) rotate(-360deg) scale(1); }
 50%  { -webkit-transform: rotate(180deg) translateX(8px) translateY(1px) rotate(-180deg) scale(0.8) ; } /* rotate(-15deg)*/
 100%  { -webkit-transform: rotate(0deg) translateX(1px) translateY(8px) rotate(0deg) scale(1); }
}
.actions-block .fly.pon_cristalls_100  {
  background-image: url('img/pon_cristalls_100.png');
}
.actions-block .fly.pon_cristalls_300  {
  background-image: url('img/pon_cristalls_300.png');
}
.actions-block .fly.pon_cristalls_500  {
  background-image: url('img/pon_cristalls_500.png');
}
.actions-block .fly.pon_cristalls_1g  {
  background-image: url('img/pon_cristalls_1g.png');
}
.fly-benefits {
  position:absolute;
  top: -20px;
  left: -20px;
  margin:50px;
  animation: orbit 4s forwards infinite;
  animation-timing-function: linear;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
}
.page_inet_pon .fly-benefits {
  top: -45px;
}
.page_inet_pon .section-benefits .block-1,
.page_inet_pon .section-benefits .block-2,
.page_inet_pon .section-benefits .block-3,
.page_inet_pon .section-benefits .block-4,
.page_inet_pon .section-benefits .block-1 h3,
.page_inet_pon .section-benefits .block-2 h3,
.page_inet_pon .section-benefits .block-3 h3,
.page_inet_pon .section-benefits .block-4 h3
{
  color: #fff;
}
 
.page_inet_pon .section-benefits .block-1 {
  background-image: url('img/bg_pon_router_clean.png');
  background-color: #fff;
  color: #002B75;
  margin-right: 30px;
  margin-left: -15px;
}
.page_inet_pon .section-benefits .block-1 h3 {
  color: #002B75;
}
.page_inet_pon .section-benefits .block-2 {
  background-image: url('img/bg_pon_gamer_clean.png');
  background-color: #679fd6;
  margin-right: -30px;
}
.page_inet_pon .section-benefits .block-3 {
  background-image: url('img/bg_pon_wallet_clean.png');
  background-color: #002B75;
  margin-right: 30px;
  margin-left: -15px;
  margin-top: 30px;
}
.page_inet_pon .section-benefits .block-4 {
  background-image: url('img/bg_pon_planshet_clean.png');
  background-color: #025fbb;
  margin-right: -30px;
  margin-top: -6px;
}
.an-router {
  background-image: url('img/benefits_router.png');
}
.an-gamer {
  background-image: url('img/benefits_gamer.png');
}
.an-wallet {
  background-image: url('img/inet_wallet.png');
}
.an-planshet {
  background-image: url('img/benefits_planshet.png');
}
/*End page_inet_pon   ***/



/*** page_inet_tv   ***/
.page_inet_tv .actions-block h2 {
  padding-right: 70px;
}
.page_inet_tv .actions-block .fly {
  width: 160px;
  height: 160px;
  top: 60px;
  right: -40px;
  animation: orbit2 5s forwards infinite; 
  animation-timing-function: ease-in-out;/*ease-in-out  */  
}
@-webkit-keyframes orbit2 {
  0%  { -webkit-transform: rotate(360deg) translateX(1px) translateY(6px) rotate(-360deg) scale(1); }
 50%  { -webkit-transform: rotate(180deg) translateX(1px) translateY(6px) rotate(-180deg) scale(0.95) ; } /* rotate(-15deg)*/
 100%  { -webkit-transform: rotate(0deg) translateX(1px) translateY(6px) rotate(0deg) scale(1); }
}
.actions-block .fly.inet_tv_award_1g  {
  background-image: url('img/inet_tv_award_4.png');
}
.actions-block .fly.inet_tv_n-bezm-plus  {
  background-image: url('img/inet_tv_award_1.png');
}
.actions-block .fly.inet_tv_n-bezm  {
  background-image: url('img/inet_tv_award_3.png');
}
.actions-block .fly.inet_tv_dalechin  {
  background-image: url('img/inet_tv_award_2.png');
}
.actions-block .fly.inet_tv_oznajom  {
  background-image: url('img/inet_tv_award_5.png');
  right: -40px;
}

.page_inet_tv .fly-benefits {
  top: -35px;
}
.page_inet_tv .section-benefits .block-1,
.page_inet_tv .section-benefits .block-2,
.page_inet_tv .section-benefits .block-3,
.page_inet_tv .section-benefits .block-4,
.page_inet_tv .section-benefits .block-1 h3,
.page_inet_tv .section-benefits .block-2 h3,
.page_inet_tv .section-benefits .block-3 h3,
.page_inet_tv .section-benefits .block-4 h3
{
  color: #fff;
}
 
.page_inet_tv .section-benefits .block-1 {
  background-image: url('img/bg_in_tv_ok_clean.png');
  background-color: #679fd6;
  margin-right: 30px;
  margin-left: -15px;
}
.page_inet_tv .section-benefits .block-4 h3 {
  color: #002B75;
}
.page_inet_tv .section-benefits .block-2 {
  background-image: url('img/bg_in_tv_roket_clean.png');
  background-color: #002B75;
  margin-right: -30px;
}
.page_inet_tv .section-benefits .block-3 {
  background-image: url('img/bg_in_tv_wallet_clean.png');
  background-color: #025fbb;  
  margin-right: 30px;
  margin-left: -15px;
  margin-top: 30px;
}
.page_inet_tv .section-benefits .block-4 {
  background-image: url('img/bg_in_tv_player_clean.png');
  background-color: #fff;
  color: #002B75;
  margin-right: -30px;
  margin-top: 0px;
}
.an-roket{
  background-image: url('img/benefits_roket.png');
}
.an-ok {
  background-image: url('img/benefits_ok.png');
}
.an-wallet2 {
  background-image: url('img/benefits_wallet2.png');
}
.an-player {
  background-image: url('img/benefits_player.png');
}
/*End page_inet_tv   ***/




/*** page_tv   ***/

.page_tv .section-services .service {
  box-shadow: none;
}
.page_tv .section-tv .bg-img {
  margin: -28px -11px;
}
.page_tv .section-tv .bg-img-wrap {
  width: 600px;
    position: relative;
}
.page_tv .section-tv .bg-img-mask {
  background-image: url('img/Everest-tv-chest.jpg');
  position: absolute;
}
.page_tv .section-tv .bg-img-mask-1 {
  left: 0;
  top: 0;
  width: 460px;
  height: 100%;
  background-position: -56px 0px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.page_tv .section-tv .bg-img-mask-2 {
  left: 100px;
  top: 230px;
  width: 460px;
  height: 255px;
  background-position: -160px -234px;
  border: 4px solid #000;
  z-index: 1;
box-shadow: 0px 15px 30px 0px rgba(0, 42, 116, .2);
  
}
.page_tv .bg-img-mask-2 .text-block {
  color: #000;
  position: absolute;
  right: 25px;
  top: 25px;
  text-align: right;
  font-size: 32px;
  font-weight: 600;
}
.page_tv .bg-img-mask-2 .text-block {
  color: #000;
  position: absolute;
  right: 25px;
  top: 25px;
  text-align: right;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.03em;
}  
.page_tv .bg-img-mask-2 .tv-chans {
  font-size: 50px;
  font-weight: 700;
  padding-bottom: 0;
  padding-right: 0;
  margin-bottom: -5px;
  padding-top: 12px;
} 
.page_tv .bg-img-mask-2 .chans-before {
  font-size: 18px;
  font-weight: 300;
  display: inline-block;
}
.page_tv .bg-img-tv-prog {
  background-image: url('img/bg_tv_prog_bnr.png');
  background-position: right 50%;
  background-color: #025fbb;
  border-radius: 16px;
  min-height: 160px;
  color: #fff;
  background-repeat: no-repeat;
}
.page_tv .section-tv-prog-nav h4 {
  margin-bottom: 25px;
  /* margin-top: 38px; */
  font-size: 26px;
}
.page_tv .section-tv-prog-nav .img-block .img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;  
}
.page_tv .section-tv-prog-nav .btn {
  padding-left: 40px;
  padding-right: 40px; 
}

.actions-block .fly.inet_tv_award_1g  {
  background-image: url('img/inet_tv_award_4.png');
}
.actions-block .fly.inet_tv_n-bezm-plus  {
  background-image: url('img/inet_tv_award_1.png');
}
.actions-block .fly.inet_tv_n-bezm  {
  background-image: url('img/inet_tv_award_3.png');
}
.actions-block .fly.inet_tv_dalechin  {
  background-image: url('img/inet_tv_award_2.png');
}

.page_tv .fly-benefits {
  top: -35px;
}
.page_tv .section-benefits .block-1,
.page_tv .section-benefits .block-2,
.page_tv .section-benefits .block-3,
.page_tv .section-benefits .block-4,
.page_tv .section-benefits .block-1 h3,
.page_tv .section-benefits .block-2 h3,
.page_tv .section-benefits .block-3 h3,
.page_tv .section-benefits .block-4 h3
{
  color: #fff;
}
 
.page_tv .section-benefits .block-1 {
  background-image: url('img/bg_benefits_tv_1.png');
  background-color: #fff;
  color: #002B75;
  margin-right: 30px;
  margin-left: -15px;
}
.page_tv .section-benefits .block-1 h3 {
  color: #002B75;
}
.page_tv .section-benefits .block-2 {
  background-image: url('img/bg_benefits_tv_2.png');
  background-color: #679fd6;
  margin-right: -30px;
}
.page_tv .section-benefits .block-3 {
  background-image: url('img/bg_benefits_tv_3.png');
  background-color: #002B75;
  margin-right: 30px;
  margin-left: -15px;
  margin-top: 30px;
}
.page_tv .section-benefits .block-4 {
  background-image: url('img/bg_benefits_tv_4.png');
  background-color: #025fbb;  
  margin-right: -30px;
  margin-top: 0px;
}


.an-card-1{
  background-image: url('img/benefits_card_1.png');
}
.an-card-2{
  background-image: url('img/benefits_card_2.png');
}
.an-crimper {
  background-image: url('img/benefits_crimper.png');
}
.an-wallet2 {
  background-image: url('img/benefits_wallet2.png');
}
.an-headphones2 {
  background-image: url('img/benefits_headphones2.png');
}
.page_tv .an-card-1 {
  top: -33px;
  right: 30px;
  animation: orbit2 4s forwards infinite; 
  animation-timing-function: linear;    
}
/* tv-chans-menu  */
.tv-chans-menu ul {
  padding-left: 0px;
  list-style: none;
}
.tv-chans-menu li {
  display: inline;
}
.tv-chans-menu  {
  text-align: center;
}
.tv-chans-menu .btn-primary {
  padding: 9px 40px;
  margin-right: 5px;
}
.page_tv .tv-chans-scroll {
  overflow-y: scroll;
  height: 370px; 
}
.page_tv .tv-chans-scroll li {
  width: 200px;
}
.tv-chans {
  padding: 20px 10px;
  border-radius: 15px;
  font-weight: 800;
}
.modal .tv-chans {
  font-size: 14px;
}
.tv-chans::after {
  content: " ";
  display: table;
  clear: both; 
}
.tv-chans li {
  float: left;
  width: 140px;
  height: 160px;
  list-style: none;  
}
.tv-chans a {
  text-align: center;
  text-decoration: none;
}
.tv-chans i {
  width: 100px;
  height: 100px;
  display: block;
  overflow: hidden;
  padding-left: 3px;
  padding-top: 11px;  
  margin: 0 auto 10px;
}
.tv-chans span {
  display: block;
  margin-bottom:20px;
}
.page_tv .section-tv-prog-nav .prog_menu {
  padding: 55px;
  margin-top: 0px;
  margin-bottom: 40px;
}
.page_tv .btn-to-prog {
  text-align: center;
  margin-top: 50px;
}
.page_tv .btn-to-prog .btn-primary{
  padding-left: 110px;
  padding-right: 110px;
}

/*End page_tv   ***/




.page_manuals p {
  margin: 0 0 5px;
  line-height: 1.3em;
}
.page_manuals h2 {
  font-size: 50px;
  text-align: center;
}
.page_manuals h3 {
  font-size: 26px;
  margin-bottom: 10px;
}
.page_manuals h4 {
  font-size: 22px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 15px;
}
.page_manuals .panel {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.page_manuals .panel-group .bg-light-blue {
  margin-bottom: 5px;
}
.page_manuals .panel-heading h3 {
  font-size: 22px;
  margin-top: 10px;
  padding-right: 25px;
}
.page_manuals .panel-heading h3 > a {
}
.page_manuals .panel-heading h3 > a > span {
  display: contents;
}
.page_manuals .panel-heading .accordion-toggle.collapsed::after {
  background-position: -300px -700px;
  width: 12px;
  height: 18px;
  content: "";
  float: right;    
}
.page_manuals .panel-heading .accordion-toggle::after {
  background-position: -300px -650px;
  width: 18px;
  height: 12px;
  content: "";
  float: right;
}

.page_manuals .bg-tv-manual {
  background-color: #edf4fa;
  padding-top: 30px;
  padding-bottom: 30px;
}
.page_manuals .detail-block {
  margin-bottom: 60px;
}
.page_manuals .action-wrap h2 {
  font-size: 26px;
  margin: 0;
  padding-left: 70px;
  padding-bottom: 5px;
  display: block;
  text-align: left;
}
.page_manuals .action-wrap {
  color: #fff;
  background-color: #002b75;
  border-color: #002b75;
  border-radius: 50px;
  height: 96px;
  position: relative;
  display: flex;
  align-items: center;
}
.page_manuals .action-wrap::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  background-position: -500px -100px;
  top: 24px;
  left: 23px;
  background-color: #025FBB;
  border-radius: 50%;
}
.page_manuals .action-wrap.focus {
  background-color: #025FBB;
  border-color: #025FBB;
}
.page_manuals .action-wrap.focus::before {
  background-color: #002b75;
}
.page_manuals .action-wrap.collapsed {
  background-color: #002b75;
  border-color: #002b75;
}
.page_manuals .action-wrap.collapsed::before {
    background-color: #025FBB;
}
.page_manuals .action-wrap.ico-wi-fi::before {
  background-position: -500px -249px;
}
.page_manuals .action-wrap.ico-tv::before {
  background-position: -500px -200px;
}
.page_manuals .action-wrap.ico-email::before {
  background-position: -500px -300px;
}
.page_manuals .action-wrap h2 {
  font-size: 26px;
  margin: 0;
  padding-left: 88px;
  padding-bottom: 5px;
  display: block;
  text-align: left;
  padding-right: 25px;
}
.page_manuals .action-wrap h2 a:hover,
.page_manuals .action-wrap h2 a:focus,
.page_manuals .action-wrap h2 a {
  color: #fff;
}
.page_manuals .question,
.page_manuals .answer {
  padding-left: 25px;
}
.page_manuals .question {
  margin-top: 20px;
}

.question .dot-blue {
  margin-left: -20px;
}


.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: none;
}
.panel {
    border: none;
    box-shadow: none;
}
a.ico-arrow-up-down-white {
  background-position: -400px 0px;
  width: 26px;
  height: 15px;
}
a.open.ico-arrow-up-down-white {
  background-position: -400px -50px;
  width: 26px;
  height: 15px;
}
.ico-caret_up_down_blue,
.open .ico-caret_up_down_blue {
  background-position: -250px -550px;
  width: 22px;
  height: 12px;
}
.open .ico-caret_up_down_blue {
  background-position: -250px -600px;
}


.speed-big {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.speed-big .speed-before {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0em;
}
.speed-big .speed-unit {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0em;
}

.section-services .service{
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  margin-bottom: 50px;
  padding: 28px 25px;
  box-shadow: 10px -5px 40px 5px rgba(0, 42, 116, .2);;
}
.section-services .service .header,
.section-club .header {
  color: #002b75;
  font-weight: 600;
}
.section-services .service.blue {
  background-color: #025FBB;
  color: #fff;
}
.section-services .service.blue .header,
.section-club .header {
  color: #fff;;
}
.actions-block .action-wrap .header .ico,
.section-services .header .ico,
.section-club .header .ico,
.service .header .ico
 {
  margin: 15px 8px -15px 0;
}
.service .advantages .ico {
  margin: 5px 8px -5px 0;
}
.section-services .service h2 {
  margin: 40px auto 20px;
}
.section-services .service .line {
  margin-top: 30px;
}
.section-services .service .btn-block {
  margin-top: 60px;
  margin-bottom: 10px;
}
.section-services .row.two-col {
  margin-left: -15px;
  margin-right: -10px;
}
.section-services .row.two-col-right {
  margin-left: 0px;
} 

.header .btn {
  margin-left: 15px;
}

.section-club {
  margin-bottom: 60px;
  margin-top: -40px;
}
.section-club .bg-img {
  margin: 0px -15px;
  
}
.section-club .img {
  border-radius: 20px;
}
.section-club .container {
  color: #fff;
}
.section-club .header {
  color: #fff;
}
.section-club .btn-partner {
  display: inline-block;
}
.section-club .img-block {
  position: relative;
}

.section-club .section-club-bg {
  position: relative;
  background-color: #025fbb;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 20px;
}
.section-club .img-bg {
  display: block;
  max-width: 100%;
  height: auto;
}

.section-club .content {
  position: absolute;
  top: 0px;
  left: 15px;
  width: 100%;
  margin: 28px 25px;  
}
.section-club h2 {
  padding-top: 7px;
  padding-bottom: 25px; 
  color: #fff;
}
.section-club .content-bottom {
  position: absolute;
  bottom: 36px;
  left: 55px;
  width: 100%;
}
.section-club .btn-default {
  color: #fff;
}
.section-club .text-extra-big {
  color: #fff;
  text-align: left;
}
.section-club .descr {
  color: #cddff3;
}

.section-section-15 {
  margin: 60px 0 75px;
}



/*section-insta*/
.section-insta h2 {
  text-align: center;
  font-size: 65px;
  margin-top: 50px;
  margin-bottom: 70px;
}
.section-insta .btn-block {
  margin-top: 40px;
}

.price-real {
  display: table;
  display: inline-block;
}
.price-big,
.price-big-old {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #fff;
  line-height: 1em;
}
.price-big-old {
  color: #679FD6;
  font-weight: 400;
}
.price-big .price-unit,
.price-big-old .price-unit {
  font-size: 22px;
}
.price-big .button,
.price-big-old .price-unit {
  font-size: 22px;
}
.action .detail-block .price-old {
  display: block;
}

.pager .ico {
  margin-top: 2px;
  margin-bottom: -1px;
}
.pager a, .pager .accent {
  padding: 12px 21px;
  margin: auto -8px;
  font-size: 20px;
  font-weight: 600;
}
.pager a:hover  {
    background-color: #edf4fa;
    border-radius: 50%;
}
.pager .accent {
  font-weight: 600;
}

.panel-bottom {
  margin-bottom: 40px;
}



.section-about {
  min-height: 200px;
  margin-top: 40px;
  margin-bottom: 65px;
  font-size: 13px;
}
.section-about h3 {
  margin-bottom: 10px;
  font-size: 18px;
  margin-top: 15px;
  font-weight: 500;
}

/*    footer
  =================== */
.section-footer {
  color: #fff;
  background-color: #002b75;
  font-size: 13px;
  padding-top: 100px;
  margin-bottom: 0;
}
.section-footer .head-line {
  margin-bottom: 65px;
}    
.footer-nav {
  font-size: 16px;
  font-weight: 500;  
} 
.section-footer h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px;
}
.section-footer ul {
  padding-left: 0; 
}
.section-footer li {
  list-style: none;
  margin-bottom: 14px;
}
.section-footer a {
  color: #fff;
  text-decoration: none;
}
.section-footer a:hover,
.section-footer a:focus {
  color: #679FD6;
}
.social-header {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 19px;  
}
.section-footer .social a i {
  margin-left: 10px;
}
.section-footer .social a:hover i,
.navbar-top .social a:hover i {
  opacity: 1;
  filter: alpha(opacity=100);
}

.section-footer .white-line {
 margin-top: 50px; 
 margin-bottom: 28px;
}
.section.section-footer {
  padding-bottom: 70px;
} 
.section-footer .social {
  text-align: right;
  float: left;
}
.section-footer .social a:first-child i {
  margin-left: 0;
}
.section-footer .phones {
  display: inline-block;
  margin: 21px auto 0;
  font-size: 18px;
  font-weight: 600;  
}
.section-footer .phones li {
  float: left;
  margin-left: 40px;
}
.section-footer .search {
  display: inline-block;
  width:65%;
}
.section-footer .search .input-group {
  width: 98%;
}
.section-footer .search .form-control::placeholder {
  color: #fff;
}
.section-footer .search input {
  background-color: #002b75;
  border-radius: 0;
  border: none;
  border-bottom: 1px #889cbf solid;
  margin-top: 13px;
}
.section-footer .search .input-group-btn:last-child > .btn,
.section-footer .search .input-group-btn:last-child > .btn-group {
  z-index: 10;
  margin-left: -35px;
 }
.section-footer .search .form-control {
  color: #fff;
}
.section-footer .search button {
  background: transparent;
  padding-right: 0px;
}

.section-footer .btn-primary {
  color: #fff;
  background-color: #002b75;
  border-color: #fff;
}
.section-footer .btn-default {
  color: #fff;
  border-color: #fff;
}
.section-footer a.btn-default:hover,
.section-footer a.btn-default:focus {
  color: #fff;
  background-color: #025fbb;
  border-color: #025fbb;
}
.section-footer .action-group {
  margin-top: 0;
  margin-right: 10px;
  float: right;
}
.section-footer .action-group button {
  margin-right: 10px;
}
.section-footer .btn-search {
  text-align: right;
}
.copyright {
  font-size: 12px;
  margin-top: 5px;
  text-align: right;
}
.copyright a:hover {
  color: #fff;
}

/**
 *    #social widget
 */
#socialwidget {
  position: fixed;
  bottom: -400px;
  left: 10%;
  z-index: 1250;
  width: 314px;
  height: 240px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  padding: 30px 10px 10px;
  -webkit-box-shadow: 5px -3px 5px rgba(68, 68, 68, 0.2);
  -moz-box-shadow: 5px -3px 5px rgba(68, 68, 68, 0.2);
  box-shadow: 5px -3px 5px rgba(68, 68, 68, 0.2);
  outline: none;
}

#socialwidget .close {
  margin-top: -25px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#socialwidget .close:hover,
#socialwidget .close:focus {
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
}


/*    button
  =================== */
a.btn {
  text-decoration: none;
}
.btn {
  font-weight: 600;
  font-size: 16px;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 5px 22px;
  font-size: 16px;
}  

.btn-primary, .btn-secondary {
  color: #fff;
  background-color: #002b75;
  border-color: transparent;
  border-radius: 7px;
  padding: 12px 25px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-secondary {
  background-color: #025fbb;
}
.btn-default {
  color: #002b75;
  background-color: transparent;
  border-color: #002b75;
  border-radius: 7px;
  padding: 12px 25px;
}
.btn-default:focus,
.btn-default.focus,
.btn-default:hover,
.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default:active.focus, 
.btn-default.active.focus, 
.open > .dropdown-toggle.btn-default.focus
 {
  color: #025fbb;
  border-color: #025fbb;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #025fbb;
  border-color: #025fbb;
  background-color: transparent;
}
.btn-default.btn-white {
  color: #ff;
  border-color: #fff;
}
.btn-default.btn-white:focus,
.btn-default.btn-white.focus,
.btn-default.btn-white:hover,
.btn-default.btn-white:active:hover,
.btn-default.btn-white.active:hover,
.btn-default.btn-white:active:focus,
.btn-default.btn-white.active:focus,
.btn-default.btn-white:active.focus,
.btn-default.btn-white.active.focus
 {
  color: #002b75;
  border-color: #002b75;
}
.btn-default.inverce:focus,
.btn-default.inverce.focus,
.btn-default.inverce:hover,
.btn-default.inverce:active:hover,
.btn-default.inverce.active:hover,
.open > .dropdown-toggle.btn-default.inverce:hover,
.btn-default.inverce:active:focus,
.btn-default.inverce.active:focus,
.open > .dropdown-toggle.btn-default.inverce:focus,
.btn-default.inverce:active.focus,
.btn-default.inverce.active.focus,
.open > .dropdown-toggle.btn-default.inverce.focus
 {
  color: #002b75;
  border-color: #002b75;
}



.btn-small {
  padding-top: 9px;
  padding-bottom: 9px;  
}
.pay .btn-lg {
  margin: auto 50px;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary,
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary.hover 
{
  color: #fff;
  background-color: #025fbb;
  border-color: #025fbb;
    box-shadow: none;
    outline: none;
}
.btn-primary.inverce:active, .btn-primary.inverce.active, .open > .dropdown-toggle.btn-primary.inverce,
.btn-primary.inverce:focus, .btn-primary.inverce.focus, .btn-primary.inverce:hover, .btn-primary.inverce.hover {
  color: #025fbb;
  background-color: #fff;
  border-color: #fff;
    outline: none;
}
.btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary,
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary.hover 
{
  color: #025fbb;
  background-color: #fff;
  border-color: #fff;
    box-shadow: none;
    outline: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #025fbb;
  border-color: #025fbb;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #025fbb;
  border-color: #025fbb;
}


.btn-primary.white {
  color: #002b75;
  background-color: #fff;
}

.btn-primary.white:active, .btn-primary.white.active, .open > .dropdown-toggle.btn-primary.white,
.btn-primary.white:focus, .btn-primary.white.focus, .btn-primary.white:hover, .btn-primary.white.hover {
  color: #fff;
  background-color: #002b75;
  border-color: #002b75;
}

.btn-primary .ico-caret-down, .btn-secondary .ico-caret-down {
  background-position: -250px 0;
  width: 12px;
  height: 8px;
  margin-left: 10px;
}

.btn-secondary:active .ico-caret-down, .btn-secondary.active .ico-caret-down, .open > .dropdown-toggle.btn-secondary .ico-caret-down,
.btn-secondary:focus .ico-caret-down, .btn-secondary.focus .ico-caret-down, .btn-secondary:hover .ico-caret-down, .btn-secondary.hover .ico-caret-down 
{
  background-position: -250px -450px;
  margin-left: 10px;
}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: .5;
  filter: alpha(opacity=50);
  color: #999 !important;
}

.btn-warning.disabled:hover, 
.btn-warning[disabled]:hover, 
fieldset[disabled] .btn-warning:hover, 
.btn-warning.disabled:focus, 
.btn-warning[disabled]:focus, 
fieldset[disabled] .btn-warning:focus, 
.btn-warning.disabled.focus, 
.btn-warning[disabled].focus, 
fieldset[disabled] .btn-warning.focus {
  background-color: #fcfc39;
  border: 1px solid #232323;
}

.btn-block .btn:first-child {
  margin-right: 5px;
}

.bg-lighten-grey {
  background-color: #f3f2f2;
}
.bg-light-grey {
  background-color: #ecedee;
}
.bg-dark-grey {
  background-color: #1a2b32;
}
.bg-blue-support {
  background: url('img/bg_blue_support.jpg') no-repeat center center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
.bg-about-us {
  background: #e7e6e2 url('img/bg_about_us_.jpg') no-repeat bottom center;
  -webkit-background-size: 100% auto;
     -moz-background-size: 100% auto;
       -o-background-size: 100% auto;
          background-size: 100% auto;
}


/*   To Top Button
  =================== */
#btn-gotop {
  background-position: -500px -50px;
  width: 46px;
  height: 46px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  cursor: pointer;
  padding: 15px;
  background-color: transparent;
  border: none;
  display: none;
  opacity: .8;
  filter: alpha(opacity=80);
}

#btn-gotop:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}


#callback-zone {
  position: fixed;
  top: 190px;
  right: 15px;
  width: 60px;
  height: 60px;
  z-index: 100;
  opacity: 1;
  filter: alpha(opacity=100);
}
#callback-zone.open {
  opacity: 1;
  filter: alpha(opacity=100);
}

#callback-zone .ico-blue-circle {
  position: absolute;
  top: 5px;
  right: 0px;
  z-index: 100;
}
#callback-zone .ico-phone-handset,
#callback-zone {
  display: block;
}
#callback-zone .ico-phone-handset {
  margin: 22px auto 0;
  opacity: 0;
  filter: alpha(opacity=0);
  animation: ico-phone-anim 20s infinite;
}

#btn-callback,
#btn-feedback {
  position: absolute;
  top: 9px;
  right: 3px;
  z-index: 9;
  cursor: pointer;
  padding: 15px;
  background-color: transparent;
  border: none;
  opacity: .0;
  filter: alpha(opacity=0);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}


#btn-callback:hover,
#btn-feedback:hover  {
  opacity: 1;
  filter: alpha(opacity=100);
}

.open #btn-callback ,
.open #btn-feedback {
  top: 12px;
  opacity: 1;
  filter: alpha(opacity=85);
  -webkit-transition: all .2s ease-out;
       -o-transition: all .2s ease-out;
          transition: all .2s ease-out;
}

.open #btn-callback {
  right: 100px;
}
.open #btn-feedback {
  right: 54px;
}



/*   Icons
  =================== */
.ico-before::before, 
.ico-after::after, 
.ico {
  background-image: url('img/icons.png?v15');
  background-repeat: no-repeat;
  display: inline-block;
}
.ico-service-inet {
  background-position: 0 0;
  width: 42px;
  height: 41px;
}
.ico-service-inet-small {
  background-position: -450px 0;
  width: 38px;
  height: 38px;
}
.ico-service-tv {
  background-position: 0 -50px;
  width: 41px;
  height: 41px;
}
.ico-service-inet-tv {
  background-position: 0 -100px;
  width: 41px;
  height: 41px;
}
.ico-service-club {
  background-position: 0 -150px;
  width: 41px;
  height: 41px;
}

.ico-gift {
  background-position: -50px 0px;
  width: 19px;
  height: 21px;
}
.ico-pay {
  background-position: -50px -50px;
  width: 21px;
  height: 21px;
}
.ico-search {
  background-position: -50px -200px;
  width: 25px;
  height: 25px;
}
.ico-search-blue {
  background-position: -100px -300px;
  width: 25px;
  height: 25px;
}

.ico-caret-white-down {
  background-position: -250px 0;
  width: 12px;
  height: 8px;
} 
.ico-caret-white-up {
  background-position: -250px -50px;
  width: 12px;
  height: 8px;
}
.ico-caret-white-right {
  background-position: -250px -100px;
  width: 10px;
  height: 16px;
}
.ico-caret-white-left {
  background-position: -250px -250px;
  width: 10px;
  height: 16px;
}
.ico-user {
  background-position: -50px -250px;
  width: 17px;
  height: 20px;    
} .ico-user {
  background-position: -50px -250px;
  width: 17px;
  height: 20px;    
} 
.ico-geoloc-white {
  background-position: -49px -100px;
  width: 14px;
  height: 21px;
}
.ico-ok-white {
  background-position: -300px 0;
  width: 16px;
  height: 11px;
}
.ico-x-white {
  background-position: -300px -50px;
  width: 16px;
  height: 16px;
}
.ico-ok-blue {
  background-position: -300px -50px;
  width: 16px;
  height: 11px;
}
.ico-ok-white-big {
  background-position: -300px -100px;
  width: 20px;
  height: 20px;
}
.ico-wifi {
  background-position: -500px -100px;
  width: 50px;
  height: 50px;
}
.ico-ethernet {
  background-position: -500px 0px;
  width: 50px;
  height: 50px;
}
.ico-tool {
  background-position: -100px -200px;
  width: 24px;
  height: 24px;
} 
.ico-fb, .ico-instagram,
.ico-tiktok,.ico-youtube, .ico-telegram {
  width: 41px;
  height: 41px;
}
.ico-telegram {
  background-position: -150px -200px;
}
.ico-fb {
  background-position: -150px -100px;
}
.ico-instagram {
  background-position: -150px -50px;
}
.ico-youtube {
  background-position: -150px 0px;
}
.ico-tiktok {
  background-position: -150px -150px;
}
.ico-fb-small, .ico-instagram-small,
.ico-tiktok-small,.ico-youtube-small {
  width: 28px;
  height: 28px;
}
.ico-fb-small {
  background-position: -342px -97px;
}
.ico-instagram-small {
  background-position: -345px -45px;
}
.ico-youtube-small {
  background-position: -345px -193px;
}
.ico-tiktok-small {
  background-position: -344px -146px;
}
.ico-telegram-bot {
  background-position: -350px 0;
  width: 24px;
  height: 25px;
}
.ico-blue-calendar {
  background-position: -50px -300px;
  width: 26px;
  height: 28px;
}

.ico-blue-circle {
  background-position: -200px 0px;
  width: 51px;
  height: 51px;
}
.ico-blue-phone {
  background-position: -200px -100px;
  width: 43px;
  height: 43px;
}
.ico-blue-email {
  background-position: -200px -50px;
  width: 43px;
  height: 43px;
}
.ico-caret_up_blue {
  background-position: -250px -600px;
  width: 22px;
  height: 12px;  
}
.ico-caret-blue-left {
  background-position: -250px -250px;
  width: 10px;
  height: 16px;
}
.ico-caret-blue-right {
  background-position: -250px -300px;
  width: 10px;
  height: 16px;
}
.ico-back {
  background-position: -250px -247px;
  width: 10px;
  height: 18px;
  padding-left: 20px;
}
.ico-arrow-left-blue {
  background-position: -400px -400px;
  width: 20px;
  height: 17px;   
}
.ico-back-big {
  background-position: -400px -398px;
  width: 20px;
  height: 20px;
}
.pdf::before, .zip::before {
  content: url('img/zip.svg');
  display: inline-block;
  height: 34px;
  width: 34px;
  margin-right: 10px;
  position: absolute;
  top: -10px;
  left: -4px;
}
.pdf::before {
  content: url('img/pdf.svg');
}  
.zip, .pdf {
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
}
.zip a, .pdf a {
  font-weight: 700;
  margin-left: 45px;
  display: block;
}

#deb {
  position: fixed;
  top: 50px; left: 0;
  color: #f55;
  z-index: 2000;
  padding:2px 5px ;
}




/* Page Internet
  ================*/
.section-action-page h2,
.section-action-page h3 {
  text-shadow: 3px 3px 5px #fff, -3px 3px 5px #fff, 3px -3px 5px #fff, -3px -3px 5px #fff;
  font-weight: 600;
}
.section-action-page h2 {
  text-align: left;
}
.section-action-page .action-btn {
  padding: 10px 70px;
  margin-top: 20px;
}

.section-action-page .btn {
  font-size: 17px;
}

.section-action-inet{
  background-image: url('img/bg_inet_action.jpg');
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position:center;
  color: #0091f2;
}
.section-action-inet .price-real {
  text-shadow: 3px 3px 3px #fff;
}
.packet-inet {
  text-align: center;
  padding: 10px 17px 20px;
  min-height: 215px;
  margin-top: 20px;
  margin-bottom: 20px;
  border : 2px solid #fff;
  -webkit-box-shadow: -2px 4px 11px rgba(0, 0, 0, 0.4);
          box-shadow: -2px 4px 11px rgba(0, 0, 0, 0.4);
}
.packet-inet:hover {
  -webkit-box-shadow: -2px 4px 11px rgba(0, 0, 0, 0.8);
          box-shadow: -2px 4px 11px rgba(0, 0, 0, 0.8);
}
.packet-inet.bg-blue {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b5e8', endColorstr='#60d4f2',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 70%);
  background-image:     -ms-radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 70%);
  background-image:       -o-radial-gradien(circle at center, #c0f3fc  0%, #00b5e8 70%);
  background-image:         radial-gradient(circle at center, #00edfc  0%, #0087ff 70%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;

}
.packet-inet.bg-blue:hover {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8be1f7', endColorstr='#31c5ed',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 110%);
  background-image:     -ms-radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 110%);
  background-image:       -o-radial-gradien(circle at center, #c0f3fc  0%, #00b5e8 110%);
  background-image:         radial-gradient(circle at center, #00edfc  0%, #0087ff 110%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-inet.bg-cyan {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17bdeb', endColorstr='#c0f3fc',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 70%);
  background-image:     -ms-radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 70%);
  background-image:       -o-radial-gradien(circle at center, #c0f3fc  0%, #00b5e8 70%);
  background-image:         radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 70%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-inet.bg-cyan:hover {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17bdeb', endColorstr='#60d4f2',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 100%);
  background-image:     -ms-radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 100%);
  background-image:       -o-radial-gradien(circle at center, #c0f3fc  0%, #00b5e8 100%);
  background-image:         radial-gradient(circle at center, #c0f3fc  0%, #00b5e8 100%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}

.packet-inet h4 {
  text-align: center;
  min-height: 40px;
}
.packet-inet .price-big {
  font-size: 90px;
  color: #fff;
  text-shadow: 3px 3px 3px #0081b7;
}
.packet-inet .price-small {
  color: #fff;
}
.packet-inet .packet-detail {
  font-size: 12px;
  text-align: left;
  margin-top: 5px;
}
.packet-data {
  text-align: center;
  margin-top: 28px;
}

.packet-img {
  position: relative;
  margin-bottom: 10px;
  margin-right: 5px;
}
.packet-inet .packet-img {
  float: left;
}
.packet-img-text {
  position: absolute;
  color: #fff;
  bottom: 30px;
  left: 16px;
  width: 104px;
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9876883405951378, M12=0.01762392122717102, M21=-0.15643446504023062, M22=1.0096737708881136, SizingMethod='auto expand')";

  -webkit-transform: rotate(-8deg) skew(-8deg, 0);
      -ms-transform: rotate(-8deg) skew(-8deg, 0);
       -o-transform: rotate(-8deg) skew(-8deg, 0);
          transform: rotate(-8deg) skew(-8deg, 0);
}
.bg-about-inet {
  background: #fff  url('img/bg_about_inet_.jpg') no-repeat center center;
  padding-top: 30px;
  margin-top: 50px;  
}
.bg-pix-blur::after {
  position: absolute;
  content: " ";
  top: -15px;
  left: 0;
  height: calc(100% + 30px);
  width: 100%;
  background-color: rgba(255, 255, 255, .10);
}
.bg-pix-blur > div {
  position: relative;
  z-index: 1;
  color: #535353;
}
.bg-pix-blur {
  background-color: rgba(255, 255, 255, .18);
  padding: 15px;
}
.bg-about-inet-pon {
  background: #fff  url('img/bg_about_inet_pon.jpg') no-repeat center center;
  padding-top: 30px;
  margin-top: 50px;  
}

/* Page TV
  ================*/
.section-action-page h2,
.section-action-page h3 {
  text-shadow: 3px 3px 5px #fff, -3px 3px 5px #fff, 3px -3px 5px #fff, -3px -3px 5px #fff;
  font-weight: 600;
}


.section-action-page h2 {
  text-align: left;
}
.section-action-page .action-btn {
  padding: 10px 70px;
  margin-top: 20px;
}


.section-action-tv{
  color: #0091f2;
  background-image: url('img/bg_tv_action.jpg');
  background-repeat:no-repeat;
  background-position:center;
  -webkit-background-size:cover;
     -moz-background-size:cover;
       -o-background-size:cover;
          background-size:cover;
}
.section-action-tv .price-real {
  text-shadow: 3px 3px 3px #fff;
}

.section-tv-packets h2 {
  font-size: 30px;
}


.packet-tv.bg-yellow-1 {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9da6f', endColorstr='#f0eab7',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #f0eab7 0%, #f7f86f 50%, #e9da6f 80%, #d5b66f 100%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #f0eab7 0%, #f7f86f 50%, #e9da6f 80%, #d5b66f 100%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #f0eab7 0%, #f7f86f 50%, #e9da6f 80%, #d5b66f 100%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #f0eab7 0%, #f7f86f 50%, #e9da6f 80%, #d5b66f 100%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
  margin-bottom: 60px;
}
.packet-tv.bg-yellow-1:hover {
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #f0eab7 0%, #f7f86f 50%, #e9da6f 80%, #d5b66f 110%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #f0eab7 0%, #f7f86f 50%, #e9da6f 80%, #d5b66f 110%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #f0eab7 0%, #f7f86f 50%, #e9da6f 80%, #d5b66f 110%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #f0eab7 0%, #f7f86f 30%, #e9da6f 80%, #d5b66f 110%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}

.packet-tv.bg-blue-1,
.packet-tv.bg-blue-5,
.packet-tv.bg-blue-9 {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e1ff', endColorstr='#92d1f3',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #92d1f3 0%, #b3e1ff 50%, #b3e1ff 70%, #9ebff7 100%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #92d1f3 0%, #b3e1ff 50%, #b3e1ff 70%, #9ebff7 100%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #92d1f3 0%, #b3e1ff 50%, #b3e1ff 70%, #9ebff7 100%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #92d1f3 0%, #b3e1ff 50%, #b3e1ff 70%, #9ebff7 100%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-tv.bg-blue-1:hover,
.packet-tv.bg-blue-5:hover,
.packet-tv.bg-blue-9:hover {
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #92d1f3 -20%, #b3e1ff 50%, #b3e1ff 70%, #9ebff7 120%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #92d1f3 -20%, #b3e1ff 50%, #b3e1ff 70%, #9ebff7 120%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #92d1f3 -20%, #b3e1ff 50%, #b3e1ff 70%, #9ebff7 120%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #92d1f3 -20%, #b3e1ff 50%, #b3e1ff 70%, #9ebff7 120%);

  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}

.packet-tv.bg-blue-2,
.packet-tv.bg-blue-6,
.packet-tv.bg-blue-10 {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68cbed', endColorstr='#279abb',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #279abb 0%, #68cbed 50%, #68cbed 70%, #22a4cb 100%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #279abb 0%, #68cbed 50%, #68cbed 70%, #22a4cb 100%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #279abb 0%, #68cbed 50%, #68cbed 70%, #22a4cb 100%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #279abb 0%, #68cbed 50%, #68cbed 70%, #22a4cb 100%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-tv.bg-blue-2:hover,
.packet-tv.bg-blue-6:hover,
.packet-tv.bg-blue-10:hover {
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #279abb -20%, #68cbed 50%, #68cbed 70%, #22a4cb 120%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #279abb -20%, #68cbed 50%, #68cbed 70%, #22a4cb 120%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #279abb -20%, #68cbed 50%, #68cbed 70%, #22a4cb 120%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #279abb -20%, #68cbed 50%, #68cbed 70%, #22a4cb 120%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-tv.bg-blue-3,
.packet-tv.bg-blue-7,
.packet-tv.bg-blue-11 {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3fc', endColorstr='#00c3f9',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #00c3f9 0%, #00f3fc 50%, #00f3fc 70%, #00acfe 100%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #00c3f9 0%, #00f3fc 50%, #00f3fc 70%, #00acfe 100%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #00c3f9 0%, #00f3fc 50%, #00f3fc 70%, #00acfe 100%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #00c3f9 0%, #00f3fc 50%, #00f3fc 70%, #00acfe 100%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-tv.bg-blue-3:hover,
.packet-tv.bg-blue-7:hover,
.packet-tv.bg-blue-11:hover {
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #00c3f9 -20%, #00f3fc 50%, #00f3fc 70%, #00acfe 120%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #00c3f9 -20%, #00f3fc 50%, #00f3fc 70%, #00acfe 120%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #00c3f9 -20%, #00f3fc 50%, #00f3fc 70%, #00acfe 120%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #00c3f9 -20%, #00f3fc 50%, #00f3fc 70%, #00acfe 120%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-tv.bg-blue-4,
.packet-tv.bg-blue-8,
.packet-tv.bg-blue-12 {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72a8db', endColorstr='#4d85c4',GradientType=0 ); /* IE6-9 */
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #4d85c4 0%, #72a8db 50%, #72a8db 70%, #4e87ce 100%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #4d85c4 0%, #72a8db 50%, #72a8db 70%, #4e87ce 100%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #4d85c4 0%, #72a8db 50%, #72a8db 70%, #4e87ce 100%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #4d85c4 0%, #72a8db 50%, #72a8db 70%, #4e87ce 100%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-tv.bg-blue-4:hover,
.packet-tv.bg-blue-8:hover,
.packet-tv.bg-blue-12:hover {
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(to top, #4d85c4 -20%, #72a8db 50%, #72a8db 70%, #4e87ce 120%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(to top, #4d85c4 -20%, #72a8db 50%, #72a8db 70%, #4e87ce 120%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(to top, #4d85c4 -20%, #72a8db 50%, #72a8db 70%, #4e87ce 120%);
  background-image:         repeating-linear-gradient(-45deg, rgba(99,99,99, 0.04), rgba(99,99,99, 0.04) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                      linear-gradient(to top, #4d85c4 -20%, #72a8db 50%, #72a8db 70%, #4e87ce 120%);
  -webkit-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;
}
.packet-tv h2 {
  margin-top: 0;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  text-shadow: -1px 1px 1px rgba(99,99,99, 0.5);
}

.packet-tv .price-big {
  font-size: 80px;
  text-shadow: -1px 2px 2px rgba(99,99,99, 0.7);
  color: #fff;
}
.packet-tv .price-small {
  text-shadow: -1px 1px 1px rgba(99,99,99, 0.5);
  color: #fff;
}
.packet-tv .packet-data {
  margin-top: 0;
  text-align: left;
}

.packet-tv .packet-img {
  display: inline-block;
}
.chan-list-box {
  background: #fff;
  min-height: 100px;
  padding-top: 55px;
  margin: -40px 10px 0 10px;
  text-align: center;
  width: 90%;
  display: inline-block;
}
/*
.chan-list-box .caret_blue_down,
.news .caret_blue_down,
.pay .caret_blue_down,
.pay .caret_blue_up {
  color: #33adff;
}*/
.pay-message {
  color:#fff; 
  padding: 5px 70px 10px; 
  background: #226ab2;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px;
  margin-top: 40px;
}
.pay-message .more {
  float: none;
  text-align: right;
}

.detail-block .price-big{
  color: #fff;
  padding-top: 20px;
}
.detail-block .price-unit {
  color: #fff;
  display: block;
  font-size: 17px;
  margin-left: 12px;
}
.detail-block .price-unit span {
  border-top: 1px solid #fff;
}
.detail-block .img-block {
  text-align: center;
  __display: inline-block;
  margin: 0 auto;
}


.detail-block .text-block p {
  margin-bottom: 20px;
}
.detail-block .text-block .note {
  padding-left: 0;
  font-size: 70% !important;
}


.page_contacts h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2em;
  margin-bottom: 15px;
}
.page_contacts .text-block {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4em;
  margin-bottom: 15px;
}
.page_contacts .text-block p {
  margin-bottom: 25px;
}
.page_contacts .content_border {
  border-radius: 16px;
  padding-right: 15px;
}
.page_contacts .content_border .img-wrap img {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.page_contacts .content_border .img-wrap {
  margin-left: -15px;
  overflow: hidden;
}
.page_contacts .content_border,
.page_contacts .content_border .img-wrap img {
  max-height: 570px;
}

.page_feedback {
  overflow: hidden;
}
.page,
.page_feedback,
.section-feedback {
  margin-bottom: 60px;
}
.section-feedback h3 {
  text-align: center;
}
.section-feedback form {
  margin-top: 15px;
  margin-bottom: 5px;
}
.section-feedback .form-group {
  margin: 15px 0px 0px;
}
.section-feedback .note {
  margin-left: 0px;
}
.section-feedback .note,
.section-feedback .checkbox {
  font-size: 11px;
  color: #679FD6;
}
.section-feedback .checkbox {
  margin-left: 15px;
}
.section-feedback {
  margin-bottom: 75px;
}
.section-feedback .btn-block {
  padding-bottom: 30px;
}

.page_feedback h3 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;  
}
.page_feedback .form-horizontal .control-label {
  text-align: left; 
}
.page_feedback .button-group {
  margin-top: 40px;
  margin-bottom: 30px;
}
.page_feedback .button-group .send {
  float: right;
}
.page_feedback .bg-blue {
  padding-bottom: 20px;
}

.page_regulations .bg-blue-0 {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 50px;
}
.page_regulations .bg-light-blue {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.page_regulations .zip a, .page_regulations .pdf a {
  display: block;
}

#pay-error, .pay-status {
  padding: 20px;
  margin-bottom: 12px;
}

.p_img {
  margin-top: 10px;
  border: 2px solid #fff;
  -webkit-box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.4);
          box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.4);
}
.p_img:hover {
  -webkit-transform: scale(1.01);
     -moz-transform: scale(1.01);
       -o-transform: scale(1.01);
          transform: scale(1.01);
  -webkit-box-shadow: -2px 5px 7px rgba(0, 0, 0, 0.5);
          box-shadow: -2px 5px 7px rgba(0, 0, 0, 0.5);
}
.bg-about-tv {
  background: #fff url('img/bg_about_tv_.jpg') no-repeat top left;
  padding-top: 30px;
  margin-top: 70px;
}


.page_money-back .bg-form {
  background-color: #EDF4FA;
  margin-bottom: 70px;
  padding-bottom: 50px;
}
.page_money-back h2 {
  font-size: 32px;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 30px;
    letter-spacing: -0.05em;
}
.page_money-back h3 {
  font-size: 26px;
  margin-top: 35px;
  letter-spacing: -0.05em;
}
.page_money-back .control-label {
  text-align: left;
}
.page_money-back .form-group {
  margin-bottom: 23px;
}
.page_money-back .success-msg {
  margin-top: 10px; 
  margin-bottom: 10px;
}
.page_money-back .file_download-img {
  width: 22px;
  margin-top: -4px;
  margin-right: 10px;
}


.page_blackout p,
.page_blackout li {
  line-height: 1.3em;
}
.page_money-back h4,  
.page_blackout h4 {
  font-size: 26px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 25px;
}
.page_blackout h4 a {
  color: #fff;
}
.page_money-back .header h4, 
.page_blackout .header h4 {
 font-size: 22px;
 text-align: center;
}

.page_blackout h2 {
  font-size: 50px;
  letter-spacing: -0.03em;
  line-height: 90%;
  margin-bottom: 70px;
  margin-top: 35px;
}
.page_blackout .section-ups {
  background-color: #EDF4FA;
  margin-bottom: 50px;
  padding-bottom: 30px;
}
.page_blackout .section-ups .img-block {
  margin-top: 55px;  
}
.page_blackout .section-video {
  margin-bottom: 70px;
}
.page_blackout .panel > .panel-heading {
  color: #fff;
  background-color: #025FBB;
  border-color: #025FBB;
  border-radius: 50px;
  height: 96px;
  position: relative;
  display: flex;
  align-items: center;    
}
.page_blackout .panel > .panel-heading::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  background-position: -500px -100px;
  top: 24px;
  left: 23px;
}
.page_blackout .panel > .panel-heading.ico--ethernet::before {
  background-position: -500px 0px;
}
.page_blackout .panel-heading h4 {
  font-size: 26px;
  margin: 0;
  padding-left: 70px;
    padding-bottom: 5px;
  display: block;
  text-align: left;
}
.page_blackout .section-manual {
  font-size: 14px;
  margin-top: 20px;
}
.page_blackout .section-manual ul {
  padding-left: 12px;
}
.page_blackout .section-manual li {
  margin-bottom: 20px;
/*  list-style-type: none;*/
}
.page_blackout .panel .img-block {
  margin-bottom: 20px;
}
.page_blackout .panel .img {
  border-radius: 10px;
}


.modified-accordion .card-header{ position: relative;}
.modified-accordion .card-header:after{ content: ''; position: absolute; width: 100%; 
 height: 100%; left: 0; top: 0;}
.modified-accordion .collapse:not(.show){ display: block;}



/* TV program
------------------------------*/
.tv-pack-select {
  display: inline-block;
}

.tbl {
  display: table;
}
.tbl-row {
  display: table-row;
}
.tbl-cell {
  display: table-cell;
}

.section-tv-prog-nav .prog_menu {
  background-color: #d9e7f5;
  border-radius: 20px;
  padding: 25px; 
}
.section-tv-prog-nav .packets,
.section-tv-prog-nav .themes,
.section-tv-prog-nav .range,
.section-tv-prog-nav .tv-tool
 {
  display: inline-block;
}
.section-tv-prog-nav .tv-tool {
  float: right;
}
.page_tv_program .section-tv-prog-nav .prog_menu {
  padding: 25px;
  margin-bottom: 5px;
}

/* Calendar
-------------------------------*/
.calendar .tbl {
  width: 100%;
}
.calendar .tbl-row,
.calendar .themes {
  border-radius: 20px;
}
.calendar .cur_day {
  background-color: #025FBB;
}
.calendar .tbl-cell {
  text-align: center;
  vertical-align: middle;
  width: 8%;
}
.calendar .weekday,
.calendar .day_month {
  display: block;
}
.calendar .date,
.calendar .week_arrow {
  /*margin: 10px;*/ 
}
.calendar a.week_arrow {
  width: 38px;
  height: 38px;
  display: block;
  background-color: #edf4fa;
  border-radius: 19px;
}
.calendar .l_week a.week_arrow {
  border-radius: 19px;
    margin: auto 0 auto auto;
}
.calendar a.week_arrow .arrow-left,
.calendar a.week_arrow .arrow-right {
   background-position: -250px -300px;
   width: 8px;
   height: 18px;
   margin-top: 11px;
} 
.calendar a.week_arrow .arrow-left {
   background-position: -251px -249px;
} 


.calendar a.week_arrow:hover,
.calendar a.week_arrow:focus {
  background-color: #679fd6;
}
.calendar a.week_arrow.disabled:hover,
.calendar a.week_arrow.disabled:focus {
  background-color: #edf4fa;
}
.calendar .week_last,
.calendar .week_next {
  display: none;
}
.calendar .date a,
.calendar .week_arrow a {
  padding: 5px 6px;
}
.calendar .weekday {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.calendar .day_month {
  white-space: nowrap;
  font-size: 16px;
}

.calendar a { 
  text-decoration:none; 
  color:#fff;
}
.calendar a .weekday {color:#002B75; font-size: 18px;}
.calendar .sel a {color:#fff;}
.calendar .date_sel { color:#fff; }

.calendar .date a {
  display: block;
  background-color:#679fd6;
  margin-right: 1px;
}
.calendar .date a:hover,
.calendar .themes a:hover {
  color:#fff;
  background-color:#025FBB;
}  
.calendar a.day.sel, 
.calendar a.day.sel:hover,
.calendar a.day:hover,
.calendar a.day:hover .weekday,
.calendar a.day.sel .weekday {
  color: #fff;
  background: #025FBB;
}
.calendar .w_1 a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;  
}
.calendar .w_7 a {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;  
}

/* TV program Tool
-------------------------------*/

#tvTool {margin: 10px 10px 50px 30px; }
#tvTool table {margin: 0 10px 0 10px; text-align: left;}
#tvTool input { font-size:11px; }
#tvTool .section {  margin-bottom:10px; margin-top:20px;text-align:center}
#tvTool .but_all {margin-bottom:10px; text-align:center; }
#tvTool h2 { margin-left:30px;}
#tvTool .button {margin: 10px;}
#tvTool .btn-block {margin-top: 20px;}

.tv_program .chan_prog {
  border: 2px solid transparent;
  margin-bottom: 30px;
  overflow: hidden;
  max-height: 625px;
  position: relative;
  border-radius: 20px;
  box-shadow: 1px 1px 60px -6px rgba(0, 43, 117, 0.25);
  -webkit-box-shadow:  1px 1px 60px -6px rgba(0, 43, 117, 0.25);
  -moz-box-shadow:  1px 1px 60px -6px rgba(0, 43, 117, 0.25);    
  margin-top: 20px;   
  border-bottom: 20px #fff solid; 
}
.tv_program .chan_prog:focus-within, 
.tv_program .chan_prog.focus {
    border: 2px solid #025fbb;
}

.chan_scroll {
  height: 600px;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */    
}
.tv_program_scroll {
  height: 680px;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
 -ms-overflow-style: none;  /* Internet Explorer 10+ */    
  margin-bottom: 100px;
  border-radius: 20px;
  padding-top: 20px;
}

.tv_program .header {
  padding: 0 0 2px;
  display: block;
  margin: 2px auto 20px;
  text-align: center;
}
.tv_program .header h4 {
  text-align: center;
  font-size: 17px;
  margin-top: 0px;
}
.tv_program .header h4 a {
  color: #002b75;
  text-decoration: none;
}  

.tv_program .item {
  /* height: 89px; */
  padding: 15px 10px 10px 15px;
  overflow: hidden;
  clear: both;
}

.tv_program .item-first {
 padding-bottom: 20px;
}
.tv_program .item-last {
  border-bottom: none;
}

.tv_program .header a {
  color: #fff;
}
.tv_program .chan-logo {
  margin: 5px auto 0;
  border-radius: 16px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.tv_program td, th {
  vertical-align: top;
}
.tv_program .packet{
  text-transform: uppercase;
  font-size: 15px;
  border-bottom: 1px dashed #4885bf;
  display: inline;
}
.bubble-tv-prog { max-width: 50%;}
.bubble-tv-prog h4 {color: #4885bf; padding-top: 0px !important;}
.tv-prog-left {width: 35%;}
.tv-prog-right {width: auto;}
.tv_time { float: left;}
.tv_now {
  position: relative; 
}
.chan_prog .item .title {
  display: block;
  padding-left: 45px;
}
.tv_now_back_bg {
  background: #d9e7f5;
  width: 90%;
  height: 7px;
  position: absolute;
  bottom: 5px;
  left: 17px;
  z-index: 1;
  border-radius: 4px;
}
.tv_now_back {
  background: #025fbb;
  width: 50%;
  height: 7px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}

.tv-menu-block {
  margin: 15px 102px 0;
}
.tv-menu-block .dropdown-menu {
  text-align: left;
}
.tv-menu-block .dropdown-menu .sel {
  font-weight: 800;
}

@media (max-width: 1246px) {
  .nav.nav-main {
    padding: 12px 3px 16px;
  } 
}  

.visible-xl {
  display: none !important;
}
@media (min-width: 1200px) {
  .container {
    width: 1360px;
  }
  
/*.page_tv .section .bg-img-wrap,*/  
  .page_gig .section.gigabit .bg-img-wrap {
    max-width: 450px;
  }
}


@media (min-width: 1200px) and (max-width: 1358px) {
  .container {
    width: 1170px;
  }
  .mainShow .container,
  .navbar-bg .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
    width: 100%;
  }
  .page_inet_pon .actions-block .fly {
    width: 140px;
    height: 140px;
    top: 95px;
    right: -43px;
  }
  .tv-menu-block {
    margin: 15px 89px 0;
  }
  .page_tv .section-tv .bg-img-wrap,  
  .page_gig .section.gigabit .bg-img-wrap {
    margin-left: 0px;
  }
  .page_tv .section-tv .bg-img,  
  .page_gig .section.gigabit .bg-img {
    margin: -28px -11px -28px -15px;
    position: relative;
  }

  .page_tv .section-tv .bg-img-wrap {
    width: 600px;
      position: relative;
  }
  .page_tv .section-tv .bg-img-mask-1 {
    width: 488px;
  }
  .page_gig .section.gigabit .bg-img-wrap {
    max-width: 488px;
  }
  .page_tv .section-tv .bg-img img {
    height: 100%;
  }
  .section-add-action .bg-img img,
  .page_gig .section.gigabit .bg-img img {
    width: 488px;
  }
  
  .section.gigabit .inner-block {
    padding-right: 25px;
  }
  .page_gig .section.gigabit .bg-img .drago-tail {
    left: -196px;
  }
  .page_gig .section.gigabit-km .bg-img .drago-tail {
    left: -671px;
  }  
  .section-add-action .inner-block {
    padding-left: 25px;
  }
  .actions-block .action-wrap {
    padding: 0px;
  } 
  .page_inet_pon .section-benefits .block-4 {
    margin-top: -36px;
  } 
  .page_inet_tv .section-benefits .block-4 {
    margin-top: -30px;
  }
  .tv-chans-menu .btn-primary {
    padding: 9px 24px;
    margin-right: 5px;
  }
}


@media (min-width: 992px) and (max-width: 1200px) {
  .container {
    width: 970px;
  }
  .navbar-bg .container {
    width: 1020px;
  }
  .navbar-1-left {
    left: 18px;
  }
  .navbar-top .navbar-1 a.white-border {
  padding: 3px 10px 4px;
  }
  .section-add-action .bg-img {
    margin: -28px -11px;
    max-width: 370px;
  }
  .page_tv .section-tv .bg-img,
  .page_gig .section.gigabit .bg-img {
    margin: -20px -11px;
    max-width: 370px;
  }
  .page_gig .section.gigabit .bg-img .drago-tail {
    left: -284px;
  top: 242px;
  }
  .page_gig .section.gigabit-km .bg-img .drago-tail {
    left: -592px;
    top: 266px;
  }
  .page_gig .section-benefits .block-1 {
  background-position-y: bottom;
  }
  .page_gig .section-benefits .block-4 {
    margin-top: -103px;
  }
  .page_inet .section-benefits .block-4 {
    margin-top: -58px;
  }
  .page_inet_pon .section-benefits .block-4 {
    margin-top: -74px;
  }   
  .page_inet_tv .section-benefits .block-4 {
    margin-top: -80px;
  }
  
}





@media (min-width: 1359px) {
  .mainShow .container {
    width: 1440px;
  }  
  .navbar-bg .container {
    width: 1360px;
  }
}


@media (min-width: 1200px) {
  .visible-xl {
    display: block !important;
  }
  .hidden-xl {
    display: none !important;
  }

  .tv-menu-block .visible-lg {
    display: inline-block !important;
  }
}



/* News Action
------------------------------*/
.blue-gradient {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01c6f9', endColorstr='#00a2f5',GradientType=0);
  background-image: -webkit-linear-gradient(to top, #00a2f5 0%, #01b9fb 50%, #01c6f9 93%, #01a9d2 100%);
  background-image:      -o-linear-gradient(to top, #00a2f5 0%, #01b9fb 50%, #01c6f9 93%, #01a9d2 100%);
  background-image:         linear-gradient(to top, #00a2f5 0%, #01b9fb 50%, #01c6f9 93%, #01a9d2 100%);
  min-height: 88px;
}

.blue-line {
  background: #4885bf;
  height: 1px;
}

.blue-separator {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01c6f9', endColorstr='#00a2f5',GradientType=0);
  background-image: -webkit-linear-gradient(to top, #00a2f5 0%, #01b9fb 50%, #01c6f9 93%, #01a9d2 100%);
  background-image:      -o-linear-gradient(to top, #00a2f5 0%, #01b9fb 50%, #01c6f9 93%, #01a9d2 100%);
  background-image:         linear-gradient(to top, #00a2f5 0%, #01b9fb 50%, #01c6f9 93%, #01a9d2 100%);
  height: 37px;
}

.white-line {
  background: #fff;
  height: 1px;
}

.white-page,
.gray-page {
  padding-top: 30px;
  padding-bottom: 70px;
}
.gray-page {
  border-top: 1px solid #4885bf;
}

.bordered {
  border: 2px solid #fff;
}



.news {
}
.section-news .news_body {
  position: reltive;
}
.news-one {
  margin-top: 30px;
  margin-bottom: 50px;
}
.news-one .header {
  position: absolute;
  left: 460px;
  height: 206px;
}
.news-one .header .btn {
  bottom: 0px;
  margin-left: 0;
  margin-top: 15px;
}
.news h1 {
  font-weight: 700;
  font-size: 32px;
  text-align: left;
  line-height: 1.1em;
  margin: 20px 0;
}
.news_body .img-block {
  text-align: left;
  display: inline-block;
  margin: 0 auto 30px;
}
.news_body ol,
.news_body ul {
  padding-left: 25px;
}
.news_date {
  font-size: 14px;
  letter-spacing: 0.1em;
}
.news-one .img-block img {
  border-radius: 16px;
  width: 420px !important;
}
.news-one .back-block {
  margin-left: 15px;
}

.news-one .note-block { 
  margin-top: 35px;
}


.note-block .anichange { 
  font-weight: 700;
  position: relative;
}
.note-block .ico-after::after {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background-position: -250px -200px;
  top: 8px;
  right: -30px;
}
.note-block .ico-after.open::after {
  background-position: -250px -150px;
}
.more-block  {
  margin-top: 40px;
}

.action-bottom-btn {
  margin-top: 30px;
}
.page_news_action .section-add {
  margin-top: 50px;
  margin-bottom: 70px;
}
.page_news_action .section-benefits {
  margin-bottom: -4px;
  padding-bottom: 0px;
}

.page_news_action .row-bottom {
  margin-top: 50px;
  margin-bottom: 100px;
} 
.page_news_action .header h1 {
/*	font-size: 48px;*/
	text-align: left;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 1.2em;
	margin-top: 30px;
}
.page_news_action .header h2 {
	font-size: 24px;
	text-align: left;
	font-weight: 700;
	margin-bottom: 50px;
	line-height: 1.1em;
	margin-top: 30px;
	color: #025fbb;
}
.page_news_action .action-bg-image-wrap {
	position: relative;
}
.page_news_action .action-bg-image {
	position: absolute;
    left:-24px;
    top: 220px;    
}
.page_news_action .ico-blue-calendar {
	margin-right: 10px;
	margin-bottom: -7px;
}
.page_news_action .action-date {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 55px;
}
 
.page_news_action .action-form {
	background-color: #679fd6;
	border-radius: 20px;
	padding: 50px 50px 10px 50px;
	margin-bottom: 150px;
}
.page_news_action .action-form h3 {
	font-size: 24px;
	margin-top: 0px;
}
.page_news_action .action-form .message-ok {
	font-size: 17px;
	color: #fff;
	line-height: 1.5em;
	padding-bottom: 80px;
	padding-top: 40px;
	font-weight: 600;
}
.page_news_action .cimage {
	height: 2.5em;
    margin-right: 10px;
}
.page_news_action .control-label {
	color: #fff;
}
.page_news_action .action-form .btn-large {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
}


.page_news_action h2.anounce {
	font-size: 48px;
	text-align: center;
	font-weight: 300;
	margin-bottom: 50px;
	line-height: 1.1em;
}
.page_news_action .actions-block h2 {
  border-bottom: 1px solid #fff;
}
.page_news_action .actions-block .advantages {
  border-bottom: none;
  padding-bottom: 35px;
}
.page_news_action .actions-block .btn {
  float: none;
  width: 100%;
}
.page_news_action .actions-block h2 {
  margin-top: 0px;
  margin-bottom: 55px;
  padding-bottom: 25px;
}
.page_news_action .actions-block .price-big {
	font-size: 55px;
	color: #ffdb65;
}
.page_news_action .price-big .price-unit {
	font-size: 22px;
	letter-spacing: 0.001em;
}
.page_news_action .actions-block .period {
	font-size: 22px;
	color: #ffdb65;
	font-weight: 600;
	margin-top: -10px;
	margin-bottom: -10px;
}
.page_news_action .actions-block .button-block {
	margin-bottom: 30px;
}
.page_news_action .action-slider-bg {
	background: url('img/action-slider-bg.jpg') no-repeat center 0px;
	margin-bottom: 25px;
}
.page_news_action .action-top-bg {
    background-color: #edf4fa;
    padding-top: 50px;
}
.page_news_action .actions-block .action-wrap {
	background: rgba(2,95,187,0.9);
}

.page_news_action .benefits {
  
}
.page_news_action .row-main {
  margin-top: 30px;
  position: relative;
}
.page_news_action .features-row {
  min-height: 260px; 
}
.page_news_action .features-spacer {
  height: 410px; 
}
.page_news_action .row-2 {
  margin-top: -170px;
  position: absolute;
  width: 100%;       
}
.page_news_action .row-3 {
  margin-top: -83px;
  position: absolute;
  width: 100%;       
}
.page_news_action .row-4 {
  margin-top: 110px;
  position: absolute;
  width: 100%;       
}

.page_news_action .row-main {
  position: relative;
}
.page_news_action .card img {
  width: 100%;
  border-radius: 15px;
}
.page_news_action .card-text {
  margin-top: 5px;
  font-size: 17px;
  color: #002b75;
}
    
.page_news_action .decor {
  border-radius: 15px;
  width: 100%;
}


.page_news_action .decor-square {
  aspect-ratio: 1 / 1;
  background: #eff3f2;
}
.page_news_action .decor-half {
  aspect-ratio: 2 / 1;
  background: #feedff;
}
.page_news_action .decor-third {
  aspect-ratio: 3 / 2;
  background: #f0edfe;
  margin-top:60px;
}
.page_news_action .decor-fifth {
  aspect-ratio: 4 / 1;
  background: #edf6ff;
}
.page_news_action .decor-color-1 {
  background: #edfaff;
  margin-top:45px;
}
.no-aspect .decor-square { height: 170px; }
.no-aspect .decor-half { height: 85px; }
.no-aspect .decor-third { height: 56px; }   
.no-aspect .decor-fifth { height: 60px; }   

@media (min-width: 1200px) {
  .page_news_action .header h1 {
	font-size: 48px;
  }
}  
@media (max-width: 1199px) {
  .page_news_action .action-form h3 {
  	font-size: 22px;
  	margin-top: 0px;
  }
  .page_news_action .action-form {
  	padding: 25px 20px 10px 20px;
  }  
}  
@media (max-width: 991px) {
  .page_news_action .header h2 {
	font-size: 20px;
  }
  .page_news_action .action-bg-image {
    left:-124px;
    top: 180px;
  } 
  .page_news_action .row-2, .page_news_action .row-3, .page_news_action .row-4{
     margin-top: unset;
     position: unset;
  }  
  .page_news_action .section-benefits {
  	margin-top: 55px;
  }   
  .page_news_action .card {
  	margin-top: -55px;
  }    
  .page_news_action .card-even {
  	margin-top: 55px;
  }   
  .page_news_action .card {
  	margin-bottom: 10px;
  }  
}   
@media (max-width: 768px) {
  .page_news_action .action-form {
  	margin-top: 205px;
  }
  .page_news_action .action-date {
  	font-size: 17px;
    margin-bottom: 0px;
  }   
  .page_news_action .header h1 {
  	margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 15px;
  }  
  .page_news_action .header h2 {
  	margin-top: 0;
  }  
  .page_news_action .action-bg-image {
  	left: -24px;
  	top: 205px;
  }  
  .action-bg-image img {
    width: 360px;
  }
  .page_news_action .action-form .btn-large {
  	padding-top: 15px;
  	padding-bottom: 15px;
    margin-bottom: 10px;
  }  
  .page_news_action .action-form {
  	padding: 25px 20px 0px 20px;
    margin-bottom: 0px;
  } 
  .page_news_action h2.anounce {
  	font-size: 30px;
  	margin-top: 0;
  	padding-top: 10px;
  	line-height: 1.2em;
  	margin-bottom: 0px;
  	padding-bottom: 10px;
  }
  .page_news_action .actions-block h2 {
  	margin-top: 4px;
  	margin-bottom: 50px;
  	padding-bottom: 34px;
  }
  .page_news_action .actions-block .period {
  	margin-top: 2px;
  	margin-bottom: 22px;
  }
  .page_news_action .actions-block .advantages {
  	padding-bottom: 10px;
  }
  .page_news_action .actions-block .btn {
  	padding-top: 15px;
  	padding-bottom: 15px;
  }  
  .page_news_action .section-benefits {
  	margin-top: 35px;
  }   
  .page_news_action .card {
  	margin-top: -35px;
  }    
  .page_news_action .card-even {
  	margin-top: 35px;
  } 
  .page_news_action .features-spacer {
	height: 10px;
  } 
  .page_news_action .row-bottom {
  	margin-top: 50px;
  	margin-bottom: 50px;
  } 
  .page_news_action .section-back-block {
  	padding-top: 0;
  	padding-bottom: 0;  
  } 
  .page_news_action .action-slider-bg {
	background-position: center -20px;
  } 
}  



.page_news_all h2 {
  font-weight: 600;
  font-size: 24px;
  margin: 15px auto 0px;
  line-height: 1.2em;
  padding: 0;
}
.page_news_all .actions-block {
  margin-bottom: 15px;
}
.page_news_all .section-add {
  margin-top: 100px;
  margin-bottom: 100px;
}
.page_news_all  .content_border {
  border-radius: 16px;
}
.page_news_all .action-img {
  overflow: hidden;
  max-height: 210px;
}
.page_news_all .action-img img {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.page_news_all .text-block {
  box-shadow: 1px 1px 60px -6px rgba(0, 43, 117, 0.38);
  padding: 20px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  min-height: 160px;
  background-color: #fff;
  color: #002B75;
  font-size: 14px;
  letter-spacing: 0.1em;
}
.page_news_all .actions-block .action-wrap {
  border-radius: 20px;
    margin-bottom: 30px;
}

.page_promo_one .section-benefits {
  margin-bottom: -3px;
  padding-bottom: 0px;
}

.pay .bg-gray {
  padding-bottom: 70px;
}
.pay .radio {
  margin-left: 25px;
  margin-bottom: 15px;
}
.pay-img {
  display: block;
  background: #fff;
  text-align: center;
  border-radius: 16px;
  padding: 14px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.pay-img-blue {
  background-color: #025FBB;
    margin-left: -15px;
}
.pay-img-white {
  box-shadow: 1px 1px 60px -6px rgba(0, 43, 117, 0.25);
  margin-right: -15px;
}



.page_master_class {
  font-size: 18px;
  line-height: 1.2em;
}
.page_master_class h2 {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  /* margin-bottom: 30px; */
  margin: 15px auto 0px;
  margin-bottom: 0px;
  line-height: 1.2em;
  padding: 0;
  padding-bottom: 30px;
}

.page_master_class h2 small {
  font-size: 26px;
  display: block;
  margin-top: 11px;
}
.page_master_class h4 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
}
.page_master_class .bg-mast-class {
  background-color: #EDF4FA;
  border-radius: 16px;
  padding: 35px;
}
.page_master_class .bg-mast-class img {
  border-radius: 6px;
  margin-bottom: 30px;
}
.page_master_class .bg-mast-class h4 {
  margin-top: 0;
}
.page_master_class .action-detail {
 margin-top: 0px;
}
.page_master_class .section-sect .content_border {
  border-radius: 16px;
    background-color: #025fbb;
}
.page_master_class .section-sect .action-img {
  overflow: hidden;
  max-height: 170px;
}
.page_master_class .action-img img {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.page_master_class .text-block {
  padding: 20px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  min-height: 150px;
  background-color: #025fbb;
  color: #fff; 
  font-size: 14px;
  letter-spacing: 0.1em;
}
.page_master_class .section-sect h2 {
  text-align: left;
}
.page_master_class .section-sect h2 a,
.page_master_class .section-sect h2 small
 {
  color: #fff; 
}
.page_master_class .section-sect h2 small {
  font-size: 18px;
  display: block;
  margin-top: 5px;
  letter-spacing: 0em;
}
.page_master_class .contact-block {
  margin-top: 25px;
}

.tv-choice p, .tv-choice li {
  text-align: justify;
}
.tv-choice h3 {
  font-size: 20px;
  margin: 15px auto 10px;
}
.tv-choice .action-btn {
  padding: 12px;
  font-size: 16px;
  margin: 35px auto 150px;
}
.quest .embed-responsive {
  background-image: -webkit-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.4), rgba(99,99,99, 0.4) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                              -webkit-linear-gradient(50deg, rgba(3, 107,167, 1), rgba(8, 62, 100, 1) 80%);
  background-image:    -moz-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.4), rgba(99,99,99, 0.4) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                 -moz-linear-gradient(50deg, rgba(3, 107,167, 1), rgba(8, 62, 100, 1) 80%);
  background-image:      -o-repeating-linear-gradient(-45deg, rgba(99,99,99, 0.4), rgba(99,99,99, 0.4) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                   -o-linear-gradient(50deg, rgba(3, 107,167, 1), rgba(8, 62, 100, 1) 80%);
  background-image:         repeating-linear-gradient(-45deg, rgba(199,199,199, 0.07), rgba(199,199,199, 0.07) 2px, rgba(220,220,220, 0) 4px, rgba(220,220,220, 0) 8px),
                                     linear-gradient(50deg, #00a2f5, rgba(8, 62, 100, 1) 120%);
  margin: 20px auto 10px;
  border: 1px solid #fff;
  -webkit-box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.4);
          box-shadow: -2px 4px 5px rgba(0, 0, 0, 0.4);
}

.play-btn {
  background: #444;
  border-radius: 50% / 10%;
  color: #FFFFFF;
  font-size: 0.9em; /* change this to change size */
  height: 3em;
  margin: 20px auto;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: 0.1em;
  transition: all 150ms ease-out;
  width: 4em;
}

.play-btn:hover {
  background: #f00;
}

.play-btn::before {
  background: inherit;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}

.play-btn::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
  content: ' ';
  font-size: 0.75em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}
.company .bg-gray,
.company .bg-white,
.feedback .bg-gray,
.tune .bg-gray,
.tune .bg-white,
.quest .bg-gray,
.quest .bg-white,
.club-everest .bg-gray,
.club-everest .bg-white,
.tv-choice .bg-gray,
.tv-choice .bg-white {
  padding: 30px 0 50px;
}
.quest h2,
.company h2,
.feedback h2,
.club-everest h2,
.tune h2,
.tv-choice h2 {
  color: #fff;
  margin-top: 6px;
  text-align: left;
  margin-bottom: 10px;
  margin-left: 25px;
  line-height: 1.6em;
}
.feedback h3 {
  margin-bottom: 10px;
  margin-top: 30px;
  text-align: center;
}
.quest .ico,
.company .ico,
.feedback .ico,
.club-everest .ico-club,
.tune .ico,
.tv-choice .ico{
  margin-bottom: -27px;
  margin-right: 10px;
}
.company .dot-red {
  margin-left: 29px;
}
.company h2 {
  color: #002b75;
  margin-bottom: 36px;
  line-height: 45px;
}
.blue-gradient h2 {
  color: #fff;
}
.feedback .note {
  padding-left: 0;
}
.feedback .capcha-group {
  margin-top: 42px;
}
.feedback .capcha-group .refresh {
  margin-left: 25px;
}
.form-warn-msg {
  padding-top: 9px;
  display: inline-block;
}

.question {
  margin-top: 30px;
  font-weight: bold;
  margin-bottom: 2px;
  margin-left: 25px;
}
.question .dot-yellow {
  margin-left: -25px;
}
.answer {
  margin-left: 25px;
}
.ans_detail {
  margin-left: 25px;
}

.page_pay {
  margin-bottom: 50px;
}

.page_pay .fportmone {
  background: #d9e7f5;
  color: #002b75;
  border-radius: 20px;
  padding-top: 25px;
  padding: 25px 50px 50px;
}

.page_pay #pay-message, .page_pay #bad, .page_pay #good {
  text-align: center;
  font-weight: 700;
}
.page_pay #bad {
  color: #d9222a;
}

.page_pay form {
  padding-top: 25px;
}
.page_pay h2 {
  margin-top: 100px;
  margin-bottom: 60px;
}
.pay .section {
  text-align: center;
  margin: 20px auto 15px;
  padding-bottom: 30px;
  padding: 0;
  box-shadow: 1px 1px 60px -6px rgba(0, 43, 117, 0.08);
  border-radius: 16px;
  border: 2px solid #fff;
}
.banks .section:focus-within, 
.banks .section.focus {
  border-color: #025fbb;
}

.pay .section a.block {
  padding: 10px 25px;
  min-height: 242px;
  position: relative;
}
.pay .section .bottom-block {
  position: absolute;
  bottom: 15px;
  width: 100%;
  left: 0px;
}
.pay .section h4 {
  font-size: 16px;
  font-weight: 800;
  /* margin-top: 0; */
  margin-bottom: 22px;
}
.pay .section img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 5px auto 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.pay .section table {
  text-align: left;
  display: block;
  margin: 0px auto 10px;
  font-size: 14px;
  padding-left: 10px;
}
.pay .section table td {
  padding: 0px 6px 5px;
}
.pay_now {
  margin-top: 70px;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 30px;
}
.pay h3 {
  color: #fff;
  text-align: center;
  padding-bottom: 20px;
}
.section-blocks_p .blocks_p {
  border-radius: 16px;
  min-height: 30px;
  color: #fff;
  padding: 20px;
  text-align: left;
}
.section-blocks_p .blocks_p img {
  border-radius: 16px;
}
.section-blocks_p h3 {
  font-size: 32px;
  font-weight: 600;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}
.section-blocks_p p {
  margin-bottom: 20px;
}
.section-blocks_p ul {
  padding-left: 15px;
}
.section-blocks_p li {
  margin-bottom:  10px;
  
}
.pay .section .blocks_p img {
  margin: 0;
  padding: 0;
}
.pay .section.section-blocks_p{
  box-shadow:none;
}
.section-blocks_p .block-3 {
  padding: 0px;
  margin-bottom: -10px;
}
 .section-blocks_p .block-5 {
  padding: 0px;
  margin-top: -10px;
}

.section-blocks_p .block-1 {
  background-color: #d9e7f5;
  color: #002B75;
} 
.section-blocks_p .block-2 {
  background-color: #679FD6;
  margin-bottom: 150px;
  margin-top: -150px;
}
.section-blocks_p .block-4 {
  background-color: #025FBB;
 _ margin-top: -200px;
} 
.section-blocks_p .block-6 {
  background-color: #002B75;
} 
.vertical-align-row {
  display: flex;
  align-items: end;
} 

 
.help-block {
  color: #002b75; 
  line-height: 1.3em;
}

.has-error .help-block, .has-error .control-label, .has-error .form-control, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #e03f3f;
}
.has-error .control-label {
  color: #e03f3f;
}
.user-login .has-error .control-label, .user-login .has-error .form-control, .user-login .has-error .form-group, 
.user-login .has-error input[type="text"]::placeholder,
.user-login .has-error input[type="password"]::placeholder {
  color: #e03f3f !important;
}

.pay input[type="text"] {
  width: 270px;
  display: inline-block;
}
.pay #sum {
  width: 100px;
}
.pay .pay-sum label {
  display: block;
  float: none;
}
.pay-online_btn,
.pay-cash_btn {
  background: #e92020;
  -webkit-box-shadow: 2px 2px 4px #555;
          box-shadow: 2px 2px 4px #555;
  display: block;
  width: 230px;
  height: 100px;
  font-size: 19px;
  padding: 12px 12px 12px 20px;
  float: right;
  margin: -36px 0 0px 50px;
  position: relative;
}
.pay-online_btn:hover{
  -webkit-box-shadow: 3px 3px 5px #555;
          box-shadow: 3px 3px 5px #555;
  width: 234px;
  height: 102px;
  margin: -37px -2px -1px 50px;
  padding: 13px 12px 12px 22px;
}
.pay-online_btn span,
.pay-cash_btn span {
  display: block;
  margin-top: -48px;
  margin-left: 108px;
}

.pay-cash_btn {
  background: #f1f1f1;
  -webkit-box-shadow: 1px 1px 2px #555;
          box-shadow: 1px 1px 2px #555;
  width: 270px;
}
.pay-cash_btn:hover {
  -webkit-box-shadow: 2px 2px 4px #555;
          box-shadow: 2px 2px 4px #555;
}
.pay-cash_btn span {
  margin-left: 89px;
}
.pay-cash_btn .ico-white-pay-cash {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.pay-online_btn a {
  color: #fff;
}


/*   navbar-fixed-side
  =================*/
.navbar-fixed-side {
  position: fixed;
  margin: 0 0px;/*0 -15px;*/
  width: inherit;
  height: 100vh;
  /*overflow: auto;*/
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0;
  z-index: 1000;
  /*top: 250px;*/
}
.navbar-fixed-side .container, .navbar-fixed-side .container-fluid {
  width: auto;
  padding-left: 0;
  padding-right: 0
}
.navbar-fixed-side .navbar-header {
  float: none
}
.navbar-fixed-side .navbar-brand {
  height: auto
}
.navbar-fixed-side>.container .navbar-brand, .navbar-fixed-side>.container-fluid .navbar-brand {
  margin-left: 0
}
.navbar-fixed-side .navbar-collapse {
  width: 100%;
  border-top: 1px solid #e7e7e7
}
.navbar-fixed-side .navbar-nav {
  float: none;
  margin: 0 -15px
}
.navbar-fixed-side .navbar-nav>li {
  float: none
}
.navbar-fixed-side .navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7
}
.navbar-fixed-side .navbar-form {
  margin: 0;
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-bottom: 1px solid #e7e7e7
}
.navbar-fixed-side .navbar-text {
  float: none;
  margin-left: 0;
  margin-right: 0
}
.navbar-fixed-side .navbar-left, .navbar-fixed-side .navbar-right {
  float: none !important
}
.navbar-fixed-side .navbar-nav .dropdown-menu {
  position: static;
  float: none;
  width: auto;
  margin-top: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #e7e7e7
}
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a, .navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header {
  padding: 5px 15px 5px 25px
}
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a {
  line-height: 20px;
  color: #777
}
.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus {
  background-image: none
}
.navbar-fixed-side .navbar-nav .dropdown-menu>.active>a {
  background-color: #e7e7e7;
  color: #555
}
.navbar-fixed-side .navbar-nav>li>a:hover, .navbar-fixed-side .navbar-nav>li>a:focus, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover, .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus {
  background-color: #f0f0f0;
  color: #333
}
.navbar-fixed-side .dropdown>.dropdown-toggle, .navbar-fixed-side .dropdown-menu>.dropdown-header {
  background-color: transparent !important;
  color: #9d9d9d !important;
  cursor: default;
  font-size: 0.8em;
  text-transform: uppercase;
  border-bottom: none;
  padding-bottom: 0
}
.navbar-fixed-side .dropdown-toggle .caret {
  display: none
}
.navbar-fixed-side .dropdown-menu {
  display: block
}
.navbar-fixed-side.navbar-inverse .navbar-collapse, .navbar-fixed-side.navbar-inverse .navbar-nav>li>a, .navbar-fixed-side.navbar-inverse .navbar-form, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu {
  border-color: #363636
}
.navbar-fixed-side.navbar-inverse .divider {
  background-color: #363636
}
.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li>a {
  color: #9d9d9d
}
.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>.active>a {
  background-color: #090909;
  color: #fff
}
.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:hover, .navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:focus, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:hover, .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:focus {
  background-color: #2f2f2f;
  color: #fff
}
.navbar-fixed-side.navbar-inverse .dropdown>.dropdown-toggle {
  color: #777777 !important
}

/*    club-navigate
  =================*/
.nav-club li {
  background-color: #f8f8f8;
  padding: 1px;
  border-radius: 20px;
  opacity: .8;
  filter: alpha(opacity=80);
}

.nav-club li a {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4982fb', endColorstr='#73cafd',GradientType=0);
  background-image: -webkit-linear-gradient(-45deg, #4982fb 0%, #5ca3fc 50%, #73cafd 100%);
  background-image:      -o-linear-gradient(-45deg, #4982fb 0%, #5ca3fc 50%, #73cafd 100%);
  background-image:         linear-gradient(-45deg, #4982fb 0%, #5ca3fc 50%, #73cafd 100%);
  height: 80px;
  width: 80px;
  border-radius: 20px;
}
.nav-club li.active {
  opacity: .8;
  filter: alpha(opacity=80);
}
.nav-club.hover li {
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav-club li:hover,
.nav-club.hover li.active {
  opacity: .8;
  filter: alpha(opacity=100);
  border: 1px solid #00529e;
  padding: 0px;
}

.nav-club .ico-club {
  background-size: 64px auto;
  width: 64px;
  height: 64px;
  margin-left: -7px;
}
.nav-club .ico-white-club-draw {
  background-position: 0 0px;
}
.nav-club .ico-white-club-setificate {
  background-position: 0 -66px;
}
.nav-club .ico-white-club-bonus {
  background-position: 0 -138px;
}
.nav-club .ico-white-club-evercard {
  background-position: 0 -210px;
}
.nav-club .ico-white-club-inet-traffic {
  background-position: 0 -281px;
}
.nav-club .ico-white-club-discount {
  background-position: 0 -355px;
}

.navbar-mobile-bottom {
  display: none;
  background: rgba(51,112,174,0.8);
  min-height: 60px;
  text-align: center;
  line-height: 1;
}
.navbar-mobile-bottom a {
  color: #fff;
  transition: all ease-in-out .3s;
  filter: alpha(opacity=100);
  opacity: 1;
  font-size: 10px;
}
.navbar-mobile-bottom a:hover,
.navbar-mobile-bottom a:focus {
  opacity: 1;
  transition: all ease-in-out .3s;
  filter: alpha(opacity=100);
}

@media (min-width: 768px) and (max-width: 1199px) {
  .row .no-float {
    display: table-cell;
    vertical-align: bottom;
    float: none;
  }
  .text-middle {
    vertical-align: middle !important;
  }

      
}



.close_block a {
  padding: 10px 0 30px;
  display: block;
}
.block {
  display: block;
}



.loading {
  background: url(img/loading.gif) no-repeat 5px 5px;
  width: 280px;
  padding-bottom: 20px;
  padding-left: 30px;
  display: none
}
.loading-blue {
  background: url(img/loading-blue.gif) no-repeat 0px 0px;
  width: 36px;
  height: 45px;
  padding-right: 12px;
  padding-left: 51px;
  display: none;
  padding-top: 7px;
  white-space: nowrap;
}

.show-inline {
  display: inline;
}
.loading-blue.show-inline {
  padding-bottom: 7px;
}
.page_feedback .show-inline {
  display: inline-table;
} 

.no-ipn-text-danger { color: #e03f3f;}

.form-group.no-ipn #ipn {display: none;}
.form-group.no-ipn .ipn-help{display: none;}
.form-group.no-ipn .no-ipn-help{display: block;}
.form-group.no-ipn .have-ipn{display: none;}

.form-group.have-ipn #ipn {display: block;}
.form-group.have-ipn .ipn-help{display: inline-block;}
.form-group.have-ipn .no-ipn-help{display: none;}

.form-group.have-ipn .have-ipn{display: unset;}
.form-group.have-ipn .no-ipn{display: none;}

.news_act .detail-block .news .img-block {
  position: relative;
  float: left;
  margin-left: -380px;
}


.bg-blick-white {
  background-image: -webkit-radial-gradient(circle closest-side at 52% 49%, #fff 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 110%);
  background-image:     -ms-radial-gradient(circle closest-side at 52% 49%, #fff 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 110%);
  background-image:      -o-radial-gradient(circle closest-side at 52% 49%, #fff 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 110%);
  background-image:         radial-gradient(circle closest-side at 52% 49%, #fff 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 110%);
}

.dot-red {
  background: #fa2f2f;
  background-image: -webkit-radial-gradient(circle closest-side at 35% 35%, rgba(255,255,255,1) 25%,  rgba(250,47,47,1) 45%, rgba(255,0,0,1) 70%, rgba(100,0,0,1) 180%);
  background-image:     -ms-radial-gradient(circle closest-side at 35% 35%, rgba(255,255,255,1) 25%,  rgba(250,47,47,1) 45%, rgba(255,0,0,1) 70%, rgba(100,0,0,1) 180%);
  background-image:      -o-radial-gradient(circle closest-side at 35% 35%, rgba(255,255,255,1) 25%,  rgba(250,47,47,1) 45%, rgba(255,0,0,1) 70%, rgba(100,0,0,1) 180%);
  background-image:         radial-gradient(circle closest-side at 35% 35%, rgba(255,255,255,1) 25%,  rgba(250,47,47,1) 45%, rgba(255,0,0,1) 70%, rgba(100,0,0,1) 180%);
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 13px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

.dot-yellow {
  background: #ff0;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 13px;
  border-radius: 6px;
}

.dot-blue {
  background: #002b75;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 13px;
  border-radius: 50%;
  margin-bottom: 3px;
}


.price-note {
  color:#fff; 
  margin: 0 68px 58px; 
  min-height:70px; 
  padding: 20px 20px 35px 20px; 
  background: #1783e7 none repeat scroll 0% 0%;
  -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px;
}
.price-note a { color: #ddd;}
.price-note a:hover { color: #fff;}

.f-info {
  color: #000;
  background-color: #fff;
  margin: 10px 0;
  border-radius: 10px;
  font-size: 14px;
}
.f-info span {
  display: block;
  padding: 3px 0px 3px 10px;
}

/* в rows для сдедующих cells */
.vertical-align-middle {
  display: flex;
  align-items: center;
}
.vertical-align-bottom {
  display: flex;
  align-items: center;
}

.navbar-toggle {
  border: none;
  border-radius: 0px;
  padding: 23px 4px;
}
.navbar-toggle .icon-bar {
  width: 19px;
}


/* Slider */
.slick-slider
{
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
  display: table;

  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  cursor: grab;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img {
  position: relative;
}

.slick-slide img
{
  display: block;
  margin-right: auto;
  margin-left: auto;  
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev
{
  left: -30px;
}
[dir='rtl'] .slick-prev
{
  right: -30px;
  left: auto;
}
[dir='rtl'] .slick-next
{
  right: auto;
  left: -30px;
}

.mainShow {
  position: absolute;
  top: -139px;
  left: 0;
  right: 0;
  z-index: 0;
}
.mainShow .slide-bg
{
  background-color: #025fbb;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 649px;
}
.mainShow .container {
/*  width: 1440px;*/
}  

.main-slider {
  margin-top: 0px;
  
}
.slider {
/*  width: 95%;
  margin: 0px auto; */
  
}
.slider .slider {
  position: relative;
}
.slick-slide {
  margin: 0px 10px;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .8;
}
.slick-active {
  opacity: 1;
}    
.slick-list { 
  padding-bottom: 45px !important;      
} 
.slick-prev,
.slick-prev, .slick-next {
  width: 50px;
  height: 50px;
  background-image: url('img/icons.png?v15');
  content: ' ';
  background-color: #d9e7f5;
  border-radius: 25px;
}
.slick-prev {
  background-position: -383px -283px;
  left: 0px;
  z-index: 1;
}
.slick-next {
  background-position: -382px -183px;
  right: 0px;
  z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
  background-position: -383px -233px;
  background-color: #002b75;
}
.slick-prev:hover,
.slick-prev:focus
{
  background-position: -383px -333px;
}

.slick-disabled {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
  opacity:0.2 !important;
  filter: alpha(opacity=0.2) !important;
}


/*  tv_program .slick-slide 

.tv_program .slick-slide {
  margin: 0px !important;
}
  padding-top: 0px !important;
  padding-bottom: 0px !important;
*/
.tv_program .slick-list {
  margin-bottom: 20px;
}
.tv_program  .slick-prev {
  background-position: -231px -232px;
}
.tv_program .slick-next {
  background-position: -228px -283px;
}
.tv_program  .slick-prev,
.tv_program  .slick-next {

  top: auto;
  bottom: 0%;
}  
.tv_program  .slick-prev {
  left: 50%; 
  transform: translate( -54px, 0);
}
.tv_program .slick-next {
  right: 50%; 
  transform: translate( 54px, 0);  
}

.tv_program  .slick-prev:hover,
.tv_program  .slick-prev:focus,
.tv_program  .slick-next:hover,
.tv_program  .slick-next:focus {
  background-color: #679fd6;

}

/* for Youtube 
<div class="embed-responsive embed-responsive-16by9 video-container">
    <img src="//img.youtube.com/vi/KoEu8cLtExQ/maxresdefault.jpg" class="video-preview">
</div>*/
.video-container {
  position: relative;
  cursor: pointer;
}
.video-container::before {
  content: '';
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}
.video-container::after {
  content:url("/img/youtube_btn.png");
  position: absolute;
  top: 50%; 
  left: 50%; 
  margin-left:-38px; 
  margin-top:-27px
}
.video-container img.video-preview {
  position: relative; 
  width:100%; 
  height:auto;
}


/*equal height coumn
колонки одинаковой высоты */
.equal-height-container {
  display: flex;
  flex-wrap: wrap;
}
.equal-height-item {
  display: flex; 
}
.equal-height-content {
  display: flex;
  flex-direction: column;
}      


.clear {
  clear: both;
}

.disp_n {
  display: none !important;
}

.note p,
.note {
  font-size: 70% !important;
  padding-left: 0px;
  line-height: 1.4em;
}
.t_just {
  text-align: justify;
}
.m_t8 {
  margin-top: 8px;
}
.m_t15 {
  margin-top: 15px;
}
.m_t20 {
  margin-top: 20px;
}
.m_t60 {
  margin-top: 60px;
}
.m_b20 {
  margin-bottom: 20px;
}
.l_h2 {
  line-height: 2em;
}
.p_t40 {
  padding-top: 40px;
}
.p_b40 {
  padding-bottom: 40px;
}

.col-xxs-6, .col-xxs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.visible-xxs {
  display: none !important;
}



/* IE8 uses \0 */
@media all\0 {
  .ribbon span{ background: #E92020;}
  #bubble_cont .ch_logo,
  .section-action .action-box,
  .carousel-indicators li,
  .flower-ico a,
  .news img.bordered,
  .action-btn:focus,
  .action-btn.focus,
  .action-btn:hover,
  .section-action .action-box,
  .ribbon span,
  .section-action .btn-warning,
  .tv_program .header,
  .tv_program .chan-logo,
  .pay .section,
  .packet-inet,
  .packet-tv {behavior: url(/css/pie/PIE.htc);}
  .carousel-indicators li {background-color: #fff;}
}
/* IE9 uses \9 */
@media all and (monochrome:0) {
}
/* IE10 and IE11 both use -ms-high-contrast */
@media all and (-ms-high-contrast:none)
 {
/*  .foo { color: green } IE10 */
/* *::-ms-backdrop, .foo { color: red }  IE11 */
} 

@media (min-width: 1200px) and (max-width: 1358px) {
  .page_news_all .action-img {
    max-height: 180px;
  }
}


@media (min-width: 768px) and (max-width: 991px) {
  .mainShow .container {
    width: 100%;
  }
  .page_tv .section-tv .bg-img {
    margin: -20px -11px;
  }
  .page_tv .section-tv .bg-img-wrap {
    width: 380px;
      position: relative;
  }
  .page_tv .section-tv .bg-img-mask-1 {
    width: 371px;
  }
  .page_tv .section-tv .bg-img-mask-2 {
    left: 30px;
    top: 230px;
    width: 350px;
    height: 205px;
  }
  .section-add-action .bg-img-wrap ,
  .page_gig .section.gigabit .bg-img-wrap {
    width: 378px;
  }
  .page_gig .section.gigabit .bg-img {
    margin: -20px -18px;
  }
  .page_gig .section.gigabit .bg-img .drago-tail {
    top: 250px;
    left: -307px;
  }
  .page_gig .section.gigabit-km .bg-img .drago-tail {
    top: 280px;
    left: -555px;
  }  
  .page_gig .section-benefits .block-1,
  .page_gig .section-benefits .block-2,
  .page_gig .section-benefits .block-3,
  .page_gig .section-benefits .block-4,
  .page_inet .section-benefits .block-1,
  .page_inet .section-benefits .block-2,
  .page_inet .section-benefits .block-3,
  .page_inet .section-benefits .block-4
  {
    padding: 30px;
  }
  .page_gig .section-benefits .block-1 {
  background-position-y: bottom;
  }
  .page_gig .section-benefits .block-4 {
    margin-top: -125px;
  }
  .page_inet .section-benefits .block-4 {
    margin-top: -54px;
  }
  .page_inet_pon .section-benefits .block-4 {
    margin-top: -74px;
  } 
  .tv-menu-block {
    margin-left: 50px;
    margin-right: 50px;
  }  
}
@media (min-width: 768px) and (max-width: 1199px) {
  .link_main, .link_main:hover {
    margin-left: 5%;
  }
}


@media (min-width: 768px) {
  .menu-two {
    width: 460px;
  }
  .menu-three {
    width: 690px;
  }
  .modal-big .modal-dialog {
    width: 768px !important;
  }

  .navbar .navbar-nav {
    display: inline-block;
    float: none;
  }
     
  .navbar .navbar-collapse {
    text-align: right;
  }/* 
  .navbar-right .dropdown-menu {
    left: 0;
  } */
  .dropdown-menu-center {
    left: 50%; right: auto;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .dropdown-menu-right2 {
    left: 22%; right: auto;
    -webkit-transform: translate(-22%, 0);
        -ms-transform: translate(-22%, 0);
         -o-transform: translate(-22%, 0);
            transform: translate(-22%, 0);
  }
  .dropdown-menu-left {
    left: auto; right: 70%;
    -webkit-transform: translate(20%, 0);
        -ms-transform: translate(20%, 0);
         -o-transform: translate(20%, 0);
            transform: translate(20%, 0);
  }
  .dropdown-menu-left2 {
    left: auto; right: 20%;
    -webkit-transform: translate(30%, 0);
        -ms-transform: translate(30%, 0);
         -o-transform: translate(30%, 0);
            transform: translate(30%, 0);
  }
}

@media (min-width: 992px) {
  .modal-big .modal-dialog {
    width: 900px !important;
  }
}

@media (max-width: 1360px) {
  .section-footer .search {
    width: 55%;
  }
}

@media (max-width: 1199px) {
  .text-extra-big {
  font-size: 38px;
  }
  h1, .h1 {
    font-size: 35px;
  }
  h2 {
    font-size: 35px;
  }

  .page_manuals h2 {
    font-size: 26px;
  }
  .page_manuals .action-wrap h2 {
    font-size: 22px;
  }   
  .page_manuals .panel-heading0 {
    padding: 10px 0px;
  } 
  .page_news_all .action-img {
    max-height: 225px;
  }
  .page_money-back h2 { 
    font-size: 26px;
  }  
  .page_money-back h3 { 
    font-size: 22px;
  } 

  .page_blackout {
    font-size: 16px;
  }   
  .page_money-back h4,  
  .page_blackout h4 {
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 15px;
  }  
  .page_money-back .header h4, 
  .page_blackout .header h4 {
    font-size: 20px;
  }

  .page_blackout h2 {
    font-size: 32px;
  }
  .page_blackout .section-ups .img-block {
    margin-top: 20px;
  }
  .page_blackout .panel-heading h4 {
    font-size: 20px;
    padding-left: 65px;
  }


  .pager a, .pager .accent {
    padding: 12px 18px;
    margin: auto -8px;
    font-size: 16px;
    font-weight: 500;
  }
  .pager .ico {
    margin-top: 3px;
    margin-bottom: -3px;
  }  
  .page_news_all .actions-block {
    margin-top: 5px;
      margin-bottom: 0px;
  }  
  .page_news_all .section-add {
    margin-top: 30px;
    margin-bottom: 70px;
  }
  .page_news_all .section-news {
    margin-bottom: 0px;
  padding-bottom: 0px;
  }
  .news-one {
    margin-top: 0px;
  }    
  .news-one .back-block {
    margin-left: 0px;
      margin-bottom: 15px;
  }  
  .section-blocks_p .block-2 {
    margin-bottom: 70px;
    margin-top: -70px;
  }  
  .btn-primary, .btn-default {
    padding: 12px 18px;
  } 
  .section-services .service {
    padding: 20px 15px;
  } 
  .section-footer .search {
    display: inline-block;
    width: 45%;
  }
  .section-footer .phones li {
    margin-left: 20px;
    font-size: 17px;
  } 
  .section-club .section-club-bg {
    padding-bottom: 1px;
    padding-top: 1px;
      padding-left: 5px;
      padding-right: 5px;
  }
  .section-club .ico {
    margin-top: 0;
  }
  .section-club .content {
    position: unset;
      width: auto;
  }
  .section-club .img-block {
    height: 260px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: -15px;
    margin-right: -30px;
  }

  .section-club .img {
    border-radius: 0px;
    height: 100%;
    position: absolute;
    right: 0;
  }
  .section-club .content-block {
    position: absolute;
    top: 90px;
    left: 30px;
  }

  .section-add .bg-img .img-bg {
    bottom: 0;
    top: auto;
    height: auto;
    width: 100%;
  }
  .section-add .bg-img {
    padding: 30px;
    min-height: 600px;
  }
  .section-add h4 {
    font-size: 32px;
    margin-bottom: 30px;
    padding-right: 0px;
  }
  .section-add .equal-height-item0 .btn-block {
    position: unset;
  }
}
 

@media (max-width: 991px) {
  .section-footer .search {
    width: 35%;
  }
  h2 {
    font-size: 30px;
  }

  .page_manuals .action-wrap h2 {
    font-size: 18px;
    padding-left: 80px;
  }
  .page_tv .bg-img-mask-2 .text-block {
    right: 20px;
    top: 20px;
    font-size: 22px;
  }
  .page_tv .bg-img-mask-2 .tv-chans {
    font-size: 36px;
    padding-bottom: 0;
    padding-right: 0;
    margin-bottom: -5px;
    padding-top: 0px;
  }
  .page_tv .bg-img-mask-2 .chans-before {
    margin-bottom: 10px;
  }
  .page_news_all .action-img {
    max-height: 172px;
  }  
  .news-one {
    margin-top: 15px;
  }  
  .news-one .back-block .ico-back {
    background-position: -400px -398px;
    width: 20px;
    height: 20px;
  }     
  .news-one .back-block a.ico-back,
  .news-one .back-block a.ico-back:hover,
  .news-one .back-block a.ico-back:focus
  {
  color: transparent;
  }    
  .pay .section-blocks_p .blocks_p {
    margin-top: 10px;
  }
  .section-blocks_p .block-3 {
    margin-bottom: 0px;
  }
  .section-blocks_p .block-2 {
    margin-bottom: 00px;
  }
  .pay .section .blocks_p img {
    margin: 0;
    padding: 0;
  }
  .vertical-align-row {
    display: block !important;
  }  
  .btn-primary, .btn-default {
    padding: 9px 12px;
  } 
  .section-footer .phones {
    margin-top: 0;
  }
  .section.section-footer {
    padding-bottom: 30px;
  }
  .section-insta .btn-block {
    margin-top: 0;
  }
  .section {
    padding: 0;
  }
  h3 {
    font-size: 26spx;
  }
  .section-footer {
      padding: 25px 0;
  }


  /*  max  991   */
  .nav.nav-main {
    border: none;
    border-radius: unset;
    margin-bottom: 0;
      border-bottom: 2px solid #002B75;
  }
  .navbar-main .nav > li > a {
    font-size: 16px;
    font-weight: 600;
  }
  .navbar-main .nav.geoloc  > li > a {
      font-weight: normal;
  }
  .navbar-main .nav.geoloc  > li > a span {
      font-weight: 600;
  }
  .dropdown-menu > li {
      border-color: #025fbb;
  }

  .navbar-main.navbar-default .nav > li > a:hover,
  .navbar-main.navbar-default .nav > li > a:focus,
  .navbar-main.navbar-default .nav > li > a.open,
  .navbar-main.navbar-default .navbar-nav > .open > a,
  .navbar-main.navbar-default .navbar-nav > .open > a:hover,
  .navbar-main.navbar-default .navbar-nav > .open > a:focus {
    border-radius: unset;
    padding: 8px 17px;
    padding: 9px 17px 9px;
    margin: 1px 2px;
  }
  .navbar-main.navbar-default .nav > li > a:focus,
  .navbar-main.navbar-default .navbar-nav > .open > a,
  .navbar-main.navbar-default .navbar-nav > .open > a.open,
  .navbar-main.navbar-default .navbar-nav > .open > a:focus {
    border-color:#025fbb;
  }

  .dropdown.menu-xs.open.dark > a,
  .dropdown.menu-xs.open.dark > a.open,
  .dropdown.menu-xs.open.dark > a:focus {
    border-color:#fff;
    border-bottom: none;
  }
  .dropdown.menu-xs.open > ul > li {
    border-color: #fff;
    border-radius: 0;
  }
  .dropdown.menu-xs.open.dark > a,
  .dropdown.menu-xs.open.dark > a:hover {
    border-bottom: none;
      margin-bottom: 0;
  }

  .dropdown-menu {
    margin-right: 2px;
    margin-left: 2px;
  }
  .menu-xs .dropdown-menu li:hover,
  .menu-xs .dropdown-menu li:hover a,
  .menu-xs .dropdown-menu li > a:hover,
  .menu-xs .dropdown-menu li > a:focus {
    background-color:transparent;
  }
  .dropdown-menu > li,
  .dropdown-menu > li:hover {
    border-radius: 0;
  /*    border-top: none;*/
  }
  .menu-xs .dropdown-menu.user-login > li {
     border-top: none;
  }
  .menu-xs .dropdown-menu.user-login .stat-form {
    margin-top: 10px;
  }
  .navbar-nav > li > .dropdown-menu.user-login {
    margin-top: 0;
  }
  .navbar-main .nav > li.t-bot a {
    padding-bottom: 13px;
    padding-top: 6px;
  }

  .navbar-main.navbar-default .nav > li.t-bot > a:hover,
  .navbar-main.navbar-default .nav > li.t-bot > a:focus {
    padding-bottom: 13px;
    padding-top: 6px;
  }
  .navbar-main {
    z-index: 20;
    margin-left: -15px;
    margin-right: -15px;
  }
  .navbar-top .nav > li.geoloc {
    margin-right: 0;
      margin-bottom: 15px;
  }

  .nav-main .ico-caret-white-right {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: -4px;
  }
  .nav-main .close {
    text-align: right;
    margin-left: 10px;
    margin-bottom: -4px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #679FD6;
      border-top-width: 2px;
  }
  .nav.nav-main {
    padding: 2px 0 5px 0;
  }
  .navbar-nav .dropdown-menu {
    text-align: left;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li.select span {
    padding: 2px 15px 1px 40px;
      color: #fff;
  }
  .mainShow .slide-bg {
    height: 532px;
  }
  .navbar-main .dropdown-menu {
    font-size:16px;
  }
  .dropdown-menu li.select {
    font-weight: 600;
  }
  /* /// !!!!!   mob menu          */
  .nav-down{
    top: 0px;
  }
  .navbar-main {
    z-index: 20;
    margin-left: -15px;
    margin-right: -15px;
    width: 400px;
    position: absolute;
  /*  border: 1px solid #f00; */
    right: 0;
      top: 5px;
    /* text-align: right; */
  }
  .nav.nav-main {
    padding: 2px 0 5px 0;
    width: 100%;
      margin: 1px;
      text-align: left;
  }
  .navbar-nav > li > .dropdown-menu {
    position: unset;
  }
  .navbar-nav > li {
    clear: both;
  }
  .menu-xs .dropdown-menu {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding-right: 4px;
    padding-top: 0;
  }
  .dropdown.menu-xs.dark .dropdown-menu li:hover,
  .dropdown.menu-xs.dark .dropdown-menu li:hover a,
  .dropdown.menu-xs.dark .dropdown-menu li > a:hover,
  .dropdown.menu-xs.dark .dropdown-menu li > a:focus {
    background-color: #002B75;
  }
  button.navbar-toggle {
    margin-right: 0;
  }

  .pay-mobile {
    float: right;
    margin-top: 18px;
    display: block;
  }
  .navbar-nav-mobile {
    margin-top: 8px;
  }
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: none;
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
    
    
  .vertical-align-middle,
  .vertical-align-bottom {
    display: block;
  } 
  .navbar {
    margin-bottom: 0px;
  }  
  .navbar-toggle {
    padding: 23px 4px 12px;
  }  
  .navbar-brand {
   padding-top: 22px;
   padding-left: 19px;
  }   
/*  .pay-mobile  {
  margin-top: 20px;
  }  */
  .pay-mobile a {
    padding: 20px 20px 20px 10px;
  }    
  .geoloc-mobile {
    display: block;
    margin-top: 0px;
  }
  .geoloc-mobile .btn {
    border: none;
    padding: 19px 15px 17px; 
    margin: 0;
    
  }
  .geoloc-mobile .btn:active, .geoloc-mobile.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .menu-two, .menu-three {
    width:100%;
  }
  .navbar-main .nav > li > a {
    color: #fff;
    padding: 10px 10px;
    margin: 1px 10px;
  }
  .navbar-main.navbar-default .nav > li > a:hover,
  .navbar-main.navbar-default .nav > li > a:focus {
  color: #fff;
  padding: 9px 17px 9px;
  margin: 1px 2px;
  border-radius: 0px;
  }
  .navbar-main.navbar-default .nav > li.menu-xs.lang > a:hover,
  .navbar-main.navbar-default .nav > li.menu-xs.lang > a:focus {
    color: #679FD6;
  }
  .navbar-main .nav > li.menu-xs.lang a{
    color: #679FD6;
  }
  .menu-xs.lang > a:hover, .select,
  .menu-xs.lang > a:focus, .select{
    color: #fff;
  }

  .navbar-main .navbar-brand {
    padding-left: 15px;
    padding-top: 10px;
    height: 40px;
  }
  .navbar-bg {
    background: #025fbb;
  }        
  .navbar-default .navbar-collapse {
    background: transparent ;
    padding-left: 0;
  }
  .navbar-main .img_nav {
    margin-top: 18px;
    margin-bottom: 4px;
  }
  .navbar-main {
    z-index: 20;
  }
  .navbar-brand-small {
    display: block;
  }

  .section-add .bg-img {
    margin-top: 30px;
  }
}




@media (max-width: 767px) {
/* ///  !!!!!   mob menu   992       */
  h1, .h1 {
    font-size: 45px;
  }
  h2.h1 {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0;
  }
  .modified-accordion .collapse:not(.show){ display: none;}
  .modified-accordion .card-header:after{ display: none;}

  .page_manuals {
    font-size: 16px;
  }
  .page_manuals h3 {
    font-size: 22px;
    margin-top: 10px;
    padding-right: 10px;
  }
  .page_manuals h4 {
    font-size: 19px;
  }
  .page_manuals .panel-heading .accordion-toggle::after {
    /**/display: none;
  }
  .page_manuals .action-wrap h2 {
    font-size: 23px;
    padding-left: 88px;
    padding-top: 0;
  }
  .page_manuals #accordion0 .panel-body h2{
    display: none;
  }
  .page_manuals #accordion0 .panel-body {
   margin-top: 0px;
  }
  .page_manuals #accordion0 .panel-group {
    margin-bottom: 0px;
    /*margin-top: -21px;*/
  }
  .page_manuals #accordion0 .bg-tv-manual,
  .page_manuals #accordion0 .panel-group .bg-light-blue {
    border-radius: 16px;
  }



  .page_news_action .section-benefits {
    margin-bottom: 0px;
  }
  .page_news_action .section-benefits.section-benefits-promo {
    margin-bottom: -20px;
    padding-bottom: 0px;
  }

  .section-add-action .bg-img-wrap .label {
    height: 80px;
    bottom: 10px;
    width: 80px;
    left: 20px;
    border-radius: 35px;
    border-top-right-radius: 6px; 
      font-size: 22px;   
  }
  .label strong {
    display: block;
    margin-top: -20px;
    font-weight: 700;
  }
  .page_blackout h2 {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;  
  }
  .page_blackout .section-ups {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .page_blackout .section-video {
    margin-bottom: 30px;
  }
  .page_blackout .section-ups .img {
    margin-left: auto;
    margin-right: auto;
    width: 144px;
  }
  .page_blackout .panel-group .panel {
    margin-bottom: 16px;
  }
  .page_blackout .panel > .panel-heading {
    height: 65px;
  }
  .page_blackout .panel > .panel-heading::before {
    top: 9px;
    left: 12px;
  }

  .page_contacts .section-address{
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 10
  }   
  .page_contacts h3,
  .text-block {
    text-align: center;
  }
  .page_contacts .text-block {
    font-size: 16px;
  }
  .page_contacts .s_img-block  {
    margin-bottom: 40px;
  } 
  .page_contacts .s_img-block .img {
    margin-left: auto;
    margin-right: auto;
  } 
  .page_contacts .content_border, .page_contacts .content_border .img-wrap img {
    max-height: unset;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .section-feedback .btn-block {
    padding-bottom: 20px;
  }

  .page_promo_one .section-benefits {
    margin-bottom: -20px;
    padding-bottom: 0px;
  }  
  .page_promo_one .btn-block {
    margin-bottom: 30px;
  }
  .news-one .header {
    position: unset;
    height: auto;
  }
  .news_body .img-block {
    display: block;
    margin: 0 auto 30px;
    text-align: center;
  }
  .news_body .img-block img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .news-one {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 14px;
  }
  .news-one .back-block {
    margin-bottom: -10px;
    margin-top: -15px;
  }
  .news-one h1 {
    margin-bottom: 0;
    padding-bottom: 5px;
  }
  .news-one .news_date {
  margin-bottom: 10px;
  }
  .pay-img {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .pay-img-blue {
    margin-left: 0px;
  }  
  .pay-img-white {
    margin-right: 0px;
      margin-bottom: 30px;
  }  
  .page_pay .fportmone {
    margin-left: 0px;
    margin-right: 0px;
      padding: 25px 25px 25px;
  }  
  .pay input[type="text"] {
    width: 90%;
    display: inline-block;
  }

  .page_tv_program.page_tv .section-tv-prog-nav .prog_menu {
    margin-bottom: 10px;
  }

  .page_tv_program .section-tv-prog-nav {
      margin-bottom: 10px;
      padding-bottom: 0px;
  }
  .page_tv_program .tv_program_scroll {
    padding-top: 0;
  }
  .tv_program .chan_prog {
    max-height: 525px;
  }
  .tv_program .header {
    margin-bottom: 10px;
  }  
  .tv_program .item {
    padding-top: 5px;
      padding-bottom: 5px;
  }
  .page_tv_program .section-add-bottom {
     margin-bottom: 30px;
  }
  .tv_program .item-first {
    padding-bottom: 22px;
  }
  .tv_program_scroll {
    height: auto;
    margin-bottom: 0px;
  }
  .tv-chans-menu .btn-primary {
    padding: 4px 9px;
    margin-right: 3px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
  }
  .tv-chans-menu {
    text-align: left;
  }
  .page_tv .tv-chans-scroll li,
  .tv-chans-scroll li {
    width: 150px;
  }

  .tv-chans li {
    float: left;
    width: 140px;
    height: 135px;
    list-style: none;
  }

  .navbar-main {
    width: auto;
    position: unset;

    /* text-align: right; */
  }
  .nav.nav-main {
    margin: 7.5px -15px 0;
      width: auto;
  }
  .dropdown-menu {
    padding-right: 0;
  }
  button.navbar-toggle {
    margin-right: 15px;
  }
/* End  !!!!!   mob menu   992  767     */
  h1, .h1 {
    font-size: 32px;
    padding-top: 0px;
    margin-bottom: -3px;
    padding-bottom: 25px;
    line-height: 1;
  }
  body {
    font-size: 16px;
    margin: 0px;
  }

  h2,
  .action-detail h2,
  .section-action .action-title {
    font-size: 22px;
    padding-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 25px;
  }
  h3, .h3 {
    font-size: 26px;
    margin-bottom: 18px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
  }

  .page_tv .section-tv .service h2,
  .section-services.gigabit .service h2 {
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .page_tv .section-tv .advantages, 
  .section.gigabit .advantages {
  margin-top: 10px;
  margin-bottom: 17px;
  padding-bottom: 5px;
  }
  .page_tv .section-tv .inner-block,
  .section.gigabit .inner-block {
  padding-right: 0;
  }
  .page_tv .section-tv .service h2 {
      font-size: 26px;
      padding-bottom: 20px;
  }
  .page_tv .section-tv .advantages {
    margin-top: 0px;
  }  
  
  .speed-big {
  font-size: 32px;
  }
  .speed-big .speed-unit {
    font-size: 32px;
  }
  .speed-big .speed-before {
    font-size: 18px;
  }
  .page_tv .section-tv .bg-img2-mask {
    background-image: url('img/Everest-tv-chest_s1.jpg');
    position: absolute;
  }
  .page_tv .section-tv .bg-img {
    margin: -5px -38px 25px -28px;
  }
  .page_tv .section-tv .bg-img-wrap {
    width: 100%;
    height: 400px;
    border-top-left-radius: 20px;
    margin-bottom: -25px;
  }
  .page_tv .section-tv .bg-img-mask-1 {
    right: 10px;
    left: unset;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: -56px -0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 20px;
    background-size: cover;
    background-position: 7px top;
  }

  .page_tv .section-tv .bg-img-mask-2 {
    position: absolute;
    right: 7px;
    left: unset;
    top: 61px;
    width: 265px;
    height: 147px;
    background-position: -160px -234px;
    border: 4px solid #000;
    z-index: 1;
    box-shadow: 0px 15px 30px 0px rgba(0, 42, 116, .2);
  }
  .page_tv .section-tv .price-big, .page_tv .section-tv .price-old,
  .page_tv .section-tv .price-big-old,
  .section.gigabit .price-big, .section.gigabit .price-big-old {
    font-size: 30px;
  }
  .page_tv .section-tv .price-unit,
  .section.gigabit .price-big .price-unit, .section.gigabit  .price-big-old .price-unit {
    font-size: 20px;
  }
  .page_tv .section-tv .btn,
  .section-services.gigabit .price-big .btn {
  float: none;
    margin-left: 25px;
  }
  .page_tv .bg-img-mask-2 .text-block {
  	top: 15px;
  	font-size: 16px;
  	font-weight: 600;
  	letter-spacing: 0.0em;
  	right: 15px;
  }
  .page_tv .bg-img-mask-2 .tv-chans {
  	font-size: 32px;
  	margin-bottom: -2px;
  	padding-right: 0px;
  	font-weight: 600;
  }
  .page_tv .bg-img-mask-2 .chans-before {
  	font-size: 16px;
  	font-weight: 600;
  	margin-bottom: 5px;
  }
  
  .btn-primary.whide, .btn-default.whide {
    padding-left: 20px;
    padding-right: 20px;
  }
 .section.gigabit .btn-block {
  margin-top: 20px;
  text-align: center;
  }
  .section-add-action .inner-block {
    padding-left: 0;
  }
  .section-add-action h3 {
    font-size: 26px;
    line-height: 1.1;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .section-add-action .btn-block {
    margin-top: 14px;
  }
  .section-add-action .bg-img {
    margin-bottom: -12px;
  }
  .section-add-action img,
  .page_gig .section.gigabit img {
    height: auto;
    max-width: 100%;
  }
  .section-add-action .add-action {
    margin-bottom: 5px;
  }

  .section-add-action .bg-img-wrap,
  .page_gig .section.gigabit .bg-img-wrap {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: -28px;
    margin-left: -28px;
    height: auto;
    margin-top: -5px;
    margin-bottom: 30px;
  }
  .page_gig .section.gigabit .bg-img {
    margin: 0;
    position: relative;
  }
  .page_gig .section.gigabit .bg-img .drago-tail {
    display: none;
  }
  .page_gig .section.gigabit .drago-tail-left {
    position: absolute;
    z-index: -1;
      bottom: 150px;
    left: -117px;
    width: 125px;
    height: 404px;
    /* border: 1px solid #0f0; */
    overflow: hidden;
  }
  .page_gig .section.gigabit .drago-tail-left-wrap {
    width: 135px;
    height: 410px;
  }
  .page_gig .section.gigabit {
    position: relative;
   }
  .page_gig .section.gigabit .drago-tail-right {
    position: absolute;
    z-index: 1;
    bottom: -100px;
    right: -157px;
    width: 600px;
    height: 401px;
    overflow: hidden;
  }
  .page_gig .section.gigabit .drago-tail-right-wrap {
    width: 1000px;
    height: 500px;
      margin-left: -233px;
  }


  .page_gig .section.gigabit-km .drago-tail-left {
    bottom: 95px;
    left: 250px;
    transform: scale(-0.8,0.8);
    right: -44px;
    left: unset;
  }
  .page_gig .section.gigabit-km .drago-tail-left-wrap {
    width: 90px;
    height: 410px;
  }
  .page_gig .section.gigabit-km .drago-tail-right {
    bottom: -120px;
    transform: scale(-0.8,0.8);
    right: unset;
    left: -190px;
  }
  .page_gig .section.gigabit-km .drago-tail-right-wrap {
    width: 990px;
    height: 500px;
    margin-left: -233px;
  }

  .page_gig .section-benefits .block-1,
  .page_gig .section-benefits .block-2,
  .page_gig .section-benefits .block-3,
  .page_gig .section-benefits .block-4,
  .page_inet-tv  .section-benefits .block-1,
  .page_inet-tv  .section-benefits .block-2,
  .page_inet-tv  .section-benefits .block-3,
  .page_inet-tv  .section-benefits .block-4
  {
    margin: 30px 15px;
    padding: 25px;
  }
  .page_gig .section-benefits .block-2,
  .page_gig .section-benefits .block-4,
  .page_inet-tv  .section-benefits .block-2,
  .page_inet-tv  .section-benefits .block-4
  {
    margin-bottom: 0px;
  }
  .page_gig .section-benefits .row-small,
  .page_inet-tv  .section-benefits .row-small {
    padding-left: 0px;
    padding-right: 0px;
  }


  .section-action .action-title {
    padding-top: 50px;
    padding-bottom: 0px;
    text-shadow: none;
  }
  .page_1 .benefit1 .text-bl {
    margin-top: 10px;
  }
  .page_1 .benefit2 .text-bl {
    margin-top: 15px;
  }
  .page_1 .benefit3 .img-bl2 {
    margin-top: 16px;
    margin-left: 0px;
  }
  .page_1 .section-benefits {
    margin-top: 20px;
  }
  .benefit3 .img-bl2 img {
    margin-left: auto;
    margin-right: auto;
  }
  .page_1 .bg-section-services {
    margin-top: -150px;
  }


/*  .slick-list {
    padding-top: 50px !important;
  }*/
  .tv-menu-block {
    margin-left: 0;
    margin-right: 0;
  }
  .tv-menu-block .btn-group {
    margin-bottom: 5px;
  } 
  .tv-menu-block .btn-small {
    padding: 7px 15px 10px;
    font-size: 14px;
  }
  .tv-menu-block .btn-small.link-all-chan {
    margin-top: -5px;
  }
  .tv-menu-block .dropdown-menu > li > a {
    line-height: 15px;
    font-size: 14px;
  }
  .prog_menu .tv-tool {
    float: left;
    margin-bottom: -12px;
    margin-top: 12px;
  }
  .prog_menu .l_week, .prog_menu .n_week {
    display: inline-block;
    text-align: center;
  }
  .calendar .l_week a.week_arrow {
    margin: auto;
  }
  .calendar .arrow-block {
    display: block;
    text-align: right;
    margin-bottom: 5px;
  }
  .page_tv .section-tv-prog-nav .prog_menu {
    padding: 15px 10px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .calendar a .weekday {
    font-size: 12px;
    font-weight: 700;
  }
  .calendar .day_month {
      font-size: 12px;
    font-weight: 700;
  }

  .tv_program .slick-list {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
  }  
  .section {
    padding: 10px 0 25px;
    margin: 15px 15px;
    
  }    
  .section-services .service,
  .section-club {
    padding: 5px 13px 20px;
    margin-bottom: 30px;
  }
  .section-club {
  padding: 5px 0px 20px;
  }
  .section-services .row.two-col {
    margin-right: -15px;
  }    
  .section-services .row.two-col-right {
    margin-left: -15px;
  }  
  
  .section-services .service h2 {
    margin: 27px auto 10px;
  }
  .ico-service-inet,
  .ico-service-tv,
  .ico-service-inet-tv,
  .ico-service-club {
    width: 40px;
    height: 42px;
    background-size: 560px;
  }
  .ico-service-inet {
    background-position: 0 2px;
  }   
  .ico-service-tv {
    background-position: 0 -39px;
  }  
  .ico-service-inet-tv{
    background-position: 0 -81px;
  }   
  .ico-service-club {
    background-position: 0 -124px;
  }
  .section-services .text-extra-big,
  .section-club .text-extra-big {
  font-size: 30px;
  }
  .section-club .text-extra-big {
    text-align: right;
  }  
  .action-box h2 {
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 0px;
  }
  
  .page_master_class h2 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .page_master_class .action-box h2 {
    font-size: 26px;
    letter-spacing: 0em;
    position: relative;
    margin: 0;
  }
  .page_master_class .section-sect .content_border {
    margin-bottom: 20px;
  }
  .page_master_class .text-block {
    min-height: 130px;
  }

  .page_master_class .section-sect .detail-action-moby {
    background-color: #d9e7f5;
    border-radius: 15px;
    padding: 10px 20px;
    margin-bottom: 25px;
  }
  .page_master_class .action-box h2 {
    font-size: 26px;
    letter-spacing: 0em;
    position: relative;
    margin: 0;
    padding-bottom: 0;
  }
  .page_master_class .new-master-class {
      margin-top: 30px;
      margin-bottom: -10px;
  }
  .page_master_class .contact-block {
    margin-top: 0px;
  }
  .page_master_class h4 {
    font-size: 22px;
  }
  .page_master_class .section-sect h2 small {
    font-size: 20px;
  }
  .page_master_class .bg-mast-class {
    background-color: #EDF4FA;
    border-radius: 16px;
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .page_master_class .bg-mast-class img {
    margin-right: auto;
    margin-left: auto;
  }
  .btn_master_class {
    margin-bottom: 20px;
  }
  .page_master_class .section-sect .detail-action-moby h2 small {
    color: #002b75;
  }

  .page_master_class .action-box h2 a {
    padding-bottom: 30px;
    display: block;
    position: relative;
    z-index: 1;
  }
  .page_master_class .action-box h2 a::after {
    background-position: -250px -650px;
    content: '';
    width: 22px;
    height: 14px;
    position: absolute;
    left: 45%;
    bootm: 31px;
    right: 0;
    bottom: 0px;
  }
  .page_master_class .action-box h2 a.open::after {
    background-position: -250px -700px;
  }
  .page_master_class .section-sect .action-img {
    max-height: 150px;
  }  
  
  
  .section-services .service .line {
    margin-top: 17px;;
  }     
  .section-services .service .line-xs {
    clear: both;
    padding-top: 17px;
  }
  .page_manuals .section,
  .page_master_class .section,
  .page_blackout .section,
  .section-news,   /* !!!!!!!!!!!! */
  .section-channels,
  .section-tv-prog-nav,
  .section-tv-prog,
  .section-add,
  .section-benefits,
  .section-insta,
  .section-section-15,
  .section-about {
    margin-left: 0;
    margin-right: 0;
  }
 .page_tv .section-tv-prog-nav {
    margin-left: 15px;
    margin-right: 15px;
 } 
 .page_tv_program .section-tv-prog-nav {
    margin-left: 0;
    margin-right: 0;
 }  
  .page_tv .bg-img-tv-prog .img-block .img {

  } 
  .page_tv .bg-img-tv-prog h4 {
    margin-bottom: 15px;
    font-size: 22px;
  }
  .page_tv .bg-img-tv-prog .inner-block{
    margin-bottom: 20px;
      text-align: center;
  }  
  .page_gig .section-benefits {
    margin-bottom: -50px;
  }
  .section-benefits .img {
    margin-left: 0;
    margin-right: 0;
  }
  .btn-primary,
  .btn-default {
    padding: 9px 11px;
    font-size: 16px;
  }  
  .btn-block button:first-child {
  margin-right: 3px;
  }
  .section-services .service .btn-block {
  width: auto;
  }
  .section-club .content {

    margin: 0;
    position: unset;
    
  }  
  .section-club .btn-block .btn {
    padding: 9px 21px;
  }
  .section-insta h2 {
    font-size: 40px;
    margin-top: 5px;
    margin-bottom: 28px;
  }

  .section-insta .slick-dots {
    bottom: 0px;
  }
  .section-insta .btn-block {
    margin-top: 8px;
  } 
  .section-insta .btn-primary {
    padding: 9px 22px;
  } 
  .price-big {
    font-size: 45px;
  }
 /*max 767 */
  .detail-block .price-unit {
    font-size: 13px;
  }  
  .price-old {
    font-size: 22px;
    margin-top: -8px;
  }
  .price-unit {
    font-size: 12px;
    line-height: 12px;
  }   
  .container-fluid-sx {
    margin-left: -15px;
    margin-right: -15px;
  }

  .section-footer {
    padding-top: 10px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;    
  }
  .section-footer .white-line {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  
  .footer-nav a{
    font-size: 14px;
  }

  .section-footer .search {
    display: block;
    width: 50%;
    margin-right: 0;
    margin-left: auto;
  }
  .section-footer .search input {
    margin-top: 5px;
  }
  .section-footer h5 {
    margin-bottom: 10px;
    margin-top: 27px;
  }
  .section-footer .footer-nav li {
    margin-bottom: 12px;
  }        
  .section-footer .phones {
    font-size: 16px;
    margin: 0px auto 0;
  }
  .section-footer .phone-head {
    clear: both;
    margin-top: 15px;
  }    
  .section-footer .phones li {
    margin-left: 0;
    float: none;
  }  
  .copyright {
   padding-top: 20px;
   font-size: 14px;
   text-align: center;
   line-height: 18px;
  }
  .copyright a {
    font-size: 10px;
  }
  .vertical-align-middle,
  .vertical-align-bottom {
    display: block;
  } 
  .navbar {
    margin-bottom: 0px;
  }  
  .navbar-toggle {
    padding: 23px 4px 12px;
  }  
  .navbar-brand {
   padding-top: 22px;
   padding-left: 19px;
  }
  .navbar-nav-mobile {
    margin-top: 8px;
  }

  .pay-mobile a {
    padding: 20px 20px 20px 10px;
  }    
  .geoloc-mobile {
    display: block;
    margin-top: 2px;
  }
  .geoloc-mobile .btn {
    border: none;
    padding: 17px 15px;
    margin-right: 1px;
    margin-right: 0; 
  }
  .geoloc-mobile .btn:active, .geoloc-mobile.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .menu-two, .menu-three {
    width:100%;
  }
  .navbar-main .nav > li > a {
    color: #fff;
    /*padding: 6px 10px;*/
  }
  .navbar-main.navbar-default .nav > li > a:hover,
  .navbar-main.navbar-default .nav > li > a:focus {
    color: #fff;
/*    margin-top: 0px;
    padding-top: 6px; */
    border-radius: 0px;  
  }
   
  .navbar-main .navbar-brand {
    padding-left: 15px;
    padding-top: 10px;
    height: 40px;
  }
  .navbar-bg {
    background: #025fbb;
  }        
  .navbar-default .navbar-collapse {
    background: transparent ;
    padding-left: 15px;
  }
  .navbar-main .img_nav {
    margin-top: 18px;
    margin-bottom: 4px;
  }
  .navbar-main {
    z-index: 20;
  }
  .navbar-brand-small {
    display: block;
  }
  /* dropdown-menu open on hover !!!*/
  .dropdown:hover .dropdown-menu {
    display: none;
  }
  .navbar-nav .open .dropdown-menu {
   display: block;
  }
  .menu-xs .dropdown-menu {
    margin-top: 0;
    padding-top: 0px;
  }
  .action-wrap {
    margin-left: 3px;
    margin-right: 3px;    
  }
  .page_questions .action-wrap {
    width: 220px;
  }
  .ribbon {
    left: -18px;
  }  
  .ribbon span {
    font-size: 15px;
    line-height: 36px;
    width: 130px;
    top: 52px;
    left: -32px;
    padding-left: 30px;
  }
  .ribbon span::before {
    border-left: 11px solid #ffbc00;
    border-right: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-top: 11px solid #ffbc00;
  }
  .ribbon span::after {
    right: -14px;
    border-top: 18px solid #ff0;
    border-right: 16px solid transparent;
    border-bottom: 18px solid #ff0;
  }
  .action-img {
    height: 160px;
    min-height: 100px;
  }
  .page_news_all .action-img {
    max-height: 100%;
    height: auto;
  }    
  .action-img img {
    max-width: 70%;
  }
  .news_act .action-img {
    height: 185px;
  }  
  .news_act .action-img img {
    max-width: 100%;
    padding: 0px 4px;
  } 
  .news_act .action-box h2 {
    font-size: 14px;
  }
  .news_act .action-detail h2 {
    margin-bottom: 20px;
  }  
  .news_act .detail-block .text-block {
    margin-top: 30px;
  }
  .news_act .detail-block .img-block {
    margin-bottom: 0px;
  }
  .news_act .detail-block .news .img-block {
    float: none;
    margin: 0 auto 20px;
  }
  .mainShow {
    position: unset;
    background-color: transparent;
  } 
  .main-slider {
    padding-bottom: 0px;
    margin-bottom: 0px;
  } 

  .slick-dots {
    bottom: 150px;
  }
  .slick-dots li {
    width: 8px;
    height: 8px;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 0;
    overflow: hidden;
  }       
  .carousel-caption {
    top: -531px;
    height: 450px;
    padding: 15px 15% 15px 15px;
    font-size: 16px;
    width: 35%;
    text-align: left;
  }
  .carousel-caption h2 {
    text-align: left;
    font-size: 32px;
    margin-top: 0px;
    font-weight: 500;
  } 
  .carousel-caption p {
    font-size: 16px;
    margin-top: 0px;
  }   
  .carousel-caption .action-group {
    position: absolute;
    bottom: 200px;
    margin-top: 0;
    /*left: 50%;
    transform: translate(-50%, 0);*/
  }
  
  .carousel-caption button {
    padding: 10px 23px;
    font-size: 16px;
  }
  #mainShow .bg-blue {
    height: 104px;
  } 
  .bg-section-services {
     margin-top: -150px; 
  }
  .section-club .content-block {
  position: unset;
}
.section-club .section-club-bg {
  padding: 25px;
}
  .section-club .img-block {
    height: 260px;
    overflow: hidden;
    margin-top: 20px;
    margin-left: -25px;
    margin-right: -25px;
  }
  .section-club .img {
    border-radius: 0px;
    height: 100%;
    position: absolute;
    right: 0;
  }
  .section-club .btn-partner {
    display: inline-block;
    position: absolute;
    z-index: 1;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .section-club .btn-partner a{
    margin-left: -25px;
    padding: 9px 81px;
  } 
  .section-club .btn-block {
    text-align: left;
    margin-top: 35px;
    margin-bottom: 25px;
  }
  .page_inet-tv .section-action-wrap1 .bg-blue {
    top: 320px;
  }    
  .page_inet .section-action-wrap1 .bg-blue {
    top: 240px;
  }    
  .link_main i {
    -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
         -o-transform: scale(0.65);
            transform: scale(0.65);
    margin-left: 2px;
  } 

  .link_main:hover .ico-arrow-black-right {
    -webkit-transform: scale(0.70) translate(15%);
        -ms-transform: scale(0.70) translate(15%);
         -o-transform: scale(0.70) translate(15%);
            transform: scale(0.70) translate(15%);   
  }      
  .packet-inet .packet-img {
    float: left;
  }
  .chan-list-box {
    margin-top: -40px;  /* !!! <> */
  }
  .tv-prog-left {width: 50px;}
  .bubble-tv-prog { max-width: 93%; font-size: 13px;}
  .packet-inet .packet-detail {
    text-align: center;
  }
  .pay .section table {
   /* width: 300px;*/
  }
  #callback-zone {
    right: 0px;
    bottom: 130px;
    width: 60px;
    height: 60px;
    top: auto;
  }
  #callback-zone .ico-blue-circle {
    transform: scale(0.85);
  }
  #callback-zone .ico-blue-circle {
    top: -7px;
  }
  #btn-callback, #btn-feedback {
    height: 43px;
    top: 0px;
  }
  .open #btn-callback {
    top: 0px;
  }
  .open #btn-feedback {
    top: 0px;
  }
  .dropdown-menu {
    display: none !important;
  }
  .open .dropdown-menu {
    display: block !important;
  }

  .section-club .bg-img {
    margin: 0px -15px;
  }
  .nav-club li {
    border-radius: 10px;
  }
  .nav-club li a {
    height: 60px;
    width: 60px;
    border-radius: 10px;
  }
  .ico-club {
    background-size: 90px auto;
    width: 92px;
    height: 92px;
  }
  .nav-club .ico-club {
    background-size: 52px auto;
    width: 52px;
    height: 52px;
    margin-left: -11px;
    margin-top: -2px;
  }
  .nav-club .ico-white-club-draw {
    background-position: 0 -2px;
  }
  .nav-club .ico-white-club-setificate {
    background-position: 0 -58px;
  }
  .nav-club .ico-white-club-bonus {
    background-position: 0 -116px;
  }
  .nav-club .ico-white-club-evercard {
    background-position: 0 -173px;
  }
  .nav-club .ico-white-club-inet-traffic {
    background-position: 0 -232px;
  }
  .nav-club .ico-white-club-discount {
    background-position: 0 -290px;
  }
  .section-footer .btn-search {
    text-align: center;
  }

  .section-footer .action-group {
  margin-top: 20px;
  margin-right: 0px;
    float: none;    
  }
  .btn-primary, .btn-default {
    padding: 9px 11px;
  }
  .btn-block .btn:first-child {
    margin-right: 3px;
  }
  .section-footer .btn-primary,
  .section-footer .btn-default {
    padding: 9px 20px;
  }
  .action-detail {
    margin-top: 0px;
  }
  .section-about {
    font-size: 16px;
    line-height: 1.4em;
  }  
} /*@media (max-width: 767px)*/

@media (max-width: 500px) {
  body {
    font-size: 16px;
  }
  ul, ol {
    padding-left: 15px;
  }  
  .col-xxs-pull-0 {
    right: auto;
  }
  .col-xxs-push-0 {
    left: auto;
  }
  .hidden-xxs {
    display: none !important;
  }
  .visible-xxs {
    display: inline-block !important;
  }
  .col-xxs-12 {
    width: 100%;
  }
  .col-xxs-6 {
    width: 50%;
  }  
  .col-xxs-offset-0 {
    margin-left: 0px;
  }
  
  .pay .pay-img {
    padding: 0px;
  }
  .page_pay .fportmone {
    padding: 10px;
  }
  .pay .pay-sum {
    margin-bottom: 25px;
  }
  .add-width-xxs {
    margin-left: -8px;
    margin-right: 7px;
  }
  .section-footer .search {
    width: 30%;
  }
  
  .copyright {
    font-size: 12px;
    margin-top: 5px;
    line-height: 14px;
  }
  .copyright a {
    font-size: 8px;
  }  
  .section-club .btn-block {
  text-align: center;
  }
  .section-footer .btn-primary,
  .section-footer .btn-default {
    padding: 9px 6px;
  }
  .section-club .btn-block .btn {
    padding: 9px 9px;
  }
  .section-services .service .btn-block {
  width: auto;
    text-align: center;
  }
  .btn-primary, .btn-default {
    padding: 9px 6px;
  }
  .btn-block .btn:first-child {
    margin-right: 3px;
  }
  .section-services.gigabit .price-big .btn {
  float: right;
    margin-left: 0px;
  }
  .section-services.gigabit .tarif-descr {
    display: none;
  }
  .section-services.gigabit .btn-block {
    width: 100%;
    text-align: center;
    clear: both;
    position: relative;
    z-index: 2;
  }
  .page_gig .section.gigabit .drago-tail-left {
  bottom: 50px;
  left: -98px;
  }
  .page_gig .section.gigabit .drago-tail-left-wrap {
    height: 230px;
  }
  .page_gig .section.gigabit .drago-tail-right {
    bottom: -223px;
    right: -231px;
  }
  .page_gig .section.gigabit .drago-tail-right-wrap {
    height: 290px;
  }
  .section-add .bg-img {
    min-height: 500px;
  }


  .page_gig .section.gigabit-km .drago-tail-left {
    bottom: 64px;
    transform: scale(-0.6,0.7);
    right: -45px;
    left: unset;
  }
  .page_gig .section.gigabit-km .drago-tail-left-wrap {
    width: 90px;
    height: 410px;
  }
  .page_gig .section.gigabit-km .drago-tail-right {
    bottom: -149px;
    transform: scale(-0.5,0.5);
    right: unset;
    left: -231px;
  }
  .page_gig .section.gigabit-km .drago-tail-right-wrap {
    width: 990px;
    height: 500px;
    margin-left: -233px;
  }

  
  .page_tv .section-tv .bg-img2-mask {
    background-image: url('img/Everest-tv-chest_s1.jpg');
    position: absolute;
  }
  .page_tv .section-tv .bg-img-wrap {
    width: 100%;
    height: 260px;
    border-top-left-radius: 20px;
  }
  .page_tv .section-tv .bg-img {
    margin: -5px -38px 25px -28px;
  }
  .carousel-caption {
    padding: 15px 2px 15px 5px;
    width: 100%;
  }
  .carousel-caption .action-group {
      bottom: 15px;
  }
 .page_1 .slick-dots {
    text-align: right;
    padding-right: 3px;
  }

}  /* @media (max-width: 500px) */ 
  
  
  
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-bg .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; 
    width: 100%;  
  }
  .mainShow {
    position: unset;
    background-color: transparent;
  }  
  .carousel-caption {
    bottom: 50px;
    height: 475px;
  }
  .carousel-caption {
    padding-left: 35px;
    right: 24%;
  }
  .carousel-caption h2 {
    font-size: 38px;
  }
  .carousel-caption p {
    font-size: 19px;
    margin-top: 20px;
  }
  .carousel-caption .action-group {
    bottom: 135px;
  }
  .page_1 .bg-section-services {
    margin-top: -140px;
  }
  .bg-section-services {
    margin-top: -190px;
  }
  .slick-dots {
    bottom: 143px;
  }
  .page_tv .section-tv-prog-nav .prog_menu {
    padding: 35px;
  } 
  .tv-chans-menu .btn-primary {
    padding: 9px 24px;
    margin-right: 5px;
  }
  .tv-chans-menu .btn-primary {
    padding: 4px 9px;
    margin-right: 2px;
  }
 
}  

@media (min-width:992px) and (max-width: 1199px) {
  .mainShow .container {
  /*  width: 1200px;*/
    padding-right: 0;
    padding-left: 0;    
  }  
  .carousel-caption {
    bottom: 50px;
    height: 475px;
  }
  .carousel-caption {
    padding-left: 35px;
  }
  .carousel-caption h2 {
    font-size: 38px;
  }
  .carousel-caption p {
    font-size: 19px;
      margin-top: 20px;
  }
  .carousel-caption .action-group {
    bottom: 135px;
  }
  .bg-section-services {
    margin-top: 420px;
  }
  .slick-dots {
    bottom: 143px;
  }
  .page_tv .section-tv .bg-img-wrap {
    width: 490px;
      position: relative;
  }
  .page_tv .section-tv .bg-img-mask-1 {
    width: 401px;
    background-position: -126px 0px;
  }
  .page_tv .section-tv .bg-img-mask-2 {
    left: 30px;
  }
  .tv-chans-menu .btn-primary {
    padding: 9px 20px;
  }
  .tv-menu-block {
    margin: 15px 72px 0;
  }     
}


/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1359px) {
    .container {
        width: 1360px;
    }

    .col-xl-1, .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-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}



/* blue scroll  */
.chan_scroll::-webkit-scrollbar,
.scroll-container::-webkit-scrollbar{
  width: 5px; 
  height: 8px;
}
.chan_scroll::-webkit-scrollbar-thumb,
.scroll-container::-webkit-scrollbar-thumb{
  background-color: #679fd6;
  border-radius: 10px;
}
.chan_scroll::-webkit-scrollbar-track,
.scroll-container::-webkit-scrollbar-track{
  background-color: #d9e7f5;
}
/*
.chan_scroll::-webkit-scrollbar-track,
.scroll-container::-webkit-scrollbar-track  {
    background-color: #d9e7f5;
}*/
.chan_scroll::-webkit-scrollbar-thumb,
.scroll-container::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #679fd6;
}

/* blue scroll FireFox  */
.chan_prog.focus .chan_scroll,
.scroll-container {
  overflow-y: scroll;
  scrollbar-color: #679fd6; #d9e7f5;
}

.vertical-align-bottom {
  display: flex;
  align-items: end;
}