#top-header {
height: 53px;
background: url(http://samplepro.ru/templates/mimimi/images/verh1.png);
position: fixed;
width: 100%;
z-index: 10;

}
.logo-birth a {
         font-size: 13px;   
    color: #fff;
    position: absolute;
    margin-left: 0;
    margin-top: 2px;
        }
text { line-height: 17px; }

.clear { padding: 44px 0; }

#logo {
display: block;
float: left;
color: #fff;
font-size: 18px;
line-height: 53px;
transition: 0.2s;
margin-right: 4px;

}

.logo-beta {
position: absolute;
color: #fff;
opacity: 0.8;
font-size: 11px;
margin: 8px 0 0 140px;

}

#logo:first-letter { border-bottom: 1px solid; }

#logo:active {
transition: 0.2s;
-webkit-transform:  translate(4px,0);
-moz-transform:  translate(4px,0);
-o-transform:  translate(4px,0);
-ms-transform: translate(4px,0);
transform: translate(4px,0);

}

#top-nav {
margin-left: 20px;

}

#top-nav, 
#top-nav li {
    float: left;
    position: relative;
}

#top-nav li a {
    display: block;
    line-height: 53px;
    color: #FFF;
    padding: 0 13px;
}





#top-nav li ul {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background: #465468;
}





#top-nav li ul li {
    float: none;

}

#top-nav li ul li a {
    padding: 0 12px;
    line-height: 35px;
    font-size: 12px;
   
}


 .num_news_topmenu {
            position: absolute;
            margin-top: -10px;
            font-size: 10px;
                margin-left: -3px;
                opacity: 0.6;
        }


#top-nav .dropdown:after {
    top: 48%;
    right: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(157, 160, 165, 0);
    border-top-color: #c5c5c5;
    border-width: 5px;
    margin-right: 10px;

}

#top-nav .dropdown a {
    padding-right: 30px;
}


#search-icon {
    font-size: 15px;
    margin-top: 19px;
    float: right;
    color: #fff;
    margin-right: 5px;
}

#search-icon:hover {
    color: #f5f5f5;
}

#search-panel {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(http://samplepro.ru/templates/mimimi/images/verh1.png);
   
    
}

#search-panel .close {
    border: 2px solid #fff;
    color: #fff;
    float: left;
    padding: 5px 10px;
    font-size: 14px;
    display: block;
    margin-top: 10px;
transition: 0.3s;
}

#search-panel .close:hover {
    background: #fff;
    color: #757575;

}

#search-panel .close:hover i {

    color: #757575;
  -moz-transform: rotate(90deg);  /* Firefox */
  -o-transform: rotate(90deg);  /* Opera */
  -webkit-transform: rotate(90deg);  /* Safari y Chrome */
transition: 0.3s;

}

#search-bar {
    float: right;
    
    color: #fff;
    
    width: 855px;
    height: 26px;
    margin-top: 15px;
    margin-right: -4px;
    
    
}

#search-bar placeholder {
 color: #fff;   
}

#search-bar input[type=text] {
    float: left;
    height: 26px;
    padding: 0 10px 5px 10px;
    width: 805px;
    font-size: 21px;
    color: #fff;
    letter-spacing: 1px;
    
}

#search-bar button[type=submit] {
    float: right;
    height: 25px;
    padding: 0 8px;
    color: #fff;
    
}

#bottom-header {
    background: #fff;
    border-bottom: 1px solid #efefef;
    
    height: 35px;
    
    margin-top: 53px;
    position: fixed;
    width: 100%;
    z-index: 2;
}

#speedbar {
    float: left;
    line-height: 36px;
    color: #4b4b4b;
}

#speedbar a {
    
   color: #4b4b4b;
}

#speedbar:first-letter {
    border-bottom: 1px solid;
    
}

#speedbar i {
    font-size: 17px;
    color: #838383;
    float: left;
    margin: 9px 6px 0 0;
}

#speedbar a:hover {
    border-bottom: 1px dotted #777777;
}

#profile-button {
    display: block;
    line-height: 36px;
    color: #312935;
}

#profile-button:first-letter {
    border-bottom: 1px dotted;
}

#profile-button img {
    display: inline-block;
    float: right;
    width: 26px;
    position: relative;
    border-radius: 50%;
    margin: 4px 0 0 5px;
    height: 26px;
}

#profile-button:after {
    top: 48%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #C2C2C2;
    border-width: 3px;
    margin-left: -14px;
}

#profile-button:hover img {
    opacity: 0.6;
}

#mini-profile .active:after {
    border-top-color: #747474;
}

#mini-profile {
    float: right;
    position: relative;
    
}

#profile-dropdown {
    position: absolute;
    right: 0;
    z-index: 99;
    display: none;
    background: #fff;
    width: 230px;
    top: 45px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#profile-dropdown:after {
    bottom: 100%;
    right: 3%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #D6D6D6;
    border-width: 5px;
    margin-left: -5px;
}

#left-profile {
    float: left;
    width: 70px;
    background: #4D4D4D;
    padding: 10px;
}

#left-profile img {
    max-width: 100%;
}

#left-profile a {
    display: block;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    margin-top: 2px;
    font-size: 12px;
    padding: 5px 0;
}

#left-profile a:hover {
    background: rgba(255, 255, 255, 0.1);
}

#right-profile {
    float: left;
    width: 140px;
}

#right-profile li {
    position: relative;
}

#right-profile li .pm,
#right-profile li .bookmark {
    position: absolute;
    right: 5px;
    font-size: 12px;
    color: #D1D1D1;
}

#right-profile li a {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 6px 10px;
}

#right-profile li a:hover span {
    color: #B3B3B3;
}

#right-profile li a:hover {
    background: #FAFAFA;
}

#right-profile li:last-child a {
    border-bottom: 0;
}

.not-login {
    display: inline-block;
    margin: 9px 0 0 8px;
    color: #444444;
}

.not-login:hover {
    border-bottom: 1px dotted;
    color: #413944;
}

#modal-box {
    display: none;
    z-index: 140;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

#modal-content {
    background: #fff;
    margin: 200px auto 0;
    position: relative;
    border-radius: 3px;
    width: 400px;
    height: 180px;
    padding: 20px;
}

#modal-content .close {
    border: 3px solid #D3D3D3;
    border-radius: 50%;
    width: 20px;
    display: block;
    line-height: 20px;
    text-align: center;
    color: #BEBEBE;
    font-size: 9px;
    position: absolute;
    right: 10px;
    top: 10px;
}

#modal-content .close:hover {
    border: 3px solid #BDBDBD;
}

#left-modal {
    float: left;
    position: relative;
}

#left-modal:after {
   position: absolute;
    border-right: 1px solid #EBEBEB;
    top: 0;
    right: -21px;
    content: "";
    height: 180px;
    width: 9px; 
}

#left-modal label {
    display: block;
    margin: 5px 0;
}

#left-modal input {
    border-radius: 3px;
    padding: 8px;
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
    color: #BEBEBE;
    height: 15px;
    border: 1px solid #E4E4E4;
    line-height: 20px;
}

#left-modal input:focus {
    border: 1px solid #DBDBDB;
}

#left-modal input[type=text] {
    margin-bottom: 8px;
}

#left-modal button {
    display: block;
    background: #61A553;
    color: #fff;
    width: 100%;
    border-radius: 3px;
    margin-top: 9px;
    padding: 7px 0;
}

#left-modal button:hover {
    background: #6CB85D;
}

#left-modal a {
    display: table;
    margin: 7px auto;
    border-bottom: 1px dotted;
    color: #B4B4B4;
}

#left-modal a:hover {
    color: #707070;
}

#right-modal {
    float: right;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    border-bottom: 1px dotted;
    margin: 82px 43px 0;
}

#right-modal:hover {
    border-bottom: 1px dotted;

}

#wrapper {
    margin: 13px auto;
}

#content-wrap {
    float: left;
    width: 715px;


}


.logotop img {
position: relative;
float: left;
margin-top: 10px;
    margin-right: 5px;
}

aside {
    float: right;
    width: 230px;

}

.side-block {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.block-title {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 13px;
    font-size: 14px;
        color: #8b8c8d;
    overflow: hidden;
    
}

.block-title:after {
    content: "";
    border-bottom: 1px solid #eee;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
}

.block-title i {
    position: absolute;
    font-size: 15px;
    right: 10px;
    top: 13px;
    z-index: 1;
    color: #b7b7b7;
}

.block-title-kak {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 13px;
    font-size: 14px;
    color: #999a9c;
    overflow: hidden;

}

.nav-num {
    float:right;
    color: #9c9c9c;
        }


.nav-block {
    background: #fff;
}

.nav-block .block-title,
.nav-block .block-title:after {
    border-bottom: 1px solid #E6E6E6;
}

.nav-block .block-title {
    color: #4e4e4e;
    

}
.block-title i {
    color: #656565;
}

.nav-ul li a {
    display: block;
    position: relative;
    color: #6d6d6d;
    padding: 8px 10px 8px 27px;
    border-bottom: 1px solid #E6E6E6;
   transition: 0.1s;
   letter-spacing: 0.5px;
    
}


.nav-ul li a:after {
    content: "";
    width: 5px;
    height: 5px;
    background: #848484;
    position: absolute;
    border-radius: 50%;
    left: 14px;
    top: 14px;
   transition: 0.3s;
}

.nav-ul li a:hover {
    background: #f7f6f6;
}

.nav-ul li a:active {
   transition: 0.1s;
   color: #787878;
}

.nav-ul li:last-child a {
    border-bottom: 0;
}

.nav-ul li {
    position: relative;
}

.nav-ul li a:hover:after {
    background: #475568;
}

.nav-ul li a:active:after {
    transition: 0.3s;
    background: #fff;
}

.nav-ul li.dropdown:before {
    top: 14px;
    right: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    z-index: 1;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(157, 160, 165, 0);
    border-top-color: #848484;
    border-width: 5px;
    margin-right: 10px;
}

.nav-ul li.dropdown:hover:before {
    border-top-color: #626770 !important;
}

.nav-ul li ul {
    display: none;
    background: #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #f1f1f1;
}

.nav-ul li ul li a {
    padding: 8px 10px 8px 38px;
}

.nav-ul li ul li a:after {
    left: 24px;
}

#poll-title {
margin: 15px;
padding: 10px;
background: #F1F1F1;
position: relative;
line-height: 17px;
}

#poll-title:after {
content: "";
top: 100%;
left: 7%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(241, 241, 241, 0);
border-top-color: #F1F1F1;
border-width: 4px;
margin-left: -4px;
}

#poll-form label {
display: block;
margin-bottom: 7px;
cursor: pointer;
padding-left: 21px;
}

#poll-form label input[type=radio] {
    display: none;
}

#poll-form label input[type=radio] + .radio-span {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 11px;
border: 1px solid #CFCFCF;
border-radius: 50%;
}

#poll-form label input[type=radio]:checked + .radio-span {
    background-color: #D8D8D8;
}

.poll-text {
    display: inline-block;
    position: relative;
    bottom: 5px;
    color: #858CA1;
}

#poll-form button {
background: #2B343F;
color: #fff;
margin: 10px 15px;
display: block;
width: 200px;
padding: 6px 0;
border-radius: 5px;
}

#poll-form button:hover {
background: #36414E;
}

.reklam {
background: #F7F7F7;
border: 1px solid #EEEEEE;
text-align: center;

}


.reklam:hover {
background: #f2f2f2;
cursor: pointer;   
border: 1px solid #e6e6e6;

}

.block1 {
    margin: 15px;
background: #FFFFFF;
border: 1px solid #FFFFFF;
text-align: left;

}

.block-see {
margin: 15px;
background: #FFFFFF;
border: 1px solid #FFFFFF;
text-align: center;

}

#top-footer {
background: #fff;
border-top: 1px solid #eee;
height: 35px;

}

#bottom-footer {
background: url(http://samplepro.ru/templates/mimimi/images/footer1.png);
height: 80px;


    
}

#top-footer ul li {
    float: left;
}

#top-footer ul li a {
display: block;
color: #656565;
margin: 9px 17px 0 0;
}

#top-footer ul li a:hover {
color: #5e4e4b;
border-bottom: 1px dotted;


}
.top-li {
    float: right !important;
    margin: 0 17px 0 0;
}

#logo-box {
color: #fff;
float: left;
margin-top: 27px;

}

.vk-footer {
margin-left:10px;
opacity:0.3;    
float: left;
margin-top: 27px;
transition: 0.2s;
}

.vk-footer:hover {
transition: 0.2s;
opacity:1;    

}


#logo-box span {
display: block;
font-size: 18px;
margin-bottom: 1px;
}

#logo-box i {
font-style: normal;
display: block;
font-size: 12px;
text-align: right;
    margin-left: 15px;
}

#logo-box span:first-letter {
    border-bottom: 2px solid;
}

