article, aside, aside1, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display : block;
}
audio, canvas, video {
display : inline-block;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden], template {
display : none;
}
html {
font-family : sans-serif;
}
body {
margin : 0;
padding : 0;
}
a {
background : transparent;
}
a:focus {
outline : none;
}
a:active, a:hover {
outline : 0;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : bold;
}
dfn {
font-style : italic;
}
hr {
box-sizing : content-box;
height : 0;
}
mark {
background : #ff0;
color : #000;
}
code, kbd, pre, samp {
font-size : 1em;
}
pre {
white-space : pre-wrap;
}
q {
quotes : "\201C" "\201D" "\2018" "\2019";
}
small {
font-size : 80%;
}
sub, sup {
position : relative;
vertical-align : baseline;
font-size : 75%;
line-height : 0;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
img {
border : 0;
max-width : 100%;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 0;
}
fieldset {
margin : 0 2px;
padding : 0.35em 0.625em 0.75em;
border : #c0c0c0 solid 1px;
}
legend {
padding : 0;
border : 0;
}
button, input, select, textarea {
margin : 0;
font-size : 100%;
font-family : inherit;
}
button, input {
line-height : normal;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing : border-box;
padding : 0;
}
input[type="search"] {
box-sizing : content-box;
}
textarea {
overflow : auto;
vertical-align : top;
}
div {
border : 0;
}
html, button, input, select, textarea {
color : #000;
}
body {
font-family : arial;
font-size : 15px;
line-height : 1.3;
background-color : #fff;
}
@media screen and (max-width: 599px) {
body {
font-size : 16px;
}
}
hr {
display : block;
height : 0;
border : 0;
border-top : 1px dashed #828282;
margin : 10px 0;
padding : 0;
}
img {
vertical-align : middle;
}
fieldset {
border : 0;
margin : 0;
padding : 0;
}
textarea {
resize : vertical;
}
blockquote {
margin : 20px 0 20px 70px;
position : relative;
font-style : italic;
font-weight : 300;
}
blockquote:before {
content : '❝';
font-style : normal;
position : absolute;
left : -80px;
font-size : 85pt;
top : -30px;
color : #eee;
z-index : -1;
}
a {
color : #000;
text-decoration : none;
transition : all 0.3216s ease;
}
a:hover {
text-decoration : none;
}
.clr:after {
display : table;
clear : both;
content : '';
}
.opened {
color : #000 !important ;
}
h1, h2, h3, h4, h5, h6 {
margin : 0;
padding : 0;
font-weight : 300;
font-size : 13px;
}
.mttl {
position : relative;
text-align : center;
margin-bottom : 20px;
padding-bottom : 20px;
}
.mttl:before {
content : "";
position : absolute;
width : 100px;
height : 5px;
background : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=") 0% 0% repeat scroll transparent;
opacity : 0.2;
bottom : 0;
left : 50%;
margin-left : -50px;
}
.ttl-descr {
display : block;
text-align : center;
max-width : 600px;
padding : 0 30px;
margin : 0 auto 40px auto;
color : #999;
font-size : 10pt;
white-space : normal;
}
.guest-den i, .acces-den i {
font-size : 68pt;
color : #ccc;
cursor : default;
}
.guest-den span, .acces-den span {
display : block;
font-weight : 300;
font-size : 14pt;
margin : 40px 0;
}
.ponizhe {
padding-top : 40px;
}
.middle {
margin : 0 auto;
max-width : 1200px;
padding : 0 30px;
white-space : nowrap;
}
.middle > section, .middle > aside, .middle > aside1, .middle > div {
white-space : nowrap;
}
@media screen and (min-width: 50px) and (max-width: 500px) {
.middle {
padding : 0 10px;
}
}
.content {
box-sizing : border-box;
display : inline-block;
width : 100%;
vertical-align : top;
padding : 0 240px 0 240px;
white-space : normal;
}
.sidebar {
float : left;
width : 220px;
vertical-align : top;
margin-right : -220px;
position : relative;
display : inline-block;
}
.sidebar1 {
float : right;
width : 220px;
vertical-align : top;
margin-left : -220px;
position : relative;
display : inline-block;
}
@media screen and (min-width: 711px) and (max-width: 960px) {
.content {
padding-right : 0;
}
.sidebar1 {
float : none;
clear : both;
width : 100% !important ;
margin-top : 20px;
margin-left : 0;
display : block;
}
}
@media screen and (min-width: 100px) and (max-width: 710px) {
.content {
padding-right : 0;
padding-left : 0;
}
.sidebar {
width : 100%;
margin-top : 20px;
margin-right : 0;
display : block;
}
.sidebar1 {
width : 100%;
margin-top : 0;
margin-left : 0;
display : block;
}
}
.vovsu {
width : 100%;
background : #339901;
position : fixed;
z-index : 1000;
padding : 0;
margin : 0;
}
.header {
line-height : 40px;
}
.logo-info {
float : left;
line-height : 40px;
color : #fff;
font-weight : 700;
font-family : arial;
font-size : 23px;
}
.logo-info a {
transition : all 0.3s;
color : #fff;
outline : none;
font-weight : 700;
font-family : arial;
font-size : 23px;
}
.logo-info a:hover {
color : #fff;
outline : none;
}
.poisk1 {
background : #339901;
border-top : 1px dashed #43cb01;
text-align : center;
line-height : 35px;
}
.poisk2 {
max-width : 400px;
text-align : center;
margin : 7px auto 3px auto;
}
.menu {
margin : 0;
padding : 0;
}
.menu ul {
padding : 0;
margin : 5px 10px;
}
.menu li {
list-style : none;
font-size : 14px;
line-height : 35px;
white-space : nowrap;
border-bottom : 1px dashed #828282;
color : #ea0505;
font-weight : 600;
}
.menu li a {
color : #42316a;
}
.menu li a:hover {
color : #ea0505;
text-decoration : none;
}
.knopki {
float : right;
line-height : 40px;
}
button652 {
background : #339901;
line-height : 40px !important ;
text-align : center;
position : relative;
padding : 0;
margin : 0;
display : inline-block;
}
button652:hover {
background : #41c500;
}
.fgr {
background : #339901;
line-height : 40px !important ;
text-align : center;
position : relative;
padding : 0;
margin : 0;
display : inline-block;
}
.fgr:hover {
background : #41c500;
}
.moddul {
background : #a499e5;
line-height : 20px !important ;
text-align : center;
font-size : 12px;
font-weight : 600;
display : inline-block;
padding : 5px 10px;
color : #fff;
text-transform : uppercase;
border-radius : 0 0 4px 4px;
}
.toper {
color : #000;
white-space : normal !important ;
border-bottom : 1px dashed #828282;
padding : 10px 0;
line-height : 1.5;
text-align : center;
}
.toper a {
color : #000;
text-decoration : underline;
}
.toper a:hover {
color : #000;
text-decoration : none;
}
@media screen and (min-width: 100px) and (max-width: 600px) {
.toper {
text-align : left;
}
}
button11 {
text-align : left;
font-size : 13px;
display : inline-block;
background : #339901;
color : #fff;
padding : 5px 10px;
border-radius : 3px;
}
button11:hover {
background : #017fe1;
color : #fff;
}
button12 {
padding : 6px 12px;
line-height : 35px;
font-size : 13px;
position : relative;
background : #887ec5;
background : linear-gradient(0deg, #887ec5 0%, #a298e2 100%);
border : #887ec5 solid 1px;
text-transform : uppercase;
color : #fff;
font-weight : 600;
cursor : pointer;
border-radius : 4px;
}
button12:hover {
background : #8ad001;
background : linear-gradient(0deg, #72bc01 0%, #94df00 100%);
border : #88b443 solid 1px;
color : #fff;
}
.main-search .searchForm {
position : relative;
width : 400px;
}
.main-search .searchForm input {
height : 100px;
line-height : 100px;
font-size : 28pt;
padding : 0 20px;
margin-bottom : 0;
width : 100%;
}
.main-search .searchForm .schBtn {
position : absolute;
right : 0;
top : 0;
}
.main-search .searchForm .schBtn input {
background-color : transparent;
width : 100px;
}
.sidebox-bd .searchForm {
margin : 10px 10px;
}
.sidebar .searchForm {
position : relative;
margin-bottom : 7px;
}
.sidebar .schQuery input[type="text"] {
padding : 10px 10px 10px 10px !important ;
border-radius : 4px;
border : #ffffff solid 1px !important ;
height : 40px;
width : 100%;
background : #ffffff !important ;
box-sizing : border-box;
color : #000 !important ;
font-style : normal !important ;
}
.searchSbmFl[type="submit"] {
width : 50px;
height : 50px;
border : none;
text-indent : -10000px;
overflow : hidden;
margin : 0;
padding : 0;
background-image : url("/img/search.png");
background-repeat : no-repeat;
background-position : 50% 50%;
background-size : 100%;
color : #1fae14;
}
.sidebar .searchSbmFl {
background-color : transparent;
}
.sidebar .searchSbmFl:hover {
background-color : transparent;
}
.sidebar .searchSbmFl:active {
background-color : transparent;
}
.sidebar .searchSbmFl {
position : absolute;
top : 1px;
right : 1px;
box-shadow : none;
}
.page-nav-big .searchForm {
margin : 10px auto;
position : relative;
width : 100%;
}
.page-nav-big .schQuery input[type="text"] {
width : 100%;
font-size : 16px;
color : #000;
height : 35px;
padding : 0 10px;
border-radius : 4px;
border : #fff solid 1px;
outline : none;
}
.page-nav-big .searchSbmFl {
position : absolute;
right : 0;
top : 0;
background-color : #41c500 !important ;
background-size : 40%;
width : 45px;
height : 35px;
color : #000;
border-radius : 0 3px 3px 0;
}
.page-nav-big:hover .searchSbmFl:hover {
background-color : #62d829 !important ;
}
.page-nav-big table {
margin : 20px auto 0 auto;
width : 400px;
}
.page-nav-big table td a {
font-size : 10pt;
}
.page-nav-big table td .aSchBrc1 {
padding : 0;
}
.page-nav-big table td .queryField {
width : 100%;
margin-right : -65px;
font-size : 12pt;
color : #888;
height : 35px;
padding : 0 10px;
}
.page-nav-big table td .searchSbmFl {
position : relative;
}
.search-block {
margin : 30px 0;
}
.search-block .e-img {
position : relative;
float : left;
width : 60px;
height : 60px;
line-height : 60px;
text-align : center;
font-size : 16pt;
color : #000;
background : rgb(251, 249, 207, 0.05);
border-radius : 50px;
overflow : hidden;
}
.search-block .eMessage, .search-block .board-cat, .search-block .eTitle {
margin-left : 80px;
}
.search-block .eTitle {
padding-top : 0;
}
.search-block .eMessage {
font-size : 10pt;
}
.bdtr {
background : #00b3ff;
border-radius : 4px 4px 0 0;
font-size : 15px;
font-weight : 600;
white-space : normal;
text-align : center;
color : #fff;
padding : 7px 10px;
line-height : 20px;
}
.bdtr2 {
background : #339901;
border-radius : 3px;
font-size : 15px;
font-weight : 400;
white-space : normal;
text-align : left;
color : #ffffff;
padding : 5px 10px;
line-height : 20px;
}
.vdetra1 {
white-space : normal;
color : #000;
text-align : center;
}
.vdetra2 {
white-space : normal;
color : #000;
text-align : justify;
}
.vdetra2 a {
white-space : normal;
color : #000;
text-decoration : none;
}
.vdetra2 a:hover {
white-space : normal;
color : #26A9E0;
text-decoration : none;
}
.ashka {
color : #017fe1;
font-size : 18px;
border-bottom : 1px dashed #828282;
font-weight : 400;
white-space : normal;
text-align : center;
padding : 5px 10px 8px 10px;
}
.ashka2 {
background : #339901;
color : #fff;
font-size : 14px;
font-weight : 400;
white-space : normal;
text-align : center;
padding : 5px 10px;
border-radius : 3px;
}
.ashkavse {
color : #017fe1;
font-size : 18px;
font-weight : 400;
white-space : normal;
text-align : center;
padding : 5px 10px 8px 10px;
}
.ashka3 {
color : #ea0505;
font-size : 17px;
border-bottom : 1px solid #ea0505;
font-weight : 400;
white-space : normal;
text-align : left;
padding : 5px 10px;
margin-bottom : 5px;
}
.spisokkategor {
padding : 7px 0;
border-bottom : 1px dashed #828282;
color : #28d1c7;
}
.spisokkategor a {
color : #42316a;
font-weight : 600;
}
.spisokkategor a:hover {
color : #ea0505;
text-decoration : none;
}
.spisokkategor2 {
padding : 7px 0;
border-bottom : 1px dashed #828282;
color : #15da15;
font-weight : 600;
}
.spisokkategor2 a {
color : #42316a;
font-weight : 600;
}
.spisokkategor2 a:hover {
color : #15da15;
text-decoration : none;
}
.col-3, .col-33, .col-74, .col-76, .col-2, .col-37, .col-9901, .col-822, .col-686 {
float : left;
position : relative;
min-height : 1px;
padding-left : 10px;
padding-right : 10px;
box-sizing : border-box;
}
@media screen and (min-width: 961px) {
.rw .col-3, .row .col-3 {
width : 100% !important ;
float : none;
}
}
@media screen and (min-width: 540px) and (max-width: 960px) {
.rw .col-3, .row .col-3 {
width : 50% !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 539px) {
.rw .col-3, .row .col-3 {
float : none;
width : 100% !important ;
}
.sbbu {
display : none !important ;
}
}
@media screen and (min-width: 961px) {
.rw .col-822, .row .col-822 {
width : 25% !important ;
}
}
@media screen and (min-width: 640px) and (max-width: 960px) {
.rw .col-822, .row .col-822 {
width : 33.33333333333% !important ;
}
}
@media screen and (min-width: 450px) and (max-width: 639px) {
.rw .col-822, .row .col-822 {
width : 50% !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 449px) {
.rw .col-822, .row .col-822 {
float : none;
width : 100% !important ;
}
}
.col-76 {
width : 50%;
}
@media screen and (min-width: 451px) {
.rw .col-76, .row .col-76 {
width : 50%;
}
}
@media screen and (min-width: 100px) and (max-width: 450px) {
.rw .col-76, .row .col-76 {
float : none;
width : 100% !important ;
}
}
.col-33 {
width : 33.3333333333%;
}
@media screen and (min-width: 961px) and (max-width: 1050px) {
.rw .col-33, .row .col-33 {
width : 50% !important ;
}
}
@media screen and (min-width: 581px) and (max-width: 960px) {
.rw .col-33, .row .col-33 {
width : 33.3333333333% !important ;
}
}
@media screen and (min-width: 400px) and (max-width: 580px) {
.rw .col-33, .row .col-33 {
width : 50% !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 399px) {
.rw .col-33, .row .col-33 {
float : none;
width : 100% !important ;
}
}
.col-2 {
width : 50%;
}
@media screen and (min-width: 620px) {
.rw .col-2, .row .col-2 {
width : 50% !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 619px) {
.rw .col-2, .row .col-2 {
float : none;
width : 100% !important ;
}
}
@media screen and (min-width: 801px) {
.rw .col-37, .row .col-37 {
width : 100% !important ;
float : none;
}
.otbef {
padding : 0 !important ;
}
}
@media screen and (min-width: 421px) and (max-width: 800px) {
.rw .col-37, .row .col-37 {
width : 50% !important ;
}
.otbef {
padding : 0 !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 420px) {
.rw .col-37, .row .col-37 {
float : none;
width : 100% !important ;
}
.otbef {
padding : 0 !important ;
}
}
@media screen and (min-width: 471px) {
.rw .col-9901, .row .col-9901 {
width : 33.33333333% !important ;
}
}
@media screen and (min-width: 331px) and (max-width: 470px) {
.rw .col-9901, .row .col-9901 {
width : 50% !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 330px) {
.rw .col-9901, .row .col-9901 {
float : none;
width : 100% !important ;
}
}
.korob {
text-align : center;
margin : 0 auto;
width : 100%;
}
.korob2 {
display : inline-block;
text-align : left;
}
.pspisok {
margin : 10px;
}
.banerkorob {
display : block;
margin-bottom : 5px;
color : #fff;
}
.banerkorob img {
border : #d1d1d1 solid 1px;
box-sizing : border-box;
border-radius : 6px;
}
.banerkorob:hover img {
opacity : 0.8;
}
.porovnee {
padding : 0 5px;
}
.col-39 {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
}
@media screen and (min-width: 961px) {
.rw .col-39, .row .col-39 {
width : 100% !important ;
float : none;
}
.textUnderBanner {
border-radius : 5px;
white-space : normal;
padding : 3px;
text-align : left;
font-weight : 600;
background : #fff;
height : 65px;
overflow : hidden;
text-overflow : clip;
font-size : 15px;
}
.textUnderBannerLink {
color : #2d3069;
text-decoration : none;
}
.textUnderBannerLink:hover {
color : #15da15;
text-decoration : none;
}
}
@media screen and (min-width: 510px) and (max-width: 960px) {
.rw .col-39, .row .col-39 {
width : 25% !important ;
}
}
@media screen and (min-width: 261px) and (max-width: 509px) {
.rw .col-39, .row .col-39 {
width : 50% !important ;
}
.textUnderBanner {
border-radius : 5px;
white-space : normal;
padding-top : 3px;
text-align : left;
font-weight : 600;
background : #fff;
height : 65px;
overflow : hidden;
text-overflow : clip;
font-size : 13px;
}
.textUnderBannerLink {
color : #2d3069;
text-decoration : none;
}
.textUnderBannerLink:hover {
color : #15da15;
text-decoration : none;
}
}
@media screen and (min-width: 100px) and (max-width: 260px) {
.rw .col-39, .row .col-39 {
float : none;
width : 100% !important ;
}
.textUnderBanner {
border-radius : 5px;
white-space : normal;
padding-top : 3px;
text-align : left;
font-weight : 600;
background : #fff;
height : 65px;
overflow : hidden;
text-overflow : clip;
font-size : 15px;
}
.textUnderBannerLink {
color : #2d3069;
text-decoration : none;
}
.textUnderBannerLink:hover {
color : #15da15;
text-decoration : none;
}
}
.col-40 {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
}
@media screen and (min-width: 801px) {
.rw .col-40, .row .col-40 {
width : 100% !important ;
float : none;
}
.textUnderBanner {
border-radius : 5px;
white-space : normal;
padding-top : 3px;
text-align : left;
font-weight : 600;
background : #fff;
height : 65px;
overflow : hidden;
text-overflow : clip;
font-size : 15px;
}
.textUnderBannerLink {
color : #2d3069;
text-decoration : none;
}
.textUnderBannerLink:hover {
color : #15da15;
text-decoration : none;
}
}
@media screen and (min-width: 510px) and (max-width: 800px) {
.rw .col-40, .row .col-40 {
width : 25% !important ;
}
.textUnderBanner {
border-radius : 5px;
white-space : normal;
padding-top : 3px;
text-align : left;
font-weight : 600;
background : #fff;
height : 65px;
overflow : hidden;
text-overflow : clip;
font-size : 13px;
}
.textUnderBannerLink {
color : #2d3069;
text-decoration : none;
}
.textUnderBannerLink:hover {
color : #15da15;
text-decoration : none;
}
}
@media screen and (min-width: 261px) and (max-width: 509px) {
.rw .col-40, .row .col-40 {
width : 50% !important ;
}
.textUnderBanner {
border-radius : 5px;
white-space : normal;
padding-top : 3px;
text-align : left;
font-weight : 600;
background : #fff;
height : 65px;
overflow : hidden;
text-overflow : clip;
font-size : 13px;
}
.textUnderBannerLink {
color : #2d3069;
text-decoration : none;
}
.textUnderBannerLink:hover {
color : #15da15;
text-decoration : none;
}
}
@media screen and (min-width: 100px) and (max-width: 260px) {
.rw .col-40, .row .col-40 {
float : none;
width : 100% !important ;
}
.textUnderBanner {
border-radius : 5px;
white-space : normal;
padding-top : 3px;
text-align : left;
font-weight : 600;
background : #fff;
height : 65px;
overflow : hidden;
text-overflow : clip;
font-size : 15px;
}
.textUnderBannerLink {
color : #2d3069;
text-decoration : none;
}
.textUnderBannerLink:hover {
color : #15da15;
text-decoration : none;
}
}
* {
box-sizing : border-box;
}
.switchActive, .switchDigit, .switchBack, .switchNext, .swchItemA, .swchItem {
padding : 5px 10px;
line-height : 32px;
color : #fff;
border : #41c500 solid 1px;
font-weight : 600;
border-radius : 4px;
background : #41c500;
}
.swchItem:hover, .switchDigit:hover, .switchBack:hover, .switchNext:hover {
text-decoration : none;
padding : 5px 10px;
line-height : 32px;
color : #fff;
border : #03bbf8 solid 1px;
font-weight : 600;
border-radius : 4px;
background : #03bbf8;
}
.switchActive, .swchItemA {
padding : 5px 10px;
line-height : 32px;
color : #000;
border : #b8b8b8 solid 1px;
font-weight : 600;
border-radius : 4px;
background : #fff;
}
.swchItem1 {
color : #6c6c6c;
padding : 0 2px;
}
.swchItem1:hover {
color : #333;
text-decoration : none;
}
.swchItemA1 {
padding : 4px 6px;
color : #fff;
text-shadow : 0 1px #636363;
box-shadow : 0 1px #EDEDED;
border : #888 solid 1px;
background : #777777;
text-decoration : none;
border-radius : 3px;
}
.poster1 {
border : #ededed solid 1px;
border-radius : 4px;
}
.rtcdss {
border-radius : 4px;
opacity : 1.0;
}
.rtcdss:hover {
opacity : 0.7;
}
.rtcdss2 {
border-radius : 0 0 4px 4px;
opacity : 1.0;
}
.rtcdss2:hover {
opacity : 0.7;
}
.poster1 .video-length {
background : #60d402;
line-height : 20px;
border-radius : 4px 4px 0 0;
}
.poster1 .video-length2 {
background : #03bbf8;
line-height : 20px;
border-radius : 4px 4px 0 0;
}
.poster1 .video-length3 {
background : #ff6600;
line-height : 20px;
border-radius : 4px 4px 0 0;
}
.poster1 .video-length4 {
background : #9b21d4;
line-height : 20px;
border-radius : 4px 4px 0 0;
}
.poster1 .video-length5 {
background : #fa1005;
line-height : 20px;
border-radius : 4px 4px 0 0;
}
.poster1 .video-lengthtxt {
text-align : left;
padding : 4px 8px;
font-size : 11px;
color : #fff;
}
.poster1 .video-length2txt {
text-align : left;
padding : 4px 8px;
font-size : 11px;
color : #fff;
}
.poster1 .video-length3txt {
text-align : left;
padding : 4px 8px;
font-size : 11px;
color : #fff;
}
.poster1 .video-length4txt {
text-align : left;
padding : 4px 8px;
font-size : 11px;
color : #fff;
}
.poster1 .video-length5txt {
text-align : left;
padding : 4px 8px;
font-size : 11px;
color : #fff;
}
.poster1 .video-lengthvoz {
float : right;
line-height : 21px;
padding : 0 9px;
font-size : 11px;
color : #c40033;
background : #f6ff00;
z-index : 2;
border-radius : 0 3px 0 0;
}
.rteye2 {
position : relative;
}
.doskolki1 {
display : block;
position : absolute;
bottom : 4px;
right : 4px;
padding : 3px 5px;
font-size : 11px;
color : #fff;
background : #60d402;
z-index : 10;
border-radius : 3px;
}
.doskolki2 {
display : block;
position : absolute;
bottom : 4px;
right : 4px;
padding : 3px 5px;
font-size : 11px;
color : #fff;
background : #13d6e2;
z-index : 10;
border-radius : 3px;
}
.doskolki3 {
display : block;
position : absolute;
bottom : 4px;
right : 4px;
padding : 3px 5px;
font-size : 11px;
color : #fff;
background : #9b21d4;
z-index : 10;
border-radius : 3px;
}
.doskolki4 {
display : block;
position : absolute;
bottom : 4px;
right : 4px;
padding : 3px 5px;
font-size : 11px;
color : #fff;
background : #faa605;
z-index : 10;
border-radius : 3px;
}
.doskolki5 {
display : block;
position : absolute;
bottom : 4px;
right : 4px;
padding : 3px 5px;
font-size : 11px;
color : #fff;
background : #fa1005;
z-index : 10;
border-radius : 3px;
}
.nazv4 {
padding : 5px 0 0 0;
height : 45px;
overflow : hidden;
text-overflow : clip;
font-family : arial;
text-align : left;
line-height : 14px;
white-space : normal;
}
.nazv4 a {
color : #2d3069;
text-decoration : none;
font-size : 13px;
font-weight : 600;
text-align : left;
}
.nazv4 a:hover {
color : #15da15;
text-decoration : none;
}
.videeo {
height : 300px !important ;
}
.nazv {
padding : 5px 0 0 0;
height : 45px;
overflow : hidden;
text-overflow : clip;
font-family : arial;
text-align : left;
line-height : 14px;
white-space : normal;
}
.nazv a {
color : #2d3069;
text-decoration : none;
font-size : 13px;
font-weight : 600;
text-align : left;
}
.nazv a:hover {
color : #15da15;
text-decoration : none;
}
 .sidebox {
box-sizing : border-box;
margin-bottom : 60px;
padding : 0;
font-size : 11pt;
}
.sidebox-ttl {
color : #fff;
font-size : 12pt;
font-weight : 600;
background : #56a0cc;
line-height : 60px;
padding : 0 20px;
text-transform : uppercase;
text-shadow : 0 1px 1px rgb(0, 0, 0, 0.1);
border-radius : 4px 4px 0 0;
}
.sidebox-ttl:before {
content : "";
background : linear-gradient(to right, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 0.1) 100%);
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 1;
}
.sidebox-ttl {
position : relative;
}
.sidebox-bd {
background : #fff;
position : relative;
overflow : hidden;
border-radius : 0 0 4px 4px;
}
.sidebox-bd ul {
padding : 0;
margin : 0;
list-style : none;
}
.sidebox-bd li {
list-style : none;
position : relative;
font-weight : 300;
font-size : 12pt;
border-bottom : 1px solid #FAFAFA;
}
.sidebar .catsTd {
font-weight : 300;
font-size : 12pt;
color : #999;
position : relative;
border-bottom : 1px solid #FAFAFA;
}
.sidebox-bd li:before, .sidebar .catsTd:before {
content : '';
width : 0;
height : 100%;
background : #fafafa;
display : block;
position : absolute;
left : -1px;
top : 0;
transition : all 0.3216s ease;
}
.sidebox-bd li:hover:before, .sidebar .catsTd:hover:before {
width : 4px;
}
.sidebox-bd li a, .sidebar .catsTd .catName, .sidebar .catsTd .catNameActive {
text-decoration : none;
display : block;
padding : 10px 50px 10px 18px;
color : #333;
font-weight : 300;
font-size : 12pt;
z-index : 2;
}
.sidebox-bd li a:hover, .sidebar .catsTd a:hover, .sidebar .catsTd .catNameActive {
color : #56A0CC;
}
.sidebar .catsTd .catNumData {
position : absolute;
right : 15px;
top : 14px;
font-size : 9pt;
}
.sidebar .catsTd .catDescr {
padding : 0 18px 10px 18px;
color : #ccc;
font-size : 9pt;
margin-top : -8px;
}
.sidebox-bd .uMenuRoot li:before {
display : none;
}
.sidebox-bd .uMenuRoot li a {
padding : 0;
}
.sidebox-bd .uMenuRoot li span {
display : block;
padding : 10px 18px 10px 18px;
}
.sidebox-bd .uMenuRoot li {
position : relative;
cursor : pointer;
transition : all 0.3367s ease;
}
.sidebox-bd .uMenuRoot li.uWithSubmenu:after {
content : '▼';
position : absolute;
right : 16px;
top : 14px;
font-size : 8pt;
color : #999;
transition : all 0.3367s ease;
}
.sidebox-bd .uMenuRoot li:hover, .sidebox-bd .uMenuRoot li.uWithSubmenu:hover:after {
color : #56A0CC;
}
.sidebox-bd .uMenuRoot li ul li {
padding-left : 10px;
}
.sidebox-bd .uMenuRoot li ul li:hover {
background : rgb(0, 0, 0, 0.01);
}
.sidebox-bd #uidLogForm, .sidebox-bd #shop-basket {
padding : 25px 0;
}
.ulogin-btn {
float : left;
}
.sidebox-bd .tOnline {
padding-top : 10px;
}
.sidebox-bd .groupAdmin, .sidebox-bd .uOnline {
padding-bottom : 10px;
display : block;
}
.ulb-mid {
color : #8bbce1;
}
.calMonth {
padding : 10px;
font-weight : 600;
font-size : 14px;
}
.calTable {
border-radius : 5px;
overflow : hidden;
border-collapse : collapse;
width : 100%;
max-width : 300px;
}
.calWday, .calWdaySe, .calWdaySu {
color : #777;
font-size : 11px;
padding : 8px;
background : #f7f7f7;
}
.calMday, .calMdayIs, .calMdayA, .calMdayIsA {
color : #ccc;
font-size : 11px;
padding : 10px;
}
.calMdayIs {
font-weight : bold;
border-radius : 50%;
}
.calMdayA {
color : #333;
font-weight : bold;
}
.calMonth a, .calMdayIs a, .calMdayIsA a, .calMdayIsA:hover a {
color : #333;
text-decoration : none;
}
.calMdayIs a:hover {
color : #56A0CC;
}
.archUl {
padding : 0;
margin : 0;
list-style : none;
}
.cCounter {
position : absolute;
top : 10px;
right : 6px;
background : rgb(0, 0, 0, 0.2);
color : #fff;
padding : 2px;
border-radius : 2px;
font-size : 8pt;
}
.cEntry {
background : #fff;
margin : 4px 0;
padding : 10px;
box-shadow : 0 1px 2px rgb(0, 0, 0, 0);
transition : all 0.3216s ease;
}
.cEntry:hover {
box-shadow : 0 1px 2px rgb(0, 0, 0, 0.2);
}
.cEntry a {
color : #ccc;
font-weight : 400 !important ;
}
.cEntry:hover a {
color : #000;
}
.cEntry a:hover {
color : #56A0CC;
text-decoration : none;
}
.cBtn div, #mchatBtn {
width : auto !important ;
}
.cBtn div {
float : right;
}
.pollBlock {
padding : 10px 18px;
}
.pollQue {
font-size : 12pt !important ;
color : #333;
padding-bottom : 18px;
}
.pollQue b {
font-weight : normal;
}
.answer {
font-size : 13px;
}
.answer label {
padding-left : 8px;
}
.pollButton {
margin : 20px 4px 10px 0;
float : left;
}
.pollLnk a {
font-size : 10pt !important ;
white-space : nowrap;
text-decoration : none;
margin : 20px 4px 10px 0;
color : #ccc;
}
.pollLnk a:hover {
color : #56A0CC;
border : #56A0CC solid 1px;
}
.pollLnk {
text-align : left !important ;
font-size : 0;
}
.pollTot {
text-align : left !important ;
font-size : 9pt !important ;
color : #666;
margin-top : 10px;
}
.pollTot b {
font-weight : normal;
color : #000;
}
.pollAns {
width : 100%;
}
.answer {
color : #333;
padding : 0;
}
.answer div {
bottom : 0;
left : 0;
color : #fff;
z-index : -1;
height : 20px !important ;
border-radius : 4px;
background : #f6f6f6;
padding-top : 0 !important ;
margin-top : 4px;
margin-bottom : 10px;
width : 100%;
padding : 0 1px;
}
footer {
clear : both;
white-space : normal;
}
#footer {
padding : 30px;
text-align : center;
}
.footer-text {
float : left;
width : 100%;
color : #000;
text-align : center;
}
.footer-text a {
color : #000;
text-align : center;
}
.popup {
padding : 30px;
}
.popup-ttl {
font-family : 'Open Sans', sans-serif;
line-height : 1.2;
font-weight : 300;
color : #000;
font-size : 1.8462em;
padding-bottom : 30px;
}
.popup-bd a {
text-decoration : none;
}
.popup-bd a:hover {
color : #56A0CC;
}
.allUsersBtn, .uSearchFlSbm {
width : auto !important ;
}
#block1 a, #block7 a, #block25 a {
font-style : normal;
}
.udtlb {
width : 185px;
color : #151515;
}
.repHistory {
font-weight : bold;
}
.user-main-back {
position : relative;
}
.user-main-back .user-avatar {
position : relative;
width : 150px;
height : 150px;
overflow : hidden;
background : #56A0CC;
color : #fff;
border-radius : 4px;
border-color : #fafafa;
border-width : 6px;
border-style : solid;
margin-bottom : -80px;
}
.user-main-back .user-avatar i {
position : absolute;
width : 80px;
height : 80px;
line-height : 80px;
text-align : center;
font-size : 48pt;
margin : -40px 0 0 -40px;
left : 50%;
top : 50%;
}
.user-main-back .user-avatar img {
width : 100%;
z-index : 3;
}
.user-btn {
margin : 20px 5px 0 0;
padding : 0;
display : table;
float : left;
list-style : none;
border-radius : 50px;
overflow : hidden;
}
.user-btn li {
display : block;
position : relative;
float : left;
line-height : 35px;
text-transform : uppercase;
font-size : 10pt;
margin-right : 1px;
}
.user-btn li.uid a {
padding-left : 75px;
}
.user-btn li.uid img {
position : absolute;
height : 31px;
left : 10px;
top : 2px;
}
.user-btn li.ls a {
padding-left : 43px;
}
.user-btn li.ls i {
position : absolute;
left : 8px;
top : 2px;
color : #ccc;
font-size : 14pt;
height : 31px;
width : 31px;
line-height : 31px;
text-align : center;
border-radius : 50px;
}
.user-btn li.ls span {
padding-left : 8px;
color : #56A0CC;
font-weight : 600;
border-left : 1px dotted #ccc;
margin-left : 8px;
}
.user-btn li a {
display : block;
background : rgb(255, 255, 255, 0.5);
padding : 0 10px;
text-decoration : none;
}
.user-btn li a:hover {
background : rgb(255, 255, 255, 1);
}
.user-social {
margin : 20px 5px 0 0;
padding : 0;
display : table;
float : RIGHT;
list-style : none outside none;
}
.user-social li {
display : block;
position : relative;
float : left;
margin-left : 4px;
height : 35px;
width : 35px;
}
.user-social li i {
display : block;
height : 35px;
width : 35px;
background-size : 50%;
background-repeat : no-repeat;
background-position : center;
border-radius : 50px;
}
.user-social li i.vk {
background-image : url("/.s/img/icon/social/vk-w.svg");
background-color : #48729E;
}
.user-social li i.fb {
background-image : url("/.s/img/icon/social/fb-w.svg");
background-color : #3C5A98;
}
.user-social li i.ok {
background-image : url("/.s/img/icon/social/ok-w.svg");
background-color : #FF9F4D;
}
.user-social li i.google {
background-image : url("/.s/img/icon/social/gp-w.svg");
background-color : #C25234;
}
.user-social li i.yandex {
background-image : url("/.s/img/icon/social/ya-w.svg");
background-color : #DC3E21;
}
.user-social li i.twitter {
background-image : url("/.s/img/icon/social/tw-w.svg");
background-color : #00ACED;
}
.user-social li span {
opacity : 0;
visibility : hidden;
display : block;
position : absolute;
right : 0;
top : 50px;
padding : 3px 6px;
white-space : nowrap;
background : rgb(0, 0, 0, 0.8);
color : #fff;
font-size : 9pt;
border-radius : 4px;
transition : all 0.3777s ease;
}
.user-social li:hover span {
top : 45px;
opacity : 1;
visibility : visible;
}
.user-social li span:after {
content : "";
position : absolute;
top : -5px;
right : 12px;
width : 0;
height : 0;
border-style : solid;
border-width : 0 6px 6px 6px;
border-color : transparent transparent rgb(0, 0, 0, 0.8) transparent;
}
.user-main-back .stat {
position : absolute;
right : 15px;
}
.user-main-back .stat .statusOffline, .user-main-back .stat .statusOnline {
position : relative;
padding-left : 18px;
}
.user-main-back .stat .statusOnline:before, .user-main-back .stat .statusOffline:before {
content : "";
position : absolute;
width : 10px;
height : 10px;
left : 0;
top : 50%;
margin-top : -5px;
border-radius : 50px;
}
.user-main-back .stat .statusOnline:before {
background : #009900;
}
.user-main-back .stat .statusOffline:before {
background : #ff0033;
}
.user-back-img {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
overflow : hidden;
z-index : -1;
}
.user-back-img img {
position : absolute;
width : 100%;
height : 120%;
top : -10%;
filter : url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22blur%22%3E%3CfeGaussianBlur%20stdDeviation%3D%2250%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E#blur");
filter : blur(50px);
opacity : 0.2;
}
.user-main-info {
font-size : 10pt;
}
.user-main-info .col-r, .user-main-info .col-l {
padding-top : 10px;
}
.user-add .col-l, .user-main-info .col-l {
color : #888;
text-align : right;
}
.user-activity {
margin : 0;
padding : 0;
list-style : none;
}
.user-activity li {
float : left;
}
.user-activity li a {
display : block;
padding : 15px 15px 15px 0;
margin-right : 15px;
}
.user-activity li a:hover .num {
color : #56A0CC;
}
.user-activity li .num {
font-size : 24pt;
line-height : 1.2;
display : inline-block;
margin-right : 4px;
}
.user-activity li .des {
font-size : 8pt;
color : #888;
line-height : 1.2;
display : inline-block;
}
@media screen and (min-width: 1600px) {
}
@media only screen and (min-width: 801px) and (max-width: 1020px) {
.content .col-2, .content .col-3, .content .col-4, .content .col-5, .content .col-6, .content .col-7, .content .col-8, .content .col-10, .content .col-11, .content .col-12, .content .col-13, .content .col-l-130, .content .col-r-130, .content .col-l-114, .content .col-r-114 {
float : none;
width : 100% !important ;
}
.uf-tooltip {
width : 80px !important ;
margin-left : -40px !important ;
}
.com-block .pagesBlock1, .com-block .pagesBlock2 {
text-align : center;
margin : 20px 0;
}
.be-info .ndate {
display : none;
}
.stuff .allEntriesTable li.entTd {
width : 50% !important ;
}
.stuff-page .col-4 {
padding : 20px 15px;
}
.stuff-page .img {
opacity : 0.2 !important ;
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.content {
padding : 0;
}
.sidebar {
width : 100%;
margin-top : 20px;
margin-left : 0;
display : block;
}
.rw .col-2, .rw .col-3, .rw .col-4, .footer .col-2, .footer .col-3, .footer .col-4 {
width : 50% !important ;
}
}
@media screen and (min-width: 200px) and (max-width: 599px) {
.col-r, .col-l {
float : none;
width : 100%;
}
.content {
padding : 0;
}
.user-avatar {
margin-bottom : 10px !important ;
}
.user-add .col-l, .user-main-info .col-l {
text-align : left;
}
.user-main-info .col-r {
padding-top : 0;
}
.rw .col-2, .rw .col-3, .rw .col-4, .footer .col-2, .footer .col-3, .footer .col-4 {
float : none;
width : 100% !important ;
}
.com-block .pagesBlock1, .com-block .pagesBlock2 {
text-align : center;
margin : 20px 0;
}
.com-num-entries a, .com-order-title {
display : none;
}
.board-info li {
width : 100%;
border-bottom : 1px solid #eee;
}
.stuff .allEntriesTable li.entTd {
width : 100% !important ;
}
}
.ottodv11 {
margin : 0 -5px;
}
@media only screen and (max-width: 500px) {
.ottodv11 {
margin : 0 5px;
}
}
.u-comboeditimg {
line-height : normal !important ;
background : none !important ;
color : #333 !important ;
}
.fileinput input {
line-height : normal;
height : 30px !important ;
}
.allEntriesTable {
margin-left : -5px !important ;
margin-right : -5px !important ;
}
.allEntriesTable li.phtTdMain {
width : 50% !important ;
padding : 0 5px 15px 5px;
box-sizing : border-box;
}
.allEntriesTable li.phtTdMain .entryBlock {
width : 100%;
}
.photo-entry {
position : relative;
overflow : hidden;
background : #fff;
border : #dddddd solid 1px;
border-radius : 5px;
}
.photo-entry img {
width : 100%;
opacity : 1;
}
.photo-entry:hover img {
opacity : 0.2;
}
.nadpis a {
display : none;
}
.nadpis {
position : absolute;
top : 50%;
text-align : center;
background : #f4f4f4;
color : #212121;
font-size : 16px;
font-family : tahoma;
padding : 10px;
opacity : 1;
}
.photo-entry-icon {
padding : 7px;
list-style : none;
position : absolute;
background-color : #6c008b;
visibility : hidden;
z-index : 9;
white-space : normal;
line-height : 16px;
color : #ffe400;
font-weight : 600;
top : 50%;
text-align : center;
width : 100%;
font-size : 13px;
}
.photo-entry-icon li {
display : block;
margin : 0 1px;
float : left;
}
.photo-entry-icon li a {
position : relative;
display : block;
line-height : 20px;
color : #ffe400;
background-color : #6c008b;
}
.photo-entry-icon li.l a {
border-radius : 4px;
}
.photo-entry-icon li.r a {
border-radius : 4px;
}
.photo-entry-icon li a:hover {
background : #6c008b;
color : #ffe400;
}
.photo-entry-icon li span {
opacity : 0;
visibility : hidden;
line-height : 12px;
font-size : 8pt;
width : 55px;
left : 50%;
margin-left : -27px;
position : absolute;
bottom : -30px;
text-align : center;
font-weight : 600;
color : #000;
}
.photo-entry-icon, .photo-entry-icon li, .photo-entry-icon li span {
transition : all 0.3619s ease;
}
.photo-entry:hover .photo-entry-icon li {
transform : translate(0,0);
}
.photo-entry-icon li.l {
transform : translate(-10px,0);
}
.photo-entry-icon li.r {
transform : translate(10px,0);
}
.photo-entry:hover .photo-entry-icon, .photo-entry-icon li a:hover span {
opacity : 1;
visibility : visible;
}
.photo-main {
overflow : hidden;
text-align : center;
}
.photo-main i {
opacity : 0;
visibility : hidden;
position : absolute;
width : 120px;
height : 120px;
line-height : 120px;
margin : -60px 0 0 -60px;
left : 50%;
top : 50%;
text-align : center;
color : #fff;
font-size : 28pt;
background : rgb(0, 0, 0, 0.6);
border-radius : 10px;
z-index : 2;
transition : all 0.3619s ease;
}
.photo-main:hover i {
opacity : 1;
visibility : visible;
}
@media screen and (min-width: 100px) and (max-width: 399px) {
.module-photo #uEntriesList .uEntryWrap {
width : 100% !important ;
float : none !important ;
}
.allEntriesTable li.phtTdMain {
width : 100% !important ;
float : none !important ;
}
}
.photo-expand .dd-tip {
position : absolute;
display : block;
bottom : -49px;
left : 0;
width : 100%;
height : 48px;
text-align : center;
background : url("/img/opacity085.png") !important ;
font : 12px/48px 'Arial' !important ;
text-decoration : none !important ;
color : #595959 !important ;
text-shadow : 0 1px 0 #fff !important ;
transition : bottom 0.2s 0.1s ease;
}
.fotosize {
color : #b6b6b6;
font-size : 12px;
}
.podelishsa {
text-align : center;
font-size : 13px;
}
@media screen and (max-width: 500px) {
.dlamobi {
display : none !important ;
}
}
.glbanner {
text-align : center;
background : #eee;
width : 100%;
}
.glms a {
text-decoration : none;
padding : 3px 7px;
color : #fff;
border : #41c500 solid 1px;
font-weight : 600;
border-radius : 4px;
background : #41c500;
white-space : nowrap;
}
.glms a:hover {
text-decoration : none;
border : #03bbf8 solid 1px;
background : #03bbf8;
color : #fff;
}
.ottodv {
padding : 0 10px;
float : none;
}
.row {
margin-right : -10px;
margin-left : -10px;
}
.prosmy {
text-align : center;
font-size : 11px;
color : #828282;
}
@media screen and (max-width: 960px) {
#uNMenuDiv1 {
text-align : left;
}
}
img {
vertical-align : middle;
}
.entry-img {
position : relative;
width : 100%;
height : 200px;
overflow : hidden;
background : transparent;
}
.entry-img2 {
position : relative;
width : 100%;
height : 320px;
overflow : hidden;
background : transparent;
}
.entry-img-icon {
margin : -27px 0 0 -56px;
padding : 0;
list-style : none;
position : absolute;
width : 114px;
left : 50%;
opacity : 0;
visibility : hidden;
z-index : 9;
line-height : 50px;
height : 50px;
top : 50%;
text-align : center;
}
.entry-img-icon li {
display : block;
margin : 0 1px;
float : left;
}
.entry-img-icon li a {
position : relative;
display : block;
width : 55px;
height : 55px;
line-height : 55px;
color : #fff;
font-size : 14pt;
background : #f90578;
opacity : 0.9;
}
.entry-img-icon li.l a {
border-radius : 4px 0 0 4px;
}
.entry-img-icon li.r a {
border-radius : 0 4px 4px 0;
}
.entry-img-icon li a:hover {
opacity : 1;
}
.entry-img-icon li span {
opacity : 0;
visibility : hidden;
line-height : 12px;
font-size : 8pt;
width : 60px;
left : 50%;
margin-left : -30px;
position : absolute;
bottom : -30px;
text-align : center;
color : rgb(0, 0, 0, 0.5);
}
.entry-img-icon, .entry-img-icon li, .entry-img-icon li span {
transition : all 0.3619s ease;
}
.entry-img:hover .entry-img-icon li {
transform : translate(0,0);
}
.entry-img-icon li.l {
transform : translate(-10px,0);
}
.entry-img-icon li.r {
transform : translate(10px,0);
}
.entry-img:hover .entry-img-icon, .entry-img-icon li a:hover span {
opacity : 1;
visibility : visible;
}
.e-img-small {
height : 200px;
}
.e-img-small2 {
height : 320px;
}
.e-img-ssmall {
height : 200px;
}
.e-img-blur .img {
opacity : 1;
}
.e-img-blur:hover .img {
filter : url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22blur%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E#blur");
filter : blur(3px);
opacity : 0.5;
}
.e-img-zoom:hover .img {
transform : scale(1.1);
}
.main-img {
position : relative;
height : 300px;
}
.img {
position : absolute;
width : 104%;
height : 104%;
left : -2%;
top : -1%;
background-repeat : no-repeat;
background-position : center;
background-size : cover;
transition : all 0.2939s ease-in-out;
}
.entry-block {
margin-bottom : 60px;
}
.block-with-img {
display : table;
width : 100%;
background : #fff;
margin-bottom : 20px;
overflow : hidden;
}
.block-with-img a {
display : block;
text-decoration : none;
}
.skrugl {
border-radius : 5px;
border : #ededed solid 1px;
}
.sorting-menu {
overflow : hidden;
float : none;
clear : both;
position : relative;
line-height : 25px;
margin-bottom : 15px;
padding-bottom : 3px;
border-bottom : 1px dashed #828282;
color : #c3c3c3;
white-space : normal;
}
.sorting-menu a {
font-weight : 400;
display : inline-block;
margin : 0 1px;
color : #000;
}
.sorting-menu a:hover {
color : #06b2ec;
text-decoration : none;
}
.sorting-menu .sortArrUp, .sorting-menu .sortArrDown {
margin-left : 5px;
font-size : 15px;
opacity : 0.5;
top : 0;
z-index : -1;
}
.sorting-menu .filter-link {
float : right;
text-transform : uppercase;
font-size : 9pt;
color : #ccc;
cursor : pointer;
}
.sorting-menu .filter-link i {
font-size : 12pt;
color : #fecb00;
margin-right : 5px;
}
button4 {
margin : 5px 0 25px 0;
padding : 5px 10px;
line-height : 20px;
height : 20px;
font-size : 11px;
border : #cccccc solid 1px;
position : relative;
background-color : #fafafa;
text-transform : uppercase;
color : #cccccc;
font-weight : 600;
cursor : pointer;
border-radius : 4px;
transition : all 0.4023s ease;
}
button4:hover {
background-color : #43d138;
color : #ffffff;
border : #43d138 solid 1px;
text-decoration : none;
}
.inf-news-sidebar {
display : block;
position : relative;
padding : 0;
min-height : 70px;
cursor : pointer;
white-space : normal;
}
.inf-news-sidebar:hover {
text-decoration : none;
color : #06b2ec;
}
.inf-news-sidebar .img {
width : 60px;
border : #ededed solid 1px;
height : 60px;
left : 0;
top : 0;
position : relative;
float : left;
margin-right : 10px;
margin-bottom : 10px;
clear : both;
white-space : normal;
border-radius : 4px;
}
.inf-news-sidebar .title {
line-height : 1.1;
padding-top : 3px;
font-size : 13px;
font-weight : 600;
color : #42316a;
}
.inf-news-sidebar .title:hover {
text-decoration : none;
color : #e30f91;
}
.inf-news-sidebar .cattik {
line-height : 1.1;
padding-top : 3px;
font-size : 11px;
font-weight : 300;
color : #a4a4a4;
}
.inf-news-sidebar .cattik:hover {
text-decoration : none;
color : #b304e6;
}
.inf-news-sidebar2 {
display : block;
position : relative;
padding : 0;
min-height : 70px;
cursor : pointer;
white-space : normal;
}
.inf-news-sidebar2:hover {
text-decoration : none;
color : #06b2ec;
}
.inf-news-sidebar2 .title {
line-height : 1.1;
padding-top : 3px;
font-size : 13px;
font-weight : 600;
color : #42316a;
}
.inf-news-sidebar2 .title:hover {
text-decoration : none;
color : #e30f91;
}
.inf-news-sidebar2 .cattik {
line-height : 1.1;
padding-top : 3px;
font-size : 11px;
font-weight : 300;
color : #a4a4a4;
}
.inf-news-sidebar2 .cattik:hover {
text-decoration : none;
color : #b304e6;
}
@media screen and (min-width: 901px) and (max-width: 929px) {
.manTable .manTd1 {
width : 100% !important ;
float : none;
}
}
@media screen and (max-width: 500px) {
.manTable .manTd1 {
float : none;
clear : both;
white-space : normal;
}
.manTable .manTd2 {
float : none;
clear : both;
white-space : normal;
}
}
.smotresho {
font-weight : 600;
}
.smotresho a {
color : #06b2ec;
font-weight : 600;
}
.smotresho a:hover {
color : #26A9E0;
text-decoration : none;
}
.pokategg {
position : absolute;
bottom : 10px;
left : 10px;
color : #fff;
z-index : 100;
}
.pokategg a {
color : #fff;
font-weight : 600;
font-size : 12px;
display : inline-block;
background : rgb(149, 20, 183, 0.8);
padding : 5px;
border-radius : 4px;
}
.pokategg a:hover {
color : #fff;
font-weight : 600;
font-size : 12px;
display : inline-block;
background : rgb(67, 209, 56, 0.8);
padding : 5px;
border-radius : 4px;
}
.rekkl {
border-radius : 3px;
border : #ddd solid 1px;
margin-bottom : 10px;
white-space : normal;
float : none;
}
.smotri {
font-size : 14px;
border-bottom : 1px dashed #828282;
padding : 7px 0;
font-weight : 400;
font-family : tahoma;
color : #fb0395;
line-height : 1.0;
text-transform : none;
}
.smotri a {
color : #000;
}
.smotri a:hover {
color : #06b2ec;
text-decoration : none;
}
.izkategorii {
font-size : 12px;
font-weight : 400;
color : #b8b8b8;
}
.responsive-video {
position : relative;
padding-bottom : 50%;
padding-top : 40px;
height : 0;
}
.responsive-video object, .responsive-video embed, .responsive-video iframe {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
border : 0;
}
.page-nav h1 {
display : inline-block;
color : #FFF;
font-weight : 600;
font-size : 15pt;

text-shadow : 0 1px 2px rgb(0, 0, 0, 0.4);
}
.page-nav h1 a {
color : #FFF;
}
.page-nav span {
display : inline-block;
vertical-align : baseline;
padding-left : 15px;
color : rgb(255, 255, 255, 1.0);
font-size : 12pt;
font-weight : 400;
}
.page-nav span span {
padding-left : 0;
}
.page-nav a {
color : rgb(255, 255, 255, 1.0);
}
.page-nav a:hover span, .page-nav a:hover {
color : rgb(255, 255, 255, 1);
text-decoration : none;
}
.page-nav-big ul {
margin : 0 auto;
padding : 0;
list-style : none;
text-align : center;
display : table;
}
.page-nav-big ul li {
display : block;
float : left;
margin : 2px;
line-height : 40px;
}
.page-nav-big ul li button {
min-width : 170px;
background : rgb(0, 0, 0, 0.3);
}
.putkmater {
border-top : 1px dashed #828282;
color : #9ea199;
font-size : 13px;
padding-top : 10px;
}
.putkmater a {
color : #808080;
}
.putkmater a:hover {
color : #000;
text-decoration : none;
}
.oteye {
border-left : 4px solid #742364;
padding-left : 9px;
}
.reggistr {
font-size : 18px;
text-align : center;
font-weight : 600;
margin-bottom : 10px;
color : #ff0000;
}
.sots {
background : #fff;
padding : 5px;
border-radius : 4px;
display : inline-block;
}
@media only screen and (max-width: 960px) {
.sots {
margin : 0 20px;
display : inline-block;
}
}
.otbef {
padding : 0 10px;
}
.spisok9 a {
border-radius : 4px;
display : inline-block;
padding-top : 8px;
padding-bottom : 8px;
margin-bottom : 3px;
text-align : center;
width : 100%;
font-weight : 400;
text-transform : uppercase;
font-size : 12px;
color : #494949;
text-decoration : none;
background-color : #f6ff00;
}
.spisok9 a:hover {
color : #fff;
text-decoration : none;
background-color : #951db7;
}
.spoiler_body {
display : none;
cursor : pointer;
}
.eTitle {
display : block;
text-align : left;
font-size : 17px;
font-weight : 300;
line-height : 1.3;
color : #42316a;
padding : 5px;
}
.eTitle a {
color : #42316a;
text-align : left;
}
.eTitle a:hover {
text-decoration : none;
color : #ea0505;
}
.rtg {
width : 100%;
margin : 0;
padding : 0;
}
.vysottabl {
width : 100%;
}
.col-910 {
background : #01c6ff;
padding : 3px 10px;
color : #fff;
border-radius : 0 0 0 4px;
width : calc(100% - 70px);
width : calc(100% - 70px);
width : calc(100% - 70px);
}
.col-910:hover {
background : #23e81e;
color : #fff;
}
.col-920 {
width : 70px;
text-align : left;
font-size : 11px;
background : #23e81e;
color : #fff;
line-height : 1.2;
min-height : 20px;
padding : 0 10px;
border-radius : 0 0 4px 0;
}
.categorka {
color : #fff;
font-size : 13px;
}
.categorka a {
color : #fff;
}
.categorka a:hover {
color : #fff;
}
.bloksramkoi {
display : block;
border : #dedede solid 1px;
box-sizing : border-box;
border-radius : 4px;
margin-bottom : 20px;
padding : 4px 7px;
box-shadow : 0 6px 15px rgb(0, 0, 0, 0.10), 0 0 8px rgb(0, 0, 0, 0.04);
}
.avtorstiha {
color : #b6b6b6;
font-size : 13px;
font-weight : 300;
padding : 0 10px 5px 10px;
font-family : arial;
}
.spisok3 {
border-bottom : 1px dashed #828282;
width : 100%;
margin-bottom : 7px;
padding-bottom : 7px;
color : #65cd02;
}
.spisok3 a {
text-align : left;
font-weight : 400;
font-size : 14px;
color : #000;
text-decoration : none;
}
.spisok3 a:hover {
text-decoration : none;
color : #06b2ec;
}
.eMessage {
text-align : justify;
font-size : 15px;
}
.eMessage a {
color : #06b2ec;
text-decoration : none;
font-size : 15px;
}
.eMessage a:hover {
color : #000;
text-decoration : none;
}
.ssylkaskazka {
padding : 10px 0;
background : #fff;
border-top : 1px dashed #828282;
border-bottom : 1px dashed #828282;
}
.ssylkaskazka a {
text-decoration : none;
color : #b6b6b6;
font-weight : 400;
}
.ssylkaskazka a:hover {
text-decoration : none;
color : #06b2ec;
}
.levo {
text-align : right;
}
.smtakge2 {
color : #06b2ec;
float : none;
clear : both;
font-weight : 400;
font-size : 16px;
text-align : left;
font-family : tahoma;
line-height : 25px;
padding : 0;
margin-bottom : 10px;
border-bottom : 1px solid #06b2ec;
}
.fifti {
text-align : left;
}
.eMessage344 {
font-weight : 400;
line-height : 1.7;
font-size : 15px;
text-align : left;
font-family : georgia, "times new roman";
font-style : italic;
}
.uuiri {
font-size : 13px;
text-align : center;
font-weight : 300;
margin-bottom : 10px;
color : #7f7f7f;
}
.poiskovik {
padding : 5px;
border-top : 1px dashed #828282;
}
.vlozhenie {
padding : 5px;
border-top : 1px dashed #828282;
color : #b6b6b6;
font-size : 12px;
}
.vlozhenie a {
color : #b6b6b6;
font-size : 12px;
}
.vlozhenie a:hover {
color : #06b7ea;
text-decoration : none;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
padding : 0 6px;
line-height : 30px;
font-size : 14px;
border : none;
position : relative;
background-color : #41c500;
color : #fff;
font-weight : 400;
cursor : pointer;
border-radius : 3px;
transition : all 0.4023s ease;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {
background-color : #03bbf8;
color : #fff;
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
background-color : #03bbf8;
color : #fff;
transition : background-color 0s ease;
}
.manTdText input[type="button"], .manTd2 input[type="button"], .commTd2 input[type="button"], .manTdBrief input[type="button"], input[type="button"].codeButtons, #iplus input[type="button"] {
font-size : 13px;
}
input[type="button"]#bid-8-basket {
padding : 4px 7px;
margin-left : 3px;
}
input[type="text"], input[type="password"], textarea {
position : relative;
padding : 0 12px;
line-height : 35px;
height : 35px;
margin-bottom : 4px;
border : #f6f6f6 solid 1px;
background : #fff;
font-weight : 300;
font-size : 11pt;
border-radius : 4px;
transition : all 0.4023s ease;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
border-color : #ccc;
}
input, textarea {
box-sizing : border-box;
}
textarea {
line-height : normal;
padding-top : 10px;
padding-bottom : 10px;
min-height : 140px;
}
input[type="button"]#newPhtBt {
width : auto !important ;
}
#iplus input {
height : 24px;
line-height : 20px;
}
.line-btn {
padding : 7px 10px;
line-height : 30px;
height : 30px;
font-size : 12px;
border : none;
position : relative;
background-color : #293e6d;
text-transform : uppercase;
color : #f3f3f3;
font-weight : 700;
cursor : pointer;
border-radius : 4px;
transition : all 0.4023s ease;
}
.line-btn:hover {
background-color : #b1ff1c;
color : #010a1f;
text-decoration : none;
}
.btn-icon {
position : relative;
padding-left : 40px;
}
.btn-icon i {
position : absolute;
left : 15px;
top : 10px;
font-size : 14pt;
}
.btn-anim {
padding-left : 20px !important ;
}
.btn-anim:hover {
padding-left : 45px !important ;
}
.btn-anim i {
opacity : 0;
left : 5px;
transition : all 0.3619s ease;
}
.btn-anim:hover i {
opacity : 1;
left : 15px;
}
.nazhimka a {
opacity : 1.0;
}
.nazhimka a:hover {
opacity : 0.8;
}
@media only screen and (max-width: 960px) {
.addik {
display : none;
}
}
.tushka {
background : #fff;
border-top : 1px solid #eeeeee;
border-right : 1px solid #eeeeee;
border-bottom : 1px solid #eeeeee;
border-left : 3px solid #fb8903;
color : #fb0395;
margin-bottom : 15px;
padding : 10px;
border-radius : 0 4px 4px 0;
}
.tushka a {
color : #6d029a;
font-weight : 600;
}
.tushka a:hover {
color : #b9b9b9;
text-decoration : none;
}
.tushka2 {
background : #fff;
border-top : 1px solid #eeeeee;
border-right : 1px solid #eeeeee;
border-bottom : 1px solid #eeeeee;
border-left : 3px solid #28d1c7;
color : #fb0395;
margin-bottom : 15px;
padding : 10px;
border-radius : 0 4px 4px 0;
}
.tushka2 a {
color : #6d029a;
font-weight : 600;
}
.tushka2 a:hover {
color : #b9b9b9;
text-decoration : none;
}
.tpesn {
margin : 0;
font-weight : 600;
font-size : 16px;
white-space : normal;
padding : 0;
}
.spisok39 {
white-space : nowrap;
border-bottom : 1px dashed #828282;
width : 100%;
margin-bottom : 7px;
padding-bottom : 7px;
color : #28d1c7;
}
.spisok39 a {
text-align : left;
font-weight : 600;
font-size : 13px;
color : #42316a;
text-decoration : none;
}
.spisok39 a:hover {
text-decoration : none;
color : #e30f91;
}
.vozrast {
margin : 7px 0;
font-weight : 300;
font-size : 13px;
color : #aeaeae;
padding : 1px 3px;
border : #aeaeae solid 1px;
border-radius : 2px;
display : inline-block;
}
.nuvtekste {
font-size : 16px;
font-weight : 600;
font-family : Tahoma, Arial;
color : #15da15;
line-height : 1.1;
text-transform : none;
padding : 7px 0;
border-bottom : 1px dashed #828282;
}
.nuvtekste a {
font-size : 14px;
color : #2d3069;
}
.nuvtekste a:hover {
color : #15da15;
text-decoration : none;
}
.otbryzg {
font-weight : 600;
margin-bottom : 4px;
}
.tushka31 {
background : linear-gradient(to bottom right, red, purple);
padding : 3px;
margin-bottom : 15px;
border-radius : 5px;
}
.tushka3 {
background : #fff;
color : #fb0395;
padding : 2px;
border-radius : 3px;
}
.tushka3 a {
color : #42316a;
font-weight : 600;
}
.tushka3 a:hover {
color : #14d300;
text-decoration : none;
}
.nastik {
font-size : 13px !important ;
}
.col-755 {
float : left;
position : relative;
min-height : 1px;
padding-left : 7px;
padding-right : 7px;
box-sizing : border-box;
}
.ottodv755 {
padding : 0 3px;
}
.col-755 {
width : 50%;
}
@media screen and (min-width: 721px) {
.rw .col-755, .row .col-755 {
width : 50%;
}
}
@media screen and (min-width: 100px) and (max-width: 720px) {
.rw .col-755, .row .col-755 {
float : none;
width : 100% !important ;
}
}
.novichok {
padding : 8px 16px;
display : inline-block;
border-radius : 50px;
background : #951db7;
}
.novichok a {
color : #fff;
font-weight : 600;
}
.novichok a:hover {
color : #f5ff4d;
font-weight : 600;
}
.novichok2 {
padding : 8px 16px;
display : inline-block;
border-radius : 50px;
background : #14d300;
}
.novichok2 a {
color : #fff;
font-weight : 600;
}
.novichok2 a:hover {
color : #f5ff4d;
font-weight : 600;
}
.col-8181 {
float : left;
position : relative;
min-height : 1px;
padding-left : 7px;
padding-right : 7px;
box-sizing : border-box;
}
.ottodv8181 {
padding : 0 3px;
}
.col-8181 {
width : 50%;
}
@media screen and (min-width: 100px) and (max-width: 600px) {
.rw .col-8181, .row .col-8181 {
float : none;
width : 100% !important ;
}
}
.kakvyand {
height : 80px;
border-radius : 5px;
background : #fff;
box-shadow : 0 2px 2px #dadada;
border : #f8f8f8 solid 1px;
margin-bottom : 20px;
}
.kakvyand:hover {
color : #ae01e0;
}
.riska {
height : 70px;
width : 80px;
padding : 1px;
border-radius : 5px;
}
.nastik {
font-size : 13px !important ;
color : #000;
}
.nastik:hover {
color : #ff1200;
}
.tsentr {
text-align : center;
}
.plushka {
text-align : center;
color : #47005c;
font-size : 20px;
font-weight : 600;
font-family : "times new roman";
text-transform : uppercase;
}
.plshka1 {
text-align : center;
font-size : 13px;
font-weight : 600;
}
.plshka1 a {
color : #fff;
background : #60d402;
padding : 5px 10px;
border-radius : 50px;
display : inline-block;
text-align : center;
margin : 3px auto;
}
.plshka1 a:hover {
color : #000;
background : #f9fc02;
text-decoration : none;
}
.plshka2 {
text-align : center;
font-size : 13px;
font-weight : 600;
}
.plshka2 a {
color : #fff;
background : #03bbf8;
padding : 5px 10px;
border-radius : 50px;
display : inline-block;
text-align : center;
margin : 3px auto;
}
.plshka2 a:hover {
color : #000;
background : #f9fc02;
text-decoration : none;
}
.plshka3 {
text-align : center;
font-size : 13px;
font-weight : 600;
}
.plshka3 a {
color : #fff;
background : #ff6600;
padding : 5px 10px;
border-radius : 50px;
display : inline-block;
text-align : center;
margin : 3px auto;
}
.plshka3 a:hover {
color : #000;
background : #f9fc02;
text-decoration : none;
}
.plshka4 {
text-align : center;
font-size : 13px;
font-weight : 600;
}
.plshka4 a {
color : #fff;
background : #9b21d4;
padding : 5px 10px;
border-radius : 50px;
display : inline-block;
text-align : center;
margin : 3px auto;
}
.plshka4 a:hover {
color : #000;
background : #f9fc02;
text-decoration : none;
}
.plshka5 {
text-align : center;
font-size : 13px;
font-weight : 600;
}
.plshka5 a {
color : #fff;
background : #fa1005;
padding : 5px 10px;
border-radius : 50px;
display : inline-block;
text-align : center;
margin : 3px auto;
}
.plshka5 a:hover {
color : #000;
background : #f9fc02;
text-decoration : none;
}
.hryu1 {
background : #fc0225;
color : #fff;
font-size : 16px;
font-weight : 400;
white-space : normal;
text-align : center;
padding : 5px 10px;
border-radius : 3px;
}
.fuppa1 {
padding : 6px 0;
border-bottom : 1px dashed #828282;
font-weight : 600;
color : #fc0225;
}
.fuppa1 a {
color : #42316a;
}
.fuppa1 a:hover {
color : #fc0225;
text-decoration : none;
}
.hryu2 {
background : #01aae2;
color : #fff;
font-size : 16px;
font-weight : 400;
white-space : normal;
text-align : center;
padding : 5px 10px;
border-radius : 3px;
}
.fuppa2 {
padding : 5px 0;
border-bottom : 1px dashed #828282;
font-weight : 600;
color : #01aae2;
}
.fuppa2 a {
color : #42316a;
}
.fuppa2 a:hover {
color : #01aae2;
text-decoration : none;
}
.hryu3 {
background : #02ca02;
color : #fff;
font-size : 16px;
font-weight : 400;
white-space : normal;
text-align : center;
padding : 5px 10px;
border-radius : 3px;
}
.fuppa3 {
padding : 5px 0;
border-bottom : 1px dashed #828282;
font-weight : 600;
color : #02ca02;
}
.fuppa3 a {
color : #42316a;
}
.fuppa3 a:hover {
color : #02ca02;
text-decoration : none;
}
.minus {
padding : 0 5px;
}
.ghres {
border-radius:5px;
}
@media screen and (min-width: 1101px) {
.rw .col-771l, .row .col-771l {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : calc(100% - 180px);
width : calc(100% - 180px);
width : calc(100% - 180px);
}
.rw .col-771r, .row .col-771r {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : 180px;
}
}
@media screen and (min-width: 961px) and (max-width: 1100px) {
.rw .col-771r, .row .col-771r {
float : none;
width : 100% !important ;
}
.rw .col-771l, .row .col-771l {
float : none;
width : 100% !important ;
}
.ghres {
width : 200px;
}
.minus {
padding : 0 10px;
}
}
@media screen and (min-width: 861px) and (max-width: 960px) {
.rw .col-771l, .row .col-771l {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : calc(100% - 180px);
width : calc(100% - 180px);
width : calc(100% - 180px);
}
.rw .col-771r, .row .col-771r {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : 180px;
}
}
@media screen and (min-width: 801px) and (max-width: 860px) {
.rw .col-771r, .row .col-771r {
float : none;
width : 100% !important ;
}
.rw .col-771l, .row .col-771l {
float : none;
width : 100% !important ;
}
.ghres {
width : 200px;
}
.minus {
padding : 0 10px;
}
}
@media screen and (min-width: 661px) and (max-width: 800px) {
.rw .col-771l, .row .col-771l {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : calc(100% - 180px);
width : calc(100% - 180px);
width : calc(100% - 180px);
}
.rw .col-771r, .row .col-771r {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : 180px;
}
}
@media screen and (min-width: 100px) and (max-width: 660px) {
.rw .col-771r, .row .col-771r {
float : none;
width : 100% !important ;
}
.rw .col-771l, .row .col-771l {
float : none;
width : 100% !important ;
}
.ghres {
width : 200px;margin-bottom:20px;
}
.minus {
padding : 0 10px;
}
}
.glblock {
display : block;
border : #dedede solid 1px;
box-sizing : border-box;
border-radius : 4px;
margin-bottom : 20px;
padding : 4px 7px;
color : #000;
}
.glblock:hover {
box-shadow : 0 6px 15px rgb(0, 0, 0, 0.10), 0 0 8px rgb(0, 0, 0, 0.04);
transition : box-shadow 0.3s;
}
.glzagol {
font-weight : 600;
color : #017fe1;
font-size : 16px;
padding-bottom : 5px;
}
.col-772l, .col-772r, .col-274, .col-2751, .col-34 {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
}
.col-772r {
width : calc(100% - 30px);
width : calc(100% - 30px);
width : calc(100% - 30px);
padding : 4px;
}
.col-772l {
width : 30px;
padding-top : 5px;
}
.otbros {
margin : 0 -5px;
}
.sbros {
margin : 0 5px;
}
.col-274 {
width : 50% !important ;
}
@media screen and (min-width: 100px) and (max-width: 620px) {
.rw .col-274, .row .col-274 {
float : none;
width : 100% !important ;
}
}
.col-2751 {
width : 50% !important ;
}
@media screen and (min-width: 100px) and (max-width: 620px) {
.rw .col-2751, .row .col-2751 {
float : none;
width : 100% !important ;
}
}
.col-34 {
width : 50%;
}
@media screen and (min-width: 100px) and (max-width: 600px) {
.rw .col-34, .row .col-34 {
float : none;
width : 100% !important ;
}
}
.dsers {
margin : 0 -5px;
}
.gtedr {
display : inline;
text-align : center;
}
.vidik1 {
background : #000;
text-align : center !important ;
}
.vidik2 {
max-width : 500px !important ;
text-align : center;
margin : 0 auto;
}
.lzblock {
display : block;
border : #dedede solid 1px;
box-sizing : border-box;
border-radius : 4px;
margin-bottom : 20px;
padding : 4px 7px;
box-shadow : 0 6px 15px rgb(0, 0, 0, 0.10), 0 0 8px rgb(0, 0, 0, 0.04);
}
.lzzagol {
font-weight : 600;
color : #278e94;
font-size : 20px;
text-align : center;
font-family:times new roman; 
font-style:italic;
margin-top:5px;  
}
.lzslozhnost {
text-align : center;
}
.lztext {
text-align : justify;
}
.lzotvspl {
padding : 10px 15px;
text-align : justify;
max-width : 500px;
}
@media screen and (min-width: 100px) and (max-width: 400px) {
.lztext {
text-align : left;
}
.lzotvspl {
text-align : left;
}
}
.trishka {
text-align : center;
font-size : 16px;
font-weight : 600;
}
.col-223 {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
}
.cdvig {
padding : 0 5px;
}
.sotkam {
width : 100%;
}
.col-223 {
width : 50%;
}
@media screen and (min-width: 100px) and (max-width: 400px) {
.rw .col-223, .row .col-223 {
float : none;
width : 100% !important ;
}
}
.frtd {
width : 100%;
}
.jaschik {
border : #ddd solid 1px;
margin-bottom : 12px;
border-radius : 7px;
}
.raskasj {
border-radius : 7px;
}
.don {
text-align : center;
width : 40%;
}
.cras {
text-align : center;
width : 60%;
}
.don1 a {
border-radius : 5px;
display : inline-block;
padding-top : 3px;
line-height : 18px;
padding-bottom : 3px;
margin-bottom : 1px;
text-align : center;
font-size:15px;
font-family:tahoma, arial;   
width : 100%;
font-weight : 400;
color : #474747;
text-decoration : none;
background-color : #fff;
border : #ddd solid 1px;
}
.don1 a:hover {
background : #03bbf8;
border : #03bbf8 solid 1px;
color : #fff;
text-decoration : none;
}
.cras1 {
border-radius : 5px;
display : inline-block;
padding-top : 3px;
line-height : 18px;
padding-bottom : 3px;
margin-bottom : 1px;
text-align : center;
width : 100%;
font-size:15px;
font-family:tahoma, arial;  
cursor : pointer;
font-weight : 400;
color : #474747;
text-decoration : none;
background-color : #fff;
border : #ddd solid 1px;
cursor : pointer;
}
.cras1:hover {
background : #03bbf8;
border : #03bbf8 solid 1px;
color : #fff;
text-decoration : none;
}

