@charset "UTF-8";
body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  }

html, body {
overflow-x: hidden;
}

h1 {
  margin: 20px 0px;
  padding: 0px;
  font-size: 1.5em;
  display: inline-block; }

h2 {
  margin: 20px 0px;
  padding: 0px;
  font-size: 1.4em;
  display: inline-block; }
  

h3 {
  margin: 20px 0px;
  padding: 0px;
  font-size: 1.3em;
  display: inline-block; }
  
h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-size: 1.0em;
  display: inline-block; }  

a:active, a:link, a:visited {
  color: #000;
  text-decoration: none; }

a:hover {
  color: #32CD32;
  }

.sert{
	transition: 0.4s;
}
.sert:hover{
	transform: scale(1.8, 1.8);
}

.newmnu ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

@media only screen and (max-width: 992px) {
  .navbar {
    position: fixed;
    z-index: 999;
    top: 20px;
    right: 0;
    padding: 48px 20px 0;
    background-color: transparent !important;
    width: 100%;
    max-width: 400px; }
    .navbar .navbar-toggler {
      position: absolute;
      top: 0;
      right: 20px;
      background: #fff; } }

.main-menu {
  width: 100%; }
  .main-menu li {
    width: 12.5%;
    float: left;
    text-align: center;
    padding-left: 2px;
    box-sizing: border-box; }
    @media only screen and (max-width: 992px) {
      .main-menu li {
        width: 100%; } }
    .main-menu li > a {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      display: inline-block;
      color: white;
      text-decoration: none;
      padding: .5em 0;
      outline: none;
      border-width: 2px 0;
      border-style: solid none;
      border-color: #e0e0e0 #000 #636363;
      border-radius: 6px;
      background: #dbdbdb;
      background: linear-gradient(to bottom, #dbdbdb 1%, #bcbcbc 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#bcbcbc',GradientType=0 );
      transition: 0.2s;
      font: 1.14em calibri, Tahoma, sans-serif;
      color: #000; }
    .main-menu li > a:hover, .main-menu li > a:active {
      background: #bcbcbc;
      background: linear-gradient(to bottom, #bcbcbc 0%, #dbdbdb 99%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#dbdbdb',GradientType=0 ); }
    .main-menu li .dropdown-menu {
      min-width: 100%; }
      @media only screen and (max-width: 992px) {
        .main-menu li .dropdown-menu {
          margin-bottom: 5px; } }
  .main-menu .main-sub-menu {
    display: none; }

.img-fluid {
  max-height: 215px;
  float: none;
  display: block;
  margin: 0 auto; }
 
  
  .img-fluid1 {
  max-height: 300px;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid2 {
  max-height: 400px;
  float: none;
  display: block;
  margin: 0 auto; }
  
  .img-fluid3 {
  max-height: 170px;
  float: none;
  display: block;
  margin: 0 auto; }
  
  .img-fluid4 {
  max-height: 500px;
  float: none;
  display: block;
  margin: 0 auto; }
  
  .img-fluid6 {
  max-height: 700px;
  float: none;
  display: block;
  margin: 0 auto; }
  
  .img-fluid-page {
  width: 100%;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid-page2 {
  width: 80%;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid-page3 {
  width: 90%;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid-page4 {
  width: 85%;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid-page5 {
  width: 65%;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid-page6 {
  width: 93%;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid-page7 {
  width: 55%;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid-page8 {
  width: 75%;
  float: none;
  display: block;
  margin: 0 auto; }
  
   .img-fluid-message {
  max-height: 40px;
  float: none;
  display: block;
  margin: 0 auto; }
  
  .leftfoto {
  max-height: 215px;
  float: left;
  display: block;
  margin: 4px 10px 2px 0px; }
  
  .leftfoto2 {
  max-height: 215px;
  float: left;
  display: block;
  margin: 70px 10px 2px 0px; }
  
  .leftfoto3 {
  max-height: 215px;
  float: left;
  display: block;
  margin: 35px 0px 2px 80px; }
  
  .leftfoto-asp-100 {
  max-height: 270px;
  float: left;
  display: block;
  margin: 35px 0px 2px 80px; }
  
  .leftfoto4 {
  max-height: 315px;
  float: left;
  display: block;
  margin: 70px 10px 2px 0px; }
 
  .leftfoto5 {
  max-height: 270px;
  float: left;
  display: block;
  margin: 55px 10px 2px 20px; }
  
 .leftfoto6 {
  max-height: 220px;
  float: left;
  display: block;
  margin: 55px 10px 2px 20px; }
  
  .leftfoto7 {
  max-height: 370px;
  float: left;
  display: block;
  padding: 0px 10px 0px 0;
  margin: 55px 10px 20px 20px; }
  
  .leftfoto8 {
  max-height: 370px;
  float: left;
  display: block;
  padding: 0px 10px 0px 0;
  margin: 25px 20px 20px 20px; }
  
  .leftfoto9 {
  max-height: 570px;
  float: left;
  display: block;
  padding: 0px 10px 0px 0;
  margin: 55px 10px 20px 20px; }
  
  .leftfoto-page {
  max-height: 215px;
  float: left;
  display: block;
  margin: 5px 10px 5px 10px; }
  
  .leftfoto-page2 {
  max-height: 400px;
  float: left;
  display: block;
  margin: 70px 10px 2px 0px; }
  
  .rightfoto {
  max-height: 215px;
  float: right;
  display: block;
  margin: 5px 10px 5px 10px; }
  
  .text-page {
    max-height: 215px;  
  }
  
 .newmnu {
  position: relative;
  left: 0px;
  top: 0px;
  height: 3em;
  margin: 0.4em 0px 0px 0px; }

.newpos {
  position: absolute;
  top: 0px; }

.poA {
  left: 0px; }

.poB {
  left: 11.48em; }

.poC {
  left: 22.96em; }

.poD {
  left: 34.44em; }

.poE {
  left: 45.92em; }

.poF {
  left: 57.40em; }

.poG {
  left: 68.88em; }

.poH {
  left: 80.36em; }

.domianhref {
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url "/IMG/FTRANS.png";
  color: #fff;
  font: bold 1.14em calibri, Courier, monospace;
  text-align: center;
  width: 100%;
  padding-top: 0.3em; }

a.domianhref:active, a.domianhref:link, a.domianhref:visited {
  color: #000;
  text-decoration: none; }

a.domianhref:hover {
  color: #00f;
  text-decoration: underline; }

#domian02, #domian04, #domian06, #domian08, #domian10, #domian12, #domian14, #domian16, #domian18 {
  display: none; }

.domhref {
  width: 100%; }

.dldt {
  padding: 0px 1em 1em 1em;
  text-align: justify; }

.dlddt {
  padding: 0px 1em 1em 1em;
  text-align: left; }

.newpos:hover > #domian02 {
  display: block; }

.newpos:hover > #domian01 {
  display: none; }

.newpos:hover > #domian04 {
  display: block; }

.newpos:hover > #domian03 {
  display: none; }

.newpos:hover > #domian06 {
  display: block; }

.newpos:hover > #domian05 {
  display: none; }

.newpos:hover > #domian08 {
  display: block; }

.newpos:hover > #domian07 {
  display: none; }

.newpos:hover > #domian10 {
  display: block; }

.newpos:hover > #domian09 {
  display: none; }

.newpos:hover > #domian12 {
  display: block; }

.newpos:hover > #domian11 {
  display: none; }

.newpos:hover > #domian14 {
  display: block; }

