
@font-face{
    font-family: Izhitsa; 
    src: url("/Fonts/cyrillicold.eot");
    src: url("/Fonts/cyrillicold.eot?#iefix") format("embedded-opentype"), 
     url("/Fonts/cyrillicold.woff") format("woff"),
     url("/Fonts/cyrillicold.ttf") format("truetype"), 
     url("/Fonts/cyrillicold.svg#PT Serif") format("svg");
    font-weight: normal;
    font-style: normal;
}

h3{
    text-align:center;
}
  
a{
    font-weight:bold;
    color:rgb(0, 122, 204);
}
   a:hover
{
    color:rgb(255, 106, 0);
    cursor:pointer;
}

    a:active
    {
        text-shadow: 0 0 1px rgb(0, 122, 204);
    }

body {
    font-family:Calibri;
}

td {
    vertical-align:central;
    text-align:center;
    line-height:0.8;
}

#noScript{
    position:absolute;
    top:3%;
    width:100%;
    text-align:center;
    color:red;
    font-size:200%;
    z-index:12;
}

#blueFon {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:33.4%;
    background-color:rgb(75,162,229);
    min-width:1360px;
    min-height:300px;
}

.headerPicture{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background-repeat: repeat-x;
    background-position:0 100%;
}

#cloudsPicture{

    height:86%;
    color: rgb(234,182,20);
    text-align:center;
}

#sLabel{
   position:absolute;
   left:1%;
   top:5%;
   width:14%;
   height:95%;
   background-image:url("/Images/SLabel.svg");
   background-repeat:no-repeat;
   background-size:contain;
   z-index:25;
}

#sPhrase{
   position:absolute;
   left:17%;
   top:0;
   width:66%;
   height:100%;
}

#langFlags{
   position:absolute;
   right:0;
   top:0%;
   z-index:10;
}

.lFlags{
    width:30%;
}

#sContacts {
    position: absolute;
    left: 83%;
    top: 5%;
    width: 17%;
    height: 100%;
    padding-top: 1%;
    color: white;
}

#sEmblems{
   position:absolute;
   left:83%;
   top:40%;
   z-index:10;
}

.socialEm{
    width:10%;
}

#firstPhrase{

}

#secondPhrase{

}

#festName{
    font-family: Izhitsa;
    color: white;
    text-shadow: rgb(234,182,20) 0 0 12px;
}

#firstSlogan{

}

#secondSlogan{

}

#rusFon{
    height:100%;
}

#navMenu{
    height:100%;
    top:-3%;
}

#sMenu{
    left:0;
    width:100%;   
    background-size:auto 100%;
    background-repeat:repeat-x;
    z-index:50;
}

.menuTotop {
    top: 0;
    position: fixed;
    height: 5%;
    background-color: rgb(75,162,229);
    min-height: 50px;
    min-width: 1360px;
}
.menuNormal{
    position:absolute;
    top:88%;
    height:5%;
}

#tableBox
{
    margin:auto;
    height:100%;
    border-spacing: 45px 0;
}

.logoBox{
    margin:auto;
    margin-top:25px;
    border-spacing: 75px 0;
}

.menuItem
{
    color: white;
    font-weight:600;
    text-shadow: 0 0 15px black;
    text-decoration: none;
    font-size:86%;
}

    .menuItem:hover
{
    color: white;
    text-shadow: 0 0 2px yellow;
    cursor:pointer;
}

    .menuItem:hover + .vertMenu {
        display:block;
    }

.vertMenu {
    position:absolute;
    display:none;
    left:-20%;
    color:white;
    background-color:rgb(242, 170, 73); 
    border-radius:15px;
    line-height:1.05;
    padding:12px 20px;
    font-size:86%;
    text-align:left;
    white-space:nowrap;
}

.vertMenu:hover {
    display:block;
}

#mainText{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    min-height:880px;
    min-width:1360px;
    font-size:20px;
    color:black;
    text-align: justify;
}



#leftArticle{
    position:absolute;
    top:33%;
    left:1%;
    width:24%;

}

#leftArticle li{
    margin-top:12px;
}

#centerArticle{
    position:absolute;
    top:33.5%;
    left:26%;
    width:48%;
    height:100%;
}

#rightArticle{
    position:absolute;
    top:33%;
    left:75%;
    width:24%;
    font-style:italic;
}

.fotoaddress{
    width:100%;
}

#fotoMironov{
    width:50%;
    float:right;
    margin:30px 0px 15px 30px;
}

.leftimgV{
    width:35%;
    float:left;
    margin:5px 25px 10px 0;
}

.leftimgH{
    width:49.5%;
    float:left;
    margin:5px 25px 10px 0;
}

.rightimgV{
    width:35%;
    float:right;
    margin:20px 0px 5px 30px;
}

.rightimgH{
    width:50%;
    float:right;
    margin:10px 0 10px 30px;
}

.rightimgH2{
    width:100%;
    float:right;
    margin:10px 0 10px 30px;
}

.imgH{
    width:49.5%;
}

.centrimgH{
    width:33%;
}

.imgV{
    width:32.9%;
}

.galaHImg{
    width:49.6%;
}

.textHeader{
    color:rgb(0, 122, 204);
    font-size:21px;
    font-weight:600;
}

