@font-face {
 font-family:ProximaNova;
 font-display:fallback;
 src:url(/fonts/ProximaNova-Regular.eot);
 src:url(/fonts/ProximaNova-Regular.woff) format('woff'),
 url(/fonts/ProximaNova-Regular.ttf) format('truetype'),
 url(/fonts/ProximaNova-Regular.svg) format('svg');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ProximaNova;
 font-display:fallback;
 src:url(/fonts/ProximaNova-RegularIt.eot);
 src:url(/fonts/ProximaNova-RegularIt.woff) format('woff'),
 url(/fonts/ProximaNova-RegularIt.ttf) format('truetype'),
 url(/fonts/ProximaNova-RegularIt.svg) format('svg');
 font-weight:400;
 font-style:italic
}
@font-face {
 font-family:ProximaNova;
 font-display:fallback;
 src:url(/fonts/ProximaNova-Bold.eot);
 src:url(/fonts/ProximaNova-Bold.woff) format('woff'),
 url(/fonts/ProximaNova-Bold.ttf) format('truetype'),
 url(/fonts/ProximaNova-Bold.svg) format('svg');
 font-weight:700;
 font-style:normal
}
@font-face {
 font-family:ProximaNova;
 font-display:fallback;
 src:url(/fonts/ProximaNova-BoldIt.eot);
 src:url(/fonts/ProximaNova-BoldIt.woff) format('woff'),
 url(/fonts/ProximaNova-BoldIt.ttf) format('truetype'),
 url(/fonts/ProximaNova-BoldIt.svg) format('svg');
 font-weight:700;
 font-style:italic
}
@font-face {
 font-family:ProximaNova;
 font-display:fallback;
 src:url(/fonts/ProximaNova-Semibold.eot);
 src:url(/fonts/ProximaNova-Semibold.woff) format('woff'),
 url(/fonts/ProximaNova-Semibold.ttf) format('truetype'),
 url(/fonts/ProximaNova-Semibold.svg) format('svg');
 font-weight:600;
 font-style:normal
}
@font-face {
 font-family:ProximaNova;
 font-display:fallback;
 src:url(/fonts/ProximaNova-SemiboldIt.eot);
 src:url(/fonts/ProximaNova-SemiboldIt.woff) format('woff'),
 url(/fonts/ProximaNova-SemiboldIt.ttf) format('truetype'),
 url(/fonts/ProximaNova-SemiboldIt.svg) format('svg');
 font-weight:600;
 font-style:italic
}
@font-face {
 font-family:ProximaNova;
 font-display:fallback;
 src:url(/fonts/ProximaNova-Light.eot);
 src:url(/fonts/ProximaNova-Light.woff) format('woff'),
 url(/fonts/ProximaNova-Light.ttf) format('truetype'),
 url(/fonts/ProximaNova-Light.svg) format('svg');
 font-weight:300;
 font-style:normal
}
@font-face {
 font-family:ProximaNova;
 font-display:fallback;
 src:url(/fonts/ProximaNova-LightIt.eot);
 src:url(/fonts/ProximaNova-LightIt.woff) format('woff'),
 url(/fonts/ProximaNova-LightIt.ttf) format('truetype'),
 url(/fonts/ProximaNova-LightIt.svg) format('svg');
 font-weight:300;
 font-style:italic
}
@font-face {
 font-family:'Open Sans';
 font-display:fallback;
 src:url(/fonts/OpenSans-Regular.eot);
 src:url(/fonts/OpenSans-Regular.woff) format('woff'),
 url(/fonts/OpenSans-Regular.ttf) format('truetype'),
 url(/fonts/OpenSans-Regular.svg) format('svg');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:'Open Sans';
 font-display:fallback;
 src:url(/fonts/OpenSans-Italic.eot);
 src:url(/fonts/OpenSans-Italic.woff) format('woff'),
 url(/fonts/OpenSans-Italic.ttf) format('truetype'),
 url(/fonts/OpenSans-Italic.svg) format('svg');
 font-weight:400;
 font-style:italic
}
@font-face {
 font-family:'Open Sans';
 font-display:fallback;
 src:url(/fonts/OpenSans-Bold.eot);
 src:url(/fonts/OpenSans-Bold.woff) format('woff'),
 url(/fonts/OpenSans-Bold.ttf) format('truetype'),
 url(/fonts/OpenSans-Bold.svg) format('svg');
 font-weight:700;
 font-style:normal
}
@font-face {
 font-family:'Open Sans';
 font-display:fallback;
 src:url(/fonts/OpenSans-BoldItalic.eot);
 src:url(/fonts/OpenSans-BoldItalic.woff) format('woff'),
 url(/fonts/OpenSans-BoldItalic.ttf) format('truetype'),
 url(/fonts/OpenSans-BoldItalic.svg) format('svg');
 font-weight:700;
 font-style:italic
}
@font-face {
 font-family:'Open Sans';
 font-display:fallback;
 src:url(/fonts/OpenSans-SemiBold.eot);
 src:url(/fonts/OpenSans-SemiBold.woff) format('woff'),
 url(/fonts/OpenSans-SemiBold.ttf) format('truetype'),
 url(/fonts/OpenSans-SemiBold.svg) format('svg');
 font-weight:600;
 font-style:normal
}
@font-face {
 font-family:'Open Sans';
 font-display:fallback;
 src:url(/fonts/OpenSans-SemiBoldItalic.eot);
 src:url(/fonts/OpenSans-SemiBoldItalic.woff) format('woff'),
 url(/fonts/OpenSans-SemiBoldItalic.ttf) format('truetype'),
 url(/fonts/OpenSans-SemiBoldItalic.svg) format('svg');
 font-weight:600;
 font-style:italic
}

