article, aside, 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 : url('/img/fon.jpg') #010d2b;
}
@media screen and (max-width: 599px) {
body {
font-size : 16px;
}
}
hr {
display : block;
height : 0;
border : 0;
border-top : 1px dashed #828282;
margin : 0.4em 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 : #0086e3;
text-decoration : none;
transition : all 0.3216s ease;
}
a:hover {color : #000;
text-decoration : none;
}
.clr:after {
display : table;
clear : both;
content : '';
}
.opened {
color : #000 !important ;
}
.middle {
margin : 0 auto;
max-width : 1000px;
padding : 10px 20px;
white-space : nowrap;
}
@media screen and (max-width: 550px) {
.middle {padding : 10px;}
} 
.middle > section, .middle > aside, .middle > div {
white-space : normal;
}
.content {
box-sizing : border-box;
display : inline-block;
width : 100%;
vertical-align : top;
padding:10px 0; 
}
.sidebar {
width : 300px;
vertical-align : top;
margin-left : -300px;
position : relative;
display : inline-block;
}
#cntContaineroEditmessage {
margin-top : 10px !important ;
}
.entry-img {
position : relative;
width : calc (100%-26px);
height : 200px;
overflow : hidden;
border: 3px solid #946c27; 
}
.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 : #56A0CC;
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 {

}
.e-img-ssmall {
height : 120px;
}
.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);
}
.entry-detail {
margin : 0 0 20px 0;
padding : 0;
list-style : none;
}
.entry-detail li {
padding : 7px 10px;
border-bottom : 1px dotted #eee;
color : #333;
}
.entry-detail li i {
color : #56A0CC;
width : 24px;
text-align : center;
margin-right : 5px;
}
.main-img {
position : relative;
height : 480px;
}
.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;
}
.img-blur {
width : 130%;
height : 130%;
left : -15%;
top : -15%;
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%2215%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E#blur");
filter : blur(15px);
}
.parallax-block {
position : relative;
overflow : hidden;
}
.parallax-block #parallax, .parallax-block #parallax2, .parallax-block #parallax3 {
position : absolute;
width : 100%;
height : 230% !important ;
top : 0;
left : 0;
background-repeat : no-repeat;
background-position : center top;
background-size : cover;
z-index : -1;
}
.px-dark:before {
content : '';
position : absolute;
width : 100%;
height : 100%;
left : 0;
right : 0;
background : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat;
background-color : rgb(0, 0, 0, 0.9);
z-index : -2;
}
.px-dark #parallax, .px-dark #parallax2, .px-dark #parallax3 {
opacity : 0.4;
}
.r-star a, .u-star-rating-14 a, .u-star-rating-15 a {
transition : none;
}
.r-star li, .u-star-ratingfloat2 li, .u-star-rating-14 li, .u-star-rating-15 li {
border-bottom : none !important ;
}
.sorting-menu {
overflow : hidden;
position : relative;
line-height : 60px;
margin-bottom : 30px;
background : rgb(0, 0, 0, 0.02);
padding : 0 15px;
color : #999;
font-size : 10pt;
font-weight : 300;
border-radius : 4px;
}
.sorting-menu a {
font-weight : 400;
display : inline-block;
margin : 0 1px;
color : #333;
}
.sorting-menu a:hover {
color : #56A0CC;
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 : #56A0CC;
margin-right : 5px;
}
.filter-menu {
display : none;
margin-bottom : 40px;
text-align : right;
}
.entry-block {
margin-bottom : 60px;
}
.main-back {
background-image : url(/images/hexellence2.png);
background-color : #56A0CC;
background-attachment : fixed;
}
.page-nav {
line-height : 30px;
text-overflow : ellipsis;
white-space : nowrap;
overflow : hidden;
}