.top-li a {
    margin-right: 0 !important;
}

#bottom-footer ul {
    float: right;
}

#bottom-footer ul li {
 float: left;
width: 88px;
height: 31px;
background: #F8F8F8;
text-align: center;
margin: 26px 0 0 10px;
line-height: 31px;
}

.short-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;


}

.copyright-story {

    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
    width: 930px;


}

.categoryshort {

font-size: 11px;
padding: 1px;

   }



.art-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;


}

.word-article {
padding: 10px 15px;


}

.article-img {
float: left;
background: #f3f3f3;
width: 150px;
text-align: center;
z-index: 2;
padding: 5px;
margin: 0 10px 0 0;


border-radius: 20px;

}

.article-img img {
    width: 150px;
    height: 150px;
    border-radius: 20px;

}

.article-img:hover {
background: #e7e7e7;


}
    
.short-left h2,
.short-left h1 {
border-bottom: 1px solid #e6e6e6;
padding: 2px 0;
 
margin-left: 172px;
}

.short-left h1 {
    margin-left: 0;
    padding: 0 0 5px 0;
    

}

.short-left h2 a,
.short-left h1 {
font-size: 19px;
color: #545d65;
}

.short-left h2 a:hover {
color: #797979;
}

.short-left p {
padding: 5px 0 10px 0;
text-align: justify;
line-height: 17px;
}

.short-panel {
border-top: 1px solid #e6e6e6;
margin-top: 5px;
padding-top: 11px;

}

.go-read-short {
background: #3d5683;
float: left;
position: relative;
display: block;

width: 40px;
height: 40px;
text-decoration: none;
border-radius: 100%;
text-align: center;
}

.go-read-short i {
margin-left: 5px;
}

.go-read-short:hover {
background: #496290;

}

.go-read-short:active {
top:1px;
background: #818292

}

.go-read {
display: block;
float: right;
background: #272c35;
padding: 0 8px;
line-height: 33px;
border-radius: 5px;
color: #ededed;

}

.go-read i {
margin-left: 5px;

}

.go-read:hover {
background: #333944;

}

.download-short {
background: #2c6938;
float: left;
position: relative;
display: inline-block;
margin-right: 10px; 
width: 40px;
height: 40px;
text-decoration: none;
border-radius: 100%;
text-align: center;

}

.download-short i {
margin-left: 5px;

}

.download-short:hover {
background: #387743;


}

.download-short:active {
top:1px;
background: #818292

}
            
.download-short:active .a-btn-icon-right span{
 transform: scale(1.4);

}

.download {
display: block;
float: right;
background: #1a5169;
padding: 0 8px;
line-height: 33px;
margin-right: -3px;
border-radius: 5px 0 0 5px;
color: #ebebeb;

}

.download i {
margin-left: 5px;
transition: 0.2s;

}

.download:hover {
background: #225d77;
transition: 0.2s;
}


.download:hover i {

transition: 0.2s;
 -webkit-transform:  translate(0,2px);
        -moz-transform:  translate(0,2px);
        -o-transform:  translate(0,2px);
        -ms-transform: translate(0,2px);
        transform: translate(0,2px);
}


.download:active i {

transition: 0.2s;
 -webkit-transform:  translate(0,4px);
        -moz-transform:  translate(0,4px);
        -o-transform:  translate(0,4px);
        -ms-transform: translate(0,4px);
        transform: translate(0,4px);
}

.download:active {
background: #194f67;



}

.download1 {
display: block;
float: right;
background: #103849;
padding: 0 8px;
line-height: 33px;
cursor: help;
border-radius: 0 5px 5px 0;
color: #ebebeb;

}

.download1 i {
margin-left: 5px;

}

.download1:hover {
background: #0c2732;

}

.download1:active {
background: #0d2d3a;


}


.mirror {
display: block;
float: right;
background: #76431e;
padding: 0 8px;
line-height: 33px;
margin-right: -3px;
border-radius: 5px 0 0 5px;
color: #ebebeb;

}

.mirror i {
margin-left: 5px;
}

.mirror:hover {
background: #85532f;

}


.mirror1 {
display: block;
float: right;
background: #3e2009;
    cursor: help;
    padding: 0 8px;
line-height: 33px;
margin-right: 5px;
    margin-left: -9px;
border-radius: 5px;
color: #ebebeb;
}

.mirror1 i {
margin-left: 5px;
}

.mirror1:hover {
background: #4f2c13;

}

.mirror1:active {
background: #41210a;


}

.mirror-clear {
display: block;
float: right;
background: #5b2e0e;
padding: 0 8px;
line-height: 33px;
margin-right: 5px;
border-radius: 5px 2px 2px 5px;
color: #ebebeb;
}

.mirror-clear i {
margin-left: 5px;
transition: 0.2s;
}

.mirror-clear:hover {
background: #683d1e;
transition: 0.2s;

}


.mirror-clear:hover i {

transition: 0.2s;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg); 

}


.mirror-clear:active i {

transition: 0.2s;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg); 
}

.mirror-clear:active {
    background: #592e0e;

}

.blocked {
display: block;
float: right;
background: #7b1f1f;
padding: 0 8px;
line-height: 33px;
margin-right: -3px;
border-radius: 5px;
color: #ebebeb;
}
.blocked i {
margin-left: 5px;
transition: 0.2s;
}

.blocked:hover {
background: #8d2323;
cursor: not-allowed;
transition: 0.2s;
}
.blocked:hover i {
transition: 0.2s;
-webkit-transform:  translate(0,2px);
-moz-transform:  translate(0,2px);
-o-transform:  translate(0,2px);
-ms-transform: translate(0,2px);
transform: translate(0,2px);
}
.blocked:active i {
transition: 0.2s;
-webkit-transform:  translate(0,4px);
-moz-transform:  translate(0,4px);
-o-transform:  translate(0,4px);
-ms-transform: translate(0,4px);
transform: translate(0,4px);
}
.blocked:active {
background: #851717;
}
            
.news-info,
.news-info li {
    float: left;
}

.news-info li {
margin: 8px 12px 0 0;
line-height: 21px;
}

.news-info li a {
    border-bottom: 1px dotted;
}

.news-info i {
margin-right: 7px;
}

.news-info li a:hover {
    border-bottom: 0;
}

.right-panel {
    float: right;
}

.news-like {
float: left;
background: #468925;
line-height: 33px;
margin-right: 5px;
color: #FFF;
padding: 0 13px;
border-radius: 5px;
transition: 0.2s;

}

.news-like i {
margin-right: 5px;
transition: 0.2s;
}


.news-like:hover i {
transition: 0.2s;
 -webkit-transform:  translate(-3px,0);
        -moz-transform:  translate(-3px,0);
        -o-transform:  translate(-3px,0);
        -ms-transform: translate(-3px,0);
        transform: translate(-3px,0);
}



.news-like:hover {
background: #519431;
cursor: pointer;
transition: 0.2s; 
}

.paginator a, .paginator span {
float: left;
display: inline-block;
margin-right: 4px;
background: #eee;
line-height: 28px;
width: 28px;
text-align: center;
    color: #323232;
}

.paginator span {
background: #F8F8F8;
color: #838383;
width: auto;
padding: 0 14px;  
margin-right: 10px;


}


.paginator a:hover {
background: #ECECEC;
text-decoration: underline;
}

.paginator .buttons a {
width: auto;
padding: 0 10px;
}



.paginator .pages {
    float: left;
    
}

.paginator .buttons {
    float: right;
}

.paginator .buttons a:first-child i {
    margin-right: 6px;
}

.paginator .buttons a:last-child i {
    margin-left: 6px;
}

.buttons:last-child {
line-height: 28px; 

}

.paginator span > .fa-arrow-circle-left {
margin-right: 6px;
}        

.paginator span > .fa-arrow-circle-right {
margin-left: 6px;
}  

.comment-ad h3 {
display: block;
font-size: 19px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 8px;
margin-bottom: 8px;
}

.comment-ad textarea {
display: block;
padding: 10px;
background: #fff;
resize: none;
border: 2px solid #ECECEC;
width: 545px;
color: #7C7C7C;
height: 81px;
line-height: 16px;
margin-bottom: 10px;
border-radius: 3px;
transition: 0.2s;
}

.comment-ad textarea:focus {
    border: 2px solid #cecece;
    border-radius: 5px;
transition: 0.2s;
}

.comment-post header ul {
    line-height: 20px;
}

.comment-post header ul .one-right {
float: right !important;
margin-right: 0 !important;
color: #C4C4C4;
}

.comment-post header ul li {
float: left;
margin-right: 10px;
}

.comment-post header {
    border-bottom: 1px solid #e6e6e6;
padding-bottom: 5px;
margin-bottom: 5px;

}

.comment-post header ul li a:hover {
    color: #272c35;
}

.comment-post header ul li a:hover {
    border-bottom: 0;
}

.noava-comment {
width: 40px;
height: 40px;    
border: 2px solid #f4f4f4;

float: left;
border-radius: 4px;
transition: 0.2s;
}

.noava-comment:hover {
border: 2px solid #e4e4e4;
transition: 0.2s;
}

.comm-text {
    float: left;
width: 596px;
text-align: justify;
margin-left: 10px;
line-height: 17px;
color: #828282;
}

.comm-reply {
float: right;
margin-top: 10px;
display: block;
background: #F1F1F1;
padding: 5px;
margin-left: 5px;
}

.comm-reply i {
margin-left: 7px;
}

.comm-reply:hover {
    background: #EEEEEE;


}

.comm-like {
float: right;
margin-top: 10px;
display: block;
background: #a0e69a;
padding: 5px;
}

.comm-like i {
margin-left: 7px;
}

.comm-like:hover {
    background: #aef1a9;

    
    
}

.comm-title {
float: right;
margin-top: 10px;
display: block;
background: #dcdcdc;
padding: 5px;
margin-left: 5px;
}


.comm-title:hover {
    background: #e7e7e7;
}

.tableform {
width: 715px;        
} 

.tableform input{
border-radius: 3px;
padding: 3px;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
color: #BEBEBE;
height: 15px;
border: 1px solid #E4E4E4;   
}    
        
.tableform  textarea {
height: 120px;
border-radius: 3px;
padding: 8px;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
color: #BEBEBE;
border: 1px solid #E4E4E4;

}

.nazad {
background: #6b6b6b;
color: #fff;
padding: 6px 15px;
margin-left: 5px;
border-radius: 3px;

}

.nazad:hover {
background: #7e7e7e;

}

.nazad:active {
background: #595959;

} 

.go-download-hide {
display: block;
text-align: center;
font-size: 16px;
    line-height: 25px;


}

.sendreg {
background: #2B343F;
color: #fff;
padding: 6px 0;
width: 100px; 
border-radius: 3px;

}

.sendreg:hover {
background: #3b4653;

}

.sendreg:active {
background: #2d353f;

} 

.sendreg-a {
background: #2B343F;
color: #fff;
padding: 6px 9px;
width: 100px; 
border-radius: 3px;

}

.sendreg-a:hover {
background: #3b4653;

}

.sendreg-a:active {
background: #2d353f;

}         

.rcol ul li {
padding-bottom: 5px;        
}

.searchtable input{
border-radius: 3px;
padding: 3px;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.03);
color: #BEBEBE;
border: 1px solid #E4E4E4;   

} 

.top-ul a {
    display: block;
    position: relative;
   color: #707071;
    padding: 8px 10px 8px 10px;
    transition: 0.2s;





   }

.top-ul img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 5px;
    margin-top: -4px;
    float:left;

}

.top-ul a:hover {
    background: #f7f6f6;
transition: 0.2s;
    -webkit-transform:  translate(1px,0);
        -moz-transform:  translate(1px,0);
        -o-transform:  translate(1px,0);
        -ms-transform: translate(1px,0);
        transform: translate(1px,0);
}

.top-ul a:active {
   
transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);



} 

.top-ul-custom a {
    display: block;
    position: relative;
    color: #636566;
    padding: 8px 10px 8px 10px;
    transition: 0.2s;
    height: 32px;

}

.top-ul-custom img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 5px;
    margin-top: -4px;
    float:left;

}

.top-ul-custom a:hover {
    background: #f7f6f6;
transition: 0.2s;
    -webkit-transform:  translate(1px,0);
        -moz-transform:  translate(1px,0);
        -o-transform:  translate(1px,0);
        -ms-transform: translate(1px,0);
        transform: translate(1px,0);
}

.top-ul-custom a:active {
transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);
}

.top-line {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 1px;
padding-bottom: 1px;

}

.news-ul li a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;

}

.news-ul li a:hover {
    background: #f7f6f6;



}

.cot-ul li a {
    display: block;
    position: relative;
    color: #fffe8c;
    padding: 8px 10px 8px 10px;

}

.cot-ul li a:hover {
    background: #f7f6f6;


}