@font-face {
 font-family:Lato;
 src:url(../fonts/Lato-Regular.eot);
 src:url(../fonts/Lato-Regular.eot?#iefix) format("embedded-opentype"),
 url(../fonts/Lato-Regular.woff2) format("woff2"),
 url(../fonts/Lato-Regular.woff) format("woff"),
 url(../fonts/Lato-Regular.ttf) format("truetype");
 font-style:normal;
 font-weight:400;
 text-rendering:optimizeLegibility
}
@font-face {
 font-family:Lato;
 src:url(../fonts/Lato-Bold.eot);
 src:url(../fonts/Lato-Bold.eot?#iefix) format("embedded-opentype"),
 url(../fonts/Lato-Bold.woff2) format("woff2"),
 url(../fonts/Lato-Bold.woff) format("woff"),
 url(../fonts/Lato-Bold.ttf) format("truetype");
 font-style:normal;
 font-weight:700;
 text-rendering:optimizeLegibility
}
html {
 min-height:100%;
 background:url(../images/bg1.png) no-repeat 50% 100%,linear-gradient(128.17deg,rgb(12, 220, 220) 2.3%,rgb(12, 160, 160) 100%) no-repeat 50% 0/cover;
}
body {
 color:#fff;
 font:100% ProximaNova, sans-serif;
}
h2 {
 margin:0 0 50px;
 font-weight:400;
 font-size:2.25em
}
h3 {
 margin:0 0 30px;
 font-weight:700;
 font-size:1.375em;
 line-height:1.36
}
a {
 color:inherit
}
a:hover {
 text-decoration:none
}
iframe {
 width:100%;
 height:auto;
 border:none
}
.center {
 text-align:center
}
.site {
 width:1170px;
 margin:auto
}
.site-header {
 padding:60px 0 90px
}
.site-content {
 padding:0 0 166px
}
#cabel,
#phone,
#satellite {
 text-align:center
}
#cabel p,
#satellite p {
 margin-bottom:15px;
 font-weight:700;
 font-size:28px;
 line-height:1.4
}
#cabel a,
#satellite a {
 text-decoration:none
}
#support {
 display:none
}
.site-nav:after {
 content:"";
 display:table;
 clear:both
}
.site-nav ul {
 float:left;
 margin:0;
 padding:0
}
.site-nav ul li {
 float:left;
 padding:0 0 0 45px
}
.site-nav ul li a {
 display:block;
 padding:15px 0;
 opacity:.85
}
.site-nav ul li a:hover {
 opacity:1
}
.site-nav ul li.active a {
 text-decoration:none
}
.site-nav ul li:first-child {
 padding:0
}
.site-nav .btn {
 float:right
}
a.btn {
 display:inline-block;
 padding:15px 40px;
 background:#0fc3c3;
 border-radius:50px;
 font:700 1em Lato;
 text-decoration:none;
 cursor:pointer;
 color:#fff;
 transition: all .3s ease-in-out;
}
a.btn:hover {
 background:rgb(0, 180, 180);
}
a.btn.btn-alt {
 background:transparent;
 box-shadow:inset 0 0 0 2px
}
a.btn.btn-alt:hover {
 background:#fff;
 color:rgb(15, 195, 195);
}
.btn-more {
 display:inline-block;
 padding:0 0 5px;
 background:none;
 border:none;
 border-bottom:2px dotted #302f69;
 font:1em Lato;
 color:rgba(48,47,105,.85);
 cursor:pointer
}
.form-group {
 position:relative;
 margin:0 0 20px
}
.form-group .icon {
 position:absolute;
 right:30px;
 top:50%;
 width:22px;
 height:22px;
 transform:translateY(-50%)
}
.form-group .icon~.form-control {
 padding-right:70px
}
.form-control {
 width:100%;
 padding:17px 30px;
 background:#f4f4f4;
 border:1px solid hsla(190,3%,56%,.2);
 border-radius:3px;
 font:.875em Lato;
 color:#302f69
}
.form-control::-webkit-input-placeholder {
 opacity:1;
 color:#a0a0a0
}
.form-control:-ms-input-placeholder {
 opacity:1;
 color:#a0a0a0
}
.form-control::placeholder {
 opacity:1;
 color:#a0a0a0
}
select {
 padding:17px 30px;
 background:#f4f4f4;
 border:1px solid hsla(190,3%,56%,.2);
 border-radius:3px;
 font:.875em Lato
}
.jq-selectbox,
select {
 width:100%;
 color:#302f69
}
.jq-selectbox {
 vertical-align:middle;
 cursor:pointer
}
.jq-selectbox .jq-selectbox__select {
 height:50px;
 padding:0 70px 0 30px;
 background:#f4f4f4;
 border:1px solid hsla(190,3%,56%,.2);
 border-radius:3px;
 font-size:.875em;
 line-height:50px
}
.jq-selectbox .jq-selectbox__select .jq-selectbox__select-text {
 display:block;
 width:100%
}
.jq-selectbox .jq-selectbox__select .jq-selectbox__select-text.placeholder {
 color:#a0a0a0
}
.jq-selectbox .jq-selectbox__select .jq-selectbox__trigger {
 position:absolute;
 right:30px;
 top:50%;
 transform:translateY(-50%)
}
.jq-selectbox .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow {
 width:22px;
 height:12px;
 background:url(../images/icon-arrow-b.svg) no-repeat 50% 50%/contain
}
.jq-selectbox .jq-selectbox__dropdown {
 left:0;
 top:50px;
 overflow:hidden;
 width:100%;
 background:#fff;
 box-shadow:0 4px 5px rgba(0,0,0,.15);
 border-radius:0 0 3px 3px
}
.jq-selectbox .jq-selectbox__dropdown ul {
 margin:0;
 padding:0;
 font-size:.875em
}
.jq-selectbox .jq-selectbox__dropdown ul li {
 padding:17px 30px;
 border-top:1px solid hsla(190,3%,56%,.2)
}
.jq-selectbox .jq-selectbox__dropdown ul li:nth-child(2) {
 border:none
}
.jq-selectbox .jq-selectbox__dropdown ul li:hover {
 background:hsla(190,3%,56%,.2)
}
.icon {
 display:inline-block;
 vertical-align:middle;
 width:16px;
 height:16px;
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:contain
}
.icon.icon-search {
 background-image:url(../images/icon-search.svg)
}
.tabs {
 position:relative;
 padding:153px 0 0
}
.tabs [class*=devices-btn] {
 position:absolute;
 top:0;
 display:block;
 width:25%;
 font-size:1.25em;
 line-height:153px;
 text-decoration:none;
 z-index:1;
 text-align:center;
 font-weight: 600;
}
.tabs [class*=devices-btn].devices-btn-1 {
 left:0%;
 background-image:url(../images/btn-devices-1.jpg)
}
.tabs [class*=devices-btn].devices-btn-2 {
 left:25%;
 background-image:url(../images/btn-devices-2.jpg)
}
.tabs [class*=devices-btn].devices-btn-3 {
 left:50%;
 background-image:url(../images/btn-devices-3.jpg)
}
.tabs [class*=devices-btn].devices-btn-4 {
 left:75%;
 background-image:url(../images/btn-devices-4.jpg)
}
.tabs [class*=devices-btn]:before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:#000;
 opacity:.75;
 z-index:-1
}
.tabs [class*=devices-btn]:hover:before {
 opacity:.5
}
.tabs [class*=devices-btn].active:before {
 background:rgba(15, 195, 195,.75);
 opacity:1
}
.tabs .tab-inner {
 display:none;
 padding:50px 300px;
 background:#fff;
 color:#000
}
.tabs .tab-inner.active {
 display:block
}
.heading {
 position:relative;
 margin:0 0 50px
}
.heading:after {
 content:"";
 display:table;
 clear:both
}
.heading h2 {
 float:left;
 width:70%;
 margin:0
}
.heading a {
 float:right;
 margin:20px 0 0
}
.apps {
 margin:0;
 padding:0;
 list-style:none
}
.apps li {
 display:inline-block;
 padding:0 18px
}
.apps li a {
 display:block;
 overflow:hidden;
 width:200px;
 height:60px;
 background-repeat:no-repeat;
 background-position:0 0;
 white-space:nowrap;
 text-indent:-999px
}
.apps li a.apps-btn-1 {
 background-image:url(../images/btn-app-1.png)
}
.apps li a.apps-btn-2 {
 background-image:url(../images/btn-app-2.png)
}
.tvs .tvs-item {
 position:relative;
 margin:0 0 40px;
 padding:0 0 40px 200px;
 border-bottom:1px solid rgba(0,0,0,.1)
}
.tvs .tvs-item:last-child {
 margin:0;
 padding-bottom:0;
 border:none
}
.tvs .tvs-item img {
 position:absolute;
 left:0;
 top:0;
 width:170px;
 height:auto
}
.providers-list .list {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 padding:25px 0 0;
 list-style:none;
 text-align:center
}
.providers-list .list li {
 width:33.3%;
 padding:0 0 25px
}
.providers-list .list li a {
 text-decoration:none
}
.satellites {
 margin:0;
 padding:0;
 list-style:none;
 text-align:center
}
.satellites li {
 display:inline-block;
 padding:0 10px
}
.lds-dual-ring {
 display:block;
 width:64px;
 height:64px;
 margin:auto
}
.lds-dual-ring:after {
 content:"";
 display:block;
 width:46px;
 height:46px;
 margin:auto;
 border-radius:50%;
 border:5px solid;
 border-color:#fff transparent;
 animation:lds-dual-ring 1.2s linear infinite
}
@keyframes lds-dual-ring {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(1turn)
 }
}
.popup {
 position:relative;
 background:#fff;
 padding:50px;
 width:auto;
 max-width:1170px;
 margin:20px auto;
 color:#000
}
@media (max-width:1169px) {
 html {
  background:url(../images/bg.png) no-repeat 50% 100%/100% auto,linear-gradient(128.17deg,#302f69 2.3%,#5856c1 102.09%) no-repeat 50% 0/cover
 }
 h2 {
  margin-bottom:30px;
  font-size:1.75em;
  line-height:1.2
 }
 h3 {
  margin-bottom:20px;
  font-size:1.125em;
  line-height:1.39
 }
 .site {
  width:auto;
  padding:0 15px
 }
 .site-header {
  padding-top:45px;
  padding-bottom:70px
 }
 .site-nav ul {
  float:none;
  margin:0 0 35px
 }
 .site-nav ul li {
  float:none;
  padding:25px 0 0
 }
 .site-nav ul li a {
  padding:0
 }
 .site-nav .btn {
  float:none
 }
 a.btn {
  font-size:.875em
 }
 .tabs {
  padding:0
 }
 .tabs [class*=devices-btn] {
  position:relative;
  left:0!important;
  width:auto
 }
 .tabs .tab-inner {
  padding:35px 15px
 }
 .heading {
  margin-bottom:30px
 }
 .heading h2 {
  float:none;
  width:auto;
  margin-bottom:15px
 }
 .heading a {
  float:none;
  margin:0
 }
 .apps li {
  padding:0 0 17px
 }
 .tvs {
  text-align:center
 }
 .tvs .tvs-item {
  padding-left:0
 }
 .tvs .tvs-item img {
  position:relative;
  margin:0 0 12px
 }
 .tvs .tvs-item h3 {
  margin-bottom:25px
 }
 .providers-list .list {
  display:block
 }
 .providers-list .list li {
  width:auto
 }
}
.recieved-ok {
 padding: 50px;
 background: #fff;
 color: #000;
 text-align:center;
}
.recieved-ok h3 {
 padding:0;
 margin:0 auto
}