@-webkit-keyframes attensionAnim {
   0% {
       font-size:8px;
   }
   100% {
       font-size:28px;
   }
}

#attension {
    position:absolute;
    text-align:center;
    width:200px;
    left:50%;
    margin-left:-100px;
    margin-top:20px;
    color:rgb(0, 122, 204);
    font-weight:600;
    -webkit-animation: attensionAnim 1600ms ease-out infinite alternate 0s backwards;
}

#photoAnimation {
    position:relative;
    width:100%;
}

.MPhotos{
    position:absolute;
    left:0;
    top:0;
    width:100%;
}

.colMessages{
    color:rgb(0, 122, 204);
    font-weight:600;
    font-style:normal;
    text-align:center;
    font-size:23px;
}

.leftMenu{
    color:rgb(0, 122, 204);
    font-weight:600;
    font-size:17px;
    text-decoration:none;
}
 
.leftMenu i{
    font-size:18px;
}

    .leftMenu:hover
{
    color:rgb(255, 106, 0);
    cursor:pointer;
}

    .leftMenu:active
    {
        text-shadow: 0 0 1px rgb(0, 122, 204);
    }

.middleMenu
{
    color:rgb(0, 122, 204);
    font-weight:600;
    font-size:20px;
    text-decoration:none;
}

.middleMenu:hover{
    color:rgb(255, 106, 0);
    cursor:pointer;
}

.textTable 
{
    margin:auto;
    width:100%;
    border:1px solid #000;
    border-collapse: collapse;
}

.textTable td 
    {
        border:1px solid #000;
        text-align:left;
        padding:10px;
        line-height:18px;
    }

.textTable th
    {
        border:1px solid #000;
        text-align:left;
        padding:10px;
        line-height:15px;
    }


.zayavkatd
   {
    border:1px solid #000;
    text-align:center;
    width:40%;
   }

.text{

    text-align: center;
   }

.requestTable {
    width:90%;
    margin-left:5%;
    border-collapse: collapse;

}

.requestTable td {
    text-align:left;
    padding-left:1%;
    padding-right:1%;
    width:48%;
    line-height:2.3;
    border:1px solid #000;
    
}


#requestErrors {
    padding-left:5%;
    width:90%;
    color:red;
}

.loader {
  display:inline-block;
  vertical-align:text-top;
  margin-left: 20px;
  font-size: 3px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 122, 204, 0.2);
  border-right: 1.1em solid rgba(0, 122, 204, 0.2);
  border-bottom: 1.1em solid rgba(0, 122, 204, 0.2);
  border-left: 1.1em solid #4ba2e5;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#requestResult {
    margin-top: 20px;
}


.festInputForm {
    font-family:Calibri;
    font-size:17px;
    border:none;
    width:100%;
}

#notesInputForm {
    padding:0;
    font-family:Calibri;
    font-size:17px;
    border:none;
    width:100%;
    height:90.5%;
    margin-top:3%;
}

.fileInput {
    font-size:14px;
}

#submitButton {
    font-family:Calibri;
    font-size:17px;
    margin-top:10px;
    width:14%;
    margin-left:43%;
}

.newsImg {
    width:100%;
}

.photoBox {
    width:49.5%;
    display:inline-block;
    text-align:center;
}

.photoBox2 {
    width:60%;
    display:inline-block;
    text-align:center;
}

.festimage {
    width:30%;
    vertical-align:top;
    margin-top:61px;
}

.fotoText {
    width:70%;
    margin-left:15%;
}

.appealTitle {
    font-size:14px;
    line-height:0.95;
    margin-bottom:5px;
}

.appealAuthorsNames {
    font-size:16px;
    text-decoration:underline;
}

.noDecor{
    text-decoration:none;
}

.textblueitalics {
    color:rgb(0, 122, 204);
    font-style:italic; 
    font-weight:bold;

}

#inkImg {
    width:30%;
    float:left;
    margin:7px 30px 15px 0;
}

#fonImg {
    width:100%;
    margin:0 10px 5px 20px
}

.fotoExperts{
    width:25%;
    float:left;
    margin:6px 30px 10px 0;
}

.sofiaExperts{
    width:100%;
}

.ourDif{
    font-size:20px;
    text-decoration:underline; 
}

.Narchive {
    display: none;
}

.difText{
    display:none;
}

    .difText img {
        width: 100%;
    }

.difPage{
    margin-bottom:0;
}

.mainPageTitles{
    color:rgb(209, 147, 63);
}

.rightMark{
    right:0;
    text-align:right;
}

.leftMark{
    left:0;
    text-align:left;
}

.sofiaVideo{
    width: 25%;
    float: left;
    margin-right:10px
}

.remoteMenu{
    width: 8%;
    float: left;
    margin-right:10px
}

.videoStyle{
    width:100%;
    margin-top:27px;
}

.friendImages{
    width:15%;
}

.resultsTable {
    width: 100%;
    border: solid 1px black;
    border-collapse: collapse;
    text-align:center;
    font-size:15px;
}

    .resultsTable td {
        padding: 2px;
    }

.tabText {
    color: rgb(0, 122, 204);
    font-weight: 600;
}

.thxTranslated {
    display: inline-block;
    width: 48%;
}