.static-ul li a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;
    
        
}

.static-ul li a:hover {
    background: #f7f6f6;


}

.video-like {
background: #cc3b3d;
float: left;
position: relative;
display: inline-block;
cursor: help;
margin-right: 10px; 
width: 40px;
height: 40px;
text-decoration: none;
border-radius: 100%;
text-align: center;


}

.video-like:hover {
background: #da4a4c;
cursor: help; 

}

.video-like:active {
top:1px;
background: #b73233;

}

.audio-short {
background: #e14343;
float: left;
position: relative;
display: inline-block;
cursor: pointer;
margin-right: 10px; 
width: 40px;
height: 40px;
text-decoration: none;
border-radius: 100%;
text-align: center;


}

.audio-short:hover {
background: #da4a4c;


}

.audio-short:active {
top:1px;
background: #b73233;

}



.sound-like {
float: left;
position: relative;
display: inline-block;
background: #ff7800;
margin-right: 10px; 
width: 40px;
height: 40px;
text-decoration: none;
border-radius: 100%;
text-align: center;

}

.sound-like:hover {
background: #ff8a22;
cursor: help;    

}

.sound-like:active {
top:1px;
background: #e27c21;

}



#faq-title {
padding: 4px;
background: #F1F1F1;

}

.title-ul li a {
    display: block;
    position: static;
    color: #545d65;
transition: 0.2s;
    

}

.title-ul li a:hover {

transition: 0.2s;
    -webkit-transform:  translate(2px,0);
        -moz-transform:  translate(2px,0);
        -o-transform:  translate(2px,0);
        -ms-transform: translate(2px,0);
        transform: translate(2px,0);

}

.title-ul li a:active {

transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);


}

.short-title-demo li a {
display: block;
position: static;
color: #677079;
transition: 0.2s;
font-size: 16px;

}

.short-title-demo li a:hover {
transition: 0.2s;
        -webkit-transform:  translate(2px,0);
        -moz-transform:  translate(2px,0);
        -o-transform:  translate(2px,0);
        -ms-transform: translate(2px,0);
        transform: translate(2px,0);    

}

.short-title-demo li a:active {
transition: 0.1s;
        -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);
    
}





.s-info,
.s-info li {
    float: left;

}

.s-info li {
margin: 8px 12px 0 0;
line-height: 21px;
}

.s-info li a {
    border-bottom: 1px dotted;
}

.s-info i {
margin-right: 7px;
}

.s-info li a:hover {
    border-bottom: 0;
}


#top-nav a {
    padding-right: 30px;

}


.modal-ul li a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;

}

.modal-ul li a:hover {
    background: #ededed;



}

.modal-format li a {
    display: block;
    position: relative;
     vertical-align: middle;
    color: #858C94;
    padding: 6px 10px 6px 10px;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
transition: 0.1s;

}

.modal-format li a:hover {
    background: #272c35;
    color: #fff;
transition: 0.1s;


}




.kak-title {
    position: relative;
    padding: 13px;
    font-size: 14px;
    color: #858C94;
    overflow: hidden;
    
}

.kak-title:after {
    content: "";
    border-bottom: 1px solid #eee;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
}

.kak-title i {
    position: absolute;
    font-size: 15px;
    right: 10px;
    top: 13px;
    z-index: 1;
    color: #DADADA;

}



.kaktop-title {
    border-bottom: 0px solid #eee;
    position: relative;
    padding: 3px;
    font-size: 0px;
    color: #858C94;
    overflow: hidden;
}

.kaktop-title:after {
    content: "";
    border-bottom: 1px solid #eee;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
}

.kaktop-title i {
    position: absolute;
    font-size: 15px;
    right: 10px;
    top: 0px;
    z-index: 1;
    color: #DADADA;


}



.actual-img {
float: left;
background: #ca5555;
width: 150px;
text-align: center;
padding: 5px;
margin: 0 10px 0 0;
border-radius: 20px;
    
}

.actual-img img {
    width: 150px;
    height: 150px;
    border-radius: 20px;

}

.actual-img:hover {
background: #be4c4c;


}


.actualshort-img {
float: left;
background: #ca5555;
width: 150px;
text-align: center;
padding: 5px;
margin: 0 10px 0 0;
border-radius: 100%;
   
}

.actual-img img {
    width: 150px;
    height: 150px;
     border-radius: 100%;

}

.actual-img:hover {
background: #be4c4c;


}


.actual {
background: #eeeeee;
border: 1px solid #EEEEEE;
text-align: left;
padding: 5px;


}

.actual:hover {
background: #eaeaea;
cursor: pointer;    

}


.actual-img:hover {
background: #d45f5f;
cursor: pointer;    

}

#alert-me { 
 position:fixed; /* свойство позиционирования, которое делает блок плавающим */
 top:50px; /* расстояние блока от верхнего края экрана */ 
 left:0%; /* расстояние блока от левого края экрана */ 
 
} 

 #alert-me { 
 position:fixed; 
 top:102px; 
 left:50%; /* позиционируем блок по середине */
 margin-left:-513px; /* а затем отодвигаем его влево на расстояние равное половине тела сайта */
 
} 

#alert-hi { 
 position:fixed; /* свойство позиционирования, которое делает блок плавающим */
 top:50px; /* расстояние блока от верхнего края экрана */ 
 left:0%; /* расстояние блока от левого края экрана */ 
 
} 

 #alert-hi { 
 position:fixed; 
 top:138px; 
 left:50%; /* позиционируем блок по середине */
 margin-left:-513px; /* а затем отодвигаем его влево на расстояние равное половине тела сайта */
 

} 


.news {
background: #f9fafa;
border: 1px solid #EEEEEE;
text-align: left;
padding: 8px 13px 8px 13px;
transition: 0.2s;
color: #585b5f;
line-height: 17px;
} 


.news a {
transition: 0.2s;


} 


.news img {
float: left;


} 


.news h1 {
margin-bottom: 4px;
font-weight: bold;

} 




.news:hover {
border: 1px solid #cbcbcb;
border-radius: 3px;
transition: 0.2s;
}


.news:hover a  {
text-decoration: underline;
color: #272c35;
transition: 0.2s;
}


.back {
display: block;
float: left;
background: #eeeeee;
padding: 0 8px;
line-height: 33px;
margin-right: 5px;
border-radius: 5px;

}

.back i {
margin-left: 5px;

}

.back:hover {
background: #f5f5f5;

}

.next {
display: block;
float: right;
background: #eeeeee;
padding: 0 8px;
line-height: 33px;
margin-right: 5px;
border-radius: 5px;

}

.next i {
margin-left: 5px;

}

.next:hover {
background: #f5f5f5;

}

.next-back {
border-top: 1px solid #e6e6e6;
margin-top: 3px;
padding-top: 5px;

}

.related-panel {

margin-top: 2px;
padding-top: 5px;

}

.rules {
    cursor: help;

}

.blocks {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;

}

.btitle {
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 14px;
    font-size: 14px;
    color: #999a9c;
    margin-bottom: -5px;
    overflow: hidden;

}

.bcontent {
background: #FFFFFF;
text-align: center;


}

.bug-ul ul {
    display: block;
    position: relative;
    color: #858C94;
    opacity: 0.5;
    padding: 8px 10px 8px 10px;
transition: 0.2s;
}

.bug-ul ul:hover {
transition: 0.1s;
    opacity: 0.1;

}

.short-bug {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 5px;
margin-bottom: 15px;

   
}

.short1-bug {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 5px;
margin-bottom: 15px;
height: 90px;

   

}

.short11-bug {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 5px;
margin-bottom: 15px;


   
}



.block_reklama {
margin: 8px;
background: #FFFFFF;
border: 1px solid #FFFFFF;
text-align: center;


}

.block_reklama:hover {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);   

}

.poisk {
display: block;
float: right;
background: #2b343f;
padding: 0 21px;
line-height: 30px;
margin-right: 2px;
margin-top: 10px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.poisk:hover {
background: #353d48;

}

.poisk:active {
 top:1px;
 background:#1b2530;
 
}

.poisk1 {
display: block;
float: left;
background: #2b343f;
padding: 0 24px;
line-height: 30px;
margin-right: 2px;
margin-top: 10px;
margin-bottom: 12px;
        margin-left: 14px;
border-radius: 2px;
color: #fff;

}

.poisk1:hover {
background: #353d48;

}

.poisk1:active {
 top:1px;
 background:#1b2530;
 
}



.cat {
  border-radius: 2px;
  color: #6b6b6b;
  font-size: 14px;
  background: #eeeeee;
  padding: 3px 10px 3px 5px;
  text-decoration: none;


}



.cat a:hover {
 border-bottom: 1px dotted #363636;
}

.cat i { color: #616161; }
.cat img { position: absolute; margin-left: 58px; margin-top: -9px; }

.size {
  border-radius: 4px;
  color: #8f8f8f;
  font-size: 14px;
  background: #f1f1f1;
  padding: 3px 10px 3px 25px;
  text-decoration: none;
margin-bottom: 12px;

}
                
.forma-size {
  
  border: solid #f1f1f1 2px;
  text-decoration: none;
                                                
}
                
.forma-size-guest {

  border: solid #f1f1f1 2px;
  text-decoration: none;
    display: none;
                                                
}
                
.forma-size1 {
border: 2px solid #C3C3C3;
text-decoration: none;
padding: 0 3px;
margin-left: 3px;
                                                
}
                
.forma-size1:hover {
border: 2px solid #516c86;
text-decoration: none;
                                                
}


.modalgo {
background: #272c35;
        padding: 2px 8px 2px 8px;
        border-radius: 2px;
color: #f1f1f1;
        font-size: 11px;
transition: 0.2s;
   }

.modalgo:hover {
background: #38404d;
transition: 0.2s;
}

.modalgo:active {
background: #2f333a;


}
    
.podskaz {
font-size: 10px;
margin-top: 8px;

}

.sbros {
display: block;
float: left;
cursor: pointer;
background: #6b6b6b;
padding: 0 28px;
line-height: 30px;
margin-top: 10px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;


}

.sbros:hover {
background: #7e7e7e;

}

.sbros:active {
 top:1px;
 background:#595959;
 
}

.sbros-block {
display: block;
float: left;
cursor: pointer;
background: #6b6b6b;
padding: 0 16px;
line-height: 30px;
margin-top: 10px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;


}

.sbros-block:hover {
background: #7e7e7e;

}

.sbros-block:active {
 top:1px;
 background:#595959;
 
}

.sbrosmain {
display: block;
float: left;
background: #6b6b6b;
padding: 0 15px;
line-height: 30px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;
    cursor: pointer;

}

.sbrosmain:hover {
background: #7e7e7e;

}

.sbrosmain:active {
 top:1px;
 background:#5c5c5c;
 
}

.poiskmain {
display: block;
float: right;
background: #2b343f;
padding: 0 18px;
line-height: 30px;
margin-right: 2px;
margin-top: 10px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.poiskmain:hover {
background: #353d48;

}

.poiskmain:active {
 top:1px;
 background:#1e2733;
 
}

.checkbox2 {
	position:relative;
	padding-left:14px;
    padding-right:5px;

}


.checkbox2 input[type=checkbox] {
	display:none;
}
.checkbox2 label:after {
	content:'';
	display:block;
	height:14px;
	width:14px;
	outline:1px solid #b9b9b9;
	position:absolute;
	top:0;
	left:0;
    cursor: pointer;
}
.checkbox2 input[type=checkbox]:checked + label:after {
	outline:1px solid #b9b9b9;
	border:2px solid #fff;
	width:10px;
	height:10px;
	background-color:#bdbdbd;

}

.checkbox-comment {
    position:relative;
    padding-left:4px;
    margin-top: 4px;
    padding-right:2px;

}

.checkbox-comment label {
    position:relative;
    padding-left:16px;
    cursor:pointer;
}



.checkbox-comment input[type=checkbox] {
    display:none;
}

.checkbox-comment label:after {
    content:'';
    display:block;
    height:14px;
    width:14px;
    outline:1px solid #b9b9b9;
    position:absolute;
    top:0;
    left:0;
    cursor: pointer;
}

.checkbox-comment input[type=checkbox]:checked + label:after {
    outline:1px solid #b9b9b9;
    border:2px solid #fff;
    width:10px;
    height:10px;
    background-color:#bdbdbd;

}

.checkbox1 {
	position:relative;
	padding-left:18px;
    padding-right:18px;   
    
}
.checkbox1 input[type=checkbox] {
	display:none;
    
}
.checkbox1 label:after {
	content:'';
	display:block;
	height:14px;
	width:14px;
	outline:1px solid #b9b9b9;
	position:absolute;
	top:0;
	left:0;
    cursor: pointer;

}
.checkbox1 input[type=checkbox]:checked + label:after {
	outline:1px solid #b9b9b9;
	border:2px solid #fff;
	width:10px;
	height:10px;
	background-color:#bdbdbd;

}

.lside{
float:left;
width: 70px;

}

.rside{
float:left;
width: 250px;

}
 
.wrap {
padding: 5px;
display: inline-block;

}

.block_search {
    margin-left:3px;

}

.news-kak a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 25px 8px 10px;

}

.news-kak a:hover {
    background: #f7f6f6;

}

.top-full {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 5px;
padding-bottom: 1px;


}

.zakladka {
float: right;



}

.zakladka1 {
float: right;
font-size: 9px;
    margin-top: 6px;


}

.zakladka3 {
position: relative;
       float: center;
font-size: 13px;
    margin-top: 18px;
   margin-left: 15px;     
transition: 0.3s;


}



.cat-chek {
float: left;
    background: #fff;    
padding:3px 3px;
border-radius: 2px;
transition: 0.3s;
color: #272c35;
}




.cat-notchek {
float: left;
    background: #fff;    
padding:3px 3px;
color: #adadad;
}

.zakladka2 {
float: left;



}


.checkbox-vst {
	position:relative;
	padding-left:15px;
    padding-right:45px;   
    
}
.checkbox-vst input[type=checkbox] {
	display:none;
    
}
.checkbox-vst label:after {
	content:'';
	display:block;
	height:14px;
	width:14px;
	outline:1px solid #b9b9b9;
	position:absolute;
	top:0;
	left:0;
    cursor: pointer;
    
}
.checkbox-vst input[type=checkbox]:checked + label:after {
	outline:1px solid #b9b9b9;
	border:2px solid #fff;
	width:10px;
	height:10px;
	background-color:#b2b2b2;
    

}

.vst-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 205px;


}

.reklam-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;

margin-bottom: 15px;
margin-left: 15px;
overflow: auto;


width: 320px;
height: 205px;


}