.page-nav h1 {
display : inline-block;
color : #FFF;
font-weight : 600;
font-size : 12pt;
text-shadow : 0 1px 1px rgb(0, 0, 0, 0.1);
}
.page-nav h1 a {
color : #FFF;
}
.page-nav span {
display : inline-block;
vertical-align : baseline;
padding-left : 15px;
color : rgb(255, 255, 255, 0.8);
font-size : 10pt;
font-weight : 400;
}
.page-nav a {
color : rgb(255, 255, 255, 0.7);
}
.page-nav a:hover {
color : rgb(255, 255, 255, 1);
text-decoration : none;
}
.page-nav-big h2 {
text-align : center;
font-size : 22pt;
color : #fff;
text-transform : none;
line-height : 40px;
white-space : normal;
}
.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);
}
.white-b {
background : #fff;
border : #f3f3f3 solid 1px;
}
.descr {
display : block;
width : 80%;
margin : 0 auto;
text-align : center;
color : #666;
}
.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;
}
.top-back {
position : relative;
overflow : hidden;
}
.top-back-canvas {
height : 100%;
opacity : 0.2;
z-index : -1;
}
.top-back-image {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
display : none;
height : 100%;
}
.block-with-img {
display : table;
width : 100%;
border:1px solid #021d63;
background : #021443;
margin-bottom : 20px;
overflow : hidden;
}
.block-with-img a {
display : block;
text-decoration : none;
}
.wysibb {
margin-bottom : 10px;
}
.main-search .searchForm {
position : relative;
width : 800px;
}
.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;
border-left : 1px solid #eee;
}
.main-search .searchForm .schBtn input {
background-color : transparent;
width : 100px;
}
h1, h2, h3, h4, h5, h6 {position: relative;font-weight:600; margin:0; padding:10px 0;text-align:center;white-space: normal;}
h1 {font-size:24px;font-family:georgia, timew new roman;}
h2 {font-size:22px;font-family:georgia, timew new roman;color:#021443;}
h3 {font-size:18px;}
h4 {font-size:17px;}
h5 {font-size:16px;}
h6 {font-size:15px;}

.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;
}
.row {
margin-right : -10px;
margin-left : -10px;
}

.col-5 {
width : 75%;
}
.col-13 {
width : 100%;
}
.col-12 {
width : 91.66666667%;
}
.col-11 {
width : 83.33333333%;
}
.col-10 {
width : 66.66666667%;
}
.col-9 {
width : 58.33333333%;
}
.col-8 {
width : 41.66666667%;
}
.col-7 {
width : 16.66666667%;
}
.col-6 {
width : 8.33333333%;
}
.col-l {
width : 180px;
}
.col-r {
width : calc(100% - 180px);
width : calc(100% - 180px);
width : calc(100% - 180px);
}
.col-l-130 {
width : 130px;
}
.col-r-130 {
width : calc(100% - 130px);
width : calc(100% - 130px);
width : calc(100% - 130px);
}
.col-l-114 {
width : 114px;
}
.col-r-114 {
width : calc(100% - 114px);
width : calc(100% - 114px);
width : calc(100% - 114px);
}
.col-107 {
width : 50%;
}
@media screen and (min-width: 50px) and (max-width: 900px) {
.col-107 {
width : 100%;
float : none;
}
}
input[type="submit"], input[type="reset"], input[type="button"], button {
padding : 0 20px;
line-height : 30px;
font-size : 12px;
border : none;
font-weight : 600;
position : relative;
background-color : #d39e42;
text-transform : uppercase;
color : #021443;
cursor : pointer;
border-radius : 4px;
transition : all 0.4023s ease;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {
background-color : #f0b95a;
color : #021443;
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
background-color : #f0b95a;
color : #021443;
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"] {
padding : 3px 5px;
font-size : 9px;
}
input[type="button"]#bid-8-basket {
padding : 4px 7px;
margin-left : 3px;
}
.manTd2 input[type="text"] {
padding : 2px 5px !important ;
}
input[type="text"], input[type="password"], textarea {
position : relative;
padding : 0 12px;
line-height : 35px;
height : 35px;
margin-bottom : 0;
border : #ccc 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 {
display : inline-block;
padding : 10px 14px;
margin : 0 4px;
border : #ccc solid 2px;
border-radius : 4px;
font-weight : 400;
cursor : pointer;
}
.line-btn:hover {
border : #56A0CC solid 2px;
color : #56A0CC;
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;
}

.col-2 {
float : left;
position : relative;
min-height : 1px;
padding-left : 7px;
padding-right : 7px;
box-sizing : border-box;
}

@media screen and (min-width: 801px) {
.rw .col-2, .row .col-2 {
width : 50% !important ;
}
.pravosearch {text-align: right;width: 100% !important ; 
} 
.levosearch {float : left !important; 
} 
.logo-info a {float : none !important; text-align: center;width : 100% !important ;
}
.logo-info-span {float : none !important; text-align: center;width : 100% !important ;padding: 0; 
}
} 

