@font-face { font-family: GHEAGrpalatReg;  src: url(../fonts/GHEAGrpalatReg.otf); }
@font-face { font-family: GHEAGrpalatBld;  src: url(../fonts/GHEAGpalatBld.otf); }
@font-face { font-family: LatoItalic;  src: url(../fonts/Lato-Italic.ttf); }
@font-face { font-family: LatoRegular;  src: url(../fonts/Lato-Regular.ttf); }
@font-face { font-family: LatoBold;  src: url(../fonts/Lato-Bold.ttf); }
@font-face { font-family: Arian AMU;  src: url(../fonts/Arial-AMU-Regular.ttf); }

@font-face { font-family:Noahregular;  src: url(../fonts/Noahregular.ttf); }

html { overflow-y: scroll; height: 100%;}

a {
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
   }
.content.wrapper a {
/*font-weight: bold;*/
}
@media screen and (max-width: 1174px){
    .img-fluid {
    height:30vh;
    width:100% !important;
}
}

#content p {
    display:block;
    position: relative;
}


.neww {
    width: 100%;
    /*min-height: 200px;*/
    position: relative;
}
body { font-family: arial, helvetica, sans-serif, tahoma, verdana; margin: 0;  padding: 0;  background-color:#fff; height: 100%; }

*{-webkit-box-sizing:border-box;   -moz-box-sizing:border-box;   box-sizing:border-box}

a:link, a:visited { color: #1576cb; transition: all 500ms; }
/*a:hover { text-decoration: none; color: #ff6600;}*/
.footer {
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   z-index: 10;
}

.site1 {  margin: 0 auto; width: 100%;  background-color: #fff; box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3); border-bottom:1px solid #fff;overflow: hidden; top: 0; z-index: 1111; background: linear-gradient(to top, #004161, #006ba1);
}
.color {

}
.site2 {  padding: 0; margin: 0 auto; min-width: 200px; max-width: 1300px; z-index: 2000; }
.site2 p { color: white;
    /*font-weight: bold;*/ }
.table { width: 100%;  border-spacing:0; display: table; padding-left:24px; padding-right:24px; padding-top:5px; padding-bottom: 2px; }
.site2 h3 {  font-size:18px; color:#3d4248; font-weight:normal; margin-bottom:12px; }
.site2 h2 {  font-size:26px; color:#1576cb;  font-weight: lighter; margin-left: 0;  }
.site2 h5 {  font-size:18px; color:#1576cb;  font-weight: lighter; margin-left: 0;  }
.site3 {  margin: 0 auto; width: 100%; background-color: #434852; float:left; padding-left: 24px; padding-right: 24px; flex: 0 0 auto;  }
.site4 {  width: 100%; background-color: #434852;  text-align: center;  }
.site5 {  margin: 0 auto; width: 100%; padding:24px;  background-color: #fafcfd; float:left; border-top:1px solid #e5e7ea; }

.cell1 { width: 320px; vertical-align:top;  text-align:left; padding:0; display: table-cell; vertical-align: middle; }
.logo  { width: 217px; height: 66px;  float: left;position: relative; top: -2px; }
.cell2 {  padding:0; width:500px; display: table-cell; vertical-align: middle;  text-align:center; }
 .gerb  { width: 73px; height: 70px; vertical-align: top; float: left;}
.cell2 h4 { font-size:18px; color:white;text-transform: uppercase; width: 555px;  font-family: GHEAGrpalatReg, Sylfaen, sans-serif; font-weight:normal; margin: 0 auto; display: inline-block; }
.cell3 {  color:#dae4ef;  text-align: center; font-size:14px; padding-top:6px;  min-width:110px; display: table-cell; vertical-align: middle;  }

.lang   {  margin-right:8px;  display: inline; }
.lang a:hover { color: #139c00; text-decoration:underline;  }
.lang .active, .lang .active:hover { color: #139c00;  box-shadow: none; font-weight:bold; text-decoration:none;}

.cell4 { color:#dae4ef; text-align:right; font-size:23px;  margin-top: 6px; width:30px; display: inline-block; }
.cell5 { width:300px;  text-align:right; font-size:13px;  display: table-cell; vertical-align: middle;  text-align: center;  }
.cell5 .login { display:inline-block; height:38px; vertical-align: middle; text-align:left; }
.cell5 .log1 {background: url(../img/h.png)  no-repeat 116px 2px; width:146px; padding-top:3px; margin-left:10px;}
.cell5 .log2 {background: url(../img/user.png)  no-repeat 90px 0px; width:130px; padding-top:9px; margin-left:10px;}
.cell5 a, .cell5 a:visited  { color:#fff; text-decoration:none;}
.cell5 a:hover  { color:#7ad2ff; text-decoration: underline;}

.new-mys{position: relative;top: 40px;}
.news { /*padding-top:10px;*/ display:inline-block;  }
.news p { font-size:14px; }
.news b { font-size:16px; display:block; margin-top: 10px;text-align: left; }
.news img { float:left; }
.glav h2 { margin-top:0; white-space: pre-wrap; }
.glav img { float:left; margin-right:20px; max-width:100%; height:auto; }

.newsb  { width: 33.3%; float: left; font-size:14px; vertical-align: top; margin-bottom: 30px; height: 140px;  }
.newsb img { float:left; }
.newsb div { padding-right:14px; margin-bottom:20px; width:100%;  height: 100px; display: inline-block; }

.newsb h3, .newsb p  { overflow: hidden; }
.newsb h4  { overflow: hidden;  font-size:15px; font-weight:normal; }
.content .newsb p  {  text-align: left; font-size:14px;}

.data { color: #1576cb; padding: 0; margin: 0; margin-bottom:6px; font-size:14px; }
.data span { font-size:115% }

.newlink, .newlink:visited  {  font-size:14px; color: #139c00; }
.newlink:hover { color: #ff6600; text-decoration:underline; }

.button  { text-align:center!important; margin-top:40px; }
.button a:link, .button a:visited { font-weight: normal !important; font-size:14px; line-height:42px; text-align: center; color: #fff; text-decoration:none; padding: 0 22px 0 22px; display:inline-block; height:44px; background: linear-gradient(to top, #004161, #006ba1); box-shadow: 1px 1px 2px rgba(0,0,0,0.3); border-radius: 3px; position: relative;
    top: -15px;}
.button a:hover {  background: #dddfe4; color: #000; }

.menu_p { display:table-cell; float:left; margin-top: 8px; width:76%; }
.menu_p ul { margin: 0; padding: 0;  margin-left: 14px; }
.menu_p ul li { font-size: 15px; margin-top:2px;  margin-bottom:6px; list-style-type: square; color: #21a7ff; float:left; margin-left: 24px;   }
.menu_p ul a:link, .menu_p ul  a:visited { color: #fff; text-decoration: none; font-size: 13px; }
.menu_p ul a:hover { color: #fff;}
.menu_p img { vertical-align: middle; margin-left: 5px; }

.social { display:table-cell; text-align:center;  font-size:13px; color:#fff;  float:left; width:10%; margin-top: 1px; text-align:right; }
.social img  { width:34px; height:34px; margin:3px; vertical-align:middle;}

.adres {  display:table-cell; vertical-align:top;   font-size:13px; color:#fff; width:20%; text-align:right;  }
.adres img { vertical-align: middle; margin-left:10px;  }
.adres p { overflow: hidden; margin: 0;  margin-bottom: 10px; }
.adres a:link { color: #fff; text-decoration: none; }



.hr { width:100%; height:1px; border-top:1px #d1d8dd solid; margin-top:20px; margin-bottom: 20px; }

.clear { clear:both; }

.left { float:left; z-index: 100; margin-top: -34px; }

nav {  z-index:100; width:100%;  float:right; /* margin-top:-14px;*/ }

.menu8 { margin-top: 20px; font-size:14px; display: inline-block; width: 326px; padding-left:24px;  }
.menu8 ul { list-style: none; padding-left: 0; /*display:table;*/ margin:0;  }
.menu8 li { display: flex; width:100%; float:left; position: relative; background: linear-gradient(to top, #fff, #ebf0f9); }
.menu8 li  a  { padding:4px; padding-left: 0;   color:#4c545a; text-decoration:none; border:1px solid #ddd;  border-right:none; border-bottom:none;}
.menu8 li  a:last-child { border-right:1px solid #ddd; }
.menu8 ul  li:last-child { border-bottom:1px solid #ddd; }
.menu8 .m1  { width:100%;  }
.menu8 .m1:hover  p { color:#fff;  background-position: 6px 50%; }
.menu8 .m3  { width: 60px; background: url(../img/video.png) no-repeat 60% 50%;  }
.menu8 .m3:hover, .menu8 .active2 { background: url(../img/video2.png) no-repeat #1576cb 60% 50%;  }
.menu8 .active_video { background: url(../img/video2.png) no-repeat #1576cb 60% 50%;  }
.menu8 p  {

    padding-left: 44px;
    padding-right: 12px;
    height: 45px;
    vertical-align: middle;
    display: table-cell;
    color: #616b75;

}
/*.menu-items > a > i {*/
/*    display: none;*/
/*}*/
.menu8 i  { width:34px; height:34px; position: absolute; top: 0; bottom: 0; margin: auto 5px;}
.menu8 .ico01  { background: url(../img/ico01.png); }
.menu8 .ico02  { background: url(../img/ico02.png); }
.menu8 .ico03  { background: url(../img/ico03.png); }
.menu8 .ico04  { background: url(../img/ico04.png); }
.menu8 .ico05  { background: url(../img/ico05.png); }
.menu8 .ico06  { background: url(../img/ico06.png); }
.menu8 .ico07  { background: url(../img/ico07.png); }
.menu8 .ico08  { background: url(../img/ico08.png); }
.menu8 .ico10  { background: url(../img/ico10.png); }
.menu8 .ico17  { background: url(../img/ico17.png); }
.menu8 .ico18  { background: url(../img/ico18.png); }
.menu8 .ico18v  { background: url(../img/ico18v.png); }
.menu8  a:hover  { background: linear-gradient(to top, #004161, #006ba1);}
.menu8  a:hover .ico01,
.menu8  a:hover .ico02,
.menu8  a:hover .ico03,
.menu8  a:hover .ico04,
.menu8  a:hover .ico05,
.menu8  a:hover .ico06,
.menu8  a:hover .ico07,
.menu8  a:hover .ico08,
.menu8  a:hover .ico09,
.menu8  a:hover .ico10 { background-position: 0px 34px;}
.menu8  .active   { background: linear-gradient(to top, #004161, #006ba1);}
.menu8  .active p  { color:#fff;   }
.menu8 .active i  {  background-position: 0px -34px; }

.mobile-menu { display:none; width:100%; padding:11px; padding-left: 24px; padding-right:0; text-transform:uppercase; font-size:15px;  font-weight:600; text-decoration:none; }
.mobile-menu:link, .mobile-menu:visited { color: #2a6fbc; }
.mobile-menu .icon-reorder { display:inline-block; width:20px; height:18px; margin-right:10px; background: url(../img/icon-menu.png) no-repeat 0 1px; }
.mobile-menu:hover  { color:#2a6fbc; text-decoration:none;  }
/*.mobile-menu:hover i { background-position: 0 -16px;  }*/

.content { margin-left:350px; color:#616b75;  margin-right: 24px; margin-top:20px; }
.content h1 {

    text-align: center;
    font-size: 28px;
    color:
    #1576cb;
margin: auto;
        margin-top:40px;
    font-weight: normal;
    text-transform: uppercase;
    max-width: 700px;
    line-height: 46px;

}

.new-style {
    text-transform: unset !important;
}
.content h3 { text-align: center; }
.content p {


    text-align: justify;
    color:

    #616b75;
    letter-spacing: 0.03em;
    line-height: 20px;

}
.content img { margin-right:16px; margin-bottom:3px;  display:inline; margin-top:3px; border-radius: 3px;}
.content ol { font-size: 14px;  line-height: 120%; }
.content ol li { margin-bottom:20px; font-size: 14pt !important; }

.content .print  { font-size: 13px; margin-top: 0; text-align: right;float: right; }
.print  span { font-size: 11px; }
.content .print img { margin: 0 0 0 6px;  float:none; display:inline;  border-radius: 0; vertical-align: middle;  }
.content .strok { text-align: left; }

.content .ns { font-size: 14px;  line-height: 120%;   padding: 14px; padding-left: 20px;}
.content .ns li { margin-bottom:10px; background: url(../img/t.png) no-repeat 0 5px; list-style: none; padding-left: 18px; }

.content ul { font-size: 14px;  line-height: 120%;   padding: 14px; padding-left: 20px;}
.content ul li { margin-bottom:10px; background: url(../img/t.png) no-repeat 0 5px; list-style: none; padding-left: 18px; line-height: 23px; }

.nom { display:inline-block; padding:0; margin:0; font-size:14px; }
.nom li { display:inline; }
.nom li a { position:relative; float:left; padding:7px 15px; margin-left:-1px; color:#65473c; text-decoration:none; background-color: #f9fafd; border:1px solid #aeb7c4;  }
.nom li a:focus, .nom li a:hover { background: #ffa82b; color: #fff; }
.nom .active a, .nom .active a:focus, .nom .active a:hover { z-index:3; color: #fff; cursor:default; background-color: #1576cb; border-color: #139c00; }
.eg { vertical-align:top; font-size:18px; line-height:34px; }

.tablica { display: table; width:100%; border-left:1px solid  #d7d9df;  border-top:1px solid  #d7d9df; font-size:90%; }
.tab { display: table-row; }
.tabc { background-color: #f9fafc; }
.tab2 { display: table-row; background-color: #f9fafc; }
.tcel {  display: table-cell;  padding: 14px;  margin:14px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df; width:2%;   }
.tcel2 {  display: table-cell;  padding: 14px;  margin:14px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df; width:81%;   }
.tcel3 {  display: table-cell;  padding: 14px;  margin:14px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df; width:14%;   }
.tcel4 {  display: table-cell;  padding: 16px;  margin:10px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df; width:36.4%;  }

.tablica3 { display: table; width:100%; border-left:1px solid  #d7d9df;  border-top:1px solid  #d7d9df; font-size:90%; }
.tablica3 .tab { display: table-row; }
.tablica3 .tab2 { display: table-row; background-color: #f9fafc; }
.tablica3 .tcel {  display: table-cell;  padding: 14px;  margin:14px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df; width:2%;  }
.tablica3 .tcel2 {  display: table-cell;  padding: 14px;  margin:14px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df; width:64%;   }
.tablica3 .tcel3 {  display: table-cell;  padding: 14px;  margin:14px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df; width:10%;   }
.tablica3 .tcel4 {  display: table-cell;  padding: 16px;  margin:10px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df; width:24%;  }

.tablica2 { display: table;  border-left:1px solid  #d7d9df;  border-top:1px solid  #d7d9df; font-size:90%;  }
.tcel5 {  display: table-cell;  padding: 16px;   padding-top: 10px; padding-bottom: 10px; border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df;  }

.tablica4 { border-collapse: collapse; border-spacing: 0px;  margin-bottom: 30px; background-color: #fff;}
.tablica4 td {  border-collapse: collapse;  border: 1px solid #d7d9df; padding: 14px; font-size: 14px; }

.cont { margin-top:40px; margin-bottom:20px;  }
.cont p { display:block; width:100%; float:left; margin-top: 0;  margin-bottom: 16px;   }
.cont span { overflow: hidden;  }
.field label { float:left; font-size: 14px; }
.field { clear:both; text-align:right; line-height:40px; }


.form { margin-bottom: 30px; float:left; width:100%; }
.form input { background: #f9fafc; border-width: 1px; border: 1px solid #ccc;  padding: 6px; width: 260px; color: rgb(34, 34, 34); font-size: 14px;}
.form textarea { display:block; height: 194.5px;; width: 100%; margin-top: 3px; margin-bottom:3px; background-color: #f9fafc; border: 1px solid #ccc; font-size:14px; font-family: arial, tahoma, helvetica, sans-serif;  }
.form input.submit { font-size:14px; line-height:42px; text-align: center; color: #fff; text-decoration:none; padding: 0 22px 0 22px; display:inline-block; height:44px; background-color:#1576cb; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); width:130px; border:none; margin-right:5px;  }
.form input.submit:hover { cursor: pointer; background: #ffa82b; color: #000;  box-shadow: none;  }

.form select { background: #f9fafc; border-width: 1px; border: 1px solid #ccc;  padding: 6px; width: 260px; color: rgb(34, 34, 34); font-size: 14px;}

.wrapper { transition: all 0.3s ease-out;    position: relative;  }

.search { position: relative; }
.search .container {  width: 0px;  height: 50px;  text-align: center;  line-height: 45px;  padding-right: 50px;  transition: all 0.5s ease;  border-radius: 5px;  position: relative;  float:right;  }
.search .input { font-size:14px; font-family: arial, tahoma, helvetica, sans-serif; font-weight:normal; border: 0px; border-bottom: 2px solid #fff; background: transparent; width: 0%; padding: 5px 0; outline: none; color: #fff; transition: all 0.3s ease; }
.search .container .fa { position: absolute; right: 3px;  top: 15px;  cursor: pointer;
    /*background: url(../img/search_n.png) no-repeat;*/
    width:20px; height:20px; }
.search .container.active { width: 250px;  padding-left: 20px;  padding-right: 30px;  transition: all 0.5s ease; background: #005b88; }
.search .input.active { width: 98%;  }
.search input::placeholder { color: #fff; }

.search a:link, .search a:visited { color: #1576cb; transition: all 500ms; text-decoration: none; display: inline-block;  }
.search a:hover { text-decoration: none; color: #ff6600;  }

@media  (max-width: 1260px) { .site1, .site1b  {padding-left:0; padding-right:0;} }
@media  (max-width: 1200px) { .cell2 h4 { font-size:14px;width: 260px; }}
@media  (max-width: 1020px) { .newsb  { width: 50%; }}
@media  (max-width: 990px) {  .table { display:block; text-align: center; } .cell2  { width: 80%; text-align:left; } .cell4, .cell5 { display:inline-block; vertical-align: top; margin-top:10px; }  .content { font-size:14px; }  .site2 h3 { font-size: 16px; font-weight: bold;} }
@media (max-width: 870px)  { .cell3 { display: block; }  .content { float: none; margin-left: 24px; margin-right: 24px; } .cell2 h4 { margin: 0 10px 10px 10px;}.table { padding-top:12px; } }
@media (max-width: 870px) { .adres, .social  { width:100%;  } .menu { display:none; padding-bottom:20px; }  .mobile-menu { display:block;  } nav { margin:0; position: absolute; } .scrollbar-light { height: auto !important; overflow: hidden; } .scrollbar-light .scroll-element.scroll-y { display: none; }  }
@media (max-width: 826px) {.menu_p { width:100%;  } .social {margin-top:20px; margin-bottom:10px;} }
@media (max-width: 673px) {  .cell3 { display: block; width:100%;  }  .table { display:block;  }  .news p {font-size:14px; }  .newsb  { width: 100%; } }
@media (max-width: 560px)  {  .cell3,   .cell4, .cell5 { width: 100%; float:left; } .search .container, .search  .input { width: 100%; } .search .container  { width: 100%;  padding-left: 20px;  padding-right: 30px;  transition: all 0.5s ease; background: #005b88; margin-bottom:14px; } .login { margin-bottom:14px; } .menu8 ul { width:100%; }.menu8  {  width:100%; padding-right: 20px;  } .menu8 li  {  width:100%; } .title { margin-top: 0; font-size:13px; } .adres div { display:block;} .tablica, .tablica2, .tablica3 { display: block; width: 100%; overflow-x: auto;}   }
@media (max-width: 480px) {  .line2 div { display: inline-block; width:100%;  }.field input { width: 100%; padding-left:0; padding-right: 0; } .field { line-height:30px; } .vid2 {  display: flex; flex-direction:column-reverse;} .news h3 { font-size: 18px; } .adres { font-size: 12px;}  }
@media (max-width: 426px) { .cell2 { float:left; width:100%; text-align: center;}  .cell2 h4 { margin: 0 10px 10px 10px; } .cell1 { width:100%; text-align: center; padding-top:14px; display: block; } }

.overlay {  z-index:100; position: fixed;  top: 0;  bottom: 0;  left: 0;  right: 0; background: rgba(14, 30, 56, .6);  transition: opacity 500ms; visibility: hidden;  opacity: 0;}
.overlay:target { visibility: visible;  opacity: 1;}
.popup { margin: 70px auto;  padding: 20px; border-radius: 5px; max-width: 390px; position: relative; box-shadow: 0 0 10px 0 #666;  background: url(../img/login-bg.jpg) #fff no-repeat 0 50px; background-size: 100%; }
.popup h2 { font-size: 24px; font-weight:normal; margin-top: -10px; color: #333248; }
.popup h4 { font-size: 16px; font-weight:normal; color: #616b75; margin-bottom:5px; }
.popup .close { position: absolute;  top: 0px; right: 12px; transition: all 200ms; font-size: 40px; text-decoration: none; color: #626a7c;}
.popup .close:hover {  color: red;}
.popup .cont-aut { font-size: 14px; max-height: 30%; overflow: auto; margin-top: 50%; text-align:center; }
.popup .cont-aut p { text-align:left; color: #616b75; }
.popup .cont-aut h3 {  color:#616b75; }
.popup .eid { display: inline-block; background: url("../img/eid.png") #1576cb  no-repeat  5px 5px;  width: 200px;  padding: 15px 100px 14px 100px;  border-radius: 3px; text-decoration:none; color:#fff;  margin-bottom: 5px; }
.popup .auth-id { border: 1px solid #c0c0c0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #1C5455; border-radius: 3px 0 0 3px; border-right: 0; width:80px; height: 44px; padding-left: 10px;  }
.popup .auth-submit { font-size: 14px; color: #fff; border: 0; border-radius: 0 3px 3px 0; width: 120px; height: 44px; padding-left: 10px; background-color: #1576cb; cursor: pointer; margin-top:-1px; transition: all 500ms; }
.popup .auth-submit2 { font-size: 14px; color: #fff; border: 0; border-radius: 3px; width: 210px; height: 44px; padding-left: 10px; background-color: #1576cb; cursor: pointer; transition: all 500ms; }
.popup .auth-submit:hover, .popup .eid:hover {  background-color: #00518f;  }
.popup .auth-in { border: 1px solid #c0c0c0; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #1C5455; border-radius: 3px; width:210px; height: 40px; padding-left: 10px; margin-top:5px; }
#authorization .popup .cont-aut  {  margin-top: 0; }
#authorization .popup  { background:#fff; }
#authorization .eid { width: 210px; }

.tabcontent { font-size: 14px; max-height: 30%; overflow: auto; text-align:center; border:1px solid #ccc; display: none; margin-bottom: 20px;   }
.tabcontent p { text-align:left; color: #616b75; text-align:center;  }
.tabcontent h3 {  color:#616b75; }
.tabcontent .eid { display: inline-block; background: url("../img/eid.png") #1576cb  no-repeat  5px 5px;  width: 200px; height:44px; line-height: 42px;  border-radius: 3px; text-decoration:none; color:#fff;  padding-left:30px;  }
.tabcontent  .auth-in { border: 1px solid #c0c0c0; font-size: 14px; color: #1C5455; border-radius: 3px; width:210px; height: 40px; padding-left: 10px; margin-top:5px; }
.tabcontent .auth-submit2 { font-size: 14px; color: #fff; border: 0; border-radius: 3px; width: 210px; height: 44px; padding-left: 10px; background-color: #1576cb; cursor: pointer; transition: all 500ms; }
.tabcontent .auth-submit:hover, .tabcontent  .eid:hover, .tabcontent .auth-submit2:hover {  background-color: #00518f;  }

.mutk { overflow: hidden;  background-color: #fff; margin-bottom: -1px;  }
.mutk a {  float: left;  cursor: pointer; padding: 14px 16px;  transition: 0.3s; font-size: 14px; text-decoration: none; background-color: #f4f7f9; }
.mutk a:hover {  background-color: #1576cb; color: #fff; }
.mutk a.active {  background-color: #fff; border-bottom:none; color: #1576cb; cursor: default; }
.mutk1 { width:120px; height:40px; border:1px solid #ccc;  line-height: 12px; text-align: center;  }
.mutk1:last-child { margin-left: -1px;  }

.nomz { display:inline-block; padding-left:0; margin-top:0; font-size:120%; margin-bottom:-12px}
.nomz li { display:inline; }
.nomz li a { position:relative; margin-left:8px; float:left; padding:7px 15px; color:#fff; text-decoration:none; background-color: #f8f3e8; border-radius:3px; }
.nomz li a:focus, .nomz li a:hover { background-color: #fff;  color:#000;}
.nomz .active a, .nomz .active a:focus, .nomz .active a:hover { z-index:3; color: #000; cursor:default; background-color: #fff; }
.nomz ul li.active a {background-color: #fff;}

.faq-row h2 { font-size: 20px; color: #1576cb; }
.faq-title { background-color: #0397d6; padding: 10px 26px; position: relative; margin-bottom: 6px; }

.video { width:80%; border:1px solid #000; margin-top:20px; }

.accordion { background-color: #f9fafd; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; outline: none; font-size: 15px; transition: 0.4s; border: 1px solid #d9dae0; margin-bottom:-1px; }
.activef, .accordion:hover { background-color: #1576cb; color: #fff; }
.accordion:after { font-size: 26px; content: '\002B'; color: #777; float: right; margin-left: 5px; line-height: 18px; }
.accordion:hover:after { color: #fff; }
.activef:after { content: "\2212";color: #fff;  }


.cards-box { background-image: url(../img/sprite.png); background-repeat: no-repeat; background-position: -489px -29px; height: 44px;  margin-left: 30px;  width: 183px; display:inline-block;   }
.f1:after { background-image: url(../img/sprite.png); background-repeat: no-repeat; background-position: -285px -64px; content: "";  display: inline-block; width: 14px; height: 17px; margin-left: 1px; color: red; }
.f1 { color: red; font-size: 16px; margin-left: 5px; }

.personal .accordion { text-align: center; font-size:16px; height: 60px; vertical-align: middle; }
.personal .accordion:after { background-image: url(../img/sprite.png);  background-repeat: no-repeat; background-position: -407px -44px; width: 36px; height: 36px;  content: ''; margin-top: -6px;  }
.personal .activef:after { background-position: -444px -44px; }
.personal .panel { border: 1px solid #d9dae0; border-top: none; margin-bottom: 20px; padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f9fafd; }

.panel {display:none;}
.panel { border: 1px solid #d9dae0; border-top: none; margin-bottom:-1px; padding: 0 18px; min-height: 192px !important;max-height: unset !important; overflow: hidden; transition: max-height 0.2s ease-out; }
.panel input, .panel select { border:1px solid #ccc; /*height:40px;*/ }
.panel .auth-id {  height: 40px; }
.panel select { border:1px solid #ccc;  height: 40px; width:200px; }
.panel table { border-collapse: collapse; border-spacing: 0px;  margin-bottom: 30px; background-color: #fff;}
.panel table td, .panel table th {  border-collapse: collapse;  border: 1px solid #d7d9df; padding: 14px; font-size: 14px; }
.panel table th {  color: #fff; background-color: #a4acbd; }
.panel .button  {  font-size:14px; line-height:42px; text-align: center; color: #fff; text-decoration:none; padding: 0 24px 0 24px; display:inline-block; width: 140px; height:44px; background-color:#1576cb; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); border-radius: 3px; vertical-align: top; }
.panel .button:hover {  background: #ffa82b; color: #2e2824; }
.panel .auth-submit  {  font-size:14px; line-height: 20px; text-align: center; color: #fff; text-decoration:none; padding: 0 24px 0 24px; display:inline-block; width: 140px; height:40px; background-color:#1576cb;  vertical-align: top;  border: 0; cursor: pointer; }
.panel .auth-submit:hover {  background: #ffa82b; color: #2e2824; }

.menu7 ul li i .ico10  { background: url(../img/ico10.png); }
.menu7 { margin-top: 0; font-size:14px; display: inline-block; width: 326px; padding-left:24px; padding-right:13px;   }
.menu7 ul {  list-style: none; padding-left: 0; display:table; margin:0;  margin-bottom:20px; }
.menu7 li {   display: inline-block; width: 100%; background: #ebf0f9;  }
.menu7 ul  li { border: 1px solid #ddd;  border-top: none;}
.menu7 ul  li:last-child { border-bottom:1px solid #ddd; }
.menu7 .m1  { width:100%; padding:4px; padding-left: 0;    }
.menu7 p  { margin-left: 44px; padding-right: 16px;  }
.menu7 i  { width:34px; height:34px; position: relative; top: 0; bottom: 0; margin: auto 5px;  float: left; }
.menu7 .ico08  { background: url(../img/ico08.png); }
.menu7 .ico10  { background: url(../img/ico10.png); }
.menu7 .ico17  { background: url(../img/ico17.png); }
.menu7 .ico18  { background: url(../img/ico18.png); }
.menu7  a  {  padding:4px; padding-left: 0;  color:#4c545a;  background: #ebf0f9; text-decoration:none; display: inline-block; border:1px solid #ccc; }
.menu7  .active   { background-color: #1576cb; cursor: default; border: none; }
.menu7  .active p  { color:#fff; margin-left: 0; }
.menu7 .active i  {  background-position: 0px -34px; }
.menu7 li  a  { display: flex; width:100%;  background: linear-gradient(to top, #fff, #ebf0f9); padding:4px; padding-left: 0;   text-decoration:none; border: none; }
.menu7 a:hover { background: #1576cb; }
.menu7 a:hover p { color: #fff; }

.menu9  {  padding: 0;  margin-top: 20px; margin-bottom: 40px; display: block;  }
.menu9  li { display: inline-block;  margin-bottom: 10px;  }
.menu9  li a  { font-size:14px;  text-decoration: none; color:#4c545a;  display: inline-block; padding: 14px 20px; border-bottom: 1px solid #ddd; }
.menu9 li a:hover { background: #1576cb; color: #fff; }
.menu9  .active   { border-bottom: 3px solid #1576cb; cursor: default; }
.menu9  .active:hover   { background: none; color:#4c545a; }

.download { padding:10px; padding-left: 34px; background: url(../img/download.png)  no-repeat 0 6px;}

.wrapper7 { display: flex; flex-direction: column; min-height: 100%; margin: 0 auto; }
.content7 { flex: 1 0 auto; }
h6 {  font-size:20px; color:#1576cb; font-weight: lighter; margin-bottom: 5px; margin-top:20px; }

.page-full {  width: 100%; float:left; display: flex;  flex-flow: row wrap; }
.page-full h6 {   margin-top: 5px; }
.item { margin-bottom:20px; margin-right:20px; display: inline-block; background: #fcfdfe; width: 48%; height: auto; transition:transform .2s;  border: 1px solid #e8eaec; border-radius: 5px; float:left; }
.contentu { padding: 10px 20px; top:0; left:0; width:100%; height:100%;   }
.item:hover { background-color:#fff; transform: scale(1.02); box-shadow:2px 2px 10px 0 rgba(0,0,0, 0.2);  cursor: pointer; }

.sticky { position: fixed; z-index: 101; }
.stop { position: relative; z-index: 101; }

.note {

    color:

#252629;

background-color:
#b0d8fa;

display: block;

padding: 14px;

border: 1px solid

    #d5d9e0;
    border-radius: 6px;
    line-height: 24px;

}

.note p {

    color:

    #252629;

}

#loginBlock .mutk1 {width: 50.1%}
.shadow_bl,․email-form {width: 35% ;margin: 0 auto;box-shadow: 0 0 10px 0 #666;}
.errorbl,.successbl  {width: 35% }
.mce-notification {display: none !important;}
#confirmBlock {padding: 0 3%}
.scheduler-border .next-btn {padding: 13px!important;}
.fa-file-download{font-size: 26px}
.balance_block{padding: 5px;}
.strok,.wrapper h2:first-child {margin-top: 0;padding-top: 15px}
.content {padding-bottom: 50px}
.mt-custom {
    margin-top: -23px !important;
}
.accordion{position: relative}
.accordion:after{position: absolute;right: 15px;top: 35%;}
.accordion>span {display: inline-block; width: 97%}


.errorbl {
    font-size: 14px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: .75rem 1.25rem;
    border-radius: .25rem;
}

.successbl {
    font-size: 14px;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    padding: .75rem 1.25rem;
    border-radius: .25rem;
}

@media only screen and (max-width: 1200px) {
    .shadow_bl,.errorbl,.successbl {width: 45%;}
}

@media only screen and (max-width: 1100px) {
    .shadow_bl ,.errorbl,.successbl {width: 50%;}
}
@media only screen and (max-width: 876px) {
    .shadow_bl,.errorbl,.successbl  {width: 60%;}
    .personal h1 {margin-top: 0}
    .wrapper{top:0}
    .menu8 {top:50px!important;}
    .company-wrapper{top: 100px ;padding-bottom: 50px}
    #card_reader {padding: 0!important;}
    .nomobile{display: none}
}
@media only screen and (max-width: 720px) {
    .company-wrapper{top: 100px ;padding-bottom: 80px}
}
@media only screen and (max-width: 600px) {
    .shadow_bl,.errorbl,.successbl  {width: 80%;}
    .company-wrapper{top: 100px ;padding-bottom: 70px}
    #naxahashiv {padding-bottom: 50px}
    .director-mob li a{padding: 0}
    .menu8 p {height: 35px}
    .balance_block p {margin-bottom: 0}
    .content .strok {margin-bottom: 5px}
}
@media only screen and (max-width: 567px) {
    .company-wrapper{top: 100px ;padding-bottom: 100px}
    #naxahashiv {padding-bottom: 70px}
    .log1,.log2 {line-height: 14px}
}
@media only screen and (max-width: 556px) {
    .company-wrapper{top: 100px ;padding-bottom: 50px}
    #naxahashiv {padding-bottom: 0}
}
@media only screen and (max-width: 560px) {
    .menu8 {top:70px!important;}
}
@media only screen and (max-width: 500px) {
    .shadow_bl {width: 90%;}
    .menu8 {top:80px!important;}
}

.count {
    color: white;
    background: #5e636c;
    padding: 1px 14px;
    border-radius: 5px;
}

.like-dislike {
    float: left;
    height: 55px;
}

.like-dislike > p {
    margin: 0;
    font-size: 13px;
    width: 220px;
}

.rate {
    width: 40%;
    border-radius: 5px;
    height: 27px;
    display: flex;
    float: left;
    align-items: center;
    color: #8a8f9e;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    margin-left: 5%;
    cursor: pointer;
    border: 1px solid #8a8f9e;
}

.rate > i {
    color: #8a8f9e;
}

.rate:nth-child(3) {
    background: white;
    color: #8a8f9e;
}

.in-hover-like:hover {
    background: #397dd3;
    border: 1px solid #397dd3;
    color: white;
}

.in-hover-dislike:hover {
    background: #397dd3;
    border: 1px solid #397dd3;
    color: white;
}

.feedback {
    display: none;
    position: relative;
    float: left;
    z-index: 1;
}

.feedback > p {
    margin: 0;
    font-size: 13px;
}

.feedback > textarea {
    display: block;
    width: 100%;
}

.feedback > button {
    margin-top: 7px;
    background: #1576cb;
    color: white;
    border: none;
    height: 28px;
    border-radius: 3px;
    cursor: pointer ;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    transition: .5s;
}

.feedback > button:hover {
    background: #ffa82b;
    color: #2e2824;
}

.font-grapalat {
    font-family: GHEAGrapalatBld, LatoBold !important;
}

.custom-form-control {
    display: inline-block;
    width: 39%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-form-control-1 {
    width: 77% !important;
}

@media screen and (max-width: 461px) {
    .popup .auth-submit {
        margin-top: 10px;
    }
}

@media screen and (max-width: 337px) {
    .popup .auth-in {
        width: 100%;
    }
}

@media screen and (max-width: 357px) {
    .shadow_bl {
        width: 100%;
    }
}

.ita {  color:#56585e;  width: 100%; margin-top: 30px; display: inline-block;   }
.ita div { width:25%;  display: inline-block; float:left; padding-top:30px; text-align: center;  }
.ita div img {  margin:auto; }
.ita b { font-size:24px; color:#56585e; margin-top:10px; display: block;  font-weight:normal; }
.ita p { font-size: 16px; margin-top:10px; margin-bottom:20px; margin-left:20px; margin-right:20px; text-align: center; }

.map { width:100%; height: 215px; background: url('/img/map.png') no-repeat #f2f3f4 95% 5px; margin-bottom: 30px; display: inline-block; border-radius: 5px;background-position: 89%; }
.map a { font-size: 21px; font-weight: normal !important; color: #575d6f; /*margin-left: 41px;*/ text-align: left;   display: inline-block;  }

.button2  { margin-top:38px; display:inline-block; }
.button2:link, .button2:visited { font-weight: normal !important; font-size:14px; line-height:42px; text-align: center; color: #fff; text-decoration:none; padding: 0 20px 0 20px; height:44px; background: linear-gradient(to top, #004161, #006ba1); box-shadow: 1px 1px 2px rgba(0,0,0,0.3); border-radius: 3px;  }
.button2:hover {  background: #dddfe4; color: #000; }

.auth-in { border: 0; border: 1px solid #c0c0c0; font-size: 14px; color: #1C5455;  width: 100%; height: 40px; padding: 10px; padding-left: 14px; margin-top:20px; border-radius: 3px; }

.tg {  color:#575d6f;  width: 100%; height:40px;  display: inline-block; background-color: #d3d6dc; line-height:54px; font-size: 18px;  text-align: center; margin-top: -10px; border-radius: 3px; }
.tg:link, .tg:visited {  color:#575d6f; }
.tg:hover {  color:#000; background: #d3d6dc !important; }
.tg span {  background: url('../img/phone.png');  width: 26px; height: 32px;  margin-top: 12px; display: inline-block; vertical-align: top; margin-right:10px;}

.tg2 {  color:#fff;  width: 100%; height:54px;  display: inline-block; background: linear-gradient(to top, #004161, #006ba1);line-height:54px; font-size: 16px;  text-align: center; border-radius: 3px; }
.tg2:link, .tg2:visited {  color:#fff; }
.tg2:hover {  color:#000; background: #dddfe4 !important; }
.tg2 span {  background: url('../img/mail.png');  width: 24px; height: 17px;  margin-top: 18px; display: inline-block; vertical-align: top; margin-right:12px;}

.newlink, .newlink:visited  {  font-size:16px; color: #00b1a9; font-weight: normal !important; }
.newlink:hover { color: #ff6600; text-decoration:underline; }
.news .newlink { float: right; margin-bottom: 10px;}

.accordion2 {  color: #444; cursor: pointer; padding: 16px 14px; width: 100%; outline: none; font-size: 14px; transition: 0.4s; background-color: #f2f3f4; border: 1px solid #d9dae0; border-bottom:0; border-radius: 3px; }
.activef2, .accordion2:hover { background-color: #1576cb; color: #fff; border: 1px solid #f2f3f4; border-bottom:0; border-radius: 5px;}
.accordion2:before { font-size: 16px; content: '\25BA'; color: #529fe2; margin-right: 8px; line-height: 18px; float: left; }
.accordion2:hover:before { color: #fff; }
.activef2:before { content: "\25BC"; color: #fff; font-size: 16px;  }
.panel2 { border: 1px solid #d9dae0;  border-top:0; padding: 0 16px 0 34px; width: 100%; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; margin-bottom: 8px; background-color: #f5f8fa; border-radius: 0px 0px 3px 3px;  }
.panel2 p { text-align: left; font-size: 14px; }

.ya-share2  ul li { padding-left: 0px !important; }
.ya-share2  ul { padding-left: 0px !important; }

.logo2 { margin-top:10px; margin-bottom:5px; vertical-align: top; }

.copy { font-size:13px; color:#ccc;  font-weight:normal; margin-top:26px; display: inline-block; }
.fa-my {
    font-size: 20px !important;
    color: white !important;
    cursor: pointer;
}

.hot-line {
    width: 450px;
    float: left;
    margin-top: 10px;
    position: absolute;
    top: -5px;
}

.news-content {
    width: 100%;
    min-height: 100px;
}

.img-sizes {
    width: 50px !important;
    height: 50px !important;
}

.text-hover:hover {
    color: #616b75 !important;
    text-decoration: underline;
}

.footer-read-more {
    width: 100%;
}

.r-more {
    float: right;
    position: relative;
    top: -23px;
    right: 12px;
}

.hot-phone {
    width: 238px;
    height: 40px;
    background: rgba(230,8,8,.75);
    position: fixed;
    border-radius: 23px;
    bottom: 31px;
    right: 30px;
    z-index: 111;
}




.phonering-alo-phone.phonering-alo-static {
    opacity: 0.6;
}

.phonering-alo-phone.phonering-alo-hover,
.phonering-alo-phone:hover {
    opacity: 1;
}

.phonering-alo-ph-circle {
    width: 87px;
    height: 87px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #e60808;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .5;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important;
    animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important;
    animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color: #00aff2;
    opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover
.phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color: #75eb50;
    border-color: #baf5a7;
    opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: #00aff2;
    border-color: #bfebfc;
    opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover
.phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color: #ccc;
    opacity: 0.5;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color: #75eb50;
    opacity: 0.5;
}

.phonering-alo-ph-circle-fill {
    width: 57px;
    height: 57px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: rgba(230,8,8,.7);
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    opacity: 0 !important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color: red;
    background-color: red;
    opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover
.phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color: red;
    background-color: red;
    opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: red;
    background-color: red;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover
.phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color: red;
    background-color: red;
    opacity: 0.75 !important;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color: red;
    opacity: 0.75 !important;
}

.phonering-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1)
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==)
    no-repeat center center;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 0 infinite ease-in-out !important;
    animation: phonering-alo-circle-img-anim 0 infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color: red;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover
.phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color: red;
    background-color: red;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: red;
    background-color: red;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover
.phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color: red;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color: red;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        /*opacity: 0.2;*/
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        /*opacity: 0.2;*/
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        /*opacity: 0.2;*/
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.1;
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: 0.1;
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.1;
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        /*opacity: 0.2;*/
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        /*opacity: 0.2;*/
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        /*opacity: 0.2;*/
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.8;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.8;
    }

    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.8;
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
}

.hot-phone-icon {
    width: 33px;
    height: 33px;
    position: relative;
    float: left;
    left: 10px;
    top: 3px;
}

#phonering-alo-phoneIcon {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: -44px;
    bottom: 36px;
    display: block;
}

.phone-img {
    width: 40px;
    height: 40px;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.fa-my-1 {
    font-size: 21px !important;
    color: white;
}

.number-phone {
    text-align: center;
    color: white;
    font-weight: bold;
    padding-top: 5px;
}

.search-inp {
    float: left;
    margin-top: 10px;
}

.inp-my {
    padding-left: 7px;
    height: 26px;
}

.top-number {
    font-size: 16px;
    margin-top: 5px;
    background: linear-gradient(to top, #fff, #ebf0f9);
    border-radius: 4px;
    text-align: center;
    height: 30px;
    width: 50px;
    cursor: pointer;
    padding: 6px 11px;
    font-weight: bold;
}

.top-number-1 {
    font-size: 16px;
    margin-top: 5px;
    background: linear-gradient(to top, #fff, #ebf0f9);
    border-radius: 4px;
    text-align: center;
    height: 30px;
    cursor: pointer;
    line-height: 27px;
    margin-left: 10px;
    padding: 6px 11px;
    font-weight: bold;
}

.top-fixed {
    position: fixed;
}

.ps-top {
    position: relative;
    top: 73px;
}


.content h1{
    margin-top: 0;
}
.content{
    padding-top: 25px;
}
.menu8 {margin-top: 0}
.left {margin-top: 0;position: fixed}
.footer{position: fixed;z-index: 150!important;}
.hot-phone{z-index: 151}
.news:hover p{color: #1576cb !important;}

.menu-items .m1:hover i{background-position: 0 35px; }

/*#faq,#faq a:hover ,#faq .active{   background: linear-gradient(to top, #ff7309, #ff7309)!important;}*/
/*#faq p{color: #fff!important;}*/
/*#faq i{background-position: 0 35px;}*/
.page-item {
    position: relative !important;
    left: 10px !important;
}

.cont-height {
    min-height: 400px !important;
}
.total_world{
    text-align: center!important;
    font-weight: bold;
    font-size: 28px;
    padding-top: 20px;
}
.simple_link {
    background: transparent!important;
    text-transform: lowercase!important;
    font-weight: normal!important;
    font-size: 16px!important;
}
.simple_link:hover{
    color: #0a4170 !important;
}


.script{display: none}

.distribution{text-align: center}

#files-block li {
    clear: both;
    list-style: none !important;
    margin: 0 !important;
    line-height: unset!important;
    background: none!important;
    padding-left: unset!important;
}
.pdf-mod {
    display: block;
    float: left;
    width: 44px;
    /*margin-bottom: 15px;*/
    background: url('/img/icon_pdf.gif') top left -6px no-repeat;
    padding: 20px 6px 0 0;
    font-size: 0.8em;
    color: gray;
    text-align: right;
}
#files-block li a {
    display: block;
    float: left;
    border-left: 1px solid silver;
    width: 770px;
    /*width: 624px;*/
    padding-left: 6px;

    min-height: 32px;
    text-decoration: none;
    color: #0068C8;
}

.blank_link {
    width: 20%;
    background: url('/img/word_icon.png') top 9px left 12px no-repeat;;
}
/*.blank_link:hover {background-position:0 35px!important; }*/
.fa-file-word {display: block!important;float: right;font-size: 30px!important;color: #1677c4}
.icon-span > i {color:#1677c4;font-size: 30px !important;margin: 0; line-height: 54px;
    padding-left: 9px;}
.icon-span {cursor: pointer; text-align: center;padding-left: 7px;box-sizing: border-box; width: 20%;border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
.icon-span:hover{background: linear-gradient(to top, #004161, #006ba1);}
.remove-css {
padding: 0;!important; border: none!important;font-size: 30px !important;
color: #1677c4!important;display: block;
    width: 100%;
    height: 100%;}
.icon-span:hover a > i {color:white!important;}

#files-block .additional_info .aa_span {
    padding-right: 15px;
    border-right: 2px solid gray;
    color: gray;
    font-size: 11px;
    padding-left: 20px;

}
#files-block .additional_info .aa_span:last-child {border-right: none}
#files-block li {
    margin-bottom: 35px !important;
    clear: both;
    height: 45px
}

#files-block .additional_info {
    text-align: right;
    clear: both;
    float: right;
}

.language {
    float: left;
    position: fixed;
    top: 20%;
    left: 0;
    z-index: 151;
    /*display: none;*/
}

.lng  {
    width: 100px;
    list-style: none;
    position: absolute;
    left: -37px;
}

.lng > li {

    margin-top: 5px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 4px;
    cursor: pointer;
}

.lng > li > a {
    color: grey;
    font-family: GHEAGrpalatReg, arial, helvetica, sans-serif, tahoma, verdana;
    font-size: 15px;
}

.lng > li:hover {
    background: #004c71;
}

.lng > li:hover .clr {
    color: white !important;
}

.lng > li > a:hover {
    color: white;
}

.active-lng {
    background: #004c71;
}

.active-lng-a {
    color: white !important;
}

.email_footer {
    display: block;
    text-align: left;
    padding: 6px 0px;
}

.custom-li {
    height: 58px;
    transition: unset !important;
}

.custom-li >a {
    color: #616b75 !important;
}
.custom-li > a:hover {
    color: white !important;
    transition: unset !important;
}

.tgt {
    width: 36px;
    height: 50px;
    display: block;
    float: left;
    left: 3px;
    top: 4px;
    color: #1677c4;
    position: absolute;
}

.custom-li:hover .col-w {
    color: white !important;
}

.custom-li:hover .tgt > i {
    color: white !important;
}

.apps {
    padding-left: 23px;
    padding-top: 10px;
    background: linear-gradient(to top, #fff, #ebf0f9);
    width: 100%;
    /*margin-left: 23px;*/
}

.google {
    height: 50px;
    width: 115px !important;
}

.appstore {
    height: 50px;
    width: 115px;
}

.alert-box {
    width: 100%;
    height: 39px;
    position: absolute;
    top: 0;
    background: #3a8bcc;
    z-index: 11111111;
}

.d-none-alert {
    display: none;
}

.cont_header {
    width: 50%;
    float: left;
    min-height: 10px;
    position: absolute;
    top: -16px;
}

#close-alert {
    width: 10%;
    float: right;
    top: 0px;
    position: relative;
    left: 9px;
    cursor: pointer;
}

#close-btn {
    display: block;
    width: 29px;
    color: white;
    font-size: 35px;
}

.covid {
    color: white !important;
    font-size: 14px;
    padding-left: 40px;
    padding-top: 3px;
}

.dow {
    color: white;
    font-size: 11px;
    position: relative;
    top: -15px;
    padding-left: 40px;
}

.text-header {
    display: inline-block;
}

.download-btn {
    position: absolute;
    top: 15px;
    left: 282px;
    width: 97px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
}

#apps-img {
    width: 110px;
    object-fit: cover;
}

@media (max-width: 500px) {
    .apps {
       display: none;
    }
}
.access {background-image: url("/img/access.png")}
#apps a:hover {background: none!important;}