.sample-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 380px;


}

.samplefilter-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 380px;



}

.smpl-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);



margin-left: 15px;

padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 230px;
 overflow: auto;

}


.o-ctrl {
color: #559fe9;
font-size:30px;
margin-top:10px;   
transition: 0.2s;            
}
.o-enter {
color: #f24142;  
font-size:30px;
margin-top:10px;   
}
.o-plus {
font-size:30px;
margin-top:10px;   

}


.sample-ul li a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;
    
        
}

.sample-ul li a:hover {
    background: #f7f6f6;


}


.catvsti {
  border-radius: 4px;
  color: #8f8f8f;
  font-size: 14px;
  background: #f1f1f1;
  padding: 3px 10px 3px 5px;
  text-decoration: none;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        margin-bottom: 5px;

}

.bibl-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 405px;
   


}

.bibltext-story {
padding: 10px;

}


.catsmpl {
  border-radius: 4px;
  color: #8f8f8f;
  font-size: 14px;
  background: #f1f1f1;
  padding: 3px 10px 3px 5px;
  text-decoration: none;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        

}

.norm-text {
 font: 13px "PT Sans", Arial, Tahoma, sans-serif;
    color: #818283;  
line-height: 18px;
}

.reklam-bottom {
width: 90px;
height: 88px;
background: #F7F7F7;
border: 1px solid #EEEEEE;
text-align: center;
    float: right;
    margin-left: 5px;

}


.reklam-bottom:hover {
background: #f2f2f2;
cursor: pointer;   
border: 1px solid #e6e6e6;

}

.checkbox {
	position:relative;
	padding-left:15px;
    padding-right:45px;   
    
}
.checkbox input[type=checkbox] {
	display:none;
    
}
.checkbox label:after {
	content:'';
	display:block;
	height:14px;
	width:14px;
	outline:1px solid #b9b9b9;
	position:absolute;
	top:0;
	left:0;
    cursor: pointer;
    
}
.checkbox input[type=checkbox]:checked + label:after {
	outline:1px solid #b9b9b9;
	border:2px solid #fff;
	width:10px;
	height:10px;
	background-color:#b2b2b2;
    

}

.contacts-braga {
margin-left: 30px;
margin-top: 3px;

}

.contacts-aliases {
margin-left: 30px;
margin-top: -6px;

}

.related1 {
width:50%;
float:left;
    
}

.xsknop {
display: block;
float: center;
background: #3d5683;
padding: 0 12px;
line-height: 30px;
margin-right: 5px;
margin-top: 7px;
margin-bottom: 14px;
border-radius: 2px;
color: #fff;
transition: 0.3s;
}

.xsknop:hover {
background: #466090;
transition: 0.3s;

}

.xsknop:active {
 top:1px;
 background:#273b60;
 
}



.catinfo {
  border-radius: 4px;
  color: #8b8c8c;
  font-size: 14px;
  background: #f1f1f1;
  padding: 3px 10px 3px 5px;
  text-decoration: none;
  margin-bottom: -2px;


}

.infoblock {
 font: 13px "PT Sans", Arial, Tahoma, sans-serif;
    color: #818283;
margin-left: 6px;
        margin-right: 3px;
    
        

}