.text-entry44 {display:table;position: relative;margin:auto;text-align:center;width:100%;height:40px;}

.text-entry {position: relative;
 vertical-align:middle;text-overflow: clip;
 overflow: hidden;height:40px;text-align:center;
 display:table-cell;
}

.text-entry h3 {overflow: hidden;text-overflow: clip;
 max-width: 100%;max-height:100%;margin:auto;line-height:15px;color:#474747;font-weight:600;
 text-align:center;display:block;font-size:15px;white-space:normal;padding:0 3px;
 }

#shop-basket .disc-info {
font-size : 12px;
}
.otbelka {
background : #9c1f57;
color : #fff;
font-weight : 600;
text-align : center;
padding : 5px 10px;
border-radius : 3px;
}
.szhimka {
padding : 0 5px;
}
.opis1 {
display : inline-block;
background : #30adf0;
padding : 5px 10px;
text-align : center;
color : #fff;
border-radius : 3px;
font-weight : 600;
margin-bottom : 10px;
}
.opis2 {
display : inline-block;
background : #fb4802;
padding : 5px 10px;
text-align : center;
color : #fff;
border-radius : 3px;
font-weight : 600;
margin-bottom : 10px;
}
.opis3 {
display : inline-block;
background : #a030b8;
padding : 5px 10px;
text-align : center;
color : #fff;
border-radius : 3px;
font-weight : 600;
margin-bottom : 10px;
}
.trusik {
font-weight : 600;
font-size : 14px;
color : #017fe1;
padding : 7px;
margin-bottom : 5px;
border-bottom : 1px dashed #828282;
}
.trusik a:hover {
color : #41c500;
text-decoration : none;
}
.reklush {
border-bottom : 1px dashed #828282;
}
.smtakge {
border-bottom : 1px dashed #828282;
border-top : 1px dashed #828282;
padding : 3px 0;
}
.eschosm {
text-align : center;
font-size : 11px;
color : #828282;
padding-bottom : 3px;
}
.ssylkasm {
text-align : center;
}
.ssylkasm a {
color : #017fe1;
font-weight : 600;
text-decoration : none;
}
.ssylkasm a:hover {
color : #828282;
font-weight : 600;
text-decoration : none;
}
.smtakge3 {
border-top : 1px dashed #828282;
padding : 3px 0;
}
.eschosm2 {
text-align : center;
font-size : 13px;
color : #bcbcbc;
padding-bottom : 3px;
}
.ssylkasm2 {
text-align : justify;
color : #41c500;
font-weight : 600;
padding : 5px 0;
border-bottom : 1px dashed #828282;
margin-bottom : 3px;
}
.ssylkasm2 a {
color : #42316a;
font-weight : 600;
text-decoration : none;
}
.ssylkasm2 a:hover {
color : #4ddc27;
font-weight : 600;
text-decoration : none;
}
 .nazv5711 {
padding-bottom : 7px;
font-family : arial;
text-align : left;
line-height : 1.2;
white-space : normal;
color : #000;
text-decoration : none;
font-size : 17px;
font-weight : 700;
float : none;
}
.malnad11 {
padding-bottom : 7px;
font-family : arial;
text-align : left;
line-height : 1.2;
white-space : normal;
color : #000;
text-decoration : none;
font-size : 14px;
font-weight : 300;
float : none;
}
.podrobnee11 {
margin-bottom : 4px;
text-align : left;
font-size : 13px;
display : inline-block;
background : #ff7800;
color : #fff;
padding : 5px 10px;
border-radius : 3px;
}
.podrobnee11:hover {
background : #ff0060;
color : #fff;
}
.groz11 {
display : table;
width : 100%;
float : none;
}
.entry-img3 {
position : relative;
width : 100%;
height : 150px;
overflow : hidden;
border-radius : 3px;
}
.fonchik {
background : #fff;
border : #dedede solid 1px;
padding : 3px;
overflow : hidden;
display : table;
width : 100%;
margin-bottom : 10px;
border-radius : 4px;
}
.nazv56 {
margin : 5px;
height : 47px;
overflow : hidden;
text-overflow : clip;
font-family : arial;
text-align : left;
line-height : 1.2;
white-space : normal;
color : #000;
text-decoration : none;
font-size : 14px;
font-weight : 700;
text-align : left;
display : block;
float : none;
}
.malnad {
display : none;
}
.podrobnee {
margin : 5px;
text-align : left;
font-size : 13px;
display : inline-block;
background : #ff7800;
color : #fff;
padding : 5px 10px;
border-radius : 3px;
}
.podrobnee:hover {
background : #ff0060;
color : #fff;
}
.groz {
display : table;
width : 100%;
float : none;
}
@media screen and (min-width: 600px) and (max-width: 960px) {
.col-l-90, .col-r-90 {
float : left;
position : relative;
min-height : 1px;
padding : 0;
box-sizing : border-box;
}
.nazv56 {
font-size : 19px;
margin : 7px;
height : 43px;
overflow : hidden;
text-overflow : clip;
}
.malnad {
margin : 0 7px 7px 7px;
height : 52px;
overflow : hidden;
text-overflow : clip;
font-family : arial;
text-align : left;
line-height : 1.2;
white-space : normal;
color : #000;
text-decoration : none;
font-size : 14px;
font-weight : 300;
text-align : left;
display : block;
float : none;
}
.podrobnee {
margin : 0 7px;
}
.col-l-90 {
width : 40%;
}
.col-r-90 {
width : 60%;
}
.entry-img3 {
height : 150px;
}
}
@media screen and (min-width: 400px) and (max-width: 599px) {
.nazv56 {
font-size : 16px;
margin : 7px;
height : 58px;
overflow : hidden;
text-overflow : clip;
}
.malnad {
display : none;
}
.podrobnee {
margin : 0 7px;
}
.col-l-90, .col-r-90 {
float : left;
position : relative;
min-height : 1px;
padding : 0;
box-sizing : border-box;
}
.col-l-90, .col-r-90 {
width : 50% !important ;
}
.entry-img3 {
height : 110px;
}
}
.entry-img3 {
position : relative;
width : 100%;
height : 150px;
overflow : hidden;
border-radius : 3px;
}
.fonchik1 {
background : #fff;
border : #dedede solid 1px;
padding : 3px;
overflow : hidden;
display : table;
width : 100%;
margin-bottom : 10px;
border-radius : 4px;
}
.nazv57 {
margin : 5px;
height : 47px;
overflow : hidden;
text-overflow : clip;
font-family : arial;
text-align : left;
line-height : 1.2;
white-space : normal;
color : #000;
text-decoration : none;
font-size : 14px;
font-weight : 700;
text-align : left;
display : block;
float : none;
}
.malnad1 {
display : none;
}
.podrobnee1 {
margin : 5px;
text-align : left;
font-size : 13px;
display : inline-block;
background : #ff7800;
color : #fff;
padding : 5px 10px;
border-radius : 3px;
}
.podrobnee1:hover {
background : #ff0060;
color : #fff;
}
.groz1 {
display : table;
width : 100%;
float : none;
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.col-l-901, .col-r-901 {
float : left;
position : relative;
min-height : 1px;
padding : 0;
box-sizing : border-box;
}
.nazv57 {
font-size : 19px;
margin : 7px;
height : 43px;
overflow : hidden;
text-overflow : clip;
}
.malnad1 {
margin : 0 7px 7px 7px;
height : 52px;
overflow : hidden;
text-overflow : clip;
font-family : arial;
text-align : left;
line-height : 1.2;
white-space : normal;
color : #000;
text-decoration : none;
font-size : 14px;
font-weight : 300;
text-align : left;
display : block;
float : none;
}
.podrobnee1 {
margin : 0 7px;
}
.col-l-901 {
width : 40%;
}
.col-r-901 {
width : 60%;
}
.entry-img3 {
height : 150px;
}
}
@media screen and (min-width: 400px) and (max-width: 599px) {
.nazv57 {
font-size : 16px;
margin : 7px;
height : 58px;
overflow : hidden;
text-overflow : clip;
}
.malnad1 {
display : none;
}
.podrobnee1 {
margin : 0 7px;
}
.col-l-901, .col-r-901 {
float : left;
position : relative;
min-height : 1px;
padding : 0;
box-sizing : border-box;
}
.col-l-901, .col-r-901 {
width : 50% !important ;
}
.entry-img3 {
height : 110px;
}
}
.entry-img5 {
position : relative;
width : 100%;
height : 150px;
overflow : hidden;
border-radius : 3px;
}
.fonchik5 {
max-width : 650px;
background : #fff;
border : #dedede solid 1px;
padding : 3px;
overflow : hidden;
display : table;
width : 100%;
border-radius : 4px;
}
.nazv55 {
margin : 5px;
height : 47px;
overflow : hidden;
text-overflow : clip;
font-family : arial;
text-align : left;
line-height : 1.2;
white-space : normal;
color : #000;
text-decoration : none;
font-size : 14px;
font-weight : 700;
text-align : left;
display : block;
float : none;
}
.malnad5 {
display : none;
}
.podrobnee5 {
margin : 5px;
text-align : left;
font-size : 13px;
display : inline-block;
background : #ff7800;
color : #fff;
padding : 5px 10px;
border-radius : 3px;
}
.podrobnee5:hover {
background : #ff0060;
color : #fff;
}
.groz5 {
display : table;
width : 100%;
float : none;
text-align : left;
}
@media screen and (min-width: 600px) and (max-width: 3060px) {
.col-l-905, .col-r-905 {
float : left;
position : relative;
min-height : 1px;
padding : 0;
box-sizing : border-box;
}
.nazv55 {
font-size : 19px;
margin : 7px;
height : 43px;
overflow : hidden;
text-overflow : clip;
}
.malnad5 {
margin : 0 7px 7px 7px;
height : 52px;
overflow : hidden;
text-overflow : clip;
font-family : arial;
text-align : left;
line-height : 1.2;
white-space : normal;
color : #000;
text-decoration : none;
font-size : 14px;
font-weight : 300;
text-align : left;
display : block;
float : none;
}
.podrobnee5 {
margin : 0 7px;
}
.col-l-905 {
width : 40%;
}
.col-r-905 {
width : 60%;
}
.entry-img5 {
height : 150px;
}
}
@media screen and (min-width: 400px) and (max-width: 599px) {
.nazv55 {
font-size : 16px;
margin : 7px;
height : 58px;
overflow : hidden;
text-overflow : clip;
}
.malnad5 {
display : none;
}
.podrobnee5 {
margin : 0 7px;
}
.col-l-905, .col-r-905 {
float : left;
position : relative;
min-height : 1px;
padding : 0;
box-sizing : border-box;
}
.col-l-905, .col-r-905 {
width : 50% !important ;
}
.entry-img5 {
height : 110px;
}
}
button15 {
margin-bottom : 4px;
text-align : left;
font-size : 13px;
display : inline-block;
background : #339901;
color : #fff;
padding : 5px 10px;
border-radius : 3px;
}
button15:hover {
background : #017fe1;
color : #fff;
}
.pomulmul {
border-top : 1px dashed #828282;
border-bottom : 1px dashed #828282;
margin : 10px 0;
padding : 5px 0;
}
.pomulmul a {
color : #42316a;
font-weight : 600;
text-decoration : none;
font-size : 13px;
}
.pomulmul a:hover {
color : #4ddc27;
font-weight : 600;
text-decoration : none;
font-size : 13px;
}
@media screen and (max-width: 800px) {
.mobik {
display : none !important ;
}
}
.table {
border : #eee solid 1px;
table-layout : fixed;
width : 100%;
margin-bottom : 20px;
}
.table th {
font-weight : bold;
padding : 5px;
background : #efefef;
border : #dddddd solid 1px;
}
.table td {
padding : 5px 10px;
border : #eee solid 1px;
}
.table tbody tr:nth-child(odd) {
background : #fff;
}
.table tbody tr:nth-child(even) {
background : #F7F7F7;
}
.odin {
text-align : center;
}
.dva {
text-align : left;
}
.tri {
text-align : right;
}
.eTitle7, .gTableTop7 {
font-weight : 600;
font-family : Tahoma, Arial;
color : #15da15;
line-height : 1.1;
text-transform : none;
}
.ramma {
border-bottom : 1px dashed #828282;
padding : 0 0 8px 0;
margin-bottom : 8px;
}
.eTitle7 a, .catLink {
color : #2d3069;
}
.eTitle7 a:hover, .catLink:hover {
color : #15da15;
text-decoration : none;
}
.vypusk1 {
white-space : nowrap;
border : #d3d3d3 solid 1px;
font-size : 11px;
color : #b3b1b1;
padding : 1px;
border-radius : 3px;
}
.svozra {
white-space : nowrap;
border : #d3d3d3 solid 1px;
font-size : 11px;
color : #b3b1b1;
padding : 1px;
border-radius : 3px;
}
.svozra1 {
white-space : nowrap;
border : #d3d3d3 solid 1px;
font-size : 11px;
color : #ff0000;
padding : 1px;
border-radius : 3px;
}
button22 {
text-align : center;
font-size : 16px;
text-transform : uppercase;
display : inline-block;
background : rgb(152, 227, 20);
background : linear-gradient(to bottom, rgb(152, 227, 20, 1) 0%, rgb(107, 168, 2, 1) 100%);
font-weight : 400;
color : #fff;
padding : 5px 10px;
border-radius : 50px;
}
button22:hover {
background : rgb(180, 3, 238);
background : linear-gradient(to bottom, rgb(180, 3, 238, 1) 0%, rgb(135, 10, 176, 1) 100%);
color : #fff;
}
.sidenav {
height : 100%;
width : 0;
position : fixed;
z-index : 1000;
top : 0;
right : 0;
background-color : #339901;
overflow-x : hidden;
padding-top : 50px;
transition : 0.5s;
}
.sidenav a {
padding : 4px 3px 4px 12px;
text-decoration : none;
font-weight : 400;
line-height : 1.4;
border-bottom : 1px dashed #15da15;
color : #fff;
font-family : Tahoma, Arial;
display : block;
transition : 0.3s;
}
.sidenav a:hover {
color : #e7fb04;
}
.sidenav .closebtn {
position : absolute;
top : 10px;
border : 0;
font-weight : 600;
right : 25px;
color : #ffffff;
font-size : 38px;
margin-left : 10px;
}
#main {
transition : margin-left 0.5s;
padding : 20px;
}
@media screen and (max-height: 450px) {
.sidenav a {
font-size : 18px;
}
}
button25 {
position : relative;
display : inline-block;
width : 10em;
margin : 2px;
height : 2.5em;
line-height : 2.5em;
vertical-align : middle;
text-align : center;
text-decoration : none;
text-shadow : 0 -1px 1px #777;
color : #fff;
font-size : 14px;
outline : none;
border : #F64C2B solid 2px;
border-radius : 5px;
box-shadow : 0 0 0 60px rgb(0, 0, 0, 0) inset, 0.1em 0.1em 0.2em #800;
background : linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17);
}
button25:active {
top : 0.1em;
left : 0.1em;
box-shadow : 0 0 0 60px rgb(0, 0, 0, 0.05) inset;
}
.knopushka {
position : relative;
display : inline-block;
width : 10em;
margin : 2px;
height : 2.5em;
line-height : 2.5em;
vertical-align : middle;
text-align : center;
text-decoration : none;
text-shadow : 0 -1px 1px #777;
color : #fff !important;
font-size : 14px;
outline : none;
border : #F64C2B solid 2px;
border-radius : 5px;
box-shadow : 0 0 0 60px rgb(0, 0, 0, 0) inset, 0.1em 0.1em 0.2em #800;
background : linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17);
}
.knopushka:active {
top : 0.1em;
left : 0.1em;
box-shadow : 0 0 0 60px rgb(0, 0, 0, 0.05) inset !important;
}

