/*
@media (min-width: 1200px) {

}
@media (min-width: 768px) and (max-width: 1199px) {

}
@media (max-width: 767px) {

}
*/
/*    menu

=== BASE ===
--- html body ---
--- font ---
--- adaptive font-size ---

=== INCLUDE ===
--- nav ---
--- navwhite ---
--- footer ---

=== INDEX ===
--- blockbilling ---
--- blockred ---
--- blockgreen ---
--- blockblue ---
--- blocklaguna ---
--- blockhotel ---
--- blockplatform ---
--- blockhstation ---

=== IPTV ===
=== CHILD IPTV ===

=== DISPLAY ===
=== ICON ===
=== VIDEO ===
=== HEADER ===
=== JUMBOTRON ===
=== ROW ===
=== EQUAL ===
=== COL ===

*/

/* ===   ===   ===   === BASE ===   ===   ===   === */
/*--- --- --- html body --- --- ---*/
html {
  overflow-x: hidden;
  height: 100%;
}

body {
  display: table;
  height: 100%;
  width: 100vw;
}

@font-face {
    font-family: ArialMT; /* Гарнитура шрифта */
    src: url(../fonts/arialmt.ttf); /* Путь к файлу со шрифтом */
   }

.cookiewin {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background-color: rgba(0, 0, 0, .7);
        display: none
}

.cookiewin p {
    font-size: 80%;
    color: #fff;
    line-height: 15px;
}

.btncookie a {
 font-size: 75%;
    color: #15a5f1;
    margin-left: 10px;
    text-align: right;
}