.newpos:hover > #domian13 {
  display: none; }

.newpos:hover > #domian16 {
  display: block; }

.newpos:hover > #domian15 {
  display: none; }

.newpos:hover > #domian18 {
  display: block; }

.newpos:hover > #domian17 {
  display: none; }

.pusrce {
  width: 11.36em;
  height: 2.2em;
  border: 0px; }

.mainbody {
  width: 100%;
  text-align: justify;
  font: italic normal 1.0em/1.2em calibri, monospace, tahoma, arial; }

.manc {
  border: 0px; }

.logoimg {
  width: 100%;
  text-align: center;
  font: italic normal 1.0em/1.1em monospace, tahoma, arial;
  padding-bottom: 1em; }

.logosrc {
  width: 10em; }

.content {
  background: url "../IMG/FBW.png" repeat;
  font: italic normal 1.9em/1.1em monospace, tahoma, arial;
  padding: 1em;
  border: 1px #09f solid;
  border-radius: 1em;
  box-shadow: 0.4em 0.4em 2em #09f; }

dt {
  text-align: justify;
  text-indent: 1em; }

dl {
  margin-bottom: 0.6em; }

.footA {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 7.8em; }

.footfon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 8em;
  z-index: 1; }

.footB {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  color: #fff;
  font: italic bold 1.2em/1.6em monospace, tahoma, arial;
  text-align: center; }