.knopushka2 {
position : relative;
display : inline-block;
width : 13em;
margin : 2px;
height : 2.5em;
line-height : 2.5em;
vertical-align : middle;
text-align : center;
text-decoration : none;
text-shadow : 0 -1px 1px #777;
color : #fff !important;
font-size : 14px;
outline : none;
border : #F64C2B solid 2px;
border-radius : 5px;
box-shadow : 0 0 0 60px rgb(0, 0, 0, 0) inset, 0.1em 0.1em 0.2em #800;
background : linear-gradient(#FB9575, #F45A38 48%, #EA1502 52%, #F02F17);
}
.knopushka2:active {
top : 0.1em;
left : 0.1em;
box-shadow : 0 0 0 60px rgb(0, 0, 0, 0.05) inset !important;
}

.zaglavnyj {
font-size : 16px;
font-weight : 600;
text-align : center;
margin-bottom : 5px;
}
.zakrug {
border-radius : 4px;
}
.mygame {
position : relative;
padding : 0 0 56.25% 0;
height : 0;
overflow : hidden;
}
.mygame iframe, .mygame object, .mygame embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
@media screen and (min-width: 1011px) {
.rw .col-772l, .row .col-772l {
float : left;
position : relative;
min-height : 1px;
padding-left : 8px;
padding-right : 8px;
box-sizing : border-box;
width : calc(100% - 250px);
width : calc(100% - 250px);
width : calc(100% - 250px);
}
.rw .col-772r, .row .col-772r {
float : left;
position : relative;
min-height : 1px;
padding-left : 8px;
padding-right : 8px;
box-sizing : border-box;
width : 250px;
}
.minus67 {
padding : 0 2px;
}
}
@media screen and (min-width: 961px) and (max-width: 1010px) {
.rw .col-772r, .row .col-772r {
float : none;
width : 100% !important ;
}
.rw .col-772l, .row .col-772l {
float : none;
width : 100% !important ;
}
.minus67 {
padding : 0 5px;
}
}
@media screen and (min-width: 851px) and (max-width: 960px) {
.rw .col-772l, .row .col-772l {
float : left;
position : relative;
min-height : 1px;
padding-left : 8px;
padding-right : 8px;
box-sizing : border-box;
width : calc(100% - 300px);
width : calc(100% - 300px);
width : calc(100% - 300px);
}
.rw .col-772r, .row .col-772r {
float : left;
position : relative;
min-height : 1px;
padding-left : 8px;
padding-right : 8px;
box-sizing : border-box;
width : 300px;
}
.minus67 {
padding : 0 2px;
}
}
@media screen and (min-width: 801px) and (max-width: 850px) {
.rw .col-772r, .row .col-772r {
float : none;
width : 100% !important ;
}
.rw .col-772l, .row .col-772l {
float : none;
width : 100% !important ;
}
.minus67 {
padding : 0 5px;
}
}
@media screen and (min-width: 651px) and (max-width: 800px) {
.rw .col-772l, .row .col-772l {
float : left;
position : relative;
min-height : 1px;
padding-left : 8px;
padding-right : 8px;
box-sizing : border-box;
width : calc(100% - 300px);
width : calc(100% - 300px);
width : calc(100% - 300px);
}
.rw .col-772r, .row .col-772r {
float : left;
position : relative;
min-height : 1px;
padding-left : 8px;
padding-right : 8px;
box-sizing : border-box;
width : 300px;
}
.minus67 {
padding : 0 2px;
}
}
@media screen and (min-width: 50px) and (max-width: 650px) {
.rw .col-772r, .row .col-772r {
float : none;
width : 100% !important ;
}
.rw .col-772l, .row .col-772l {
float : none;
width : 100% !important ;
}
.minus67 {
padding : 0 5px;
}
}
.ashka311 {
display : block;
border-bottom : 2px solid #60d402;
white-space : normal;
}
.ashka31 {
background : #60d402;
color : #fff;
display : inline-block;
text-align : center;
padding : 2px 6px 3px 6px;
font-size : 14px;
font-weight : 600;
}
.ashka321 {
display : block;
border-bottom : 2px solid #f005a0;
white-space : normal;
}
.ashka32 {
background : #f005a0;
color : #fff;
display : inline-block;
text-align : center;
padding : 2px 6px 3px 6px;
font-size : 14px;
font-weight : 600;
}
.ashka331 {
display : block;
border-bottom : 2px solid #03bbf8;
white-space : normal;
}
.ashka33 {
background : #03bbf8;
color : #fff;
display : inline-block;
text-align : center;
padding : 2px 6px 3px 6px;
font-size : 14px;
font-weight : 600;
}
.ashka341 {
display : block;
border-bottom : 2px solid #a100dd;
white-space : normal;
}
.ashka34 {
background : #a100dd;
color : #fff;
display : inline-block;
text-align : center;
padding : 2px 6px 3px 6px;
font-size : 14px;
font-weight : 600;
}
.ashka351 {
display : block;
border-bottom : 2px solid #ff6600;
white-space : normal;
}
.ashka35 {
background : #ff6600;
color : #fff;
display : inline-block;
text-align : center;
padding : 2px 6px 3px 6px;
font-size : 14px;
font-weight : 600;
}
.ashka361 {
display : block;
border-bottom : 2px solid #1fdfcf;
white-space : normal;
}
.ashka36 {
background : #1fdfcf;
color : #fff;
display : inline-block;
text-align : center;
padding : 2px 6px 3px 6px;
font-size : 14px;
font-weight : 600;
}
.instruktor {
text-align : center;
font-size : 14px;
line-height : 1.1;
margin : 0 0 10px 0;
}
.instruktor a {
color : #9d9d9d;
text-decoration : none;
}
.instruktor a:hover {
color : #109fef;
text-decoration : none;
}
.avtorskazki {
color : #474747;
font-weight : 300;
}
.vidfrem {
overflow : hidden;
border : 0;
width : 100%;
height : 100%;
border-width : 0;
outline-width : 0;
}
.vidfrem2 {
overflow : hidden;
border : 0;
height : 450px;
width : 560px;
border-width : 0;
outline-width : 0;
}
@media screen and (min-width: 50px) and (max-width: 600px) {
.prjatki {
display : none;
}
}
.litra a {
color : #03b9e0;
}
.litra a:hover {
color : #ed0db0;
}
.glsl {
background : #eb0481;
color : #fff;
font-size : 16px;
font-weight : 600;
white-space : normal;
text-align : center;
padding : 5px 10px;
border-radius : 4px;
margin-bottom : 10px;
}
.sgsl {
background : #03a2fd;
color : #fff;
font-size : 16px;
font-weight : 600;
white-space : normal;
text-align : center;
padding : 5px 10px;
border-radius : 4px;
margin-bottom : 10px;
}
.slsl {
font-size : 16px;
padding-bottom : 7px;
font-weight : 400;
}
.slred {
color : #fb0000;
}
.col-9563 {
float : left;
position : relative;
min-height : 1px;
padding-left : 7px;
padding-right : 7px;
box-sizing : border-box;
}
.col-9563 {width : 50%;}
@media screen and (min-width: 50px) and (max-width: 300px) {
.nenadd {display : none;}
.col-9563 {float : none;
width : 100% !important ;}
}

.otbros2 {
margin : 0 7px;
}

.gtrbd a {background:#339901;color:#fff;font-size:12px;font-weight:600;white-space: nowrap;clear:both;width:100%;text-align:center;padding: 2px 4px;margin:1px;border-radius: 3px;}
.gtrbd a:hover {background:#ffe300;color:#000;}

.prust { line-height:1.5; text-align:center;}

.gtrbd7 a {color:#017fe1;font-size:12px;font-weight:400;white-space: nowrap;clear:both;width:100%;text-align:center;padding: 2px;margin:1px;}
.gtrbd7 a:hover {color:#DC143C;}

.gtrbd77 a {color:#ab343a;font-size:20px;font-weight:600;white-space: nowrap;clear:both;width:100%;text-align:center;padding: 2px 6px;margin:1px;}
.gtrbd77 a:hover {color:#017fe1;}

@media screen and (min-width: 351px) {
.rw .col-779l, .row .col-779l {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : calc(100% - 180px);
width : calc(100% - 180px);
width : calc(100% - 180px);
}
.rw .col-779r, .row .col-779r {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : 180px;
}
}
@media screen and (min-width: 301px) and (max-width: 450px) {
.rw .col-779l, .row .col-779l {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : calc(100% - 90px);
width : calc(100% - 90px);
width : calc(100% - 90px);
}
.rw .col-779r, .row .col-779r {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : 90px;
}
}
@media screen and (min-width: 100px) and (max-width: 300px) {
.rw .col-779r, .row .col-779r {
float : none;
width : 100% !important ; margin-bottom:10px;
}
.rw .col-771l, .row .col-771l {
float : none;
width : 100% !important ;
}
}  

@media screen and (min-width: 501px) {
.rw .col-987l, .row .col-987l {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : calc(100% - 180px);
width : calc(100% - 180px);
width : calc(100% - 180px);
}
.rw .col-987r, .row .col-987r {
float : left;
position : relative;
min-height : 1px;
padding-left : 5px;
padding-right : 5px;
box-sizing : border-box;
width : 180px;
}
.catimg {border-radius:6px;margin-top:10px;border:1px solid #f4f4f4;}
.akyut {padding: 0 5px;}   
}

@media screen and (min-width: 100px) and (max-width: 500px) {
.rw .col-987r, .row .col-987r {
float : none;
width : 100% !important ;
}
.rw .col-987l, .row .col-987l {
float : none;
width : 100% !important ;  
}
.catimg {border-radius:6px;margin-top:15px;border:1px solid #f4f4f4;}  
.akyut {padding: 0 10px;}  
}