@font-face {
    font-family: "PTSansRegular";
    src: url("/fonts/PTSansRegular/PTSansRegular.woff") format("woff");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PTSansItalic";
    src: url("/fonts/PTSansItalic/PTSansItalic.woff") format("woff");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PTSansBold";
    src: url("/fonts/PTSansBold/PTSansBold.woff") format("woff");
    font-style: normal;
    font-weight: normal;
}

html {margin: 0; padding: 0; width: 100%; height: 100%; display:table;}
body {margin: 0; padding: 0; font-family: 'PTSansRegular', sans-serif; color:#fff; background: #fff; font-size: 100%; width: 100%; height: 100%; min-width: 320px; -webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;}
a, a:active {outline: none; text-decoration: none; -webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
a:visited {color: #000; text-decoration: none;}
a:link {color: #000; text-decoration: none;}
a:hover, a:active {color: #ff0000; text-decoration: none;}
p {margin: 0;}
ul {margin: 0 0 0 -40px;}
ul li {list-style: none;}
p {margin: 20px 0 20px 0;}


.tags {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9;
    line-height: 270%;
    width: 330px;
    margin: -100px 0 0 -260px;
    opacity: 0;
}
.tags span {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.tags a:hover span {background:#000!important; -webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}

.title-page {
    line-height: 270%;
    padding: 0px 0 0px 0px;
    display: inline-block;
}

.title-page span {
    color: #fff;
    background: #00C37D;
    padding: 0px 14px;
    margin: 2px 2px 0 0;
    float: left;
}

.raiffeisen span {background:#ffd700!important;}
.vimpelcom span {background:#000!important;}
.mts span {background:#FF2222!important;}
.megafon span {background:#52B461!important;}
.sportmaster span {background:#005DE8!important;}

.but span {background:#E2E2E2!important; -webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.but a {color:#fff!important;}
.but a:hover span {background:#000!important; -webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}

.pagemenu ul {
    margin: 0 0 30px -40px;
    display: inline-block;
}

.pagemenu ul li {
    list-style: none;
    float: left;
    margin: 0 20px 0 0;
}

.tags span {
    color: #fff;
    background: #00C37D;
    padding: 0px 14px;
    margin: 2px 2px 0 0;
    float: left;
}

.logo-0 {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    line-height: normal;
    width: 144px;
    margin: -80px 0 0 -80px;
}
.b1-0, .b2-0, .b3-0, .b4-0, .b5-0, .b6-0, .b7-0, .b8-0 {
    position: fixed;
    z-index: 1;
    line-height: 0;
    width: 37px;
    height: 37px;
    background: #000;
}
.b1-0 {
    top: 60px;
    left: 60px;
    display: none;
}
.b2-0 {
    top: 50%;
    right: 50%;
    margin-top: -80px;
    margin-right: -80px;
}
.b3-0 {
    top: 50%;
    right: 50%;
    margin-top: -39px;
    margin-right: -80px;
}
.b4-0 {
    top: 50%;
    right: 50%;
    margin-top: 2px;
    margin-right: -39px;
}
.b5-0 {
    bottom: 50%;
    right: 50%;
    margin-bottom: -39px;
    margin-right: -80px;
}
.b6-0 {
    bottom: 50%;
    right: 50%;
    margin-bottom: -80px;
    margin-right: -39px;
}
.b7-0 {
    bottom: 50%;
    right: 50%;
    margin-bottom: -80px;
    margin-right: 2px;
}
.b8-0 {
    top: 50%;
    right: 50%;
    margin-top: 43px;
    margin-right: 43px;
}

.fig-round {
    width: 160px;
    height: 160px;
    border-radius: 1000px;
    border: 10px solid #000;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 0;
    margin: -150px 0 0 -340px;
    -webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;
}
.fig-line {
    width: 600px;
    height: 0px;
    border-radius: 0px;
    border: 5px solid #FFE600;
    background-color: #FFE600;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: rotate(35deg);
    margin: -20px 0 0 -420px;
    -webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;
}
.fig-square {
    width: 50px;
    height: 50px;
    border-radius: 0px;
    border: 10px solid #000;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: rotate(0deg);
    margin: -194px 0 0 -200px;
    -webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;
}

.fig-img img {
    width: 100%;
    height: auto;}

.fig-img {
    
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 0;
    margin: -250px 0 0 -450px;
    -webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;
}

.fig-round-about {
    width: 300px;
    height: 300px;
    border-radius: 1000px;
    border: 10px solid #000;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 0;
    margin: -160px 0 0 -440px;
    -webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;
}
.fig-line-about {
    width: 600px;
    height: 0px;
    border-radius: 0px;
    border: 5px solid #FFE600;
    background-color: #FFE600;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: rotate(115deg);
    margin: -20px 0 0 -620px;
    -webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;
}
.fig-square-about {
    width: 80px;
    height: 80px;
    border-radius: 0px;
    border: 10px solid #000;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: rotate(0deg);
    margin: 80px 0 0 -200px;
    -webkit-transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;transition: 0.8s;
}



.logo {
    position: fixed;
    top: 60px;
    left: 60px;
    z-index: 100;
    line-height: normal;
    width: 144px;
}
.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8 {
    position: fixed;
    z-index: 1;
    line-height: 0;
    width: 16px;
    height: 16px;
    background: #000;
}

.b1 {
    top: 60px;
    left: 60px;
    display: none;
}
.b2 {
    top: 60px;
    right: 50%;
    margin-right: -8px;
}
.b3 {
    top: 60px;
    right: 60px;
}
.b4 {
    bottom: 50%;
    right: 60px;
    margin-bottom: -8px;
}
.b5 {
    bottom: 60px;
    right: 60px;
}
.b6 {
    bottom: 60px;
    left: 50%;
    margin-left: -8px;
}
.b7 {
    bottom: 60px;
    left: 60px;
}
.b8 {
    top: 50%;
    left: 60px;
    margin-top: -8px;
}

.mainmenu {
    position: fixed;
    z-index: 9;
    line-height: 200%;
    top: 50%;
    left: 50%;
    margin: -110px 0 0 140px;
    font-size: 130%;
    opacity: 0;
}

.pagemenu {
    line-height: 250%;
    font-size: 100%;
}

.current_page_item a {
    color:#ccc;
}

.copyright {
    position: fixed;
    z-index: 8;
    line-height: 200%;
    top: 50%;
    left: 50%;
    margin: 100px 0 0 140px;
    font-size: 80%;
    color: #000;
    opacity: 0;
}

.version {
    position: fixed;
    z-index: 1;
    line-height: 0;
    bottom: 150px;
    left: 150px;
    margin: 0px 0 0 0px;
    font-size: 80%;
    color: #ccc;
    
}

.pagecopyright {
   
    margin: 90px 0 60px 0px;
    font-size: 80%;
    color: #000;
}

.content {
    left: 0%;
    width: 33%;
    padding: 150px 0 80px 56%;
    z-index: 9;
    position: relative;
}

.title {
    color: #000;
    margin: 50px 0 50px 0;
    font-size: 180%;
}

.tx {
    color: #000;
    margin: 50px 0 50px 0;
    
}

@media screen and (max-device-width: 1000px){
    .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b2-0, .b3-0, .b4-0, .b5-0, .b6-0, .b7-0, .b8-0, .version, .logo-0 {display:none;}
    .content {width: 100%; padding: 240px 60px 80px 60px;}
    .logo {position:absolute; display:inline-block!important;}
    .mainmenu {position:absolute; font-size: 160%; top: 240px; left: 60px; margin: 0 0 0 0;}
    .tags {position:absolute; top: 500px; left: 60px; margin: 0 0 0 0; width:100%;font-size:120%;}
    .copyright {position:absolute; top: 740px; left: 60px; margin: 0 0 0 0; padding: 0 0 90px 0; font-size:100%;}
    .pagecopyright {font-size:100%;}
    .fig-square-about, .fig-round-about, .fig-line-about, .fig-square, .fig-round, .fig-line, .fig-img {display:none;}
}