@media screen and (min-width: 50px) and (max-width: 800px) {
.rw .col-2, .row .col-2 {
float : none;
width : 100% !important ;
 
}
.v0 {padding-top:5px;border-top:1px solid #021d63;} 
.pravosearch {float : none !important; text-align: center; width : 100% !important ;
 
} 
.levosearch {padding-bottom:10px; 
} 
.logo-info a {float : none !important; text-align: center;width : 100% !important ;
}
.logo-info-span {float : none !important; text-align: center;width : 100% !important ;padding: 0; 
}
} 
.header {
width : 100%;
background-color : #021443;
border-bottom:1px solid #021d63;
min-height:35px; 
}
.header .dark-back {
border-bottom : 1px solid #2d3069;
padding : 0 0 5px 0;
}
.logo-info {
text-align : left; 
}

.logo-info a {
display : inline-block;
vertical-align : baseline;
color : #d39e42;
font-weight : 400;
font-size : 27px;
font-family:georgia, times new roman; 
line-height: 29px; 
}
.logo-info a:hover {
color : #f0b95a;
text-decoration : none;
}
.logo-info-span {
color : #5f709b;
font-size : 12px;
font-weight : 400;
text-family:tahoma, arial; 
text-transform: uppercase;
line-height: 11px;
}
.navigator {
text-align : center;
}
.menu-bar {
cursor : pointer;
line-height : 35px;
}
.menu-bar {
text-align : center;
}
.menu-bar:hover {
text-decoration : none;
}
.menu-bar button {
text-align : center;
float : none;
background : #2d3069;
color : #ffe300;
margin : 3px;
text-transform : uppercase;
font-size : 16px;
font-weight : 700;
line-height : 35px;
transition : all 0.338s ease;
border-radius : 3px;
}
.menu-bar:hover button {
color : #fff;
}
@media screen and (min-width: 100px) and (max-width: 669px) {
.nav .uMenuRoot {
margin : 0;
padding : 0;
list-style : none !important ;
color : rgb(255, 255, 255, 0.8);
line-height : 30px;
}
.nav .uMenuRoot a {
display : block;
color : #2d3069;
text-decoration : none;
font-weight : 600;
}
.nav .uMenuRoot a:hover {
color : #fff;
text-decoration : none;
}
.nav .uMenuRoot li {
position : relative;
border-bottom : 1px dotted #fff;
cursor : pointer;
}
.nav .uMenuRoot li:hover {
color : #fff;
}
.nav .uMenuRoot li ul {
list-style : none;
margin : 0;
padding : 0;
}
.nav .uMenuRoot li ul li:last-child {
border : none;
}
}
@media screen and (min-width: 670px) {
.menu-bar {
display : none !important ;
}
.chotak {
display : inline-block;
line-height : 30px !important ;
}
.nav {
display : block !important ;
text-align : center;
}
.nav .uMenuRoot {
margin : 0;
padding : 0;
list-style : none;
position : relative;
z-index : 999;
}
.nav .uMenuRoot li {
float : left;
position : relative;
padding : 0 15px;
color : #fff;
cursor : pointer;
}
.nav .uMenuRoot li a {
display : block;
position : relative;
color : #2d3069;
text-decoration : none;
font-weight : 600;
}
.nav .uMenuRoot li a:hover {
color : #fff;
}
.nav .uMenuRoot li ul {
list-style : none;
position : absolute;
margin : 0;
padding : 0;
width : 200px;
left : -8px;
opacity : 0;
visibility : hidden;
overflow : hidden;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
}
.nav .uMenuRoot li:hover ul {
background-color : #313134;
opacity : 1;
visibility : visible;
}
.nav .uMenuRoot li ul li {
display : block;
width : 100%;
}
.nav .uMenuRoot li ul li:hover {
background : rgb(0, 0, 0, 0.4);
}
.nav .uMenuRoot li ul li a {
padding : 0 8px;
}
}
.switchActive, .switchDigit, .switchBack, .switchNext, .swchItemA, .swchItem {
padding : 5px 10px;
line-height : 32px;
color : #d39e42;
border : #021d63 solid 1px;
font-weight : 600;
border-radius : 4px;
background : #021443;
}
.swchItem:hover, .switchDigit:hover, .switchBack:hover, .switchNext:hover {
text-decoration : none;
padding : 5px 10px;
line-height : 32px;
color : #d39e42;
border : #021d63 solid 1px;
font-weight : 600;
border-radius : 4px;
background : #0d2a76;
}
.switchActive, .swchItemA {
padding : 5px 10px;
line-height : 32px;
color : #021443;
border : #d39e42 solid 1px;
font-weight : 600;
border-radius : 4px;
background : #d39e42;
}
.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;
}
.eDate {
font-size : 10pt;
color : #999;
}
.eTitle, .gTableTop {
font-weight : 600;
font-family : Tahoma, Arial;
color : #2d3069;
line-height : 1.1;
text-transform : none;
}
.ramma {
border-bottom : 1px dashed #828282;
padding : 0 0 8px 0;
margin-bottom : 8px;
}
.eTitle a, .catLink {
color : #2d3069;
}
.eTitle a:hover, .catLink:hover {
color : #00ccff;
text-decoration : none;
}
.eMessage, .cMessage {
background:#fff;
color : #000;
font-weight : 400;
padding: 15px; 
font-size:17px; 
border: 2px dashed #021443;
}
.eMessage img, .cMessage img {
max-width : 100%;
height : auto;
width : auto;
margin : 4px 0 !important ;
}
.entryReadAll {
display : block;
margin-top : 10px;
font-style : italic;
}
.eDetails {
position : relative;
margin : 0 0 20px 0;
color : #999;
}
.eDetails a {
text-decoration : none;
color : inherit;
}
.eDetails a:hover {
color : #EF4C83;
}
.eDetails i {
position : absolute;
font-size : 15pt;
top : 2px;
}
.eDetails span {
margin : 0 28px;
font-size : 11pt;
}
.eBlog {
position : absolute;
z-index : 999;
top : 20px;
left : 20px;
}
.source {
color : #ccc;
font-weight : 400;
font-size : 10pt;
text-transform : uppercase;
}
.source a:hover {
text-decoration : none;
}
.entry-img:hover .eBlog {
color : #000;
}
.eBlog .d-inf {
width : 100%;
position : relative;
margin-bottom : 10px;
}
.reads, .source, .eTags {
line-height : 40px;
}
.reads i, .source i, .eTags i {
font-size : 12pt;
color : #999;
margin-right : 14px;
}
.eTag {
display : inline-block;
font-size : 10pt;
text-transform : uppercase;
font-weight : 400;
text-decoration : none;
color : #333;
border-radius : 2px;
}
.eTag:hover {
text-decoration : none;
}
.ed-sep {
display : inline-block;
padding : 0 0.5em 0 0.6em;
}
.top-name {
padding : 0 0 40px 0;
font-family : 'Open Sans Condensed', sans-serif;
font-weight : 600;
font-size : 30pt;
}
.content .sidebox.srch {
display : none;
}
#cat-select {
max-width : 230px;
}
.bbQuoteBlock .bbQuoteName, .bbCodeBlock .bbCodeName {
position : relative;
background : #56A0CC;
color : rgb(255, 255, 255, 0.8);
text-shadow : 0 1px 1px rgb(0, 0, 0, 0.1);
font-size : 8pt !important ;
padding : 8px 10px !important ;
text-transform : uppercase;
border-radius : 4px 4px 0 0;
}
.bbQuoteBlock .bbQuoteName:before, .bbCodeBlock .bbCodeName:before {
content : '';
position : absolute;
bottom : -10px;
left : 18px;
border : transparent solid 5px;
border-top : 5px solid #56a0cc;
}
.bbQuoteBlock .quoteMessage, .bbCodeBlock .codeMessage {
background : #fff;
border : #f9f9f9 solid 1px !important ;
padding : 10px;
border-radius : 0 0 4px 4px;
font-size : 11pt;
color : #666;
}
.code-style {
text-align : left;
margin : 20px 0;
padding : 15px;
font-weight : 300;
background : #fff;
font-style : italic;
border : #f6f6f6 solid 1px;
border-radius : 4px;
}
.typography .row {
margin-bottom : 40px;
display : table;
width : 100%;
}