@media (min-width: 1200px) {
  .cookiepage {
    margin: 0 auto;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cookiepage {
    margin: 0 auto;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .cookiepage {
    margin: 0 20px;
  } 
}
.docpage {
  min-height: 561px;
}

@media (min-width: 1200px) {
  .docpage {
    margin: 50px auto 80px;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .docpage {
    margin: 45px auto 70px;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .docpage {
    margin: 75px 20px 40px;
  } 
}


@media (min-width: 1200px) {
  .netup > .docpage {
    margin: 155px auto 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .netup > .docpage {
    margin: 155px auto 70px;
  }
}

.newspage {
  display: table;
  min-height: 60%;
}

@media (min-width: 1200px) {
  .newspage {
    margin: 155px auto 80px;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .newspage {
    margin: 105px auto 70px;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .newspage {
    margin: 75px 20px 40px;
  } 
}

.errpage {
  display: table;  
}

@media (min-width: 1200px) {
  .errpage {
    margin: 155px auto 80px;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .errpage {
    margin: 45px auto 70px;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .errpage {
    margin: 75px 20px 40px;
  } 
}

.page {
  display: table;
  min-height: 563px;
}

@media (min-width: 1200px) {
  .page {
    margin: 50px auto 80px;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page {
    margin: 45px auto 70px;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .page {
    margin: 75px 20px 40px;
  } 
}


@media (min-width: 1200px) {
  .netup > .page {
    margin: 155px auto 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .netup > .page {
    margin: 155px auto 70px;
  }
}

@media (min-width: 1200px) {
  .bgstreamer > .page {
    margin: 155px auto 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bgstreamer > .page {
    margin: 155px auto 70px;
  }
}

.mar {
  margin-top: 50px;
  margin-bottom: 30px;
}

/*--- --- --- font --- --- ---*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption');

/*--- --- --- adaptive font-size --- --- ---*/

@media (min-width: 1200px) {
  html, body {font-size: 16px;line-height: 24px;}
  h1 {font-size: 44px;line-height: 60px;}
  h2 {font-size: 38px;line-height: 55px;}
  h3 {font-size: 32px;line-height: 47px;}  
  h4 {font-size: 28px;line-height: 40px;}
  h5 {font-size: 24px;line-height: 36px;}
  h6 {font-size: 16px;line-height: 20px;}
  p {font-size: 16px;line-height: 24px;}
  a {font-size: 16px;line-height: 24px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
  html, body {font-size: 16px;line-height: 24px;}
  h1 {font-size: 44px;line-height: 60px;}
  h2 {font-size: 38px;line-height: 55px;}
  h3 {font-size: 32px;line-height: 47px;}  
  h4 {font-size: 28px;line-height: 40px;}
  h5 {font-size: 24px;line-height: 36px;}
  h6 {font-size: 16px;line-height: 20px;}
  p {font-size: 16px;line-height: 24px;}
  a {font-size: 16px;line-height: 24px;}
}
@media (max-width: 767px) {
  html, body {font-size: 16px;line-height: 24px;}
  h1 {font-size: 44px;line-height: 60px;}
  h2 {font-size: 38px;line-height: 55px;}
  h3 {font-size: 32px;line-height: 47px;}  
  h4 {font-size: 28px;line-height: 40px;}
  h5 {font-size: 24px;line-height: 36px;}
  h6 {font-size: 16px;line-height: 20px;}
  p {font-size: 16px;line-height: 24px;}
  a {font-size: 16px;line-height: 24px;}
}

.mail {
  font-size: 14px;
  line-height: 24px;
  margin-left: 20px;
}
h1,
h2,
h3,
h4 {
  font-family: 'PT Sans Caption', sans-serif;  
  font-weight: 100;
  cursor:default;
}
.textwhite {
  color: #fff;
}

h5,
h6 {
  font-family: 'PT Sans Caption', sans-serif;  
  font-weight: 600;
  cursor:default;
}
.marh6 > h6 {
  margin: 10px 0;
}
p,
i {
  cursor:default;
}

b {
  font-weight: 600;
  cursor:default;
}
a{cursor: pointer;}
a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:active {text-decoration: none;}
a:hover {text-decoration: none;} 

.h2 {
  font-family: 'PT Sans Caption', sans-serif;  
  font-weight: 100;
  line-height: 1;
  text-align: right;
  font-size: 120px;
}
.h3 {
  font-family: 'PT Sans Caption', sans-serif;  
  font-weight: 100;
  line-height: 1;
  font-size: 40px;
}
@media (max-width: 767px) {
  .h2 {
    text-align: center;
  }
  .h3 {
    text-align: center;
  }
}

.firstbtn {
margin: -45px 0 20px 0;}

.firstbtn > .btngreen {
 width: 240px;
}

@media (max-width: 767px) {
.firstbtn > .btngreen {
 width: 100%;}
}

@media (min-width: 1200px){
.firstbtn > .btngreen  {
    width: 300px;
}}


.orangebgtext {
  background-color: #ff9900;
  color: #ffffff;
  text-align: center;
  padding: 15px;
  border-radius: 10px;
  margin: 25px auto;
  width: 400px;
}

.bulltext {
  display: table;
}
.bulltext > p {
text-align: left;  
margin: auto 30px;
}

.bulltext > p > img {
margin-left: -30px;   
}

.article {
color:#01a9be;
font-family: 'PT Sans Caption', sans-serif; 
font-weight: 600; 
font-size: 24px;
line-height: 36px;    
}

#request,
#story,
#streamer-8x,
#streamer-16x,
#combine-8x,
#combine-16x,
#mini,
#fhd,
#uhd,
#hdmi1x {  
border-top: 100px solid transparent;
  margin-top: -100px;
  padding: 0;
  /* паддинги - без проблем */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* ===   ===   ===   === INCLUDE ===   ===   ===   === */

/*--- --- --- nav --- --- ---*/
nav {
width: 100vw;
}
.img-iconlang {
  width: 23px;
  float: left;
  margin-right: 7px;
  margin-left: 30px;
}
.navbar > .container > .row {
  margin-bottom: 0;
  margin-top: 0;
}
.navbar {
  min-height: 0;
  margin-bottom: 20px;
  width: 100vw;
}
.navbar-inverse {
  background-color: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0.9);
  display: flex;
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-brand {
  float: left;
  margin: 0;
  background-image: url(../img/logo.png);
  background-size: 100%; 
  background-repeat: no-repeat;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
  height: auto;
}
.nft{
   display: block;
}
.nft > .nav > li > a {
  position: relative;
  display: grid;
}
.nft > .nav > li > a > p {
  font-family: 'PT Sans Caption', sans-serif;
  font-size: 11px;
  margin: auto 0;
  cursor: pointer;  
}
.nft > .navbar-right > li > a {
  padding: 0;
}
hr.nav {
  width: 100%;
  margin-top: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.nfb > .nav > li > a > p {
  font-family: 'PT Sans Caption', sans-serif;
  font-size: 14px;
  cursor: pointer;
}
.nfb > .nav > li {
  display: grid;
  margin-left: 20px;
}
.newsicon {
  border-radius: 5px;
  background-color: #ff9900;
  color: #000;
}
@media (min-width: 1200px) {
  .navbar-inverse {
    height: 100px;
  }
  .navbar > .container {
    margin: auto;
    width: 940px;
  }
  .navbar-header {
    height: 59px;
    width: 128px;
    display: flex;
    padding: 0;
  }
  .navbar-brand {
    margin: 0;
    width: 128px;
    height:  40px;
  }
  .nft > .nav > li > a {
    padding: 0 20px 0 0;
    height: 40px;
  }
  .nft > .navbar-right > li > a {
    padding: 0;
  }
  .nfb > .nav > li {
    height: 59px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-inverse {
    height: 80px;
  }
  .navbar > .container {
    margin: auto;
    width: 760px;
  }
  .navbar-header {
    height: 44px;
    width: 112px;
    display: flex;
    padding: 0;
  }
  .navbar-brand {
    margin: 0;
    height: 35px;
    width: 112px;
  }
  .nft > .nav > li > a {
    padding: 0 20px 0 0;
    height: 30px;
  }
  .nft > .navbar-right > li > a {
    padding: 0;
  }
  .nfb > .nav > li {
    height: 49px;
    margin-left: 15px;
  }
  .nfb > .nav > li > a > p {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .navbar-inverse {
    height: 50px;
  }
  .navbar > .container {
    padding: 0 20px;
    width: 100vw;
    height: 0;
  } 
  .container > .navbar-collapse {
    margin-left: -20px;
    margin-right: -20px;
  }
  .navbar-header {
    float: left;
    height: 50px;
    display: flex;
    width: 100%;
  }
  .navbar-brand {
    margin: 0;
    height: 28px;
    width: 100px;
  }
    
  .navbar-nav{
    margin: 0 auto 0 20px;
  }
  .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.9);
  }
  .collapse.in {
    display: flex;
    visibility: visible;
  }
  .nft{
   display: flex;
    margin-top: 50px;
  }
  .nw > nav > .container > .nft {
   display: flex;
    margin-top: 70px;
  }
  .nft > .navbar-right {
    margin: 0 20px 0 auto;
  }
  .nft > .nav > li > a {
    margin: 10px 0; 
    padding: 0 10px 0 0;
    height: 35px;
  }  
  .nfb {
    display: flex;
    width: 100vw;
    margin: 0 -20px;
  }
  .nfb > .nav > li {
    display: block;
    margin-left: 0;
    height: 44px;
  }
  .nfb > .nav > li > a > p {
    margin: 10px 20px;
  }
}

/*--- --- --- navwhite --- --- ---*/

.nfw{
   display: block;
}
.nfw> .navbar-left > li  {
  position: relative;
  display: block;
  display: grid;
  height: 35px;
}
.nfw > .navbar-right  {
  height: 35px;
  display: flex;
  width: 40%;
}

.nfw > .navbar-right > li {
  margin: auto;
  cursor: pointer;
}
.nfw > .navbar-right > li:first-child {
  margin-left: 0;
}
.nfw > .navbar-right > li:last-child {
  margin-right: 0;
}
.nfw > .navbar-right > li > a > p {
  font-family: 'PT Sans Caption', sans-serif;
  font-size: 14px;
  color: #15a5f1;
  cursor: pointer;
  transition: color .2s ease-in-out;
}

.nfw > .navbar-right > li > a > p:hover {
  margin: auto 0;
  color: #000;
}

.nfw > .navbar-left > li > p {
  font-family: 'PT Sans Caption', sans-serif;
  font-size: 14px;
  margin: auto 0;
  color: #000;
}
.nfw > .navbar-collapse {
    background-color: rgba(255, 255, 255, 0.8);
}


@media (min-width: 1200px) {
  .navbar-default {
    margin-top: 100px;
    z-index: 1;  
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .navbar-default {
    margin-top: 80px;
    z-index: 1;  
  }
}
@media (max-width: 767px) {
  .nfw > .navbar-right  {
    width: 90vw;
  }
  .nfw { 
    margin: auto 0;
  }
  .nfw > .navbar-collapse {
    background-color: rgba(255, 255, 255, 0.99);
    height: 30px;
    margin: 0 -20px;
  }
  .nfw > .navbar-right {
    height: 100%;
    margin: auto 20px;
  }
  .nfw > .navbar-right > li  {
    margin: auto;
  }
  .nfw > .navbar-right > li > a {
    padding: 0;
  }
  .navbar-default {
    margin-top: 50px;
    z-index: 1;  
  }
}


/*--- --- --- footer --- --- ---*/

footer {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100vw;
}
footer a, 
footer p,
footer strong {
  color: white;
}
footer a:hover,
footer p:hover,
footer strong:hover {
  color: white;
}
#footer li a {
  text-transform: uppercase;
}
.footer > .navbar-inverse {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.footer > .navbar-collapse {
  margin: 0;
  padding: 0;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
}
.footer > .navbar-collapse > .navbar-nav {
  margin: 0;
  width: 100%;
  display: flex;
}
.footer > .navbar-collapse > .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
.footer > .navbar-collapse > .nav > li > a {
  position: relative;
  display: block;
  padding: 0;
}
.footer > .collapse > .nav > li {
  display: grid;
  height: 62px;
}
.footer > .collapse > .nav > li > a {
  margin-top: auto;
  margin-bottom: auto;
}
.footer > .collapse > .nav > li + li {
  margin-left: auto;
  margin-right: auto;
}
.footer > .collapse > .nav > li:first-child {
  margin-left: 0;
}
.footer > .collapse > .nav > li {
  margin-left: auto;
  margin-right: auto;
}
.footer > .collapse > .nav > li:last-child {
  margin-right: 0;
}
.footer > .collapse > .nav > li > a > p {
  font-family: 'PT Sans Caption', sans-serif;
  font-size: 14px;
  cursor: pointer;
}
.footer-details {
  display: flex;
}
.contact-details {
  float: left;
  width: 50%;
  display: grid;
  margin: 20px 0;
}
.contact-details > p {
  color: white;
  font-size: 14px;
  margin: auto 0;
}
.smm-details {
  float: right;
  width: 50%;
  display: grid;
  margin: 20px 0;
}
.smm-details > p {
  color: white;
  text-align: right;
  font-size: 12px;
  margin: auto 0;
}
.img-smm{
  height: 23px;
  width: auto;
  float: right;
  margin-left: 5px;
}
.copyright{
  margin: auto 0 0 0;
}
.cpr-pk{
  color: #888888;
  float: right;
}

@media (min-width: 1200px) {
  .footer {
    margin: auto;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer {
    margin: auto;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .footer {
    margin: 0 20px;
  }
  .footer-details {
    display: grid;
  }
  .smm-details {
    float: left;
    width: 100%;
  }
  .contact-details {
    width: 100%;
  }
  .smm-details > p {
    text-align: left;
  }
  .img-smm{
    height: 23px;
    width: auto;
    float: left;
    margin-left: 1vw;
  }
  .cpr-pk{
    float: left;
  }
}
@media (min-width: 768px) {
  .footer > .navbar-collapse > .navbar-nav {
    float: left;
    display: flex;
  }
}




/*--- --- --- carousel --- --- ---*/
.img-thumbnail {
  line-height: 1.42857143;
  background-color: #fff;
  display: inline-block;
  margin: 15px auto;
  height: 100%;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.carousel-caption:first-child,
.img-thumbnail:first-child {
  margin-left: 0;
}
.carousel-caption:last-child,
.img-thumbnail:last-child {
  margin-right: 0;
}
.carousel-inner ul {
  line-height: 24px;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: flex;
  margin: auto;
}
.carousel-inner > .item > a > img {
  height: auto!important;
}
@media (min-width: 1200px) {
  .img-thumbnail {
    width: 210px;
    padding: 10px;    
  }
  .carousel-inner {
    width: 900px;
    margin: auto;
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    width: 900px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .img-thumbnail {
    width: 165px;
    padding: 5px;    
  }
  .carousel-inner {
    width: 690px;
    margin: auto;
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    width: 690px;
  }
}
@media (max-width: 767px) {
  .img-thumbnail {
    width: 30%;
    padding: 5px;    
  }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    width: 95%;
    margin: auto;
  }
  .carousel-inner {
    width: 95%;
    margin: auto;
  }
  .carousel-caption {
    width: 30%;
  }
  .carousel-caption > .img-thumbnail {
    width: 100%;
  }
}

.carousel-caption {
  display:inline-block;   
  position:relative;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
}
.carousel-caption img{
  margin: 0;
}
.carousel-caption span {
  bottom: 30px;
  left: 10px;
  z-index: 10;
  display:inline-block;
  position:absolute;
  color: #fff;
  text-align: left;
  text-shadow: 0 5px 10px rgba(0, 0, 0, .6);
}




/*--- --- --- solutions --- --- --*/

.img-solutions {
  padding: 50px 0;
  display: block;
  max-width: 100%;
  height: auto;
}





.solutionsfooter {
  margin-bottom: 5.5vw;
}

@media (max-width: 767px) {

  .solutionsfooter {
    padding: 4.06vw;
    margin-bottom: 13.75vw;
  }

}



/*--- --- --- block --- --- --*/
.blockborder {
  border: 1px solid #f3f5f9;
  padding: 20px;
  margin-bottom: 20px;
}

.blockborder > a {
  color: #cdd1d8;
  cursor: default;
}


hr.hrblockborder {
  width: 100%;
  margin: 10px;
  border-color: #f3f5f9;
}


.block > h5 {
 margin-bottom: 20px;
}
.block > p {
  line-height: 2;
  margin-bottom: 20px;
}

.blueblock {
  width: 100%;
  padding: 25px;
  margin: 10px 0;
  background-color: #1043dc;
  text-align: center;
  color: #fff;
}

/*--- —- —- imgtxt —- —- —*/
.imgtxt {
  max-width: 300px;
  height: 155px;
  display: grid;
  cursor: pointer;
}
.right > .imgtxt {
  float: right;
}
.left > .imgtxt {
  float: left;
}
.img-imgtxt{
  width: 100%;
  height: auto;
  margin: auto 0;
  
}
.imgtxt > p {
  position: absolute;
  padding: 20px;
  bottom: 0;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 767px) {
.right > .imgtxt,
.left > .imgtxt {
  float: none;
  margin: auto;
}
}

/*--- --- --- btn --- --- --*/

.btnblue {  
  background-color: #fff;
  padding: 10px;
  display: grid;
  margin: 10px 0;
  border: 1px solid #15a5f1;
  transition: background-color .12s ease-in-out;
}

.btnblue:hover {  
  background-color: #15a5f1;
}

.btnblue > a {  
  color: #15a5f1;
  text-align: center;
  font-weight: 600;
  transition: color .12s ease-in-out;
}

.btnblue:hover > a {  
  color: #fff;
}

.btngreen {  
  background-color: #fff;
  padding: 10px;
  display: grid;
  margin: 10px 0;
  border: 1px solid #01be87;
}

.btngreen:hover {  
  background-color: #01be87;
}

.btngreen > a {  
  color: #01be87;
  text-align: center;
  font-weight: 600;
}

.btngreen:hover > a {  
  color: #fff;
}


.btnor {  
  background-color: #ff9900;
  border: 1px solid #ff9900;
  padding: 10px;
  display: grid;
  margin: 10px 0px;
  float: left;
  cursor: pointer;
  transition: background-color .18s ease-in-out;
}

.btnor:hover {  
  background-color: #fff;
  border: 1px solid #ff9900;
}

.btnor > a {  
  color: #fff;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  transition: color .18s ease-in-out;
}

.btnor:hover > a {  
  color: #ff9900;
}
.btnor > p {  
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  transition: color .18s ease-in-out;
}
.btnor:hover > p {  
  color: #ff9900;
}

.rightform {
  display: grid;
  height: 100%;
}

.rightformtxt {
  margin: 14px;
}
@media (max-width: 767px) {
.rightformtxt {
  margin: 20px;
}
}

/*--- --- --- story --- --- --*/
.story {
  margin-bottom: 15px;
}
.story > h5 {
  color:#01a9be;
  cursor:pointer;
  text-align:left;
  font-weight: 100;
}
/* ===   ===   ===   === INDEX ===   ===   ===   === */

/*--- --- --- blockbilling --- --- --*/

.blockbilling {
  top: 0;
  float: left;
  overflow: hidden;
  background-image: url(../img/iptv/bg-complex.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}

.bgbilling {
  background-color: rgba(0, 0, 0, 0);
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
  color: #fff;
  cursor: pointer;
}

.bgbilling:hover {
  background-color: rgba(0, 0, 0, 0.7);
}  

.bgbilling > h5 {
  text-transform: uppercase;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .blockbilling {
    width: 620px;
    height: 430px;
  }
  .bgbilling {
    width: 620px;
    height: 430px;
    padding: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockbilling {
    width: 501px;
    height: 347px;
  }
  .bgbilling {
    width: 501px;
    height: 347px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .blockbilling {
    width: 100%;
  }
  .bgbilling {
    width: 100%;
    padding: 25px;
  }
}
/*--- --- --- blockred --- --- --*/

.blockred {
  background-color: #d0011b;
  top: 0;
  float: right;
  display: grid;
  cursor: pointer;
}

.blockred:hover {
    background-color: #9e0015;
}

.blockred > h6 {
  color: #fff;
  margin: 0 0 auto 0;
  text-transform: uppercase;
  cursor: pointer;
}

.blockred > p {
  color: #fff;
  margin: auto 0;
  cursor: pointer;
}

.blockred > a {
  margin: auto 0 0 0;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}


@media (min-width: 1200px) {
  .blockred {
    width: 300px;
    height: 205px;
    padding: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockred {
    width: 242px;
    height: 165px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .blockred {
    width: 100%;
    padding: 25px;
    margin-top: 10px;
  }
}
/*--- --- --- blockgreen 
  display: table-cell;--- --- --*/
.blockgreen {
  top: 0;
  float: right;
  overflow: hidden;
  background-image: url(../img/device/stb.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}

.bgblockgreen {
  background-color: rgba(0, 0, 0, 0.7);
  vertical-align: bottom;
  display: grid;
  padding: 20px;
  height: 100%;
  width: 100%;
  z-index: 2;
  color: #fff;
  cursor: pointer;
}

.bgblockgreen:hover  {
    background-color: rgba(0, 0, 0, 0.8);
}

.img-blockgreen{
  display: block;
  width: 40px;
  height: auto;
  margin: 0;
}

.bgblockgreen> h6 {
  text-align: left;
  text-transform: uppercase;
  margin: auto 0 0 0;
  cursor: pointer;
}

.blockgreen> h6 {
  text-align: left;
  text-transform: uppercase;
  margin: auto 0 0 0;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .blockgreen {
    width: 300px;
    height: 205px;
    margin-top: 20px;
  }
  .bgblockgreen {
    padding: 25px;
  }

}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockgreen {
    width: 242px;
    height: 165px;
    margin-top: 17px;
  }
  .bgblockgreen {
    padding: 20px;
  }

}
@media (max-width: 767px) {
  .blockgreen {
    width: 100%;
    margin-top: 10px;
  }
  .bgblockgreen {
    padding: 25px;
  }
}
/*--- --- --- blockblue --- --- --*/
.blockblue{
  top: 0;
  float: left;
  overflow: hidden;
  color: #fff;
  background-color: #1043dc;
  cursor: pointer;
  
}

.blockblue:hover  {
    background-color: #09267d;
}

.blockblue > h6 {
  text-transform: uppercase;
  cursor: pointer;
}
.blockblue > a > p {
  color: #fff;
  margin-bottom: 5px;
  cursor:pointer;
}
@media (min-width: 1200px) {
  .blockblue {
    width: 300px;
    height: 205px;
    padding: 25px;
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockblue {
    width: 242px;
    height: 165px;
    padding: 20px;
    margin-top: 17px;
  }
  .blockblue > a > p {
    font-size: 14px;
  line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .blockblue {
    width: 100%;
    padding: 25px;
    margin-top: 10px;
  }
}

/*--- --- --- blocktranscoder --- --- --*/
.blocktranscoder{
  top: 0;
  overflow: hidden;
  background-color: #1043dc;
  float: left;
  background-image: url(../img/home/imgblockhstation.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
 }

.bgblocktranscoder{
  background-color: rgba(0, 0, 0, 0.7);
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
  cursor: pointer;
  color: #fff;
}

.bgblocktranscoder:hover  {
    background-color: rgba(0, 0, 0, 0.8);
}

.bgblocktranscoder > h6 {
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .blocktranscoder {
    width: 300px;
    height: 205px;
    margin-top: 20px;
  }
   .bgblocktranscoder {
    width: 300px;
    height: 205px;
    padding: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blocktranscoder {
    width: 242px;
    height: 165px;
    margin-top: 17px;
  }
 .bgblocktranscoder {
    width: 242px;
    height: 165px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .blocktranscoder {
    width: 100%;
    margin-top: 10px;
  }
  .bgblocktranscoder{
    width: 100vw;
    padding: 25px;
  }
}

/*--- --- --- blocklaguna --- --- --*/
.blocklaguna{
  top: 0;
  overflow: hidden;
  background-color: #1043dc;
  float: left;
  background-image: url(../img/bgheadends.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgblocklaguna{
  background-color: rgba(0, 0, 0, 0.7);
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
  cursor: pointer;
  color: #fff;
}

.bgblocklaguna:hover {
    background-color: rgba(0, 0, 0, 0.8);
}  

.bgblocklaguna > h6 {
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
}


@media (min-width: 1200px) {
  .blocklaguna {
    width: 300px;
    height: 205px;
    margin: 20px 20px 0 20px;
  }
  .bgblocklaguna{
    width: 300px;
    height: 205px;
    padding: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blocklaguna {
    width: 242px;
    height: 165px;
    margin: 17px 17px 0 17px;
  }
  .bgblocklaguna{
    width: 242px;
    height: 165px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .blocklaguna {
    width: 100%;
    margin-top: 10px;
  }
  .bgblocklaguna{
    width: 100vw;
    padding: 25px;
  }
}


/*--- --- --- blockhotel --- --- --*/
.blockhotel{
  top: 0;
  overflow: hidden;
  background-color: #1043dc;
  background-image: url(../img/home/imgblockhotel.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  float: right;
}

.bgblockhotel{
  background-color: rgba(0, 0, 0, 0.6);
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
  cursor: pointer;
  color: #fff;
}

.bgblockhotel:hover {
    background-color: rgba(0, 0, 0, 0.8);
}  

.bgblockhotel > h6 {
  text-transform: uppercase;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .blockhotel {
    width: 300px;
    height: 205px;
    margin-top: 20px;
  }
  .bgblockhotel{
    width: 300px;
    padding: 25px;
    height: 205px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockhotel {
    width: 242px;
    height: 165px;
    margin-top: 17px;
  }
  .bgblockhotel{
    width: 242px;
    height: 165px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .blockhotel {
    width: 100%;
    margin-top: 10px;
  }
  .bgblockhotel{
    width: 100vw;
    padding: 25px;
  }
}

/*--- --- --- blockplatform --- --- --*/
.blockplatform {
  top: 0;
  overflow: hidden;
  background-image: url(../img/imgbgutm.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
}


.bgblockplatform {
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  float: left;
  cursor: pointer;
}

.bgblockplatform:hover {
    background-color: rgba(0, 0, 0, 0.7);
}  

.img-blockplatform{
  display: block;
  max-width: 100%;
  height: auto;
  cursor: pointer;
}

.bgblockplatform > span {
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
  color: #fff;
}

.bgblockplatform > span > h6 {
  text-transform: uppercase;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .blockplatform {
    width: 460px;
    height: 416px;
    margin-top: 20px;
  }
  
  .img-blockplatform {
    margin-bottom: 120px;
  }
  .bgblockplatform {
    width: 460px;
    height: 416px;
    
  }
  .bgblockplatform > span {
    width: 460px;
    height: 416px;
    padding: 25px;
  }
   .img-bgblockplatform {
    margin-bottom: 120px;
  }  
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockplatform {
    width: 371px;
    height: 336px;
    margin-top: 17px;
  }
  .blockplatform > span {
    width: 371px;
    height: 336px;
    padding: 20px;
  }
   .img-blockplatform {
    margin-bottom: 85px;
  }
   .bgblockplatform {
    width: 371px;
    height: 336px;
    
  }
  .bgblockplatform > span {
    width: 371px;
    height: 336px;
    padding: 20px;
  } 
}
@media (max-width: 767px) {
  .blockplatform {
    width: 100%;
    margin-top: 10px;
  }
  .blockplatform > span {
    width: 100%;
    padding: 25px;
  }
   .img-blockplatform {
    margin: 30px 0;
  }
   .bgblockplatform {
    width: 100%;
    
  }
  .bgblockplatform > span {
    width: 100%;
    padding: 25px;
  } 
}

/*--- --- --- blockhstation --- --- --*/
.blockhstation {
  background-color: #f3f5f9;
  top: 0;
  float: right;
  cursor: pointer;
}

.blockhstation > span {
  display: table-cell;
  vertical-align: bottom;
  z-index: 2;
  color: #0c0f1c;
}
.blockhstation:hover {
    background-color: #d3dae8;
} 

 .img-blockhstation{
  display: block;
  max-width: 100%;
  height: auto;
  cursor: pointer;
}

.blockhstation > h6 {
  text-transform: uppercase;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .blockhstation {
    width: 460px;
    height: 416px;
    margin-top: 20px;
    margin-left: 20px;
  }
  .blockhstation > span {
    width: 460px;
    height: 416px;
    padding: 25px;
  }
   .img-blockhstation {
    margin-bottom: 120px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockhstation {
    width: 371px;
    height: 336px;
    margin-top: 17px;
    margin-left: 18px;
  }
  .blockhstation > span {
    width: 371px;
    height: 336px;
    padding: 20px;
  }
   .img-blockhstation {
    margin-bottom: 85px;
  }
}
@media (max-width: 767px) {
  .blockhstation {
    width: 100%;
    margin-top: 10px;
  }
  .blockhstation > span {
    width: 100%;
    padding: 25px;
  }
  .blockhstation > span > h6 {
    color: #454752;
  }
   .img-blockhstation {
    margin: 30px 0;
  }
}


/* ===   ===   ===   === IPTV ===   ===   ===   === */

.bgiptv {
  background-image: url(../img/imgbgiptv.jpg);
    	
  background-repeat: no-repeat;
  background-color: #0c0e1c;
  background-attachment: fixed;
}

.blockiptv {
  background-color: #fff;
  float: left;
  cursor: pointer;
  transition: background-color .18s ease-in-out;
}
.blockiptv:hover {
  background-color: #15a5f1;
}

.blockiptv > h6 {
  color: #01a9be;
  margin-bottom: 10px;
  cursor: pointer;
  transition: color .18s ease-in-out;
}
.blockiptv > p {
  color: #0c0f1c;
  cursor: pointer;
  transition: color .18s ease-in-out;
}

.blockiptv:hover > h6,
.blockiptv:hover > p {
  color: #fff;  
}

@media (min-width: 1200px) {
  .blockiptv {
    width: 300px;
    height: 200px;
    padding: 25px; 
    margin: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockiptv {
    width: 240px;
    height: 230px;
    padding: 20px; 
    margin: 10px;
  }
}
@media (max-width: 767px) {
  .blockiptv {
    width: 100%;
    padding: 10px; 
    margin-bottom: 10px;
  }
}


/* ===   ===   ===   === CHILD IPTV ===   ===   ===   === */
.bghotel > .jumbotron {
  background-image: url(../img/iptv/bg-hotel.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #333333;
  color: #fff;
  text-align: center;
}

.bgcombine > .jumbotron {
  background-image: url(../img/iptv/bg-combine.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #333333;
  color: #fff;
  text-align: center;
}

.bgsignage > .jumbotron {
  background-image: url(../img/iptv/bg-signage.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #333333;
  color: #fff;
  text-align: center;
}

.bgtransport > .jumbotron {
  background-image: url(../img/iptv/bg-transport.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #333333;
  color: #fff;
  text-align: center;
}

.bglocal > .jumbotron {
  background-image: url(../img/iptv/bg-local.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #333333;
  color: #fff;
  text-align: center;
}

.bgcomplex > .jumbotron {
  background-image: url(../img/iptv/bg-complex.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #333333;
  color: #fff;
  text-align: center;
}

.bgcomplex > .page {
  display: block;
  margin-top: 10px;
  height: auto;
}
.bgcomplex > .row > h5 {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 15px;
}


.bgchiptv > .jumbotron {
  background-image: url();
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #333333;
  color: #fff;
  text-align: center;
}

.bgchiptv > .page {
  display: block;
  margin-top: 10px;
  height: auto;
}
.bgchiptv > .row > h5 {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 15px;
}

.img-rad {
  width: 100%;
  border-radius:30px;
 }

.img-chiptv {
  width: 100%;
}
@media (max-width: 767px) {
  .img-chiptv{
    margin: 0 auto;
  }
}



/* ===   ===   ===   === UTM ===   ===   ===   === */


.bgutm {
  background-image: url(../img/imgbgutm.png);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #0c0e1c;
  background-attachment: fixed;
}

.blockutm {
  background-color: #fff;
  float: left;  
  cursor: pointer;
}
.blockutm:hover {
  background-color: #01be87;
  color: #fff;
}

.blockutm > h6 {
  color: #01be87;
  margin-bottom: 15px;
  cursor: pointer;
}

.blockutm > p {
  color: #0c0f1c;
  cursor: pointer;
}

.blockutm:hover > h6,
.blockutm:hover > p {
  color: #fff;
  
}
@media (min-width: 1200px) {
  .blockutm {
    width: 300px;
    height: 155px;
    padding: 25px; 
    margin: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockutm {
    width: 240px;
    height: 170px;
    padding: 20px; 
    margin: 10px;
  }
}
@media (max-width: 767px) {
  .blockutm {
    width: 100%;
    padding: 10px; 
    margin-bottom: 10px;
  }
}


/* ===   ===   ===   === CHILD UTM ===   ===   ===   === */
/*--- --- --- UTM price --- --- ---*/

.bgutmprice > .jumbotron {
  background-color: #fff;
  color: #000;
  padding: 150px 0 0 0;
}
@media (max-width: 767px) {
  .bgutmprice > .jumbotron {
    padding: 100px 0 30px 0;
  }
}

.blockutmprice {
  padding:  20px;
  border: 1px solid #f3f5f9;
  float: left;
  width: 100%;
}
.blockutmprice  > h4 {
  font-weight: 600;
}
.blockutmprice  > h5 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #01be87;
}

/*--- --- --- UTM support --- --- ---*/

.bgservicespias > .jumbotron {	
  background-image: url(../img/services/bg-pias.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color:  #12172e;
  background-size: cover;
}

/*--- --- --- UTM internet --- --- ---*/

.bgutminternet > .jumbotron {	
  background-image: url(../img/utm5/bg-internet.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/*--- --- --- UTM telephone --- --- ---*/

.bgutmtelephone > .jumbotron {	
  background-image: url(../img/utm5/bg-telephone.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/*--- --- --- UTM hotspot --- --- ---*/

.bgutmhotspot > .jumbotron {	
  background-image: url(../img/utm5/bg-hotspot.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/*--- --- --- UTM support --- --- ---*/

.bgutmsupport > .jumbotron {	
  background-image: url(../img/utm5/bg-support.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/*--- --- --- UTM tv --- --- ---*/

.bgutmtv > .jumbotron {	
  background-image: url(../img/utm5/bg-tv.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/*--- --- --- UTM ext --- --- ---*/

.bgutmext > .jumbotron {	
  background-image: url(../img/utm5/bg-ext.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/*--- --- --- UTM payments --- --- ---*/

.bgutmpayments > .jumbotron {	
  background-image: url(../img/utm5/bg-payments.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

.jumbsupblock {
  background-color: #fff;
  color: #0c0f1c;
  padding: 30px;
  display: grid
}
.jumbsupblock:first-child {
  margin-left: 0;
}
.jumbsupblock {
  margin: auto;
}
.jumbsupblock:last-child {
  margin-right: 0;
}


.jumbsupblock > h5 {
  text-align: left;
}
.jumbsupblock > h6 {
  text-align: left;
}
.jumbsupblock > p {
  margin-bottom: 40px;
  text-align: justify;
}
.jumbsupblock > i {
  text-align: center;
  bottom: 0;
}
.jumbsupblock > .btnutm5 {
  margin-bottom: 0;
  margin: auto 0; 
}

.blocksupheader  { 
  background-color: #01be87;
  padding: 20px;
  margin-top: 30px;
}

.blocksupheader > h6 { 
  color: #fff;  
}
.blocksup {
  border: solid 1px #dbdbdb;
  display: grid;
  padding: 20px;  
  margin-bottom: 50px;
}
hr.hrsup {
  width: 100%;
  margin: 10px 0;
  border-color: #f3f5f9;
}

.blocksup > a {
  color: #868686;
}

.timesup {
  display: block;
  margin: 15px 0;
}

.accordsup > .panel  {
  margin-top: 30px;
}

.accordsup > .panel-group .panel + .panel {
  margin-top: 30px;
}

.accordsup > .panel-default > .panel-heading {
    background-color: #01be87;
  background-image: none;
}

.accordsup > .panel-default > .panel-heading > h6{
    color: #fff;
  margin-bottom: 0;
  cursor: pointer;
}
.indentsuplesson > h5 {
  margin: 25px 0;
}

.indentsuplesson > p {
  margin: 10px 0;
}
.indentsuplesson > p > .glyphicon {
  font-weight: 100;
}

@media (max-width: 767px) {
  .panel-body{
    width: 100%;
  }
  .blocksup{
    border: 0;
    padding: 0;
    margin-bottom: 0;
  }
}

/* ---------------------- UTM5 Price -----------------*/
.priceutm {
text-align: justify;
}

.priceutm > table {
width: 100%;

}

.priceutm > table > tbody > tr > td {
padding: 10px;
border: 1px #A7D5F4 solid;

}

/* ===   ===   ===   === LK ===   ===   ===   === */
.bglk {
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: white;
  background-attachment: fixed;
}  
.headerlk {
  color: black;
}

@media (min-width: 1200px) {
  .headerlk {
    margin-top: 105px;
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .headerlk {
    margin-top: 110px;
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .headerlk {
    margin-top: 25px;
    margin-bottom: 55px;
  }
}

.blocklk {
  background-color: #fff;
  float: left;
  border-style: solid;
}


.blocklk > h6 {
  color: #1043dc;
  margin-bottom: 15px;
  cursor: pointer;
}

.blocklk > p {
  color: #0c0f1c;
  cursor: pointer;
}


@media (min-width: 1200px) {
  .blocklk {
    width: 460px;
    height: 310px;
    padding: 25px; 
    margin: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blocklk {
    width: 370px;
    height: 340px;
    padding: 20px; 
    margin: 10px;
  }
}
@media (max-width: 767px) {
  .blocklk {
    width: 100%;
    padding: 10px; 
    margin-bottom: 10px;
  }
}


/* ===   ===   ===   === SERVICES ===   ===   ===   === */

.bgservices {
  background-image: url(../img/imgbgservices.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #0c0e1c;
  background-attachment: fixed;
}  
.blockservices {
  background-color: #fff;
  float: left;
  cursor: pointer;
}
.blockservices:hover {
  background-color: #1043dc;
  color: #fff;
}

.blockservices > h6 {
  color: #1043dc;
  margin-bottom: 15px;
  cursor: pointer;
}

.blockservices > p {
  color: #0c0f1c;
  cursor: pointer;
}

.blockservices:hover > h6,
.blockservices:hover > p {
  color: #ffffff;
}

@media (min-width: 1200px) {
  .blockservices {
    width: 460px;
    height: 140px;
    padding: 25px; 
    margin: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockservices {
    width: 370px;
    height: 140px;
    padding: 20px; 
    margin: 10px;
  }
}
@media (max-width: 767px) {
  .blockservices {
    width: 100%;
    padding: 10px; 
    margin-bottom: 10px;
  }
}


/* ===   ===   ===   === CHILD services ===   ===   ===   === */

/*--- --- --- services pias --- --- ---*/

.bgservicespias > .jumbotron {	
  background-image: url(../img/services/bg-pias.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

/*--- --- --- services epg --- --- ---*/

.bgservicesepg > .jumbotron {	
  background-image: url(../img/services/bg-epg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}
/*--- --- --- services channels --- --- ---*/

.bgserviceschannels > .jumbotron {	
  background-image: url(../img/services/bg-channels.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

.img-channels {
  width: 100%;
  max-width: 90px;
  margin: 0 0 0 auto;
}

@media (max-width: 1199px) {
  .img-channels {
    margin: 0 auto;
  }

}
/*--- --- --- services acquiring --- --- ---*/

.bgservicesacquiring > .jumbotron {	
  background-image: url(../img/services/bg-acquiring.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-size: cover;
}

.clientspay {
  width: 100%;
  border: 1px solid #f3f5f9;
  border-radius: 10px;
  display: grid;
}

.img-clientspay {
  width: 100%;
  padding: 10px;
}

.bgimgbluerow{
  margin: -40px -100vw 20px;
  top: 0;
  overflow: hidden;
  background-color: #1043dc;
  background-image: url(../img/home/.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgbluerow {
  background-color: rgba(17, 67, 220, 0.8);
  height: 100%;
  width: 100%;
  margin: -30px 0 0;
}
.bgbluerow > .page {
  min-height: 1px;
}
@media (min-width: 1200px) {
  .bgbluerow > .page {
    margin: 30px auto;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bgbluerow > .page {
    margin: 20px auto;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .orangebgtext {    
  width: auto;
  }
  .bgimgbluerow{
    margin: -20px -20px 0;
  }
  .bgbluerow > .page {
    margin: 10px 20px;
  } 
}

/* ===   ===   ===   === HEANDS ===   ===   ===   === */




.bgheadends {
  background-image: url(../img/bgheadends.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-color: #0c0e1c;
  background-attachment: fixed;
  color: #ffffff;
}  


.blockheadends {
  background-color: #fff;
  float: left;
  cursor: pointer;
  border: #fff 1px solid;
}
.blockheadends:hover {
  border: #01a9be 1px solid;
}


.blockheadends > h6 {
  color: #15a5f1;
  cursor: pointer;
}

.blockheadends > p {
  color: #333;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .blockheadends {
    height: 325px;
    padding: 20px; 
  }
  .komp > .blockheadends {
    height: 400px;
    padding: 20px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .blockheadends {
    height: 280px;
    padding: 15px; 
  }

  .komp > .blockheadends {
    height: 420px;
    padding: 15px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.12);
  }
}
@media (max-width: 767px) {
  .komp > .blockheadends {
    width: 100%;
    padding: 10px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.12);
  }
  .blockheadends {
    width: 100%;
    padding: 10px; 
  }
}

/* ===   ===   ===   === CHILD HEANDS ===   ===   ===   === */

/*--- --- --- HEANDS streamer --- --- ---*/
.digheadendsjumb {
  border: 1px dotted #01a9be;
  border-radius: 15px;    
  display: grid;
  padding: 20px;
  margin: 10px auto;
  width: 100%;
}
.digheadendsjumb > h5 {
  text-align: center;
  cursor: default;
  color: #000;
}
.digheadendsjumbicon {
  display: flex;
}

.digheadendsjumbblock {
  display: grid;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}

/*@-moz-document url-prefix() {
.digheadendsjumbstreamer{
   position:absolute;
  bottom:200;
}
}*/


.digheadendsjumbstreamer {
  text-align: center;
  color: #fff;
}

@media (min-width: 1200px) {
  .digheadendsjumbstreamer {
    width: 940px;
    margin: -250px auto 0;
  }
}
@media (min-width: 771px) and (max-width: 1199px) {
  .digheadendsjumbstreamer {
    width: 760px;
    margin: -200px auto 0;
  }
}
@media (max-width: 770px) and (min-width: 363px) {
  .digheadendsjumbstreamer {
    width: 90%;
    margin: -100px auto 0;
  }
}
@media (max-width: 362px) {
  .digheadendsjumbstreamer {
    width: 90%;
    margin: -100px auto 0;
  }
}
.img-digheadendsjumbicon {
  display: block;
  width: 50%;
  margin: 10px auto;
}


.headendblockadv {
  border: 1px dotted #01a9be;
  border-radius: 15px;  
  display: grid;
  padding: 20px;
  margin: 10px auto;
  width: 100%;
}


.headendblockadv > h5 {
  color: #000;
  text-align: center;
  margin-bottom: 30px;
  cursor: default;
  font-weight: bold;
}

.digheadendblockadvblock {
  text-align: center;
  margin: 0 auto;
  color: #000;
  min-height: 125px;
}
.img-digheadendsjumbiconimg {
  display: block;
  width: 20%;
  height: 20%;
  margin: auto;
}
.digheadendblockadvblockimg {
  display: flex;
}

/*--- --- --- HEANDS transcoder --- --- ---*/

.transcoderblock{
  border: 1px solid rgba(0, 0, 0 , 0.1);
  padding: 20px;
  width: 100%;
}

.transcoderblock > h6 {
  font-weight: 900;
  margin-bottom: 10px;
}

.transcodercharacterblock > p {
  margin: 20px 0;
} 

/* ===   ===   ===   === DEVICE ===   ===   ===   === */

.bgdevice {
  background-image: url(../img/imgbgdevice.jpg);
  background-size: cover;  	
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #0c0e1c;
}

.blockdevice {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
  padding: 20px;
  cursor: pointer;
}
.blockdevice:hover {
  border-color: #01be87;
  color: white;
}


.blockdevice > h6 {
  color: #01be87;
  cursor: pointer;
}


.blockdevice > p {
  color: #0c0f1c;
  cursor: pointer;
}

.blockdevice > p > b {
  color: #0c0f1c;
  font-weight: 600;
  cursor: pointer;
}


.img-device {
  padding-bottom: 15px;
  display: block;
  margin: 0 auto;
  max-height: 140px;
  max-width: 100%;
  width: auto;
  height: auto;
  
}
@media (min-width: 1200px) {
  .blockdevice {
    height: 367px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blockdevice {
    height: 455px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .blockdevice {
    height: 343px;
  }
}
@media (max-width: 767px) {
  .blockdevice {
    height: auto;
  }
}
@media (min-width: 470px) and (max-width: 767px) {
  .blockdevice > hr.hd {
    width: auto;
  }
  .img-device {
    float: left;
    margin-right: 20px;
  }
}
@media (max-width: 469px) {
  .img-device {
    max-height: 150px
  }

}
/* ===   ===   ===   === CHILD DEVICE ===   ===   ===   === */

/*--- --- --- DEVICE mobile --- --- ---*/
.bgmobile > .jumbotron {
  background-image: url(../img/device/bg-mobile.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #333333;
  background-size: cover;
}
/*--- --- --- DEVICE web --- --- ---*/
.bgweb > .jumbotron {
  background-image: url(../img/device/bg-web.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #333333;
  background-size: cover;
}
/*--- --- --- DEVICE smart --- --- ---*/
.bgsmart > .jumbotron {
  background-image: url(../img/device/bg-smart.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #333333;
  background-size: cover;
}


/*--- --- --- DEVICE stb --- --- ---*/


.bgstb > .jumbotron {
  background-image: url(../img/device/bg-stb.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #333333;
  background-size: cover;
}
.bgstb > .page {
  display: block;
}

.bgstb > footer {
  display: table;
}
.greenblockstb {
  text-align: center;
  display: grid;
  background-color: #01be87;
  padding: 20px 0;
  margin-top: -100px;
  color: #fff;
  min-height: 120px;   
}
@media (max-width: 767px) {
  .greenblockstb {
    margin-top: 10px;
  }
}
.greenblockstb > p {
  margin: auto 0 0 0;
}

.img-iconstbgreen {
  width: 30%;
  display: block;
  margin: 0 auto auto auto;
}
.dtbimg {
  width: 50%;
  margin: 50px auto 0;
  display: grid;
}

.img-dtbimg {
  width: 100%;
  margin: 50px auto 0;
  height: auto;
  
}
.dtbimgsp {
  width: 45%;
  margin: 0 auto 0;
  display: grid;
}

.img-dtbimgsp {
  width: 100%;
  margin: 0 auto 0;
  height: auto;
  
}

/* ===   ===   ===   === about ===   ===   ===   === */

.about > h4 {
  margin-bottom: 30px;
  margin-left: 0px;
  font-weight: 600;
}

.about > h6 {
  margin-bottom: 10px;
  margin-top: 30px;  
  font-weight: 600;
}

.about > p {
 text-align: left;
  margin-bottom: 0px;
}

.about > ul > li {
 margin-bottom: 10px;
}
.advantagenetup {
  width: 100%;
  text-align: center;
  background-color: #fff;
  color: #000;
  padding: 20px;
}


.partnersblock {
  width: 100%;
  color: #000;
}
.partnersblock > a {
  color: rgba(0, 0, 0, 0.6);
}

.bgabout > .page {
  display: block;
}



/* ===   ===   ===   === news ===   ===   ===   === */


hr.hd {
  width: 100%;
  margin: 10px 0;
  border-color: #f3f5f9;
}


/* ===   ===   ===   === characteristic ===   ===   ===   === */

.blockcharacteristic {
  margin: 10px 0;
  padding: 20px;
  border: 1px solid #f3f5f9;
}
.blockcharacteristic  > h6 {
  margin-bottom: 20px;
}

.blockcharacteristic  > p {
  margin-top: 10px;
}


/* ===   ===   ===   === advantages ===   ===   ===   === */
.advantages {
  background-color: #ffffff;  
  margin: 40px 0 0 0;
  text-align: center;
  display: table;
}

.advantages > h5 {
  margin: 20px 0;
}
.blockadv {
  padding: 20px;
  text-align: left;
}

.blockadv > h6 {
  margin-bottom: 20px;
}
.blockadv > h6,
.blockadv > p {
  color: #0c0f1c;
}

.advfooter {
  background-color: #f3f5f9;
  padding: 10px 0;
  display: flex;
  margin: 0 10px;
}
@media (max-width: 767px) {
  .advfooter {
    display: grid;
  }
}


/* ===   ===   ===   === DISPLAY ===   ===   ===   === */
.dt {
  display: table;
  width: 100%;
}
.db {
  display: block;
  width: 100%;
  }

.arial {
    font-family: ArialMT;  
    font-size: 14px;
      }    
   
.dtnw {
  display: table;
}
.dbdg {
  display: block;
}
@media (max-width: 767px) {
  .dbdg {
    display: flex;
  }
}

/* ===   ===   ===   === ICON ===   ===   ===   === */
.iconring {
  border: solid 1px;
  border-color: rgba(0, 0, 0, .1);
  border-radius: 100px;
  padding: 18px;
  margin: 1px;
  display: inline-block;
  width: 60px;
  height: 60px;
}
.iconringbig {
  border: solid 1px;
  border-color:  rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  padding: 25px;
  margin: 1px;
  display: inline-block;
  width: 100px;
  height: 100px;
}
.img-iconringh {
  height: 100%;
  margin: auto;
}
.img-iconringw {
  width: 100%;
  margin: auto;
}

.iconbuillit {
  max-width: 100%;
  height: auto;
  width: 20px;
  margin-right: 10px;
}

.iconbuillit1 {
  max-width: 100%;
  height: auto;
  width: 15px;
  margin-right: 10px;
  margin-top: 5px;  
}


.iconiptv {
  border: solid 1px;
  border-color: rgba(0, 0, 0, .1);
  border-radius: 100vw;
  padding: 1.25vw;
  margin: 0.1vw;
  display: inline-block;
}



/* ===   ===   ===   === VIDEO ===   ===   ===   === */

.video{
  text-align: center;
  margin: 15px auto;
  display: flex;
}
@media (min-width: 1200px) {
  .video {    
    height: 528px;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .video {    
    height: 427px;
    width: 760px;
  }
}

.videoWrapper{
  width: 100%;
  position: relative;
  padding-top: 56.25%;  
  
}
.videoWrapper iframe, .video object, .video embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* ===   ===   ===   === HEADER ===   ===   ===   === */
.header {
  color: white;
}


@media (min-width: 1200px) {
  .header {
    margin-top: 105px;
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header {
    margin-top: 110px;
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .header {
    margin-top: 25px;
    margin-bottom: 55px;
  }
}



/* ===   ===   ===   === JUMBOTRON ===   ===   ===   === */
.jumbotron {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
}
  
@media (min-width: 1200px) {
  .jumbotron > .container {
    margin: 0 auto;
    width: 940px;
    padding: 155px 0 50px;
    min-height: 600px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .jumbotron > .container {
    margin: 0 auto;
    width: 760px;
    padding: 140px 0 40px;
    min-height: 560px;
  }
}
@media (max-width: 767px) {
  .jumbotron > .container {
    margin: 0 20px;
    padding: 75px 0 40px;
    min-height: 480px;
  }
}

.bgstreamer > .jumbotron {	
  background-image: url(../img/headends/bg-streamer.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #01a9be;
  color: #fff;
  text-align: center;
}  



/* ===   ===   ===   === ROW ===   ===   ===   === */
.row {
  margin: 0px 0; 
}

.rowa {
  margin: auto; 
}

.rowm {
  margin: 10px -10px;
}


.rowmdt {  
  display: table;
  margin: 0 -10px;
}
@media (max-width: 767px) {
  .rowmdt {  
    margin: 0;
  }
}
.row50 {
  margin: 50px 0; 
}

row0:before,
.row0:after {
  display: table;
  content: " ";
}
.row0:after {
  clear: both;
}


.bluerow {
  margin: 10px -100vw;
  background-color: #f3f5f9;
}
.bluerow > .page {
  min-height: 1px;
  
}
@media (min-width: 1200px) {
  .bluerow > .page {
    margin: 30px auto;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bluerow > .page {
    margin: 20px auto;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .bluerow {
    margin: 0 -20px;
  } 
  .bluerow > .page {
    margin: 10px 20px;
  } 
}







.formrow {
  margin: 0 auto;
  background-color: #f3f5f9;
}
.formrow > .page {
  min-height: 1px;
  padding: 10px 0;
  
}
@media (min-width: 1200px) {
  .formrow > .page {
    margin: 0 auto;
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .formrow > .page {
    margin: 0 auto;
    width: 760px;
  }
}
@media (max-width: 767px) {
  .formrow {
    margin: 0 -20px;
  } 
  .formrow > .page {
    margin: 0 20px;
  } 
}








.whiterow{
  background-color: #fff; 
  padding: 0 10px
}

.marp > p {
  margin-bottom: 20px;
}
.marp > h5 {
  margin-bottom: 20px;
}


@media (min-width: 1200px) {
  .void {
    margin-bottom: 62px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .void {
    margin-bottom: 38px;
  }
}
/* ===   ===   ===   === EQUAL ===   ===   ===   === */

.equal, .equal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}
@media (max-width: 767px) {
  .equal, .equal > div[class*='col-'] {
    display: grid;
  }
}

.iconequal, .iconequal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex:1 0 auto;
}



.fequal, .fequal > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}





/* ===   ===   ===   === COL ===   ===   ===   === */

.col-p0>.col-xs-1, .col-p0>.col-sm-1, .col-p0>.col-md-1, .col-p0>.col-lg-1, .col-p0>.col-xs-2, .col-p0>.col-sm-2, .col-p0>.col-md-2, .col-p0>.col-lg-2, .col-p0>.col-xs-3, .col-p0>.col-sm-3, .col-p0>.col-md-3, .col-p0>.col-lg-3, .col-p0>.col-xs-4, .col-p0>.col-sm-4, .col-p0>.col-md-4, .col-p0>.col-lg-4, .col-p0>.col-xs-5, .col-p0>.col-sm-5, .col-p0>.col-md-5, .col-p0>.col-lg-5, .col-p0>.col-xs-6, .col-p0>.col-sm-6, .col-p0>.col-md-6, .col-p0>.col-lg-6, .col-p0>.col-xs-7, .col-p0>.col-sm-7, .col-p0>.col-md-7, .col-p0>.col-lg-7, .col-p0>.col-xs-8, .col-p0>.col-sm-8, .col-p0>.col-md-8, .col-p0>.col-lg-8, .col-p0>.col-xs-9, .col-p0>.col-sm-9, .col-p0>.col-md-9, .col-p0>.col-lg-9, .col-p0>.col-xs-10, .col-p0>.col-sm-10, .col-p0>.col-md-10, .col-p0>.col-lg-10, .col-p0>.col-xs-11, .col-p0>.col-sm-11, .col-p0>.col-md-11, .col-p0>.col-lg-11, .col-p0>.col-xs-12, .col-p0>.col-sm-12, .col-p0>.col-md-12, .col-p0>.col-lg-12 {
  padding: 0;  
}

.col-p10>.col-xs-1, .col-p10>.col-sm-1, .col-p10>.col-md-1, .col-p10>.col-lg-1, .col-p10>.col-xs-2, .col-p10>.col-sm-2, .col-p10>.col-md-2, .col-p10>.col-lg-2, .col-p10>.col-xs-3, .col-p10>.col-sm-3, .col-p10>.col-md-3, .col-p10>.col-lg-3, .col-p10>.col-xs-4, .col-p10>.col-sm-4, .col-p10>.col-md-4, .col-p10>.col-lg-4, .col-p10>.col-xs-5, .col-p10>.col-sm-5, .col-p10>.col-md-5, .col-p10>.col-lg-5, .col-p10>.col-xs-6, .col-p10>.col-sm-6, .col-p10>.col-md-6, .col-p10>.col-lg-6, .col-p10>.col-xs-7, .col-p10>.col-sm-7, .col-p10>.col-md-7, .col-p10>.col-lg-7, .col-p10>.col-xs-8, .col-p10>.col-sm-8, .col-p10>.col-md-8, .col-p10>.col-lg-8, .col-p10>.col-xs-9, .col-p10>.col-sm-9, .col-p10>.col-md-9, .col-p10>.col-lg-9, .col-p10>.col-xs-10, .col-p10>.col-sm-10, .col-p10>.col-md-10, .col-p10>.col-lg-10, .col-p10>.col-xs-11, .col-p10>.col-sm-11, .col-p10>.col-md-11, .col-p10>.col-lg-11, .col-p10>.col-xs-12, .col-p10>.col-sm-12, .col-p10>.col-md-12, .col-p10>.col-lg-12{
   padding: 0 10px; 
}

.col-p15>.col-xs-1, .col-p15>.col-sm-1, .col-p15>.col-md-1, .col-p15>.col-lg-1, .col-p15>.col-xs-2, .col-p15>.col-sm-2, .col-p15>.col-md-2, .col-p15>.col-lg-2, .col-p15>.col-xs-3, .col-p15>.col-sm-3, .col-p15>.col-md-3, .col-p15>.col-lg-3, .col-p15>.col-xs-4, .col-p15>.col-sm-4, .col-p15>.col-md-4, .col-p15>.col-lg-4, .col-p15>.col-xs-5, .col-p15>.col-sm-5, .col-p15>.col-md-5, .col-p15>.col-lg-5, .col-p15>.col-xs-6, .col-p15>.col-sm-6, .col-p15>.col-md-6, .col-p15>.col-lg-6, .col-p15>.col-xs-7, .col-p15>.col-sm-7, .col-p15>.col-md-7, .col-p15>.col-lg-7, .col-p15>.col-xs-8, .col-p15>.col-sm-8, .col-p15>.col-md-8, .col-p15>.col-lg-8, .col-p15>.col-xs-9, .col-p15>.col-sm-9, .col-p15>.col-md-9, .col-p15>.col-lg-9, .col-p15>.col-xs-10, .col-p15>.col-sm-10, .col-p15>.col-md-10, .col-p15>.col-lg-10, .col-p15>.col-xs-11, .col-p15>.col-sm-11, .col-p15>.col-md-11, .col-p15>.col-lg-11, .col-p15>.col-xs-12, .col-p15>.col-sm-12, .col-p15>.col-md-12, .col-p15>.col-lg-12 {
  padding: 15px 0;
}

.col-pp10>.col-xs-1, .col-pp10>.col-sm-1, .col-pp10>.col-md-1, .col-pp10>.col-lg-1, .col-pp10>.col-xs-2, .col-pp10>.col-sm-2, .col-pp10>.col-md-2, .col-pp10>.col-lg-2, .col-pp10>.col-xs-3, .col-pp10>.col-sm-3, .col-pp10>.col-md-3, .col-pp10>.col-lg-3, .col-pp10>.col-xs-4, .col-pp10>.col-sm-4, .col-pp10>.col-md-4, .col-pp10>.col-lg-4, .col-pp10>.col-xs-5, .col-pp10>.col-sm-5, .col-pp10>.col-md-5, .col-pp10>.col-lg-5, .col-pp10>.col-xs-6, .col-pp10>.col-sm-6, .col-pp10>.col-md-6, .col-pp10>.col-lg-6, .col-pp10>.col-xs-7, .col-pp10>.col-sm-7, .col-pp10>.col-md-7, .col-pp10>.col-lg-7, .col-pp10>.col-xs-8, .col-pp10>.col-sm-8, .col-pp10>.col-md-8, .col-pp10>.col-lg-8, .col-pp10>.col-xs-9, .col-pp10>.col-sm-9, .col-pp10>.col-md-9, .col-pp10>.col-lg-9, .col-pp10>.col-xs-10, .col-pp10>.col-sm-10, .col-pp10>.col-md-10, .col-pp10>.col-lg-10, .col-pp10>.col-xs-11, .col-pp10>.col-sm-11, .col-pp10>.col-md-11, .col-pp10>.col-lg-11, .col-pp10>.col-xs-12, .col-pp10>.col-sm-12, .col-pp10>.col-md-12, .col-pp10>.col-lg-12 {
   padding: 10px;
}

.col-p0ma>.col-xs-1, .col-p0ma>.col-sm-1, .col-p0ma>.col-md-1, .col-p0ma>.col-lg-1, .col-p0ma>.col-xs-2, .col-p0ma>.col-sm-2, .col-p0ma>.col-md-2, .col-p0ma>.col-lg-2, .col-p0ma>.col-xs-3, .col-p0ma>.col-sm-3, .col-p0ma>.col-md-3, .col-p0ma>.col-lg-3, .col-p0ma>.col-xs-4, .col-p0ma>.col-sm-4, .col-p0ma>.col-md-4, .col-p0ma>.col-lg-4, .col-p0ma>.col-xs-5, .col-p0ma>.col-sm-5, .col-p0ma>.col-md-5, .col-p0ma>.col-lg-5, .col-p0ma>.col-xs-6, .col-p0ma>.col-sm-6, .col-p0ma>.col-md-6, .col-p0ma>.col-lg-6, .col-p0ma>.col-xs-7, .col-p0ma>.col-sm-7, .col-p0ma>.col-md-7, .col-p0ma>.col-lg-7, .col-p0ma>.col-xs-8, .col-p0ma>.col-sm-8, .col-p0ma>.col-md-8, .col-p0ma>.col-lg-8, .col-p0ma>.col-xs-9, .col-p0ma>.col-sm-9, .col-p0ma>.col-md-9, .col-p0ma>.col-lg-9, .col-p0ma>.col-xs-10, .col-p0ma>.col-sm-10, .col-p0ma>.col-md-10, .col-p0ma>.col-lg-10, .col-p0ma>.col-xs-11, .col-p0ma>.col-sm-11, .col-p0ma>.col-md-11, .col-p0ma>.col-lg-11, .col-p0ma>.col-xs-12, .col-p0ma>.col-sm-12, .col-p0ma>.col-md-12, .col-p0ma>.col-lg-12 {
  padding: 0;
  margin: auto;
}

.col-p0df {
  display: flex;
  margin: 0;
}
@media (max-width: 767px) {  
  .col-p0df {
    display: block;
  }
}
.col-p0df>.col-xs-1, .col-p0df>.col-sm-1, .col-p0df>.col-md-1, .col-p0df>.col-lg-1, .col-p0df>.col-xs-2, .col-p0df>.col-sm-2, .col-p0df>.col-md-2, .col-p0df>.col-lg-2, .col-p0df>.col-xs-3, .col-p0df>.col-sm-3, .col-p0df>.col-md-3, .col-p0df>.col-lg-3, .col-p0df>.col-xs-4, .col-p0df>.col-sm-4, .col-p0df>.col-md-4, .col-p0df>.col-lg-4, .col-p0df>.col-xs-5, .col-p0df>.col-sm-5, .col-p0df>.col-md-5, .col-p0df>.col-lg-5, .col-p0df>.col-xs-6, .col-p0df>.col-sm-6, .col-p0df>.col-md-6, .col-p0df>.col-lg-6, .col-p0df>.col-xs-7, .col-p0df>.col-sm-7, .col-p0df>.col-md-7, .col-p0df>.col-lg-7, .col-p0df>.col-xs-8, .col-p0df>.col-sm-8, .col-p0df>.col-md-8, .col-p0df>.col-lg-8, .col-p0df>.col-xs-9, .col-p0df>.col-sm-9, .col-p0df>.col-md-9, .col-p0df>.col-lg-9, .col-p0df>.col-xs-10, .col-p0df>.col-sm-10, .col-p0df>.col-md-10, .col-p0df>.col-lg-10, .col-p0df>.col-xs-11, .col-p0df>.col-sm-11, .col-p0df>.col-md-11, .col-p0df>.col-lg-11, .col-p0df>.col-xs-12, .col-p0df>.col-sm-12, .col-p0df>.col-md-12, .col-p0df>.col-lg-12 {
  margin: auto;
  padding: 0;
}


.col-dfm15 {
  display: flex;
  margin: 15px 0;
}
@media (max-width: 767px) {  
  .col-dfm15 {
    display: block;
  }
}
.col-dfm15>.col-xs-1, .col-dfm15>.col-sm-1, .col-dfm15>.col-md-1, .col-dfm15>.col-lg-1, .col-dfm15>.col-xs-2, .col-dfm15>.col-sm-2, .col-dfm15>.col-md-2, .col-dfm15>.col-lg-2, .col-dfm15>.col-xs-3, .col-dfm15>.col-sm-3, .col-dfm15>.col-md-3, .col-dfm15>.col-lg-3, .col-dfm15>.col-xs-4, .col-dfm15>.col-sm-4, .col-dfm15>.col-md-4, .col-dfm15>.col-lg-4, .col-dfm15>.col-xs-5, .col-dfm15>.col-sm-5, .col-dfm15>.col-md-5, .col-dfm15>.col-lg-5, .col-dfm15>.col-xs-6, .col-dfm15>.col-sm-6, .col-dfm15>.col-md-6, .col-dfm15>.col-lg-6, .col-dfm15>.col-xs-7, .col-dfm15>.col-sm-7, .col-dfm15>.col-md-7, .col-dfm15>.col-lg-7, .col-dfm15>.col-xs-8, .col-dfm15>.col-sm-8, .col-dfm15>.col-md-8, .col-dfm15>.col-lg-8, .col-dfm15>.col-xs-9, .col-dfm15>.col-sm-9, .col-dfm15>.col-md-9, .col-dfm15>.col-lg-9, .col-dfm15>.col-xs-10, .col-dfm15>.col-sm-10, .col-dfm15>.col-md-10, .col-dfm15>.col-lg-10, .col-dfm15>.col-xs-11, .col-dfm15>.col-sm-11, .col-dfm15>.col-md-11, .col-dfm15>.col-lg-11, .col-dfm15>.col-xs-12, .col-dfm15>.col-sm-12, .col-dfm15>.col-md-12, .col-dfm15>.col-lg-12 {
  padding: 0;
  margin: auto;
}


.col-dfm1515 {
  display: flex;
  margin: 15px 0;
}
@media (max-width: 767px) {  
  .col-dfm1515 {
    display: block;
  }
}
.col-dfm1515>.col-xs-1, .col-dfm1515>.col-sm-1, .col-dfm1515>.col-md-1, .col-dfm1515>.col-lg-1, .col-dfm1515>.col-xs-2, .col-dfm1515>.col-sm-2, .col-dfm1515>.col-md-2, .col-dfm1515>.col-lg-2, .col-dfm1515>.col-xs-3, .col-dfm1515>.col-sm-3, .col-dfm1515>.col-md-3, .col-dfm1515>.col-lg-3, .col-dfm1515>.col-xs-4, .col-dfm1515>.col-sm-4, .col-dfm1515>.col-md-4, .col-dfm1515>.col-lg-4, .col-dfm1515>.col-xs-5, .col-dfm1515>.col-sm-5, .col-dfm1515>.col-md-5, .col-dfm1515>.col-lg-5, .col-dfm1515>.col-xs-6, .col-dfm1515>.col-sm-6, .col-dfm1515>.col-md-6, .col-dfm1515>.col-lg-6, .col-dfm1515>.col-xs-7, .col-dfm1515>.col-sm-7, .col-dfm1515>.col-md-7, .col-dfm1515>.col-lg-7, .col-dfm1515>.col-xs-8, .col-dfm1515>.col-sm-8, .col-dfm1515>.col-md-8, .col-dfm1515>.col-lg-8, .col-dfm1515>.col-xs-9, .col-dfm1515>.col-sm-9, .col-dfm1515>.col-md-9, .col-dfm1515>.col-lg-9, .col-dfm1515>.col-xs-10, .col-dfm1515>.col-sm-10, .col-dfm1515>.col-md-10, .col-dfm1515>.col-lg-10, .col-dfm1515>.col-xs-11, .col-dfm1515>.col-sm-11, .col-dfm1515>.col-md-11, .col-dfm1515>.col-lg-11, .col-dfm1515>.col-xs-12, .col-dfm1515>.col-sm-12, .col-dfm1515>.col-md-12, .col-dfm1515>.col-lg-12 {
  padding: 0;
  
}

@media (min-width: 768px) {
.col-dfm1515>.col-xs-1, .col-dfm1515>.col-sm-1, .col-dfm1515>.col-md-1, .col-dfm1515>.col-lg-1, .col-dfm1515>.col-xs-2, .col-dfm1515>.col-sm-2, .col-dfm1515>.col-md-2, .col-dfm1515>.col-lg-2, .col-dfm1515>.col-xs-3, .col-dfm1515>.col-sm-3, .col-dfm1515>.col-md-3, .col-dfm1515>.col-lg-3, .col-dfm1515>.col-xs-4, .col-dfm1515>.col-sm-4, .col-dfm1515>.col-md-4, .col-dfm1515>.col-lg-4, .col-dfm1515>.col-xs-5, .col-dfm1515>.col-sm-5, .col-dfm1515>.col-md-5, .col-dfm1515>.col-lg-5, .col-dfm1515>.col-xs-6, .col-dfm1515>.col-sm-6, .col-dfm1515>.col-md-6, .col-dfm1515>.col-lg-6, .col-dfm1515>.col-xs-7, .col-dfm1515>.col-sm-7, .col-dfm1515>.col-md-7, .col-dfm1515>.col-lg-7, .col-dfm1515>.col-xs-8, .col-dfm1515>.col-sm-8, .col-dfm1515>.col-md-8, .col-dfm1515>.col-lg-8, .col-dfm1515>.col-xs-9, .col-dfm1515>.col-sm-9, .col-dfm1515>.col-md-9, .col-dfm1515>.col-lg-9, .col-dfm1515>.col-xs-10, .col-dfm1515>.col-sm-10, .col-dfm1515>.col-md-10, .col-dfm1515>.col-lg-10, .col-dfm1515>.col-xs-11, .col-dfm1515>.col-sm-11, .col-dfm1515>.col-md-11, .col-dfm1515>.col-lg-11, .col-dfm1515>.col-xs-12, .col-dfm1515>.col-sm-12, .col-dfm1515>.col-md-12, .col-dfm1515>.col-lg-12 {
    margin: auto 15px;
}
}











.pstb>.col-xs-1, .pstb>.col-sm-1, .pstb>.col-md-1, .pstb>.col-lg-1, .pstb>.col-xs-2, .pstb>.col-sm-2, .pstb>.col-md-2, .pstb>.col-lg-2, .pstb>.col-xs-3, .pstb>.col-sm-3, .pstb>.col-md-3, .pstb>.col-lg-3, .pstb>.col-xs-4, .pstb>.col-sm-4, .pstb>.col-md-4, .pstb>.col-lg-4, .pstb>.col-xs-5, .pstb>.col-sm-5, .pstb>.col-md-5, .pstb>.col-lg-5, .pstb>.col-xs-6, .pstb>.col-sm-6, .pstb>.col-md-6, .pstb>.col-lg-6, .pstb>.col-xs-7, .pstb>.col-sm-7, .pstb>.col-md-7, .pstb>.col-lg-7, .pstb>.col-xs-8, .pstb>.col-sm-8,.pstb>.col-md-8, .pstb>.col-lg-8, .pstb>.col-xs-9, .pstb>.col-sm-9, .pstb>.col-md-9, .pstb>.col-lg-9, .pstb>.col-xs-10, .pstb>.col-sm-10, .pstb>.col-md-10pstb .pstb>.col-lg-10, .pstb>.col-xs-11, .pstb>.col-sm-11, .pstb>.col-md-11, .pstb>.col-lg-11, .pstb>.col-xs-12, .pstb>.col-sm-12, .pstb>.col-md-12, .pstb>.col-lg-12 {
  padding: .5vw;
}

  @media (max-width: 767px) {
   .pstb>.col-xs-1, .pstb>.col-sm-1, .pstb>.col-md-1, .pstb>.col-lg-1, .pstb>.col-xs-2, .pstb>.col-sm-2, .pstb>.col-md-2, .pstb>.col-lg-2, .pstb>.col-xs-3, .pstb>.col-sm-3, .pstb>.col-md-3, .pstb>.col-lg-3, .pstb>.col-xs-4, .pstb>.col-sm-4, .pstb>.col-md-4, .pstb>.col-lg-4, .pstb>.col-xs-5, .pstb>.col-sm-5, .pstb>.col-md-5, .pstb>.col-lg-5, .pstb>.col-xs-6, .pstb>.col-sm-6, .pstb>.col-md-6, .pstb>.col-lg-6, .pstb>.col-xs-7, .pstb>.col-sm-7, .pstb>.col-md-7, .pstb>.col-lg-7, .pstb>.col-xs-8, .pstb>.col-sm-8,.pstb>.col-md-8, .pstb>.col-lg-8, .pstb>.col-xs-9, .pstb>.col-sm-9, .pstb>.col-md-9, .pstb>.col-lg-9, .pstb>.col-xs-10, .pstb>.col-sm-10, .pstb>.col-md-10pstb .pstb>.col-lg-10, .pstb>.col-xs-11, .pstb>.col-sm-11, .pstb>.col-md-11, .pstb>.col-lg-11, .pstb>.col-xs-12, .pstb>.col-sm-12, .pstb>.col-md-12, .pstb>.col-lg-12 {
  padding: .5vw;
     display: grid;
} 
  }

.phd0>.col-xs-1, .phd0>.col-sm-1, .phd0>.col-md-1, .phd0>.col-lg-1, .phd0>.col-xs-2, .phd0>.col-sm-2, .phd0>.col-md-2, .phd0>.col-lg-2, .phd0>.col-xs-3, .phd0>.col-sm-3, .phd0>.col-md-3, .phd0>.col-lg-3, .phd0>.col-xs-4, .phd0>.col-sm-4, .phd0>.col-md-4, .phd0>.col-lg-4, .phd0>.col-xs-5, .phd0>.col-sm-5, .phd0>.col-md-5, .phd0>.col-lg-5, .phd0>.col-xs-6, .phd0>.col-sm-6, .phd0>.col-md-6, .phd0>.col-lg-6, .phd0>.col-xs-7, .phd0>.col-sm-7, .phd0>.col-md-7, .phd0>.col-lg-7, .phd0>.col-xs-8, .phd0>.col-sm-8,.phd0>.col-md-8, .phd0>.col-lg-8, .phd0>.col-xs-9, .phd0>.col-sm-9, .phd0>.col-md-9, .phd0>.col-lg-9, .phd0>.col-xs-10, .phd0>.col-sm-10, .phd0>.col-md-10phd0 .phd0>.col-lg-10, .phd0>.col-xs-11, .phd0>.col-sm-11, .phd0>.col-md-11, .phd0>.col-lg-11, .phd0>.col-xs-12, .phd0>.col-sm-12, .phd0>.col-md-12, .phd0>.col-lg-12 {
  padding: 0;
}

.phd>.col-xs-1, .phd>.col-sm-1, .phd>.col-md-1, .phd>.col-lg-1, .phd>.col-xs-2, .phd>.col-sm-2, .phd>.col-md-2, .phd>.col-lg-2, .phd>.col-xs-3, .phd>.col-sm-3, .phd>.col-md-3, .phd>.col-lg-3, .phd>.col-xs-4, .phd>.col-sm-4, .phd>.col-md-4, .phd>.col-lg-4, .phd>.col-xs-5, .phd>.col-sm-5, .phd>.col-md-5, .phd>.col-lg-5, .phd>.col-xs-6, .phd>.col-sm-6, .phd>.col-md-6, .phd>.col-lg-6, .phd>.col-xs-7, .phd>.col-sm-7, .phd>.col-md-7, .phd>.col-lg-7, .phd>.col-xs-8, .phd>.col-sm-8,.phd>.col-md-8, .phd>.col-lg-8, .phd>.col-xs-9, .phd>.col-sm-9, .phd>.col-md-9, .phd>.col-lg-9, .phd>.col-xs-10, .phd>.col-sm-10, .phd>.col-md-10phd .phd>.col-lg-10, .phd>.col-xs-11, .phd>.col-sm-11, .phd>.col-md-11, .phd>.col-lg-11, .phd>.col-xs-12, .phd>.col-sm-12, .phd>.col-md-12, .phd>.col-lg-12 {
  padding: 1.38vw;
}

  @media (max-width: 767px) {
   .phd>.col-xs-1, .phd>.col-sm-1, .phd>.col-md-1, .phd>.col-lg-1, .phd>.col-xs-2, .phd>.col-sm-2, .phd>.col-md-2, .phd>.col-lg-2, .phd>.col-xs-3, .phd>.col-sm-3, .phd>.col-md-3, .phd>.col-lg-3, .phd>.col-xs-4, .phd>.col-sm-4, .phd>.col-md-4, .phd>.col-lg-4, .phd>.col-xs-5, .phd>.col-sm-5, .phd>.col-md-5, .phd>.col-lg-5, .phd>.col-xs-6, .phd>.col-sm-6, .phd>.col-md-6, .phd>.col-lg-6, .phd>.col-xs-7, .phd>.col-sm-7, .phd>.col-md-7, .phd>.col-lg-7, .phd>.col-xs-8, .phd>.col-sm-8,.phd>.col-md-8, .phd>.col-lg-8, .phd>.col-xs-9, .phd>.col-sm-9, .phd>.col-md-9, .phd>.col-lg-9, .phd>.col-xs-10, .phd>.col-sm-10, .phd>.col-md-10phd .phd>.col-lg-10, .phd>.col-xs-11, .phd>.col-sm-11, .phd>.col-md-11, .phd>.col-lg-11, .phd>.col-xs-12, .phd>.col-sm-12, .phd>.col-md-12, .phd>.col-lg-12 {
  padding: 0;
     display: grid;
} 
  }
  
.pp5>.col-xs-1, .pp5>.col-sm-1, .pp5>.col-md-1, .pp5>.col-lg-1, .pp5>.col-xs-2, .pp5>.col-sm-2, .pp5>.col-md-2, .pp5>.col-lg-2, .pp5>.col-xs-3, .pp5>.col-sm-3, .pp5>.col-md-3, .pp5>.col-lg-3, .pp5>.col-xs-4, .pp5>.col-sm-4, .pp5>.col-md-4, .pp5>.col-lg-4, .pp5>.col-xs-5, .pp5>.col-sm-5, .pp5>.col-md-5, .pp5>.col-lg-5, .pp5>.col-xs-6, .pp5>.col-sm-6, .pp5>.col-md-6, .pp5>.col-lg-6, .pp5>.col-xs-7, .pp5>.col-sm-7, .pp5>.col-md-7, .pp5>.col-lg-7, .pp5>.col-xs-8, .pp5>.col-sm-8,.pp5>.col-md-8, .pp5>.col-lg-8, .pp5>.col-xs-9, .pp5>.col-sm-9, .pp5>.col-md-9, .pp5>.col-lg-9, .pp5>.col-xs-10, .pp5>.col-sm-10, .pp5>.col-md-10 pp5 .pp5>.col-lg-10, .pp5>.col-xs-11, .pp5>.col-sm-11, .pp5>.col-md-11, .pp5>.col-lg-11, .pp5>.col-xs-12, .pp5>.col-sm-12, .pp5>.col-md-12, .pp5>.col-lg-12 {
  padding: 0 0.3vw;
     display: grid;
}

.prc0 {
  display: flex;
  margin: 1vw 0;
}
  @media (max-width: 767px) {  
.prc0 {
  display: block;
}
}
.prc0>.col-xs-1, .prc0>.col-sm-1, .prc0>.col-md-1, .prc0>.col-lg-1, .prc0>.col-xs-2, .prc0>.col-sm-2, .prc0>.col-md-2, .prc0>.col-lg-2, .prc0>.col-xs-3, .prc0>.col-sm-3, .prc0>.col-md-3, .prc0>.col-lg-3, .prc0>.col-xs-4, .prc0>.col-sm-4, .prc0>.col-md-4, .prc0>.col-lg-4, .prc0>.col-xs-5, .prc0>.col-sm-5, .prc0>.col-md-5, .prc0>.col-lg-5, .prc0>.col-xs-6, .prc0>.col-sm-6, .prc0>.col-md-6, .prc0>.col-lg-6, .prc0>.col-xs-7, .prc0>.col-sm-7, .prc0>.col-md-7, .prc0>.col-lg-7, .prc0>.col-xs-8, .prc0>.col-sm-8,.prc0>.col-md-8, .prc0>.col-lg-8, .prc0>.col-xs-9, .prc0>.col-sm-9, .prc0>.col-md-9, .prc0>.col-lg-9, .prc0>.col-xs-10, .prc0>.col-sm-10, .prc0>.col-md-10, .prc0>.col-lg-10, .prc0>.col-xs-11, .prc0>.col-sm-11, .prc0>.col-md-11, .prc0>.col-lg-11, .prc0>.col-xs-12, .prc0>.col-sm-12, .prc0>.col-md-12, .prc0>.col-lg-12 {
  padding: 0;
  margin: auto;
}





.prc1 {
  display: block;
}

.prc1>.col-xs-1, .prc1>.col-sm-1, .prc1>.col-md-1, .prc1>.col-lg-1, .prc1>.col-xs-2, .prc1>.col-sm-2, .prc1>.col-md-2, .prc1>.col-lg-2, .prc1>.col-xs-3, .prc1>.col-sm-3, .prc1>.col-md-3, .prc1>.col-lg-3, .prc1>.col-xs-4, .prc1>.col-sm-4, .prc1>.col-md-4, .prc1>.col-lg-4, .prc1>.col-xs-5, .prc1>.col-sm-5, .prc1>.col-md-5, .prc1>.col-lg-5, .prc1>.col-xs-6, .prc1>.col-sm-6, .prc1>.col-md-6, .prc1>.col-lg-6, .prc1>.col-xs-7, .prc1>.col-sm-7, .prc1>.col-md-7, .prc1>.col-lg-7, .prc1>.col-xs-8, .prc1>.col-sm-8,.prc1>.col-md-8, .prc1>.col-lg-8, .prc1>.col-xs-9, .prc1>.col-sm-9, .prc1>.col-md-9, .prc1>.col-lg-9, .prc1>.col-xs-10, .prc1>.col-sm-10, .prc1>.col-md-10, .prc1>.col-lg-10, .prc1>.col-xs-11, .prc1>.col-sm-11, .prc1>.col-md-11, .prc1>.col-lg-11, .prc1>.col-xs-12, .prc1>.col-sm-12, .prc1>.col-md-12, .prc1>.col-lg-12 {
  padding: 1%;
}

.pdicon {
  display: flex;
  margin: 1vw 0;
}
  @media (max-width: 767px) {  
.pdicon {
  display: block;
}
}
.pdicon>.col-xs-1, .pdicon>.col-sm-1, .pdicon>.col-md-1, .pdicon>.col-lg-1, .pdicon>.col-xs-2, .pdicon>.col-sm-2, .pdicon>.col-md-2, .pdicon>.col-lg-2, .pdicon>.col-xs-3, .pdicon>.col-sm-3, .pdicon>.col-md-3, .pdicon>.col-lg-3, .pdicon>.col-xs-4, .pdicon>.col-sm-4, .pdicon>.col-md-4, .pdicon>.col-lg-4, .pdicon>.col-xs-5, .pdicon>.col-sm-5, .pdicon>.col-md-5, .pdicon>.col-lg-5, .pdicon>.col-xs-6, .pdicon>.col-sm-6, .pdicon>.col-md-6, .pdicon>.col-lg-6, .pdicon>.col-xs-7, .pdicon>.col-sm-7, .pdicon>.col-md-7, .pdicon>.col-lg-7, .pdicon>.col-xs-8, .pdicon>.col-sm-8,.pdicon>.col-md-8, .pdicon>.col-lg-8, .pdicon>.col-xs-9, .pdicon>.col-sm-9, .pdicon>.col-md-9, .pdicon>.col-lg-9, .pdicon>.col-xs-10, .pdicon>.col-sm-10, .pdicon>.col-md-10, .pdicon>.col-lg-10, .pdicon>.col-xs-11, .pdicon>.col-sm-11, .pdicon>.col-md-11, .pdicon>.col-lg-11, .pdicon>.col-xs-12, .pdicon>.col-sm-12, .pdicon>.col-md-12, .pdicon>.col-lg-12 {
  padding: 0;
  margin: auto;
}

/* Documentation styles */
/* Paragraph styles */
.doc-content p.FM_Heading1 { font-size:18pt; font-weight:bold; margin-top:25pt; }
.doc-content p.FM_Heading2 { font-size:16pt; font-weight:bold; margin-top:20pt; }
.doc-content p.FM_Heading2:before { content:" "; clear:both; }
.doc-content p.FM_Heading3 { font-size:14pt; font-weight:bold; margin-top:15pt; }
.doc-content p.FM_Heading4 { font-size:13pt; font-weight:bold; margin-top:10pt; }
.doc-content p.FM_Body { font-size:11pt; }
.doc-content p.FM_Body:after { display:block; content:''; clear:both; }
.doc-content p.FM_Bullet { font-size:11pt; }
.doc-content p.FM_Bullet:before{ content:"-"; font-size:14pt; position:relative; left:-5px; padding-left:5px; }
.doc-content p.FM_Bullet:after{ display:block; content:''; clear:both; }
.doc-content p.FM_Bullet2 { font-size:11pt; padding-left:10px; }
.doc-content p.FM_Bullet2:before{ content:"-"; font-size:14pt; position:relative; left:-5px; }
.doc-content p.FM_Bullet3 { font-size:11pt; padding-left:15px; }
.doc-content p.FM_Bullet3:before{ content:"-"; font-size:14pt; position:relative; left:-5px; }

.doc-content p.FM_Glossary { font-size:11pt; font-weight:bold; display:inline; margin-right:6px; padding-left:5px; }
.doc-content p.FM_Glossary:before{ content:"-"; font-size:14pt; position:relative; left:-5px; }
.doc-content p.FM_Meaning { font-size:11pt; display:inline; }
.doc-content p.FM_Meaning:before{ content:"-"; font-size:14pt; position:relative; left:-5px; }
.doc-content p.FM_Meaning:after{ display:block; content:''; clear:both; }

.doc-content p.FM_Glossary2 { font-size:11pt; font-weight:bold; display:inline; margin-right:6px; padding-left:5px; }
.doc-content p.FM_Glossary2:before{ content:"-"; font-size:14pt; position:relative; left:-5px; }
.doc-content p.FM_Meaning2 { font-size:11pt; display:inline; }
.doc-content p.FM_Meaning2:before{ content:"-"; font-size:14pt; position:relative; left:-5px; }
.doc-content p.FM_Meaning2:after{ display:block; content:''; clear:both; }

.doc-content p.FM_Numbered1prime { list-style: decimal; }
.doc-content p.FM_Numbered1 { list-style: decimal inherit; }
.doc-content p.FM_Numbered2prime { list-style: decimal; }
.doc-content p.FM_Numbered2 { list-style: decimal inherit; }

.doc-content p.FM_ForeNote { background: black; float:left; }

/* Character styles */
.doc-content span.FM_Interface { font-weight:bold; }
.doc-content span.FM_tt { font-family:Courier New CYR, Courier New, Courier, Lucida Sans Typewriter,Lucida Typewriter, monospace; font-size:12pt; }
.doc-content span.FM_Emphasis { font-style:italic; }
.doc-content span.FM_Hyperlink { font-weight:bold; color:#00a0db; }

/* Table styles */
.doc-content table { margin:10px 0; }

/* Dashed-line table */
.doc-content table.DashedLineTable {	/* Top margin for the whole table */
	margin-top:		10px;
	margin-bottom:	20px;
}
.doc-content table.DashedLineTable tr td {
	border-bottom:	1px solid black;
	padding:5px 10px;
}
.doc-content table.DashedLineTable tr:first-child td {	/* Table heading format */
	border-top:		3px solid black;
	border-bottom:	3px solid black;
	font-weight:	bold;
	vertical-align:	top;
}
.doc-content table.DashedLineTable tr:last-child td {	/* Bottom line in the table */
	border-bottom:	3px solid black;
}
.doc-content table.DashedLineTable tr td p {
	margin:0;
}
/* Code blocks */
.doc-content table.CodeBlock {
	background:	#d9d9d9;
	padding:5px;
}
.doc-content table.CodeBlock tr td p {
	margin:0;
}

/* Feature set table */
.doc-content table.FeatureSetTable {	/* Top margin for the whole table */
	margin-top:		10px;
	margin-bottom:	20px;
}
.doc-content table.FeatureSetTable tr td {
	border-bottom:	1px solid black;
	padding:5px 10px;
}
.doc-content table.FeatureSetTable tr td:nth-child(even) {
	background-color:#d9d9d9;
}
.doc-content table.FeatureSetTable tr td:not(:first-child) {
	text-align:center;
}
.doc-content table.FeatureSetTable tr:first-child td {	/* Table heading format */
	border-top:		3px solid black;
	border-bottom:	3px solid black;
	font-weight:	bold;
	vertical-align:	top;
}
.doc-content table.FeatureSetTable tr:last-child td {	/* Bottom line in the table */
	border-bottom:	3px solid black;
}
.doc-content table.FeatureSetTable tr td p {
	margin:0;
}
/* Info */
.doc-content table.InfoTable tr:first-child td:first-child { width:50px; height:41px; background:url('/img/content/documentation/tip-info.png') no-repeat left 10px; }
.doc-content table.InfoTable tr td { font-style:italic; padding-top:15px; vertical-align:top; }
.doc-content table.InfoTable tr td p { padding:0; margin:0; }
/* Attention */
.doc-content table.AttentionTable tr:first-child td:first-child { width:50px; height:38px; background:url('/img/content/documentation/tip-attn.png') no-repeat left 10px; }
.doc-content table.AttentionTable tr td { font-style:italic; padding-top:18px; vertical-align:top; }
.doc-content table.AttentionTable tr td p { padding:0; margin:0; }
/* Obsolete */
.doc-content table.ObsoleteTable tr:first-child td:first-child { width:50px; height:36px; background:url('/img/content/documentation/tip-prev.png') no-repeat left 10px; }
.doc-content table.ObsoleteTable tr td { font-style:italic; padding-top:20px; vertical-align:top; }
.doc-content table.ObsoleteTable tr td p { padding:0; margin:0; }




 .admonitionblock>table{
    border:0;
    background:none;
    width:80%
}
 .admonitionblock>table td.icon{
    display:table-cell;
	text-align:center;
	vertical-align:middle;
    width:5em
}
 .admonitionblock>table td.content>.paragraph{
    padding-left:1em;
	margin:0;
    border-left:1px solid #ddddd8;
	text-align:left;
	vertical-align:middle;
    color:#666666
}
 
 .admonitionblock td.icon [class^="fa icon-"]{
    font-size:2em;
    text-shadow:1px 1px 2px rgba(0,0,0,.5);
    cursor:default;
	vertical-align: middle;
    width: 2em;
}
 span.icon>.fa{
    cursor:default
}
 .admonitionblock td.icon .icon-note:before{
    content:"\f05a";
    color:#337ab7
}
 .admonitionblock td.icon .icon-tip:before{
    content:"\f0eb";
    text-shadow:1px 1px 2px rgba(155,155,0,.8);
    color:#111
}
 .admonitionblock td.icon .icon-warning:before{
    content:"\f071";
    color:#bf6900
}
 .admonitionblock td.icon .icon-caution:before{
    content:"\f06d";
    color:#bf3400
}
 .admonitionblock td.icon .icon-important:before{
    content:"\f06a";
    color:#dc3545
}


 ul,ol{
    padding-left:1.25em;
    margin:1em 0 1em 0;
	list-style-position:outside;
}

.sidebarblock {
    border-style: solid;
    border-width: 1px;
    border-color: #e0e0dc;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #f8f8f7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
p.tableblock {
	margin: 1px;
    padding: 5px;
}
  table{
    border-collapse:collapse;
    border-spacing:0;
    max-width:100%;
	margin-bottom:1.25em;
	padding:0.5em;
    text-align:left
}

table.tableblock,th.tableblock,td.tableblock{
    border:1px solid #dedede
} 
 th.valign-top,td.valign-top{
    vertical-align:top
}
 th.valign-bottom,td.valign-bottom{
    vertical-align:bottom
}
 th.valign-middle,td.valign-middle{
    vertical-align:middle
}
 code.asciidoctor{
    background-color:#e1e1e1;
    border-radius:4px;
    color:#000000;
    font-family:"Droid Sans Mono","DejaVu Sans Mono",monospace;
    font-size:inherit;
    line-height:1.5;
    text-rendering:optimizeSpeed;
    word-spacing:-.15em
}

.bgutm>.formrow {
    background-color: initial;
    color: #f3f5f9;
}


.bgstb .rowm::before {
    display: table;
    content: " ";
}

.bgstb .rowm::after {
    clear: both;
    display: table;
    content: " ";
}

.bgstb .row.text-center.marp {
    margin-top: 75px;
}
.bgstb .dtbimg {
    margin-top: -40px;
}

.clear.rowm:before,
.clear.rowm:after {
        clear: both;
    display: table;
    content: " ";
}


.copycomphone a small,
.copycomphone a:active small,
.copycomphone a:hover small,
.copycomphone a:focus small {
font-size:100%!important
}

.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #4d9e59;
  border-bottom-color: #FFF;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  }

  @keyframes rotation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}