body {
    background-color:#180b5a;
}
h3{
    text-align:center;
    font-variant-caps:all-petite-caps;
    font-size:22pt;
}
h4{
 color: #fff;
}
button
{
    color: #fff;
    text-decoration:none;
     background-color:#140c3d;
     border: 2px solid #fff;
     border-radius:8px;
     height:30px;
     width:300px;

}
button:hover
{
    color: #000;
    text-decoration:none;
     background-color:#f6ef6c;


}
a{
    color:#f6ef6c;
    text-decoration:none;
}
a:hover{
    color:  #ff0000;
    text-decoration:none;
}
.topBlok
{
    width:100%;
    display:block;
    height:484px;
    color:#ffffff;
    background-image:url(/img/f1.jpg);
    text-align:center;
    vertical-align:top;
    
}
.wline{
    display:block;
    height:5px;
    width:100%;
    background-color:#fff;
}
.tblok
{
 display:block;
 margin:0 auto;
 text-align:center;
}
.tblok2
{
 display:block;
 margin:0 auto;
 text-align:center;
}
.bblok
{
 display:block;
 margin:0 auto;
 text-align:center;
 background-color:#140c3d;
 
}
.tblok img
{
 margin-top:10px;
 margin-left:5px;
}
.tblok2 img
{
 margin-top:10px;
 margin-left:5px;
}
.autordiv{
    vertical-align:top;position:relative;text-align:center; width:90%; display:block; margin-top:-100px;padding-bottom:50px;
}
.divcontener{
    width:900px;
    display:block;
 margin:0 auto;
 color:#fff;
 font-size:20px;
 text-align:left;
 height:210px;
}
.divcontener_img {
    width: 880px;
}
.shema_img{
    width:900px;
}
.bblokf
{
    width:950px;
    display:block;
 margin:0 auto;
 text-align:center;
}
.bblok img
{
margin:10px;
}
h2{
    font-size:25px;
    font-weight:bold;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:#fff;
    padding-top:15px;
}
.masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 80px;
  -webkit-column-gap: 80px;
  column-gap: 80px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
  column-count: 3;
}
.masonry .brick {
  margin-bottom: 30px;
}
.masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.masonry .brick:hover img {
  opacity: .75;
}


.modal-body {
    border: 12px solid #555;
    box-shadow: 2px 2px 4px black;
}

.modal-back1 {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: .6;
    background-color: Black;
}

.modal-outer1 {
    position: fixed;
    top: 140px;
    left: 36%;
    height: 455px;
    width: 560px;
    padding: 0 auto;
    text-align: center;
    right: auto;
    bottom: auto;
    z-index: 1;
    padding: 5px;
    opacity: .4;
    background-color: Black;
    padding: 10px;
    border-radius: 8px;
}



.modal-inner1 {
    position: fixed;
    top: 120px;
    left: 25%;
    height: 455px;
    width: 550px;
    padding: 0 auto;
    text-align: center;
    right: auto;
    bottom: auto;
    z-index: 1;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fcfcfc;
    border-radius: 8px;
    overflow: hidden;
}
.modal-inner2 {
    position: fixed;
    top: 80px;
    left: 25%;
    padding: 0 auto;
    text-align: center;
    right: auto;
    bottom: auto;
    z-index: 1;
    padding: 5px;
    max-height:900px;
    border: 1px solid #ccc;
    background-color: #fcfcfc;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 10px 10px 10px 2px #383737;
}

.modal-inner1 img {
        text-align: center;
        margin: 0px auto;
        padding: 0 auto;
    }

.limg
{
    float:left;
    margin:0px;
    margin-right:30px;
    border:2px solid white;
    border-radius:3px;
}
.spaser
{
    display:block;
    height:170px;
}
.blok3d
{
    display:inline-block;
    text-align:center;
    width:450px;
    padding:0px;
}
.flgdiv{
    width:300px;
    padding:2px;
    display:block;
}
.flgdiv img{
    width:65px;
    display:inline-block;
}
@media (max-width: 1400px)
{
    .limg
    {
        float:none;
        display:block;
        margin-bottom:5px;

    }
    .topBlok  {
        height:300px;
    }
    .topBlok img {
        width:800px;
    }
    .bblok img
    {
        margin:0px;
    margin-top:2px;
     margin-bottom:2px;
    width:1100px;
    }

    .bblok iframe
    {
width:1000px;
height:650px;
    }
    .tblok img
{
 margin-top:2px;
 width:400px;
}
    .tblok2 img
{
 margin:0px;
    margin-top:2px;
     margin-bottom:2px;

}
    .masonry {
   column-count: 3;
     -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
}


    .shema_img{
    width:900px;
}
    .spaser
    {
        display:none;
    }
    .blok3d {
        width:390px;
    }
    .blok3d img {
        width:385px;
    }
    .flgdiv img{
    width:65px;
    display:inline-block;
}
}


@media (max-width: 900px)
{
    .autordiv{
    vertical-align:top;position:static;text-align:center; width:90%; display:inline;
}
    .limg
    {
        float:none;
        display:block;
        margin-bottom:5px;
    }
    .topBlok  {
        height:140px;
    }
    .topBlok img {
        width:300px;
    }
    .bblok img
    {
        margin:0px;
    margin-top:2px;
     margin-bottom:2px;
    width:300px;
    }

    .bblok iframe
    {
width:300px;
height:150px;
    }
    .tblok img
{
 margin-top:2px;
 width:100px;
}
    .tblok2 img
{
 margin:0px;
    margin-top:2px;
     margin-bottom:2px;
 width:300px;
}
    .masonry {
   column-count: 1;
}
    .bblokf, .divcontener
    {
        width:300px;
    }
    .divcontener img
    {
width:300px;
    }
    .shema_img{
    width:300px;
}
    .spaser
    {
        display:none;
    }
    .blok3d {
        width:280px;
    }
    .blok3d img {
        width:250px;
    }
    iframe
    {
        width:300px;
        height:170px;
    }
    .flgdiv img{
    width:55px;
    display:inline-block;
}
}