.vstknop {
display: block;
float: left;
background: #405a3e;
padding: 0 20px;
line-height: 30px;
margin-right: 8px;
margin-left: 2px;
margin-top: 14px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.vstknop:hover {
background: #537150;

}

.infoblock2 {
 font: 13px "PT Sans", Arial, Tahoma, sans-serif;
    color: #818283;
margin-left: 16px;
        margin-right: 10px;

}

.vstknop2 {
display: block;
float: right;
background: #364766;
padding: 0 21px;
line-height: 30px;
margin-right: 5px;
    margin-left: 1px;
margin-top: 14px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.vstknop2:hover {
background: #445676;

}

.xsknopfl {
display: block;
float: right;
background: #405a3e;
padding: 0 37px;
line-height: 30px;
margin-right: 8px;
margin-top: 7px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.xsknopfl:hover {
background: #537150;

}

.xsknopfll {
display: block;
float: left;
background: #6b6b6b;
padding: 0 5px;
line-height: 30px;
margin-top: 7px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.xsknopfll:hover {
background: #818181;

}

.xsknopflll {
display: block;
float: left;
background: #364766;
padding: 0 20px;
line-height: 30px;
margin-left: 9px;
margin-top: 7px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.xsknopflll:hover {
background: #455a81;

}

.flleft {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 240px;


}

.flright {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 220px;
overflow: hidden;


}

.vstileft {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 222px;


}

.vstiright {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 247px;
overflow: auto;


}

.kontaktl {
display: block;
float: left;
background: #384666;
padding: 0 23px;
line-height: 30px;
margin-top: 7px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.kontaktl:hover {
background: #43547a;

}

.kontaktl:active {
 position:relative;
 top:1px;
 background:#2f3b56;
 box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
 border-color: #a9db80;

}

.kontaktr {
display: block;
float: left;
background: #326763;
padding: 0 27px;
line-height: 30px;
margin-top: 7px;
    margin-left: 8px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.kontaktr:hover {
background: #3d807a;

}

.kontaktr:active {
 position:relative;
 top:1px;
 background:#21524e;
 box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
 border-color: #a9db80;
}

.xsknopvstil {
display: block;
float: left;
background: #6b6b6b;
padding: 0 10px;
line-height: 30px;
margin-top: 7px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.xsknopvstil:hover {
background: #818181;

}

.xsknopvstil:active {
 position:relative;
 top:1px;
 background:#555555;
 box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
 border-color: #a9db80;
}


.xsknopvstill {
display: block;
float: left;
background: #364766;
padding: 0 20px;
line-height: 30px;
margin-left: 14px;
margin-top: 7px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.xsknopvstill:hover {
background: #455a81;

}

.xsknopvstill:active {
 position:relative;
 top:1px;
 background:#1e335c;
 box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
 border-color: #a9db80;
}
.xsknopvstill:active .a-btn-icon-right span{
 transform: scale(1.4);
}

.xsknopasio {
display: block;
float: center;
background: #405a3e;
padding: 0 40px;
line-height: 30px;
margin-right: 8px;
    margin-left: 8px;
margin-top: -6px;
margin-bottom: 15px;
border-radius: 2px;
color: #fff;

}

.xsknopasio:hover {
background: #537150;

}

.xsknopasio:active {
margin-top: -5px;
    background: #31492f;

}

.infoblockvsti {
 font: 13px "PT Sans", Arial, Tahoma, sans-serif;
    color: #818283;
margin-left: 6px;
        margin-right: 3px;
        float: left;
    
        

}

.cubaseleft {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 220px;
overflow: auto;

}

.cubaseright {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 245px;
overflow: auto;


}

.xsknopcub1 {
display: block;
float: left;
background: #6b6b6b;
padding: 0 15px;
line-height: 30px;
margin-top: 7px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.xsknopcub1:hover {
background: #818181;

}

.xsknopcub2 {
display: block;
float: left;
background: #2b343f;
padding: 0 10px;
line-height: 30px;
margin-top: 7px;
margin-left: 10px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.xsknopcub2:hover {
background: #36414e;

}

.reaperleft {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 237px;
overflow: auto;


}

.reaperright {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 262px;
overflow: auto;


}

.xsknopreap1 {
display: block;
float: left;
background: #6b6b6b;
padding: 0 13px;
line-height: 30px;
margin-top: 7px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.xsknopreap1:hover {
background: #818181;

}

.xsknopreap2 {
display: block;
float: left;
background: #2b343f;
padding: 0 13px;
line-height: 30px;
margin-top: 7px;
margin-left: 10px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.xsknopreap2:hover {
background: #36414e;


}
 
.wrap1-custom {
padding: 5px;
height: 70px;
display: inline-block;
   

}

.rside1-custom {
float:left;
    text-align: left;
width: 260px;

}



.rside1{
float:left;
    text-align: justify;
width: 260px;

}
 
.wrap1 {
padding: 5px;
display: inline-block;
   

}

.lside1 {
float:left;
width: 70px;


}

.lside1 img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    margin-right: 5px;
    float:left;
    

}

.lside1-custom {
float:left;
width: 70px;


}

.lside1-custom img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    margin-right: 8px;
    float:left;
    border: 2px solid #ebebeb;
    
}

.ableleft {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 237px;


}

.ableright {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 262px;
overflow: auto;


}

.xsknopable1 {
display: block;
float: left;
background: #6b6b6b;
padding: 0 10px;
line-height: 30px;
margin-top: 7px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.xsknopable1:hover {
background: #818181;

}

.xsknopable2 {
display: block;
float: left;
background: #2b343f;
padding: 0 20px;
line-height: 30px;
margin-top: 7px;
margin-left: 8px;
margin-bottom: 8px;
border-radius: 2px;
color: #fff;

}

.xsknopable:hover {
background: #36414e;

}

.xsknopable3 {
display: block;
float: center;
background: #405a3e;
padding: 0 40px;
line-height: 30px;
margin-right: 10px;
    margin-left: 8px;
margin-top: -10px;
margin-bottom: 0px;
border-radius: 2px;
color: #fff;

}

.xsknopable3:hover {
background: #537150;

}

.xsknopable4 {
display: block;
float: left;
background: #353942;
padding: 0 15px;
line-height: 30px;
margin-right: 5px;

margin-top: -10px;
margin-bottom: 20px;
border-radius: 2px;
color: #fff;

}

.xsknopable4:hover {
background: #484d57;

}

.xsknopable4:active {
background: #272b35;
}


.xsknopable5 {
display: block;
float: right;
background: #385d55;
padding: 0 20px;
line-height: 30px;


margin-top: -10px;
margin-bottom: 20px;
border-radius: 2px;
color: #fff;

}

.xsknopable5:hover {
background: #437268;

}

.navi {
position: fixed;
bottom: -15px;
width: 715px;
z-index: 998;

}


.clr {
    clear: both;
    height: 0;
    overflow: hidden;
   

}

.faq-fullstory { line-height: 19px; font-size: 14px; }
.faq-fullstory h2 { font-size: 17px; font-weight: bold; border-bottom: none; padding: 0; margin-left: 0; }

.videodown {
display: block;
float: right;
background: #113146;
padding: 0 8px;
line-height: 33px;
margin-right: 0px;
border-radius: 5px;
color: #d0d0d0;

}

.videodown i {
margin-left: 5px;

}

.videodown:hover {
background: #1A4461;

}

.videogo {
display: block;
float: right;
background: #433414;
padding: 0 8px;
line-height: 33px;
margin-right: 6px;
border-radius: 5px;
color: #d0d0d0;

}

.videogo i {
margin-left: 5px;

}

.videogo:hover {
background: #5a461c;

}

.addcon {
    
        float: right;
        padding: 10px;
        font-size: 14px;
           background: #fff;
        margin-top: -18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

.videoknop {
display: block;
float: left;
background: #226765;
padding: 0 40px;
line-height: 33px;
margin-right: 2px;
border-radius: 5px;
color: #e9e9e9;

}

.videoknop:hover {
background: #2c7f7c;

}

.articleknop {
display: block;
float: left;
background: #2e6b2e;
padding: 0 19px;
line-height: 33px;

border-radius: 5px;
color: #e9e9e9;

}

.articleknop:hover {
background: #418341;

}

.flvideo-img {
float: left;
background: #eee;
width: 150px;
text-align: center;
border: 1px solid #ECECEC;
padding: 5px;
margin: 0 10px 0 0;
}

.aflvideo-img img {
    width: 100px;
    height: 100px;
}

.flvideo-img:hover {
background: #dedede;
border: 1px solid #d0d0d0;

}

.video-info,
.video-info li {
    float: left;
}

.video-info li {
margin: 0 5px 0 0;
background: #e9e9e9;
    padding: 0 5px;
line-height: 33px;
    border-radius: 3px;


}

.video-info i {
margin-right: 7px;
}

.video-info li a:hover {
    border-bottom: 0;

}

  .frame-block{
  position: relative;

  display: block;
  width: 150px;
  height:150px;


}

.frame-block span {
background: url(http://samplepro.ru/uploads/fotos/imgnews.png) no-repeat center top;
  width: 150px;
  height:150px;
  display: block;
  position: absolute;
transition: 0.5s;

}




.frame-block span:hover {
background: url(http://samplepro.ru/uploads/fotos/imghover.png) no-repeat center top;
transition: 0.5s;

}

.newsleft {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 220px;


}

.newsright {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 20px;
padding-top: 5px;
margin-bottom: 15px;
width: 345px;
height: 245px;
overflow: auto;


}

.videoon {
margin-top: 5px;

} 

.vsti-ul a {
    display: block;
    position: relative;
    color: #858C94;
 transition: 0.2s;   
    

}

.vsti-ul img {
    width: 55px;
    height: 55px;
    border-radius: 3px;
    margin-right: 8px;
    margin-top: 1px;
    float:left;
    
}

.vsti-ul a:hover {
  
transition: 0.2s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);
}

.vsti-ul a:active {
transition: 0.1s;
    -webkit-transform:  translate(7px,0);
        -moz-transform:  translate(7px,0);
        -o-transform:  translate(7px,0);
        -ms-transform: translate(7px,0);
        transform: translate(7px,0);


}


.adobeleft {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 237px;
overflow: auto;

}

.adoberight {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 262px;
overflow: auto;


}

.xsknopadobe1 {
display: block;
float: left;
background: #6b6b6b;
padding: 0 23px;
line-height: 30px;
margin-top: 7px;
margin-bottom: 15px;
border-radius: 2px;
color: #fff;

}

.xsknopadobe1:hover {
background: #818181;

}

.xsknopadobe2 {
display: block;
float: left;
background: #2b343f;
padding: 0 15px;
line-height: 30px;
margin-top: 7px;
margin-left: 10px;
margin-bottom: 15px;
border-radius: 2px;
color: #fff;

}

.xsknopadobe2:hover {
background: #36414e;

}

.xsknopadobe3 {
display: block;
float: center;
background: #405a3e;
padding: 0 42px;
line-height: 30px;
margin-right: 10px;
    margin-left: 5px;
margin-top: -5px;
margin-bottom: 0px;
border-radius: 2px;
color: #fff;

}

.xsknopadobe3:hover {
background: #537150;

}


.sonarleft {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 320px;
height: 237px;
overflow: auto;

}

.sonarright {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding-top: 5px;
margin-bottom: 15px;
width: 350px;
height: 262px;
overflow: auto;


}

.xsknopsonar1 {
display: block;
float: left;
background: #6b6b6b;
padding: 0 10px;
line-height: 30px;
margin-top: 7px;
margin-bottom: 15px;
border-radius: 2px;
color: #fff;

}

.xsknopsonar1:hover {
background: #818181;

}

.xsknopsonar2 {
display: block;
float: left;
background: #2b343f;
padding: 0 15px;
line-height: 30px;
margin-top: 7px;
margin-left: 13px;
margin-bottom: 15px;
border-radius: 2px;
color: #fff;

}

.xsknopsonar2:hover {
background: #36414e;

}

.xsknopsonar3 {
display: block;
float: center;
background: #405a3e;
padding: 0 42px;
line-height: 30px;
margin-right: 10px;
    margin-left: 5px;
margin-top: -5px;
margin-bottom: 0px;
border-radius: 2px;
color: #fff;

}

.xsknopsonar3:hover {
background: #537150;

}


.plaginblock {
    padding: 5px;

   
}

.plagin-block {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    width: 230px;
    height: 370px;
    overflow: auto;


}

.xsknopvstib {
display: block;
float: center;
background: #364766;
padding: 0 25px;
line-height: 30px;
margin-left: 2px;
margin-top: -5px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;

}

.xsknopvstib:hover {
background: #455a81;


}

.norm-text-vsti {
 font: 13px "PT Sans", Arial, Tahoma, sans-serif;
    color: #818283; 
    padding: 5px;

}

.xsknopvstib1 {
display: block;
float: center;
background: #6b6b6b;
padding: 0 15px;
line-height: 30px;
margin-left: 2px;
margin-top: 20px;
margin-bottom: 3px;
border-radius: 2px;
color: #fff;

}

.xsknopvstib1:hover {
background: #818181;


}

.banerfx-bottom {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
height: 140px;
overflow: auto;

}

.banervst-bottom {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
height: 185px;
overflow: auto;

}
.sampler1 {
display: block;

background: #fafafa;
border-left: 5px solid #d5d5d5;
padding: 10px;
cursor: pointer;  

}

.sampler1:hover {
background: #f5f5f5;   

}

.sampler {
display: block;
background: #fafafa;
padding: 10px;
cursor: pointer;

}

.sampler:hover {
background: #f5f5f5;   

}

.lang {

float: left;
position: relative;
display: inline-block;
margin-right: 10px; 
width: 40px;
height: 40px;
text-decoration: none;
border-radius: 100%;
text-align: center;


}

.lang:hover {
background: #bfbfbf;
cursor: pointer;    


}


.vsti-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 931px;


}

.up-story {
   display: block;
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 7px;
margin-bottom: 15px;
margin-left: 730px;
margin-top: -73px;
width: 216px;
height: 44px;


} 

.vst-ul a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;
margin-top: 5px;


}

.articleshort-img {
float: left;

width: 150px;
text-align: center;
padding: 5px;
margin: 0 10px 0 0;
border-radius: 100%;

}

.articleshort-img img {
    width: 150px;
    height: 150px;
    border-radius: 100%;


}


.up1-story {
  display: block;
    position: relative;
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

margin-bottom: 74px;
margin-left: 730px;
margin-top: -346px;
width: 230px;
height: 258px;
overflow: auto;

}

.short-programm {
width: 930px; 
height: 90px;
margin-top: -25px;  
        
}

.sample-bpm {
margin-top: 151px;   
}
        
.block-main {
margin-left: 10px;
margin-top: 10px;
                
}

.sample-main-story {
    height: 605px;
}

.sampler-main {
height: 952px;            
}
        
.vsti1-story {
 
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;

    width: 442px;
height: 182px;
overflow: auto;
}

.vsti2-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 442px;
margin-left: 16px;
height: 400px;
    overflow: auto;

}

.vsti3-story {
 
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;

    width: 442px;
height: 120px;
overflow: auto;

}

.vsti4-story {
 
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 5px;
margin-bottom: 15px;

    width: 463px;
height: 28px;


}



.topvstimain-ul a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 2px 8px 10px;
margin-top: -17px;
    margin-left: 65px;
  font-size: 13px; 

}

.topvstimain-ul img {
    position: absolute;
    width: 80px;
    height: 65px;
    opacity: 0.8;
    margin-left: -90px;
    margin-top: -6px;
    float:left;
  
}

.htitle-main {
font-size: 18px;  
margin-top: -3px;
}


.topvsti-ul a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;

   }

.topvsti-ul img {
    width: 43px;
    height: 43px;
    border-radius: 50px;
    margin-right: 7px;
    margin-top: 5px;
    float:left;
  
}

.topvsti-ul a:hover {
    background: #f7f6f6;
   transition: 0.2s;
    -webkit-transform:  translate(1px,0);
        -moz-transform:  translate(1px,0);
        -o-transform:  translate(1px,0);
        -ms-transform: translate(1px,0);
        transform: translate(1px,0);
}

.topvsti-ul a:active {
    transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);

}
            
.vsti-footer {
display: block;
float: center;
background: #385d55;
padding: 0 15px;
line-height: 26px;
margin-left: 2px;
margin-top: 14px;
margin-bottom: 10px;
border-radius: 2px;
color: #fff;

}

.vsti-footer:hover {
background: #46746a;


}

.vsti-footer1 {
display: block;
float: left;
background: #3b4c6a;
padding: 0 15px;
line-height: 26px;
margin-left: 3px;
margin-right: 9px;
margin-top: 1px;
margin-bottom: 15px;
border-radius: 2px;
color: #fff;

}

.vsti-footer1:hover {
background: #485c80;


}

.vsti-footer22 {
display: block;
float: left;
background: #7e7e7e;
padding: 0 20px;
line-height: 26px;
margin-left: 1px;
margin-top: 1px;
margin-bottom: 15px;
border-radius: 2px;
color: #fff;

}

.vsti-footer22:hover {
background: #8a8a8a;


}

.text-footer-vsti {
padding: 10px;
            
}
    
.actual-text {
margin-bottom: -10px;
    
}

.solid-line {
 border-top: 1px solid #dfdfdf;

}

.solid1-line {
 border-top: 1px solid #ededed;

}

.rside2{
float:left;
width: 210px;

}
 
.wrap2 {
padding: 5px;
display: inline-block;
   

}

.lside2 {
float:left;
width: 50px;


}

.lside2 img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 5px;
    margin-left: 60px;
    
    


}

  .progeng-block{
  position: relative;

  display: block;
  width: 150px;
  height:150px;


}

.filter-sample-story {
height:415px;
}
.filter-other-story { 
height:440px;

}

.progeng-block span {
background: url(http://samplepro.ru/uploads/fotos/imgeng.png) no-repeat center top;
  width: 150px;
  height:150px;
  display: block;
  position: absolute;
transition: 0.4s;

}

.progeng-block span:hover {
background: url(http://samplepro.ru/uploads/fotos/hoverENG.png) no-repeat center top;
transition: 0.4s;


}

.progeng-block span:active {
-webkit-filter: grayscale(90%); 


}
.progeng-block span:active .a-btn-icon-right span{
 transform: scale(1.4);
}




  .progrus-block{
  position: relative;

  display: block;
  width: 150px;
  height:150px;


}

.progrus-block span {
background: url(http://samplepro.ru/uploads/fotos/imgrus.png) no-repeat center top;
  width: 150px;
  height:150px;
  display: block;
  position: absolute;
transition: 0.4s;

}

.progrus-block span:hover {
background: url(http://samplepro.ru/uploads/fotos/hoverRUS.png) no-repeat center top;
transition: 0.4s;

}

.progrus-block span:active {

-webkit-filter: grayscale(90%);

}

.progrus-block span:active .a-btn-icon-right span{
 transform: scale(1.4);

}


.kakvsti-block {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 15px;
}

.kakvst-block {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    margin-top: 15px;
   
}

.middle-push {
display: block;
float: center;
background: #405a3e;
padding: 0 12px;
line-height: 30px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: -8px;
border-radius: 2px;
color: #fff;

}

.middle-push:hover {
background: #537150;

}

.middle-push:active {
 top:1px;
 background:#2c402b;


}

.minusl-block {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.minusr-block {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    margin-left: 15px;

}

.main-top {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
    margin-right: -50px;


}

.raz-story {
    
   background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;

    width: 325px;


}

.raz1-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;

margin-top: -40px;



}

.raz2-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 8px;
margin-top: 0;
    margin-left: 15px;
    height: 237px;



}

.minusvsti {
margin-top: 70px;
margin-left: 30px;

    
    

}

.sam1-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
margin-top: -55px;




}

.samp1-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
    margin-left: 15px;
width: 320px;
height: 380px;


}

.samp2-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
margin-left: 15px;
width: 320px;
height: 35px;


}

.vstmain-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 930px;

}

.vstmain1-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
width: 450px;
margin-top: -55px;
}

.center-knop {
  margin-left: 70px;  

}

.vstmain2-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
    margin-left: 15px;
width: 435px;

}

    .netdemo-full {
      padding:10px 15px;
                font-size:15px;
                text-align:left;
                      background: #f3f3f3;
                      border-radius: 2px;
                      line-height: 19px;
            
                  }
                  .netdemo-full a:hover {
                      text-decoration: underline;
            
                  }
                  .upload-demo-full {
                      float: right;
                      background: #272c35;
                     padding: 10px 15px; 
                      margin-top: -10px;
                      margin-right: -15px;
                      border-radius: 0 2px 2px 0;
                      color: #fff;
                      cursor: pointer;
                          }

.vstmain3-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
    margin-left: 15px;
width: 435px;
    height: 270px;

}

.vstmain4-story {
    background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
 
    margin-left: 15px;
width: 145px;
    height: 270px;

}

.normalizevstimain {
 width: 420px;   

}

.plaginman {
display: block;
float: left;
background: #3e495c;
padding: 0 20px;
line-height: 30px;
margin-right: 0px;
margin-top: 10px;
margin-left: 11px;
margin-bottom: 12px;
border-radius: 2px;
color: #fff;
    cursor: pointer;

}

.plaginman:hover {
background: #4d5a6f;

}

.plaginman:active {
 top:1px;
 background:#2d3646;
 
}

.cat-full a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;
transition: 0.2s;
   }

.cat-full img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 7px;
    margin-top: 0;

    float:left;
    
}

.cat-full:hover {
    background: #f7f6f6;
transition: 0.2s;
    -webkit-transform:  translate(1px,0);
        -moz-transform:  translate(1px,0);
        -o-transform:  translate(1px,0);
        -ms-transform: translate(1px,0);
        transform: translate(1px,0);
}

.cat-full:active {
transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);
}