.dateBar + hr {
border : none;
margin : 0;
}
.cTop {
font-style : italic;
}
.cTop span {
font-size : 1em !important ;
}
.pagesBlock1 {
display : block;
}
.content .cMessage {
margin-bottom : 10px;
}
.cMessage .user_avatar {
display : block;
float : left;
margin-right : 2.7%;
margin-top : 5px;
}
.cMessage .user_avatar img {
width : 42px;
height : 42px;
border-radius : 2px;
}
.com-num-entries {
line-height : 40px;
}
.com-num-entries span {
display : inline-block;
margin-right : 14px;
font-size : 12pt;
text-transform : uppercase;
font-weight : 600;
}
.com-num-entries a {
color : #666;
}
.com-num-entries a:hover {
color : #333;
text-decoration : none;
}
.com-block .pagesBlock1, .com-block .pagesBlock2 {
line-height : 40px;
text-align : right;
display : table;
width : 100%;
}
.uc-answer-link a:hover {
color : #56A0CC;
text-decoration : none;
}
.uComment {
position : relative;
}
.uComment .uc-answer-link, .uComment .uc-opacity {
margin-left : 10px;
opacity : 0;
transition : all 0.3216s ease;
}
.uComment:hover .uc-opacity {
margin-left : 0;
opacity : 0.6;
}
.uComment .uc-answer-link {
position : absolute;
opacity : 0;
right : 10px;
bottom : -10px;
}
.uComment:hover .uc-answer-link {
right : 0;
opacity : 1;
}
.uComment {
overflow : visible;
display : table;
width : 100%;
}
.com-order-block {
background : #F5F5F5;
line-height : 60px;
padding : 0 20px;
border-radius : 4px;
color : #ccc;
}
.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;
}
.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 : #283f78 solid 1px !important ;
height : 40px;
width : 100%;
background : #283f78 !important ;
box-sizing : border-box;
color : #000 !important ;
font-style : normal !important ;
}
.searchSbmFl[type="submit"] {
width :35px;
height : 35px;
border : none;
text-indent : -10000px;
overflow : hidden;
margin : 0;
padding : 0;
background-image : url("/img/search2.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 : 2px auto;
position : relative;
width : 100%;
}
.page-nav-big .schQuery input[type="text"] {
width : 100%;
font-size : 14px;
color : #5672ba;
background:#182c5d; 
height : 35px;
padding : 0 10px;
border-radius : 60px;
border : #283f78 solid 1px;
outline : none;
}
.page-nav-big .searchSbmFl {
position : absolute;
right : 0;
top : 0;
background-color : #283f78 !important ;
background-size : 40%;
width : 40px;
height : 35px;
color : #000;
border-radius : 3px 60px 60px 3px;
}
.page-nav-big:hover .searchSbmFl:hover {
background-color : #09205a !important ;
}
.page-nav-big table {
margin : 5px 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;
}
/*------ Footer style ------*/
footer{clear:both;white-space: normal;background:#021443;border-top:1px solid #021d63;}

.col-333 {
float : left;
position : relative;
min-height : 1px;
padding-left : 10px;
padding-right : 10px;
box-sizing : border-box;
}
@media screen and (min-width: 870px) {
.rw .col-333, .row .col-333 {
width : 33.3333333333333333% !important ;
}
}
@media screen and (min-width: 600px) and (max-width: 869px) {
.rw .col-333, .row .col-333 {
width : 50% !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 599px) {
.rw .col-333, .row .col-333 {
float : none;
width : 100% !important ;
}
}
.logo-info-niz {
 color: #556aa0;
 outline: none;
 font-weight: 400;
 font-family: georgia, times new roman;;
 font-size: 27px;
}
.logo-info-active a {
 color: #556aa0;
outline : none;
}
.logo-info-active a:hover {
color : #b6bfd6;
outline : none;
}
.logo-info-small {
width:100%;
color : #556aa0;
outline : none;
font-size: 12px;
 font-weight: 400;
 text-family: tahoma, arial;
 text-transform: uppercase;
 line-height: 13px;
}
.logo-info-small2 {
width:100%;
color : #556aa0;
outline : none;
font-weight : 400;
font-family : arial;
font-size : 15px;float : none;
}
.kuras {padding-top:7px;white-space:normal;line-height:30px;}

.ikplata {opacity:0.8;cursor:pointer;}
.ikplata:hover {opacity:1.0;cursor:pointer;}

.strochkavnizu {color:#556aa0;border-bottom: 1px solid #021d63;padding-bottom:6px;padding-top:6px;white-space: normal;}
.strochkavnizu a {color:#556aa0;}
.strochkavnizu a:hover {color:#b6bfd6;}

/*------ Footer style ------*/


.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 : #000;
}
.repHistory {
font-weight : bold;
}
.user-main-back {
position : relative;
}
.user-main-back .user-avatar {
position : relative;
width : 150px;
height : 150px;
overflow : hidden;
background : #ffe300;
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;
}


.toper {
color : #5f709b;
white-space : normal !important ;
border: 1px solid #021d63;
background: #021443;
margin-bottom: 20px;
line-height : 1.3;
text-align : left;
padding:5px 10px; 
}
.toper a {
color : #d39e42;
text-decoration : none;
white-space : nowrap;
}
.toper a:hover {
color : #5f709b;
text-decoration : none;
white-space : nowrap;
}

.nazv {
margin : 4px 8px;
height : 80px;
overflow: hidden;
text-overflow: clip;
font-family : arial;
text-align : left;
font-size:18px; 
line-height : 1.1;
white-space : normal;
}
.nazv a {
color : #d39e42;
text-decoration : none;
font-size : 18px;
font-weight : 600;
text-align : left;
font-family:times new roman; 
overflow: hidden;
text-overflow: clip; 
}
.nazv a:hover {
color : #f0b95a;
text-decoration : none;
}

.minus {
padding : 0 5px;
}




.tsentr {
text-align : center;
}
.pravo {
text-align : right;
}
.levo {
text-align : left;
}
.glms a {
text-decoration : none;
line-height: 35px;
padding :0 7px;
color : #021443;
font-size:35px; 
border : #d39e42 solid 1px;
font-weight : 700;
border-radius : 50px;
background : #d39e42;
white-space : nowrap;
}
.glms a:hover {
text-decoration : none;
border : #f0b95a solid 1px;
background : #f0b95a;
color : #021443;
}

.knopochka {
position : relative;
display : inline-block;
cursor : pointer;
vertical-align : middle;
text-align : center;
text-decoration : none;
padding : 7px 15px;
text-shadow : 0 -1px 1px #777;
color : #fff;
outline : none;
border-radius : 4px;
background : #0078ff;
}
.knopochka:hover {
background : #2d3069;
text-decoration : none;
color : #fff;
}
.col-3 {
float : left;
position : relative;
min-height : 1px;
padding-left : 7px;
padding-right : 7px;
box-sizing : border-box;
}
.col-3 {
width : 33.333333333333333333%;
}
@media screen and (min-width: 521px) and (max-width: 900px) {
.rw .col-3, .row .col-3 {
width : 50% !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 520px) {
.rw .col-3, .row .col-3 {
float : none;
width : 100% !important ;
}
}

.col-4 {
float : left;
position : relative;
min-height : 1px;
padding-left : 7px;
padding-right : 7px;
box-sizing : border-box;
}
@media screen and (min-width: 851px) {
.rw .col-4, .row .col-4 {
width : 25% !important ;
}
}
@media screen and (min-width: 701px) and (max-width: 850px) {
.rw .col-4, .row .col-4 {
width : 33.33333333333333333333333333333% !important ;
}
}
@media screen and (min-width: 421px) and (max-width: 700px) {
.rw .col-4, .row .col-4 {
width : 50% !important ;
}
}
@media screen and (min-width: 100px) and (max-width: 420px) {
.rw .col-4, .row .col-4 {
float : none;
width : 100% !important ;
}
}


.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 10px;
}

.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 : #00ccff;
text-decoration : none;
}
}
@media screen and (min-width: 510px) and (max-width: 789px) {
.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 : #00ccff;
text-decoration : none;
}
}
@media screen and (min-width: 261px) and (max-width: 509px) {
.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 : #00ccff;
text-decoration : none;
}
}
@media screen and (min-width: 100px) and (max-width: 260px) {
.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 : 14px;
}
.textUnderBannerLink {
color : #2d3069;
text-decoration : none;
}
.textUnderBannerLink:hover {
color : #00ccff;
text-decoration : none;
}
}
.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;
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;
}
.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;
}
.tpesn {
margin : 0;
font-weight : 600;
font-size : 16px;
white-space : normal;
padding : 0;
}
.korob {
text-align : center;
margin : 0 auto;
width : 100%;
}
.korob2 {
display : inline-block;
text-align : left;
}
 #cookie-consent {
 position: fixed;
 bottom: 30px;
 left: 50%;
 transform: translateX(-50%) translateY(20px);
 width: 100%;
 max-width: 600px;
 background: #ffffff;
 color: #480477;
 padding: 12px 16px;
 border-radius: 12px;
 box-shadow: 0 0 15px rgba(0,0,0,0.22);
 font-family: Arial;
 font-size: 15px;
 line-height: 1.4;
 z-index: 100000;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 opacity: 0;
 visibility: hidden;
 transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
 box-sizing: border-box;
 }

 #cookie-consent.show {
 opacity: 1;
 visibility: visible;
 transform: translateX(-50%) translateY(0);
 }

 #cookie-consent .cookie-text {
 flex: 1;
 color: #121212;
 }

 #cookie-consent a {
 color: #0133ea;
 text-decoration: none;
 border-bottom: 1px solid rgba(255,255,255,0.3);
 transition: border-color 0.2s;
 }

 #cookie-consent a:hover {
 border-bottom-color: #0133ea;
 }

 #cookie-consent button {
 background: #021443;
 color: #f0b95a;
 border: none;
 padding: 10px 20px;
 border-radius: 8px;
 font-weight: 600;
 font-size: 13px;
 cursor: pointer;
 white-space: nowrap;
 transition: transform 0.2s, background 0.2s;
 }

 #cookie-consent button:hover {
 background: #021d63;
 }

 #cookie-consent button:active {
 transform: scale(0.98);
 }

 /* Адаптив для мобилок */
 @media (max-width: 600px) {
 #cookie-consent {
 bottom: 30px;
 width: calc(100% - 30px);
 flex-direction: column;
 text-align: center;
 padding: 20px;
 }
 #cookie-consent button {
 width: 100%;
 }
 }

.h-icon {
 float: right;
 margin: 0;
 padding: 0;
 list-style: none;
 }

.h-icon li {
 float: left;
 margin: 0;
 position: relative;
 width: 40px;
 height: 40px; 
}

.h-icon li a i, .h-icon li i {
 background: #0133ea;
 width: 40px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 color:#fff; 
 font-size: 25px;
 padding:0;margin:0; 
}

.h-icon li a:hover i, .h-icon li:hover i {
 background: #fff; color:#0133ea;
}

blockquote {
 margin: 5px 0;
 padding: 5px;
 border-left: 4px solid #480477;
 background: #f8f8f8;
 font-style: italic;
}

.ashka {
color : #d39e42;
border: 1px solid #021d63;
background: #021443;
margin-bottom: 20px; 
font-size : 13px;
font-weight : 600;
white-space : normal;
text-align : center;
padding : 5px 10px;
text-transform: uppercase; 
font-family:arial; 
}

.blockmater {
display : table;
width: 100%;
border:1px solid #021d63;
background : #021443;
margin-bottom : 20px;
}
.blockmater2 {padding:10px;width: 100%;
 box-sizing: border-box;}
.ghres {
 width: 98%;text-align: center;
 border: 4px solid #946c27;
 }
.zaglavie {color:#d39e42;}

.pokategg {font-size:11px; text-transform:uppercase; margin:0 8px; text-align:right;background:#946c27;color:#021443;border-radius: 0 ;padding:0 5px 3px 5px;}

.x7popup-wrapper{
 position:relative;
 display:inline-block;
}

.x7popup-btn{
 padding:0 10px;
 cursor:pointer;
 color:#5672ba;
 background:#182c5d;
 border-radius: 50px;
 line-height:35px;
 font-size:21px;
 border:#283f78 solid 1px;
 margin-top:2px;
}
.x7popup-btn:hover {background:#09205a;color:#5672ba;}

 
.x7popup-menu{
 display:none;
 z-index: 10000000;
 position:absolute;
 top:53px;
 left:0;
 border-radius: 6px;
 width:300px;
 background:#021443;
 border:1px solid #021d63;
 box-shadow:0 5px 10px rgba(0,0,0,.6);
}

.x7popup-menu.x7popup-open{
 display:block;
}

.x7popup-menu a{
 display:block;
 padding:8px;
 text-decoration:none;
 color:#d39e42;
 border-bottom:1px solid #021d63;
 font-weight: 400;
 font-family: georgia, times new roman;
 font-size:16px;
}

.x7popup-menu a:hover{
 background:#021d63;
}

.v1 {width:55px;text-align:left;float:left;}
.v2 {width: calc(100% - 55px);text-align:right;float:right;}