#photo {
  border: 2px solid #eeeeee;
  width: 15em;
  height: 10em;
  margin-left: 2em; }

#photo div {
  position: absolute;
  z-index: 0; }

#photo div.current {
  z-index: 2; }

#photo div.previous {
  z-index: 1; }

.photo {
  width: 30em !important;
  height: 20em !important; }

.galery {
  width: 15em;
  height: 10em; }

.galery2 {
  width: 30em;
  height: 20em; }

.galery3 {
  width: 30em;
  height: 10em; }

.taxtex {
  border: 1px #C0C0C0 solid;
  border-radius: 1em 0px 0px 1em;
  border-right: 0px transparent solid;
  box-shadow: -0.4em -0.4em 1em #ccc;
  margin: 1em 0px 0px 1em; }

.userinfo {
  border: 1px #C0C0C0 solid;
  border-radius: 0px 1em 1em 0px;
  border-left: 0px transparent solid;
  box-shadow: 0.4em -0.4em 1em #ccc;
  margin: 1em 1em 1em 0px; }

.tduser {
  vertical-align: top;
  text-align: center; }

.srctaxtex {
  width: 14em; }

.tdtaxtex {
  text-align: center;
  vertical-align: top; }

.tdttd {
  padding-top: 1em; }

.tdicotex {
  text-align: right;
  vertical-align: top; }

.tdtxtex {
  text-align: left;
  vertical-align: top; }

.srcicotex {
  height: 3.5em; }

.srcicoteс {
  height: 1.5em; }

.lessartex {
  height: 2.5em; }

.widthtaxtex {
  vertical-align: top;
  width: 43%; }

#tooltip {
  background: #fff;
  border: 1px solid #000;
  border-radius: 0.6em;
  box-shadow: 1em -0.4em 2em #000;
  color: #000;
  font: italic normal 1.0em/1.2em monospace, tahoma, arial;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 0.4em 1.2em;
  position: absolute;
  visibility: hidden;
  z-index: 10000; }

#aQ, #aW, #aR, #aY, #aI, #aP {
  display: none; }

#aE, #aT, #aU, #aO, #aZ {
  width: 4em;
  border: 0;
  font: italic bold .9em tahoma;
  color: #800000; }

.newpos {
  overflow: hidden; }

.sub-menu {
  position: absolute;
  left: 0;
  top: 2.2em;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  opacity: 0; }

.newpos:hover {
  overflow: visible; }

.newpos:hover .sub-menu {
  opacity: 1; }

.sub-menu li {
  list-style: none;
  margin-bottom: -1px; }

