/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic);*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&subset=latin,cyrillic');*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700&subset=latin,cyrillic');

html {overflow-y: scroll;}

body {
    padding:0;
    margin:0;
    /*font-size: 15px;*/
    font-size: 14px;
    /*font-weight: 300;*/
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-family: "Roboto",sans-serif;
    /*color: #1a2637;*/
    /*color: #172b4d;*/
    background: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    highlight-color: rgba(0,0,0,0);
}

p, h1, h2, h3, h4, h5 {
    padding: 0;
    margin: 20px 0;
}

h1, h2, h3, h4, h5 {
    color: #324055;
}

.TOP h1, .TOP h2, .TOP h3, .TOP h4, .TOP h5 {
    color: #ffffff;
}


.INTRO p {
    margin: inherit;
}

.INTRO h1, .INTRO h2, .INTRO h3, .INTRO h4, .INTRO h5 {
    margin-top: 20px;
    margin-bottom: 11px;
}

strong, b {
    font-weight: 600;
}


ul {
    padding-left: 20px;
}


.barba-container {
    position: relative;
}


.bicon {
    width: 18px;
    height: 18px;
    display: inline-block;
    width: 1.88571429em;
    vertical-align: text-top;
    margin-top: -1px;
}


img {
    display: block;
    padding: 0;
    margin: 0;
}


.screenshot-table img {
    display: initial;
    padding: inherit;
    margin: inherit;
}


/*BEGIN MENU*/

.navbar-toggle .icon-bar {
 background-color: #fff; 
}

.navbar {
    background: #296a9d;
    margin-bottom: 0px;
    border: 0px;
}

.navbar a {
    display: block;
    color: #bfd3e3;
    color: #e8f5ff;
    font-size: 100%;
    margin: 0;
    padding: 20px 10px;
    text-decoration: none;
    /*font-family: 'Open Sans', sans-serif;*/
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background: #296a9d;
} 

.navbar a:hover {color: #fff;}


.nav>li>a {
    padding: 20px 10px;
}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
}


@media (min-width: 808px) {
  
.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-right {
    margin-right: 0px;
}

}


.navbar .bicon.kab {background: url(/img/ico-kab.png) left center no-repeat; background-size: 18px 18px; }


    
    /* 768 992 */
    /*@media (max-width: 992px) {
 body {
    font-size: 14px;
    }
     
    }*/
    
    
/*END MENU*/
    



/*BEGIN TOP*/
    
.TOP {
  background: #3384c4 url(/img/Top_bg_img4.jpg) top center no-repeat; 
  color: #fff;
  /*padding-top: 22px;*/
}

.TOP > .container {
 
  /*padding-top: 22px;*/
  padding-left: 25px;
  padding-right: 25px;
}

.TOP .logo { 
   margin-top: 20px;
   margin-bottom: 20px;
}


.TOP div.title {
   float: right;
}

.TOP h1 {
    font-weight: 400;
    font-size: 140%;
    margin-top: 23px;
    margin-bottom: 8px;
    letter-spacing: 0px;
}

.TOP h1.title {
    text-align: right;
}


.contacts {
    float: right;
    text-align: right;
    /*font-family: 'Open Sans', sans-serif;*/
    letter-spacing: 0.5px;
    font-weight: 500;
}

.TOP .phone { padding: 4px 0 4px 0; overflow: hidden; display: inline-block; }
.TOP .phone .bicon.phone { background: url(/img/ico-phone.png) left center no-repeat; background-size: 24px 24px; height: 24px; width: 24px; margin-top: -4px; }

.TOP .mail { padding: 4px 0 4px 0; margin-left: 8px; overflow: hidden; display: inline-block; }
.TOP .mail .bicon.mail { background: url(/img/ico-mail.png) left center no-repeat; background-size: 24px 16px; height: 24px; width: 24px; margin-top: -4px; }

.TOP .telegram { padding: 4px 0 4px 0; margin-left: 8px; overflow: hidden; display: inline-block; }
.TOP .telegram .bicon.telegram { background: url(/img/ico-telegram.png) left center no-repeat; background-size: 24px 16px; height: 24px; width: 24px; margin-top: -4px; }

.TOP h2 {
    font-size: 300%;
    font-weight: 300;
    margin-top: 0px;
    line-height: 120%;
    /*letter-spacing: -1px;*/
}

@media (max-width: 808px) {
  
.TOP h1 {
    margin-top: 0px;
}

.TOP h1.title {
    text-align: left;
}

.TOP div.title {
   float: inherit;
}

.contacts {
    float: inherit;
    text-align: left;
}
  
}



.TOP .version {text-align: center; display: inline-block;}
.TOP .version h3 {font-size: 120%; margin: -10px 0 0 0; letter-spacing: 0px; font-weight: 300;}
.TOP .version h3 strong {font-size: 400%;  margin: 12px 0; line-height: 76%; display: block; letter-spacing: -3px; font-weight: 300;}
.TOP .version a {font-weight: 400; color: #7ecaff;}
.TOP .version a {
    font-weight: 400;
    color: #ffffff;
    text-decoration: underline;
}
.TOP .version a.btn {color: #fff; margin: 12px 0; padding: 12px 32px 12px 52px; display: block; border-radius: 3px; background: #0ad5ff url(/img/ico-download.png) 32px center no-repeat; background-size: 14px 16px; text-decoration: none; border-top: 1px solid #6ce6ff; box-shadow: 0 6px 4px -4px #107fbd;}
.TOP .version a.btn:hover { opacity: .8;}
.TOP .version p {margin: 8px 0 0 0; font-size: 100%; line-height: 110%;}

.TOP .version { padding-right: 10px; margin-bottom: 32px; }


    
.TOP article li {
    font-size: 130%;
    background-size: 5px;
    display: inline-block;
    padding-right: 16px;
    margin: 2px 0;
    font-weight: 400;
}

.TOP article ul {
    font-weight: 400;
    font-size: 100%;
   /* width: 90%;*/
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 22px;
}

@media (min-width:1280px){
  
  .TOP article ul {width: 80%;}
  
}


@media (max-width:1080px){
  
  .TOP h2 {font-size:260%;}
  .TOP article li {font-size: 110%;}


  .navbar {
      font-size: 14px;
  }
  
  .nav>li>a {
      padding: 20px 7px;
  }

}


@media (max-width:808px){
  
  .nav>li>a {
      padding: 10px 15px;
  }

}


@media (max-width:1080px) and (min-width:808px){

}



@media (min-width:808px){.box-why{width:930px}
}
@media (min-width:1080px){.box-why{width:1150px}
}
@media (min-width:1280px){.box-why{width:1330px}
}


.TOP .box-line {padding: 0 8px; position: relative;}
.TOP .box-line .polosa {background: #5297cd; height: 8px; overflow: hidden; border-radius: 3px 3px 0 0; border-top: 1px solid #67a4d3;}
.TOP .box-line a {opacity: 1; color: #fff; position: absolute; right: 26%; bottom: 7px; margin-right: 28px; padding: 16px 28px 16px 44px;  text-decoration: none; display: block; border-radius: 3px 3px 0 0; 
  font-weight: 400; font-size: 100%; background: #5297cd 24px center no-repeat; background-image: url(/img/ico-plus.png); background-size: 11px 11px; border-top: 1px solid #67a4d3;
  /*font-family: 'Open Sans', sans-serif;  */
}
.TOP .box-line a:hover {opacity: 1;}
.TOP .box-line a img {display: none;}
.TOP .box-line a.opa {background-image: url(/img/ico-plus-minus.png);}
div#openbox {display: none; padding: 0 8px; margin-top: 0px;}
div#openbox p, div#openbox h2 {color:#fff;}
div#openbox h2 {font-size: 180%;}
div#openbox > div {background: #5297cd; overflow: hidden; padding: 24px;}
div#openbox > div > div {color: #fff; height:;}



.INTRO > div.container-fluid {
 padding-top: 22px; 
}


section.TOP > div:nth-child(1) {
 padding-top: 22px; 
}

@media (max-width: 808px) {
  
section.TOP > div:nth-child(1) {
 padding-top: 0px; 
}
  
}




.INTRO h2 {
    margin-bottom: 24px;
    padding-bottom: 10px;
    border-bottom: 2px solid hsla(8, 100%, 69%, 0.9);
}


.INTRO h3 {
    font-size: 130%;
}



.box-why-text {
  
 margin: 20px; 
 text-align: justify;
}




/*END TOP*/



/*BEGIN TOP2*/

.TOP2 {background: #3384c4 url(/img/Top_bg_img4.jpg) center -200px no-repeat; color:#fff;}

section.TOP2 > div:nth-child(1) {
 padding-top: 0px; 
}


section.TOP2 {
    margin-bottom: 20px;
    padding: 8px 0px;
}

section.TOP2 h1.title {
    margin-top: 30px;
}


@media (max-width: 808px) {
  
section.TOP2 {
    margin-bottom: 10px;
}
  
section.TOP2 h1.title {
    margin-top: 10px;
}
  
}

	
/*END TOP2*/



/*BEGIN SUBMENU*/





.Menu2 a {display: table; padding: 6px; margin: 12px 0; padding-left: 40px; /*color: #007eb1;*/ color: #4190ce; font-weight: 500; background-image: url(/img/ico-razdel-02.png); background-repeat: no-repeat; text-decoration: none; letter-spacing: 0.2px;}
.Menu2 a:hover {opacity: .7;}
.Menu3 a {margin: 2px 0; color: #4190ce; font-weight: 500; text-decoration: none; letter-spacing: 0.2px; font-size: 14px; }
.Menu3 a.http { font-size: 12px; }
.Menu3 a:hover {opacity: .7;}

.Menu2,
.Menu3 {
  font-size: 12px;
  margin-top: 10px;
  margin-left: 40px;
}

.TOP .Menu2 {
  margin-top: 80px;
  margin-right: 20px;
}

.TOP .Menu2 a {
    color: #fff;
    background-image: url(/img/ico-razdel-01.png);
}

@media (max-width: 1080px) {

.Menu2 {
    margin-top: 0px;
    margin-right: 0px;
  margin-left: 0px;
}

.Menu3 {
   margin-left: 0px;
      margin-top: 0px;
}

}




/*END SUBMENU*/

.COPY.Wrap a {
    margin-right: 10px;
    
}

.FTR {background: #dae5ee; margin-top: 26px; border-top: solid 1px #b3cee6;}
.FTR .Wrap {margin: 12px 24px;}
.FTR .Wrap {margin: 0 auto;
     padding: 26px 12px;
}



.dalee-02 {
    padding-right: 20px;
    background: url(/img/mark-btn-01.png) right 5px no-repeat;
    background: url(/img/mark-btn-01.png) right center no-repeat;
    text-decoration: none;
    /*padding-bottom: 1px;*/
}


.NEWS p {
    margin: 1px 0;
}


.data {
    color: #314453;
    font-size: 90%;
    font-weight: 400;
    /*letter-spacing: -1px;*/
}

.NEWS p.data {
  
  margin-top: 20px;
}



input[type="text"] {
    margin: 0;
    padding: 2px 5px;
    background: #fff;
    border: 1px solid #999;
    font-family: 'Open Sans', sans-serif;
    color: #324055;
    font-weight: 300;
    font-size: 13px;
}



/*table { border-collapse: separate; border-collapse: collapse; width: 100%; table-layout: fixed;}*/
table { border-collapse: separate; border-collapse: collapse; margin:0px 0; width: 100%; table-layout: fixed;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 12px; vertical-align: middle; word-wrap: break-word;}
table tbody tr {border-top: 1px solid #ccc; }
table tfoot tr {border-top: 1px solid #ccc; }
.downloadTable { border-collapse: separate; border-collapse: collapse; margin:0px 0; width: 100%; table-layout: fixed; }
.downloadTable thead {font-weight: 600;} 
.downloadTable td:nth-child(1) { text-align: right; }
.downloadTable td:nth-child(3) { text-align: right; }
.downloadTable td:nth-child(4) { text-align: center; }
.downloadTable td:nth-child(5) { text-align: center; }

.table {font-size: 14px;}
.table thead {font-weight: 600;}
.table a {font-size: 14px;}
.table p {margin: 0}
.table label {display: inline-block; background: url(/img/ico-anlim.png) no-repeat right center ; padding: 2px 24px 0 8px; cursor: pointer}


.table#cost .prim {background: url(/img/ico-ahtung.png) left 4px no-repeat; color: #999; text-indent: 16px; margin: 2px 0;}
.table#cost .anlim {background: url(/img/ico-anliminfo.png) left 2px no-repeat; color: #999; font-size: 12px; padding: 2px 0 2px 20px; margin: 0px 0;}
.table#cost input[type="text"] {width: 70px; }
.table#cost tbody tr td:nth-child(5) {white-space: nowrap;}
.table#cost thead tr td:nth-child(6) {white-space: nowrap;}

.prc_itog {font-size: 24px; font-weight: 400;}

.photo-block-4 {margin: 24px -1.4%; overflow: hidden;}
.photo-block-4 > div {display: block; float: left; width: 25%; padding: 1.4%;}
.photo-block-4 > div:nth-child(5n) {clear: both;}
.photo-block-4 div > img {border-radius: 3px;}
.photo-block-4 > div > p {margin: 0; margin-top: 8px; font-size: 80%;}
.photo-block-4 img {width: 100%; background: #fff; margin:0px;}






div.block_show { display: block; }
div.block_hide { display: none; }

div.downloadItem a, div.downloadItemSel a { text-decoration: none;  }
div.downloadItem { /*border: 3px solid #FFFFFF;*/ padding: 5px 0px; font-weight: 400; }
div.downloadItemSel { /*border: 3px solid #E4DBC0;*/ padding: 5px 0px; font-weight: 600; border-radius: 5px; }
	      
.download-menu-modules {
  
 padding-right: 5px; 
}

.copyrigh {
    float: right;
    margin-top: -9px;
}

@media (max-width:808px){
  
  .copyrigh {
      margin-top: 10px;
  }

}