.sampler-full a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;
transition: 0.2s;
   }

.sampler-full img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 7px;
    margin-top: -2px;

    float:left;
    
}

.sampler-full:hover {
    background: #f7f6f6;
transition: 0.2s;
    -webkit-transform:  translate(1px,0);
        -moz-transform:  translate(1px,0);
        -o-transform:  translate(1px,0);
        -ms-transform: translate(1px,0);
        transform: translate(1px,0);
}

.sampler-full:active {
transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);
}

.related a {

    display: block;
    position: relative;
border-radius: 4px;
    color: #858C94;
    padding: 10px 15px 10px 15px;
transition: 0.2s;
height: 31px;

}

.related img {
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin-right: 7px;
    margin-top: -1px;

    float:left;
    
}

.related:hover {
    background: #f7f6f6;
transition: 0.2s;
    -webkit-transform:  translate(1px,0);
        -moz-transform:  translate(1px,0);
        -o-transform:  translate(1px,0);
        -ms-transform: translate(1px,0);
        transform: translate(1px,0);
}

.related:active {
transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);

}

.vkimg img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin-right: 7px;
    margin-top: -6px;

    float:left;
    
}

.xsknopasio1 {
display: block;
float: center;
background: #366661;
padding: 0 35px;
line-height: 30px;

margin-top: 14px;
margin-bottom: 1px;
border-radius: 2px;
color: #fff;

}

.xsknopasio1:hover {
background: #417c76;

}

.xsknopasio1:active {
margin-top: 15px;
    background: #1b4641;

}

.kontaktb {
display: block;
float: center;
background: #2e333c;
padding: 0 35px;
line-height: 30px;
margin-top: 14px;
margin-bottom: 1px;
border-radius: 2px;
color: #fff;

}

.kontaktb:hover {
background: #3a414e;

}

.kontaktb:active {
margin-top: 15px;
    background: #20252e;

}



.topsamp-ul a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;
    transition: 0.2s;

   }

.topsamp-ul img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin-right: 5px;
     margin-top: -6px;
    
    float:left;
    
}

.topsamp-ul a:hover {
    background: #f7f6f6;
transition: 0.2s;
    -webkit-transform:  translate(1px,0);
        -moz-transform:  translate(1px,0);
        -o-transform:  translate(1px,0);
        -ms-transform: translate(1px,0);
        transform: translate(1px,0);

}

.topsamp-ul a:active {

transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);
} 

.static-ul a {
    display: block;
    position: relative;
    color: #858C94;
    padding: 8px 10px 8px 10px;
    transition: 0.2s;

   }

.static-ul img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin-right: 5px;
     margin-top: -6px;
    
    float:left;
    

}



.static-ul a:hover {
    background: #f7f6f6;
transition: 0.2s;
    -webkit-transform:  translate(1px,0);
        -moz-transform:  translate(1px,0);
        -o-transform:  translate(1px,0);
        -ms-transform: translate(1px,0);
        transform: translate(1px,0);

}

.static-ul a:active {
    background: #ececec;
transition: 0.1s;
    -webkit-transform:  translate(4px,0);
        -moz-transform:  translate(4px,0);
        -o-transform:  translate(4px,0);
        -ms-transform: translate(4px,0);
        transform: translate(4px,0);

}

.teaser {
position: relative;
float: center;
padding: 5px;
margin-left: 20px;
margin-right: 5px;
margin-top: 7px;
margin-bottom: 7px;


}


    
.otkl:hover {
transition: 0.1s;
    color: #aa4e4e;
}


.close_add {
margin-bottom: -83px;
margin-left: -18px;

 }

.close_add img {
      
    -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
transition: 0.3s;
}

.close_add img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
transition: 0.2s;

}

.teaserfull {
margin-top: 0;

   
}

.teaserfull1 {
position: relative;
float: right;
text-align: center;
    width: 98px;
height: 88px;
background:#f0f0f0;
color:#666;
font-size:12px;
border:1px solid #ccc;


}

.teaserfull1:hover {
border:1px solid #999999;
    background:#dcdcdc;
color:#333333;



}


.checkbox_block1 {
	position:relative;
	padding-left:18px;
    padding-right:16px;   
    
}
.checkbox_block1 input[type=checkbox] {
	display:none;
    
}
.checkbox_block1 label:after {
	content:'';
	display:block;
	height:14px;
	width:14px;
	outline:1px solid #b9b9b9;
	position:absolute;
	top:0;
	left:0;
    cursor: pointer;
    
}
.checkbox_block1 input[type=checkbox]:checked + label:after {
	outline:1px solid #b9b9b9;
	border:2px solid #fff;
	width:10px;
	height:10px;
	background-color:#b2b2b2;
    

}


.checkbox_block {
	position:relative;
	padding-left:18px;
    padding-right:39px;   
    
}
.checkbox_block input[type=checkbox] {
	display:none;
    
}
.checkbox_block label:after {
	content:'';
	display:block;
	height:14px;
	width:14px;
	outline:1px solid #b9b9b9;
	position:absolute;
	top:0;
	left:0;
    cursor: pointer;
    
}


.checkbox_block input[type=checkbox]:checked + label:after {
	outline:1px solid #b9b9b9;
	border:2px solid #fff;
	width:10px;
	height:10px;
	background-color:#b2b2b2;
    
}

.right-reg   {
position: absolute;
    display: inline-block;    
margin-left: 41px;
    margin-top: 129px; 
font-size: 13px;

    padding:7px 60px;
    border-radius: 3px;
    background: #5d8ac8;
    color: #fff;

}

.right-reg:hover  {

    background: #6f9cd9;

}

.shortpl-story {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

    margin-bottom: 15px;
margin-left: 15px;
 -webkit-box-shadow:0 5px 3px rgba(0, 0, 0, 0.1);
            -moz-box-shadow:0 5px 3px rgba(0, 0, 0, 0.1);
            box-shadow:0 5px 3px rgba(0, 0, 0, 0.1);

width: 163px;
height: 180px;
float: left;
color: #000;

}

.shortpl-story:hover {
    background: #272c35;

    transition: 0.2s;

}

.shortpl-story:active {
background: #40495a;
transition: 0.2s;

}

.title-short {

font-size: 14px;    
margin-top: 7px;
color: #696969;    

}

.title-short:hover {
margin-top: 7px;
color: #fff;    
position: relative;
}


.main-img img {
margin-left: 12px;
margin-top: 3px;
    width: 140px;
    height: 140px;
    transition: 0.2s;
   position: relative;

}


.main-img img:hover {
transition: 0.2s;
    border-radius: 5px;
 border: 8px solid #383838;
    -webkit-transform: scale(1,5);
  transform: scale(1.5);
       position: relative;  
    z-index: 9999; 
}


.main-img li {
margin-left: 20px;
transition: 0.2s;
   
}

.zakazat {
position: relative;
    font-size: 17px;
    color: #fff;
margin-top: 1px; 
 transition: 2s;   


}

.vstibottom {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 5px;
height: 188px;
overflow: auto;
width: 931px;

}



.info-web1 {
background: #272c35;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

margin-left: 15px;
    margin-bottom: 16px;
width: 342px;
    height: 224px;
float: left;
    position: relative;
    

}



.info-web {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
margin-left: 15px;
padding: 15px;
    margin-bottom: 16px;
width: 310px;
    height: 224px;
float: left;
    position: relative;
    

}



.info-web-big1 {
background: #272c35;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

margin-bottom: 16px;
height: 225px;
margin-left: 15px;
    
}



.info-web-small {
background: #272c35;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

margin-left: 15px;
    margin-bottom: 16px;
width: 223px;
    height: 224px;
float: left;
    position: relative;
    
}



.info-web-big {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 16px;
height: 225px;
margin-left: 15px;
    
}

.news-1 p {
padding: 15px;
    position: relative;
    z-index:2;
    color: #fff;
}

.news-big p {
color: #fff;
    padding: 15px;
    position: relative;
    z-index:2;

}

.news-small p {
padding: 15px;
    position: relative;
    z-index:2;
    color: #fff;
}




.news-1 img {
transition: 0.5s; 
    position: relative;
    z-index:3;
    margin-top: -149px;

}

.news-1 img:hover {
  opacity: 0.2;
    transition: 0.2s;    

}

.news-small img {
transition: 0.5s; 
    position: relative;
    z-index:3;
    margin-top: -149px;

}

.news-small img:hover {
  opacity: 0.2;
    transition: 0.2s;    
}


.news-big img {
transition: 0.5s; 
    position: relative;
    z-index:3;
    margin-top: -98px;
    
}

.news-big img:hover {
  opacity: 0.1;
    transition: 0.2s;    
}

.news-date-big {
color: #fff;
margin-top: -25px;
    float: right;
    margin-right: 15px;
    position: relative;
    z-index:2;    

}

.news-date {
color: #fff;
margin-top: -25px;
    float: right;
    margin-right: 15px;
    position: relative;
    z-index:2;    

}

.vresult {
position: relative;
float: right;
margin-right: 10px;
margin-top: -29px;
transition: 0.2s;
color: #a4a4a4;
    }

.vresult:hover {
color: #686868;
transition: 0.2s;

}

.brake-link {
display: block;
position: relative;
float: center;
background: #bb4343;
padding: 0 8px;
width: 200px;
font-size: 18px;
margin-left: 240px;
margin-top: 10px;
line-height: 40px;
border-radius: 3px;
color: #ebebeb;

border-bottom: 4px solid #8c2626;

}

.brake-link:active {
margin-top: 14px;
border-bottom: 0;

}

.size-hide {
display: block;
position: relative;
text-align: left;
font-size: 17px;
color: #393d45;
transition: 0.2s;
line-height: 23px;
margin-top: 6px;
margin-left: 355px;

}


.download-hide {
display: block;
position: relative;
text-align: center;
float: left;
background: #393d45;
height: 105px;
line-height: 100px;
width: 270px;
font-size: 32px;
border-radius: 2px;
color: #ebebeb;
transition: 0.2s;
margin-top: 2px;
margin-left: 60px;



}

.download-hide i {
margin-left: 8px;
transition: 0.2s;
}

.download-hide:hover {
background: #f65f3d;
    color: #fff;
transition: 0.2s;

}


.download-hide:hover i {
transition: 0.2s;
 -webkit-transform:  translate(0,4px);
        -moz-transform:  translate(0,4px);
        -o-transform:  translate(0,4px);
        -ms-transform: translate(0,4px);
        transform: translate(0,4px);

}


.download-hide:active i {
transition: 0.2s;
 -webkit-transform:  translate(0,8px);
        -moz-transform:  translate(0,8px);
        -o-transform:  translate(0,8px);
        -ms-transform: translate(0,8px);
        transform: translate(0,8px);
}

.download-hide:active {
background: #fa603e;
transition: 0.1s;

}

.down-guest {
font-size: 16px;
    

}

.register span {
position: relative;
float: left;
        padding:9px 0 9px 9px;
        color: #F5F5F5;

}

.register a {

        color: #F5F5F5;


}

.register a:hover {
text-decoration: underline;

}

.register span:hover {
background: #3D434F;
width:220px;



}



.reg-img img {
position: relative;
margin-top: 10px;
margin-left: 60px;
opacity: 0.2;
transition: 0.2s;
}

.reg-img img:hover {
opacity: 1;

transition: 0.3s;
}



.reg-block {
    background: #272c35;
    height: 296px;
}

.reg-block .block-title,
.reg-block .block-title:after {
    border-bottom: 1px solid #384453;
}

.reg-block .block-title {
    color: #fff;
}

.reg-block .block-title i {
    color: #3D4657;

} 

.var-name {
background: #2B343F;
color: #fff;
padding: 6px 5px;
line-height: 1px;
border-radius: 3px;

}

.var-name:hover {
background: #3b4653;

}

.var-name:active {
background: #2d353f;


}



.contact-block {
    background: #272c35;
    
}

.contact-block .block-title,
.contact-block .block-title:after {
    border-bottom: 1px solid #384453;
}

.contact-block .block-title {
    color: #fff;
}

.contact-block .block-title i {
    color: #3D4657;

}

.side-block-contact {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    height: 251px;
} 

.profile-option {
position: relative;
float: right;
background: #2B343F;
color: #fff;
padding: 3px 6px;
border-radius: 3px;
    margin-top: -6px;

}

.profile-option:hover {
background: #3b4653;

}

.profile-option:active {
background: #2d353f;


}         


.comment-img img {
position: absolute;;

margin-bottom: 10px;
border: 2px solid #ececec;
border-radius: 3px;
width: 103px;
height: 101px;

}         

    .form-othsampler {
                position: absolute;
        margin-left: 164px;
        padding-left: 5px;
        width: 148px;
        margin-top: -84px;
        background: #fff;
        height: 16px;
        border: 1px solid #f1f1f1;
    

}         

    .full-othsampler {
        position: absolute;
        margin-left: 102px;
        padding-left: 5px;
        width: 100px;
        margin-top: -136px;
        background: #fff;
        height: 16px;
        border: 1px solid #f1f1f1;
    

}         
         

    .form-style {
        position: absolute;
        margin-left: 164px;
        padding-left: 5px;
        width: 148px;
        margin-top: -32px;
        background: #fff;
        height: 16px;
    border: 1px solid #f1f1f1;
        
    
    

}         
         

    .form-style-link {
        position: absolute;
        margin-left: 164px;
        padding-left: 5px;
        width: 148px;
        margin-top: -35px;
        background: #fff;
        height: 19px;
    border: 1px solid #f1f1f1;
        
    
    
}

.full-form-style {
     margin-left: 102px;
    width: 100px;
        }
    
    .form-bpm {
                margin-top: -3px;   
        padding-left: 5px;
        width: 127px;
            
}

.full-bpm {
   width: 72px; 
        }
    
    .form-size {
                 
        padding-left: 5px;
        width: 127px;
            }

.comment-noavatar {
position: absolute;
float: left;
margin-right: 8px;
margin-bottom: 9px;
border: 2px solid #ececec;
border-radius: 3px;
width: 103px;
height: 101px;

}

.text-noavatar {
position: relative;
margin-left: 20px;
margin-top: 40px;
transition: 0.4s;

}

.text-reg-comment a {
position: relative;
margin-top: 20px;
margin-left: 17px; 
color: #fff;
transition: 0.4s;

}         


.comment-noavatar:hover .text-reg-comment a {
color: #818283;
transition: 0.4s;

}         


.comment-noavatar:hover .text-noavatar {
margin-top: 25px;
color: #fff;
transition: 0.4s;

}


        
.go-read-comment {
display: block;
float: right;
background: #272c35;
padding: 0 8px;
line-height: 25px;
border-radius: 2px;
margin-top: -5px;
margin-right: -2px;
color: #ededed;
transition: 0.2s;
}

.go-read-comment i {
margin-left: 5px;
transition: 0.1s;
}

.go-read-comment:hover {

    background: #3b414d;
transition: 0.2s;
}

.go-read-comment:active {
background: #303641;
transition: 0.1s;
margin-top: -4px;
}

.go-sbros-comment {
display: block;
float: right;
background: #6b6b6b;
padding: 0 8px;
line-height: 25px;
border-radius: 2px;
margin-top: -5px;
margin-right: 5px;
color: #ededed;
transition: 0.2s;

}

.go-sbros-comment:hover {
background: #808080;
transition: 0.2s;

}

.go-sbros-comment:active {
background: #626262;
transition: 0.1s;
margin-top: -4px;
}

.vote-comment {
position: relative;
float: right;
font-size: 13px;              
display: block;
border: 1px solid #6b6b6b;
padding: 0 2px;
line-height: 19px;
border-radius: 2px;
margin-top: -5px;
margin-right: 5px;
color: #1c1f24;
transition: 0.2s;

}


.comment-right-panel {
float: right !important;
margin-right: 0 !important;
color: #C4C4C4;
transition: 0.3s;    


}

.comment-right-panel i {

color: #fff;
transition: 0.3s;    


}



.comment-post:hover .comment-right-panel i {
color: #404040;
transition: 0.3s;    

}


.templater {
margin-top: 13px;


}

.templater .current {
color: #c00;  

}

.templtes {
display: none;        

}
        
.templtes.current {
display: block;




}
        
.lastnews-block a {
padding: 12px 10px 12px 10px;
    height: 32px;

}

.article-img-blog {
float: left;
background: #f3f3f3;
width: 150px;
text-align: center;
z-index: 2;
padding: 5px;
margin: 0 10px 0 0;
border-radius: 2px;
}

.article-img-blog img {
    width: 150px;
    height: 150px;
    border-radius: 2px;

}

.article-img-blog:hover {
background: #e7e7e7;


}

/* БЛОГ */
.blog-img-left {
float: left;

text-align: center;
padding: 5px;
margin: -20px 5px 0 -22px;


}

.blog-img-left img {
width: 145px;
height: 145px;
opacity: 0.8;
transition: 0.2s;

}

.blog-img-right {
float: right;
width: 150px;
text-align: center;
padding: 5px;
margin: -20px -23px 0 -22px;


}

.blog-img-right img {
width: 145px;
height: 145px;
opacity: 0.8;
transition: 0.2s;


}
    
.titleblog-ul-right li a {
display: block;
position: static;
color: #545d65;
transition: 0.2s;
margin: -5px 0 0 0;   
font-size: 20px;
       
}

.titleblog-ul-right li a:hover {
transition: 0.2s;
    -webkit-transform:  translate(2px,0);
    -moz-transform:  translate(2px,0);
    -o-transform:  translate(2px,0);
    -ms-transform: translate(2px,0);
    transform: translate(2px,0);

}

.titleblog-ul-right li a:active {
transition: 0.1s;
    -webkit-transform:  translate(4px,0);
     -moz-transform:  translate(4px,0);
     -o-transform:  translate(4px,0);
     -ms-transform: translate(4px,0);
     transform: translate(4px,0);

}
    
.titleblog-ul li a {
display: block;
position: static;
color: #545d65;
transition: 0.2s;
margin: -5px 0 0 -70px;   
font-size: 20px;
       
}

.titleblog-ul li a:hover {
transition: 0.2s;
    -webkit-transform:  translate(2px,0);
    -moz-transform:  translate(2px,0);
    -o-transform:  translate(2px,0);
    -ms-transform: translate(2px,0);
    transform: translate(2px,0);

}

.titleblog-ul li a:active {
transition: 0.1s;
    -webkit-transform:  translate(4px,0);
     -moz-transform:  translate(4px,0);
     -o-transform:  translate(4px,0);
     -ms-transform: translate(4px,0);
     transform: translate(4px,0);

}

.blog-story {
height: 115px;

}

.blog-story:hover .blog-img-left img {
opacity: 1;
transition: 0.2s;

}

.blog-story:hover .blog-img-right img {
opacity: 1;
transition: 0.2s;

}

/* Эффекты */


.effect-story {
height: 90px;

}

.panel-effect {
float:left;        
margin-top:-60px;
margin-left:145px;
    
}
       
.download-effect {
position:relative;
float:right;
padding: 10px 12px;
background: #444444;
margin-top:-100px;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
     
}
       
.download-effect a {
color: #fff;
    

}
       
.download-effect-full {
position:relative;
float:right;
padding: 11px 5px;
background: #444444;
margin-top:-36px;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
     
}
       
.download-effect-full a {
color: #fff;
font-size: 11px;    
}


.effect-story {
height: 90px;

 }
    
.effect-img {
float: left;
width: 150px;
text-align: center;
padding: 5px;
margin: -20px 5px 0 -22px;


}

.effect-img img {
width: 145px;
height: 120px;
opacity: 0.8;
transition: 0.2s;

}

.effect-story:hover .effect-img img {
opacity: 1;
transition: 0.3s;

}

.bottom-panel-effect {
position:relative;
float:center;
margin-top:10px;
background: #f9fafa;
border: 1px solid #EEEEEE;
text-align: left;
padding: 8px 13px 8px 13px;
transition: 0.2s;
color: #585b5f;
line-height: 17px;
transition: 0.2s;
} 



.bottom-panel-effect a {
border-bottom: 1px dotted;

}

.bottom-panel-effect a:hover {
border-bottom: 0;

}

/* Пресеты, верхние блоки */
.preset-left {
height: 242px;    
}
.preset-right {
height: 266px;    
}
.preset-left-all {
height: 327px;    
}
.preset-right-all {
height: 351px;    
}
.samplefilter {
height:21px;
margin-left:3px;


}

.right-text-preset {
    margin-top: 7px;
    text-align: left;
        }

.K-kontakt-top {
position: absolute;
padding: 5px 30px;
margin-top: 5px;
margin-left: 35px;
}
.K-kontakt-top:hover {
text-decoration: underline;
}

/* INSTALL */
.num-install {
position: relative;
float: left;
padding: 5px 0;
width: 670px;
line-height:17px;
padding: 8px;
background: #fff;
margin-bottom: 10px;
border: 1px solid #fff;
border-radius: 3px;
transition: 0.2s;
color: #818283;
}

.num-install img {
margin-top:8px;

}

.num-install:hover {
background: #f3f3f3;
color: #5d6164;
border: 1px solid #e7e7e7;
transition: 0.2s;

}

.fav {
float: left;
margin-left: -5px;
        margin-right: 5px;
}

.info a {
text-decoration: underline;    

}

.alarm-news h1 {
position: absolute;
margin-top: -22px;
    padding: 0 15px;
    background: #fff;
    border-bottom: 0;
font-weight: bold;
    color: #ff3b00;

}

.alarm-news {
position: relative;
padding: 10px 10px;
line-height: 18px;
border: 3px solid #ff3b00;
border-radius: 3px;

}

.alarm-install h1 {
position: absolute;
margin-top: -22px;
    padding: 0 15px;
    background: #fff;
    border-bottom: 0;
font-weight: bold;
    color: #468925;

}

.alarm-install {
position: relative;
padding: 10px 10px;
line-height: 18px;
border: 3px solid #468925;
border-radius: 3px;

}

.numm1 {
position: relative;
float: left;
padding-right: 5px;
font-weight: bold;
color: #468925;
border-right: 1px solid #468925;
margin-right: 5px;


}

.numm2 {
position: relative;
float: left;
padding-right: 5px;
padding-bottom: 18px;
font-weight: bold;
color: #468925;
border-right: 1px solid #468925;
margin-right: 5px;

}

.numm3 {
position: relative;
float: left;
padding-right: 5px;
padding-bottom: 36px;
font-weight: bold;
color: #468925;
border-right: 1px solid #468925;
margin-right: 5px;

}

.td-coma a:after {
content: ' ,';


}

.td-coma a:last-child:after {
content: ''

}

.table-full {
width: 100%; 
border-collapse: collapse; 
transition: 0.2s;

}

.td-full:hover {
transition: 0.2s;
cursor:default;

-webkit-transform:  translate(4px,0);
-moz-transform:  translate(4px,0);
-o-transform:  translate(4px,0);
-ms-transform: translate(4px,0);
transform: translate(4px,0);
    
}

.tr-full:nth-of-type(odd) { 
background: #f5f5f5; 

}

.tr-full:hover { 
transition: 0.2s;

-webkit-transform:  translate(8px,0);
-moz-transform:  translate(8px,0);
-o-transform:  translate(8px,0);
-ms-transform: translate(8px,0);
transform: translate(8px,0);        
         
}
    
.tr-full {
transition: 0.2s;
            
}

.td-full {
width: 514px; 
font-size: 14px;
line-height: 19px;
color: #636363;
transition: 0.2s;
vertical-align: middle;
padding: 6px; 
text-align: left; 
   


}
        
.td-full a:hover  { 
color: #636363;         
text-decoration: underline;
        
}

.tr-full a { 
font-size: 14px;
color: #636363;
padding: 0 4px;
        
}

.icon-full-info i {
margin-right: 10px;   

}

.td-nolink span {
margin-left: 4px;

}
.comm-article {
    background:#fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.comment-story {
background: #fff;
    
margin-bottom: 5px;
padding: 10px 15px;
font-size: 14px;
line-height: 20px;

}

.comment-autrhor a  {
font-size: 15px;
font-weight: bold;
float: left;
margin-top: 5px;

}


.comment-story span {
float: right;
font-size: 12px;
color: #838383;
}
.comment-story img {
width: 40px;
height: 40px;    
border: 2px solid #f4f4f4;
float: left;
border-radius: 4px;
transition: 0.2s;
        margin-top: 4px;
}

.comment-story img:hover {
border: 2px solid #e4e4e4;
transition: 0.2s;
}
    .comment-info {
        margin-left: 55px;
        line-height: 27px;
            
    }
    .comment-text {
                font-size: 14px;
                line-height: 21px;
      
    }

    .comm-rating i {
                margin-right: 7px;
            }
    
    .otvet {
            opacity: 0;
            transition: 0.2s;
            margin-left: 10px;
        
            cursor: pointer;
        }
        .comment-story:hover .otvet {
            opacity: 1;  
            transition: 0.3s; 
    
    
    }
    .comm-rating i:hover {
        cursor: pointer;
        
    }
    
    .del-faq-comment {
                float: left;
        margin-left: 10px;
        transition: 0.2s;
         opacity: 0; 
    }
        .comment-story:hover .del-faq-comment {
            opacity: 1;  
            transition: 0.3s; 
    
    
    }

/* ==========================================================================
   Модуль Easy Like by ПафНутиЙ */
/* ========================================================================== */

	.easylike_count {
		display: inline-block;
        float:left;
		color: #fff;
		cursor: pointer;
		font: normal 16px/16px Arial, Tahome, sans-serif;
		background: #468925 url('http://samplepro.ru/uploads/like.png') no-repeat 8px 50%;
		padding: 6px 10px 6px 40px;
    
    line-height: 21px;
    margin-right: 5px;
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 5px 0 0 5px;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
	
    }
	.easylike_count:hover {
		color: #fff;
		background: #519431 url('http://samplepro.ru/uploads/like.png') no-repeat 8px 50%;
	}

.mass_comments_action {
background: #fff;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 15px;
margin-bottom: 15px;
    
    }


.afs-error {
	/*Общий стиль для всех ошибок*/
	padding: 20px;
	background: #fff;
	color: #424242;
}
.afs-news-error {
	/*Стиль ошибки, если новость не найдена*/
	background: #eceff1;
}
.afs-tpl-error {
	/*Стиль ошибки, если не найден шаблон*/
	color: #b71c1c;
}
.afs-perm-error {
	/*Стиль ошибки, если не достаточно прав для просмотра полной новости*/
	background: #e65100;
	color: #F5F5F5;
}


    .pilot-story { 
     height: 130px; 
     color: #5a5a5a; 
            
    }
    
    .pilot-img img { 
position: absolute;
height: 193px;
margin-left:-30px;
margin-top:-27px; 
    }
.pilot_title {
position: relative;
display: inline-block;
font-size: 22px;
margin-top: -20px;
margin-left: 90px;

}
.pilot_title span {
font-size: 19px;
}
.pilot_descr {
font-size: 15px;       
position: relative;
display: inline-block;
margin-left: 90px;
        margin-top: 10px;
}
.pilot_descr span {
padding: 1px 7px;
background: #3c4445;
color: #fff;
font-size: 16px;
margin-right: 5px;
border-radius: 100%;
}
.pilot_descr li {
margin-bottom: 10px; 
}
    .pilot-download {
                position: relative;
                float: right;
                margin: -38px -5px 0 0;
                padding: 4px 6px;
                background: #3c4445;
                color: #fff;
                font-size: 18px;
                border-radius: 2px;
            
    
    }

    
    
        
    .flpro-story { 
     height: 130px; 
     color: #5a5a5a; 
            
    }
    
    .flpro-img img { 
position: absolute;
height: 193px;
margin-left:591px;
margin-top:-27px; 
    }
.flpro_title {
position: relative;
display: inline-block;
font-size: 22px;
margin-top: -20px;
margin-left: 0;

}
.flpro_title span {
font-size: 18px;
}
.flpro_descr {
font-size: 15px;       
position: relative;
display: inline-block;
margin-left: 0;
margin-top: 10px;

}
.flpro_descr span {
padding: 3px 5px;
background: #fb8832;
color: #fff;
font-size: 15px;
margin-right: 5px;
border-radius: 100%;
}
    

        
.flpro_descr li {
margin-bottom: 10px; 
}
    .flpro-download {
                position: relative;
                float: right;
                margin: -38px -5px 0 0;
                padding: 4px 6px;
                background: #3c4445;
                color: #fff;
                font-size: 18px;
                border-radius: 2px;
            
    
    
    }
    .flpro-border-title {
     border-bottom: 1px solid #fb8832;   
        font-size: 22px;


}
.g-image {
overflow:hidden; 
    position: absolute;
width: 715px;
height: 163px;
}
.g-image img {
position: absolute;        
width: 715px;
height: 163px;

transition: 0.4s;
}
.g-title {
position: absolute;
margin: 10px 0 0 20px;       
font-size: 25px;

}
.g-discr {
position: absolute;
margin: 40px 0 0 20px;       
font-size: 21px;
line-height: 25px;
         
}
    
.g-discr span { border-bottom: 1px solid #009bc1; }
    
.g-key {
position: absolute;
margin: 95px 0 0 20px;       
font-size: 16px;
line-height: 20px;
opacity: 0.7;
           
}
.g-download {
position: absolute;
margin: 125px 0 0 20px;       
font-size: 18px;
line-height: 20px;
border-left: 2px solid #009bc1; 
padding-left: 5px;
    
transition: 0.4s;
}
.g-download:hover {
border-left: 20px solid #009bc1; 
transition: 0.4s;
}
.g-download i {
margin-left:-17px;
margin-right: 7px;
color: #fff;
transition: 0.4s;
opacity: 0;
-moz-transform: rotate(90deg);  /* Firefox */
-o-transform: rotate(90deg);  /* Opera */
-webkit-transform: rotate(90deg);  /* Safari y Chrome */
}
.g-download:hover i {
transition: 0.4s;
opacity: 1;
-moz-transform: rotate(0deg);  /* Firefox */
-o-transform: rotate(0deg);  /* Opera */
-webkit-transform: rotate(0deg);  /* Safari y Chrome */
}

.adv2-story {
height: 130px;
color: #5a5a5a;
}
.adv2_main_img img { 
position: absolute;
height: 193px;
margin-left:-85px;
margin-top:-25px;
}
.adv2_title {
position: relative;
display: inline-block;
font-size: 22px;
margin-top: -20px;
margin-left: 111px;
margin-right: 12px;
border-radius: 3px;
padding: 5px 8px;
}
.adv2_descr {
font-size: 18px;       
position: relative;
display: inline-block;
margin-left: 120px;
}

    
    .adv2_title span { color: #34389d; }
    .flpro_link { margin-left: 120px; font-size: 16px; color: #3f821f; margin-bottom: 10px; }
    .flpro_link img { margin-right: 5px; margin-bottom: -4px; }
    .bg-wave-profl img { margin-left: 120px; margin-top: -1px; }
    .profl-next { position: absolute; margin-top: 6px; margin-left: 120px; font-size: 16px; padding: 4px 7px; color: #fff; background: #4d50b3; border-radius: 2px; }

.adv2_bg img { 
position: absolute;
margin: -15px 0 0 -15px;
}
.adv2_descr {
margin-top: 10px;
        margin-left: 130px;
}
.profl-next {
margin-top: 17px;
         margin-left: 130px;
        
}
    
    .adv2_title {
         margin-left: 120px;
        }
.adv2_main_img img {
margin-left: -40px;
}

               .mixfl_bonus { 
                position: absolute; 
                margin-top: 12px; 
                margin-left: 130px; 
                padding: 6px 5px;
                font-size: 14px; 
                height: 40px; width: 150px;
                border-top: 2px solid #a95e91;
            	transition: 0.4s;
            
                }
        .mixfl_bonus1 { margin-left: 315px; border-top: 2px solid #914177; }
        .mixfl_bonus2 { margin-left: 500px; border-top: 2px solid #6f3278; }
    

    
    .mixedfl:hover .mixfl_bonus { margin-left:530px; opacity: 0;}
    
    .mixfl_download { position: absolute; transition: 0.6s; margin-left: 100px; margin-top: 13px; font-size: 22px; opacity:0; }
    
    .mixedfl:hover .mixfl_download { margin-left: 245px; margin-top:13px; transition: 0.4s; opacity: 1;}
	/*v 1.2*/
	.easylike_load {
		width:5px;
    padding: 0 2px;
    
	}
	.easylike_circles {
		background-color: #fff;
		float: left;
		height: 4px;
		margin: 8px 2px 6px 0;
		width: 4px;
		-webkit-animation-name: easylikeBounce;
		-webkit-animation-duration: 0.8999999999999999s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: linear;
		-o-animation-name: easylikeBounce;
		-o-animation-duration: 0.8999999999999999s;
		-o-animation-iteration-count: infinite;
		-o-animation-direction: linear;
		animation-name: easylikeBounce;
		animation-duration: 0.8999999999999999s;
		animation-iteration-count: infinite;
		animation-direction: linear;
		-webkit-border-radius: 3px;
		border-radius: 3px;
    
	}
	.easylike_circles.ec1 {
		-webkit-animation-delay: 0.18s;
		-o-animation-delay: 0.18s;
		animation-delay: 0.18s;
	}
	.easylike_circles.ec2 {
		-webkit-animation-delay: 0.42000000000000004s;
		-o-animation-delay: 0.42000000000000004s;
		animation-delay: 0.42000000000000004s;
	}
	.easylike_circles.ec3 {
		-webkit-animation-delay: 0.5399999999999999s;
		-o-animation-delay: 0.5399999999999999s;
		animation-delay: 0.5399999999999999s;
	}
	@-webkit-keyframes easylikeBounce{0%{} 50%{background-color:#2a5614} 100%{}}
	@-o-keyframes easylikeBounce{0%{} 50%{background-color:#3f6d27} 100%{}}
	@keyframes easylikeBounce{0%{} 50%{background-color:#316119} 100%{}}
    

    

.bclose {background: url('http://samplepro.ru/uploads/minus.png') no-repeat;position: relative;width:18px;height:18px;float:right;cursor:pointer;transition: 0.2s;margin-right:2px;margin-bottom:-3px;}  
.bopen {background: url('http://samplepro.ru/uploads/plus.png')  no-repeat;position: relative;width:18px;height:18px;float:right;cursor:pointer;transition: 0.2s;margin-right:2px;margin-bottom:-3px;}  



.korpus-cat > div, .korpus-cat > input { display: none; }

.korpus-cat h1 { position: absolute; width: 690px; margin-top: 10px; font-size: 19px; color: #545d65; margin-left: 15px; border-bottom: 1px solid #e6e6e6; padding-bottom: 8px; padding-top: 5px; }
.korpus-cat label { transition: 0.2s; float: right;  margin-bottom: 10px; margin-top: 4px; padding: 10px 14px; line-height: 10px; cursor: pointer; position: relative; top: 5px; right: 9px; bottom: 26px; }
.korpus-cat input[type="radio"]:checked + label { padding: 10px 14px; color: #4a5056; margin-top: 4px; margin-bottom: 9px; border-bottom: 1px solid #f63e65; }


.korpus-cat input[type="radio"]:checked:hover + label { margin-top: 4px; border-bottom: 2px solid #f63e65; margin-bottom: 6px; padding: 10px 14px; }

.korpus-cat label:hover { -webkit-transform:  translate(1px);
        -moz-transform:  translate(0,-1px);
        -o-transform:  translate(0,-1px);
        -ms-transform: translate(0,-1px);
        transform: translate(0,-1px); transition: 0.2s;  margin-top: 4px; margin-bottom: 8px; padding: 10px 14x; }


.korpus-cat > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus-cat > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus-cat > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus-cat > input:nth-of-type(4):checked ~ div:nth-of-type(4), 
.korpus-cat > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.korpus-cat > input:nth-of-type(6):checked ~ div:nth-of-type(6), 
.korpus-cat > input:nth-of-type(7):checked ~ div:nth-of-type(7),
.korpus-cat > input:nth-of-type(8):checked ~ div:nth-of-type(8) { display: block; background: #fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); padding: 15px; margin-bottom: 15px; }




.korpus > div, .korpus > input { display: none; }

.korpus label { float: right; transition: 0.5s; padding: 8px; border: 2px solid #ececec; border-radius: 3px;   line-height: 10px; cursor: pointer; position: relative; top: 0px; right: 8px; bottom: 26px; background: #fff; }
.korpus input[type="radio"]:checked + label { padding: 8px; border: 2px solid #cbcbcb;   }

.korpus input[type="radio"]:checked:hover + label { padding: 8px; border: 2px solid #787878;   }

.korpus label:hover {  transition: 0.5s; padding: 8px; border: 2px solid #bebebe;   }


.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4) { display: block; border-radius: 5px 0 5px 0;  padding: 4px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); background: #f3f3f3; }