.sub-menu li a {
  display: block;
  background: #f1f1f1;
  padding: 0.7em;
  font: bold 1.08em calibri, Courier, monospace;
  border-radius: 7px;
  border: 1px solid #dadada; }

.sub-menu li a:hover {
  background: #fff; }

header .img-box {
  width: 100%; }

header img {
  width: 100%; }

.nav {
  width: 100%; }

.grid-group {
  padding-top: 20px;
  padding-bottom: 20px; }
  .grid-group .grid-group-item {
    text-align: center; }

.rounded-box.left-box {
  border: 1px #C0C0C0 solid;
  border-radius: 0px 1em 1em 0px;
  border-left: 0px transparent solid;
  box-shadow: 0.4em -0.4em 1em #ccc;
  margin: 1em 0em;
  padding: 20px 15px 20px 35px; }
  @media only screen and (max-width: 992px) {
    .rounded-box.left-box {
      border: 1px #C0C0C0 solid;
      border-radius: 1em;
      box-shadow: 0.4em -0.4em 1em #ccc;
      margin: 1em 0em;
      padding: 20px; } }
  @media only screen and (max-width: 600px) {
    .rounded-box.left-box {
      border: none;
      border-radius: none;
      border-left: none;
      box-shadow: none;
      margin: 0;
      padding: 20px 0 0 0; } }


.rounded-box.right-box {
  border: 1px #C0C0C0 solid;
  border-radius: 1em 0px 0px 1em ;
  border-right: 0px transparent solid;
  box-shadow: -0.4em -0.4em 1em #ccc;
  margin: 1em 0em;
  padding: 20px 35px 20px 15px;
  text-align: center; }
  @media only screen and (max-width: 992px) {
    .rounded-box.right-box {
      border: 1px #C0C0C0 solid;
      border-radius: 1em;
      box-shadow: 0.4em -0.4em 1em #ccc;
      margin: 1em 0;
      padding: 20px; } }
  @media only screen and (max-width: 600px) {
    .rounded-box.right-box {
      border: none;
      border-radius: none;
      border-left: none;
      box-shadow: none;
      margin: 0;
      padding: 20px 0 0 0; } }
      
.rounded-box.center-box {
  border: 1px #C0C0C0 solid;
  border-radius: 1em; 
  box-shadow: 0.1em 0.1em 1em #ccc;
  margin: 1em 0em;
  padding: 20px; }
  @media only screen and (max-width: 992px) {
    .rounded-box.center-box {
      border: 1px #C0C0C0 solid;
      border-radius: 1em;
      box-shadow: 0.4em -0.4em 1em #ccc;
      margin: 1em 0em;
      padding: 20px 0 0 0; } }
  @media only screen and (max-width: 600px) {
    .rounded-box.center-box {
      border: none;
      border-radius: none;
      border-left: none;
      box-shadow: none;
      margin: 0;
      padding: 20px 0 0 0; } }      
      
 .rounded-box.right-box-text {
  border: 1px #C0C0C0 solid;
  border-radius: 1em 0px 0px 1em;
  border-right: 0px transparent solid;
  box-shadow: -0.4em -0.4em 1em #ccc;
  margin: 1em 0em 1em 0em;
  padding: 20px 35px 20px 20px;
  text-align: left; }
  @media only screen and (max-width: 992px) {
    .rounded-box.right-box-text {
      border: 1px #C0C0C0 solid;
      border-radius: 1em;
      box-shadow: 0.4em -0.4em 1em #ccc;
      margin: 1em -15px 1em 0;
      padding: 20px 20px 20px 35px; } }
  @media only screen and (max-width: 600px) {
    .rounded-box.right-box-text {
      border: none;
      border-radius: none;
      border-left: none;
      box-shadow: none;
      margin: 0;
      padding: 20px 0 0 0; } }     

.logo-box {
  padding-top: 10px;
  padding-bottom: 10px; }
  .logo-box img {
    max-width: 170px; }
    
 
 * {box-sizing:border-box}
 
 .youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
  }

  .youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
  }

  .youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
  }

  .youtube-player img:hover {
    -webkit-filter: brightness(75%);
  }

  .youtube-player .play {
    height: 55px;
    width: 55px;
    left: 50%;
    top: 50%;
    margin-left: -34px;
    margin-top: -24px;
    position: absolute;
    background: url('/IMG/play2.webp') no-repeat;
    border-radius: 12px;
    cursor: pointer;
  }

  .rowmain {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }