@import "//fonts.googleapis.com/css?family=Exo+2:100,300,300italic,500,500italic,700,700italic&subset=latin,cyrillic";
@font-face {
 font-family: 'SignPainter-HouseScript';
 src: url('/fonts/SignPainter-HouseScript.eot');
 src: url('/fonts/SignPainter-HouseScript.woff2') format('woff2'),
 url('/fonts/SignPainter-HouseScript.woff') format('woff'),
 url('/fonts/SignPainter-HouseScript.ttf') format('truetype'),
 url('/fonts/SignPainter-HouseScript.svg#SignPainter-HouseScript') format('svg'),
 url('/fonts/SignPainter-HouseScript.eot?#iefix') format('embedded-opentype');
 font-weight: normal;
 font-style: normal;
}

.catsTd a {
 color: #000;
}


* {
 outline: none;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,nav,section,summary {
 display: block;
}

a,mark {
 color: #000;
}

.eTitle,.gTableTop,button,select {
 text-transform: none;
}

div,fieldset,hr,img,legend {
 border: 0;
}

body,fieldset,figure {
 margin: 0;
}

body,fieldset,hr,legend {
 padding: 0;
}

.entry-img,.sidebar,blockquote,sub,sup {
 position: relative;
}

.clr:after,.h-top .basket-top:after,.h-top .basket-top:before,.logo h2:after,.with-clear:after,button:after,button:before {
 content: '';
}

blockquote,dfn {
 font-style: italic;
}

.f-mid ul,.header ul,.icon-list,.sidebox-bd li,.sidebox-bd ul,.user-activity,.user-btn,.user-social {
 list-style: none;
}

audio,canvas,video {
 display: inline-block;
}

audio:not([controls]) {
 display: none;
 height: 0;
}

[hidden],template {
 display: none;
}

html {
 font-family: sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}

a {
 text-decoration: underline;
}

a:focus {
 outline: dotted thin;
}

a:active,a:hover {
 outline: none;
}

abbr[title] {
 border-bottom: 1px dotted;
}

b,strong {
 font-weight: 700;
}
/*
hr {
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 height: 0;
 border-top: 1px solid #ededed;
 margin: .4em 0;
}
*/
mark {
 background: #ff0;
}

code,kbd,pre,samp {
 font-size: 1em;
}

pre {
 white-space: pre-wrap;
}

q {
 quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
 font-size: 80%;
}

sub,sup {
 vertical-align: baseline;
 font-size: 75%;
 line-height: 0;
}

sup {
 top: -.5em;
}

sub {
 bottom: -.25em;
}

img {
 max-width: 100%;
 vertical-align: middle;
}

svg:not(:root) {
 overflow: hidden;
}

button,input,select,textarea {
 margin: 0;
 font-size: 100%;
 font-family: inherit;
}

button,input {
 line-height: normal;
}

button,html input[type=button],input[type=reset],input[type=submit] {
 cursor: pointer;
 -webkit-appearance: button;
}

button[disabled],html input[disabled] {
 cursor: default;
}

input[type=checkbox],input[type=radio] {
 padding: 0;
}

input[type=search] {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 -webkit-appearance: textfield;
}

.c-form select,.content {
 -moz-box-sizing: border-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
 -webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
 padding: 0;
 border: 0;
}

textarea {
 overflow: auto;
 vertical-align: top;
}

.calTable,.entry-img,.logo h2,.logo h2:before,.pollLnk,.top-back,button {
 overflow: hidden;
}

button,html,input,select,textarea {
 color: #333;
}

body {
 font-family: 'Exo 2',sans-serif;
 font-size: 12pt;
 line-height: 1.2;
 background-color: #fff;
}

blockquote {
 margin: 30px 0 30px 15px;
 padding-left: 15px;
 font-weight: 300;
 border-left: 2px solid #7D92BA;
}

a:hover {
 text-decoration: none;
}

.clr:after,.with-clear:after {
 display: table;
 clear: both;
}

.content,.sidebar {
 vertical-align: top;
 display: inline-block;
}

footer .middle,header .middle {
 padding: 0 30px;
 white-space: normal;
 max-width: 1500px;
}
.footer.nw .middle,
.header.nw .middle {
 max-width: 1260px;
}

.middle {
 margin: 0 auto;
 max-width: 1260px;
 padding: 60px 30px;
 white-space: nowrap;
}

.middle>aside,.middle>div,.middle>section,.path,h1,h2,h3,h4,h5,h6 {
 white-space: normal;
}

.content {
 width: 100%;
 padding-right: 340px;
}

.sidebar {
 width: 280px;
 margin-left: -280px;
}

.img-container {
 background: #eee;
 margin-bottom: 30px;
 text-align: center;
}

.img-container img {
 max-height: 650px;
}

.entry-img {
 width: 100%;
 height: 380px;
 margin-bottom: 30px;
}

.img {
 position: absolute;
 width: 104%;
 height: 104%;
 left: -2%;
 top: -1%;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.entry-cat {
 font-size: 10pt;
 color: #bbb;
}

.entry-cat a {
 text-decoration: none;
 color: #666;
}

.u-star-rating-30 {
 background: url(/images/rating30.png) left top repeat-x!important;
}

.u-star-rating-30 li a:hover,.u-star-rating-30 li.u-current-rating {
 background: url(/images/rating30.png) left bottom!important;
}

#add-video-btn,.rate a,.r-star a,.u-star-rating-14 a,.u-star-rating-15 a,.u-star-rating-30 a {
 transition: none;
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
}

.r-star li,.u-star-rating-14 li,.u-star-rating-15 li,.u-star-ratingfloat2 li {
 border-bottom: none!important;
}

.responsive-video {
 position: relative;
 padding-bottom: 50%;
 padding-top: 40px;
 height: 0;
}

.responsive-video embed,.responsive-video iframe,.responsive-video object {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.path {
 padding: 15px 30px;
 border-bottom: 1px solid #fafafa;
 color: #999;
 text-align: center;
 font-size: 10pt;
 z-index: 1;
}
.col-patch {
 background: #7D92BA;
}
.col-patch .path {
 color: rgba(255,255,255,.65);
 border: none;
}
.col-patch .path a {
 color: rgba(255,255,255,.8) !important;
}
.col-patch .path a:hover {
 color: #fff !important;
}
.path .go-back {
 float: left;
 position: relative;
 padding-left: 15px;
}
.path .go-back:before {
 position: absolute;
 left: 0;
 top: -6px;
 font: normal normal normal 14px/1 FontAwesome;
 content: "\f104";
 font-size: 2em;
 opacity: .75;
}

.c-form,.modal .des,.modal .ttl {
 text-align: center;
}

.path a {
 text-decoration: none;
 color: #666;
}

.path a:hover {
 color: #7D92BA;
}

.uc-top-left a,.uc-top-left img,.uc-top-left span {
 vertical-align: baseline!important;
}

.uf-tooltip {
 width: 90px!important;
 margin: 0 0 15px -45px !important;
 word-wrap: break-word;
}

.modal .ttl {
 position: relative;
 font-size: 14pt;
 color: #fff;
 text-transform: uppercase;
 padding: 15px;
 background: #7D92BA;
 -webkit-border-radius: 3px 3px 0 0;
 -moz-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
}

.modal .ttl i {
 position: absolute;
 left: 10px;
 color: rgba(255,255,255,.2);
 font-size: 26pt;
 top: 5px;
}

.modal .des {
 padding: 10px 10px 0;
 color: #999;
 font-size: 9pt;
}

.c-form,.l-form,.order {
 width: 360px;
}

.l-form #uidLogForm {
 padding: 30px 10px;
}

.l-form .local-form {
 margin-top: 15px;
}

.c-form .rate-list {
 display: table;
 margin: 0 auto;
 padding: 15px;
 list-style: none;
 color: #666;
 font-size: 11pt;
}

.c-form select {
 background-color: #7D92BA;
 width: 60%;
 color: #fff!important;
 border: none;
 display: inline-block;
 font: inherit;
 padding: 10px 15px;
 margin: 0 0 30px;
 -webkit-appearance: none;
 -moz-appearance: none;
}

.c-form select:focus {
 color: #fff!important;
 outline: 0;
}

.c-form select option {
 color: #333;
 background: #fff;
}

.c-form select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}

.acces-den i,.guest-den i {
 font-size: 68pt;
 color: #ccc;
 cursor: default;
}

.acces-den span,.guest-den span {
 display: block;
 font-weight: 300;
 font-size: 14pt;
 margin: 40px 0;
}

.top-back {
 position: relative;
}

.top-back-canvas {
 height: 100%;
 opacity: .2;
 z-index: -1;
}

#_uwndTop1 {
 z-index: 99999!important;
}

#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span {
 background-image: url(/images/fancybox_sprite.png)!important;
}

.fancybox-close {
 top: 0!important;
 right: -36px!important;
}

.fancybox-opened .fancybox-outer {
 box-shadow: 0 2px 4px rgba(0,0,0,.1)!important;
}

#fancybox-overlay {
 background: url(/images/pattern.png) #000!important;
 opacity: .6!important;
}

.valign-middle {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -webkit-box-align: center;
 align-items: center;
}

.bbCodeBlock .bbCodeName,.bbQuoteBlock .bbQuoteName {
 position: relative;
 background: #7D92BA;
 color: rgba(255,255,255,.8);
 text-shadow: 0 1px 1px rgba(0,0,0,.1);
 font-size: 8pt!important;
 padding: 8px 10px!important;
 text-transform: uppercase;
 -webkit-border-radius: 4px 4px 0 0;
 -moz-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0;
}

.bbCodeBlock .bbCodeName:before,.bbQuoteBlock .bbQuoteName:before {
 content: '';
 position: absolute;
 bottom: -10px;
 left: 18px;
 border: 5px solid transparent;
 border-top: 5px solid #7D92BA;
}

.bbCodeBlock .codeMessage,.bbQuoteBlock .quoteMessage {
 background: #fff;
 border: 1px solid #eee!important;
 padding: 10px;
 -webkit-border-radius: 0 0 4px 4px;
 -moz-border-radius: 0 0 4px 4px;
 border-radius: 0 0 4px 4px;
 font-size: 11pt;
 color: #666;
}

.code-style {
 text-align: left;
 margin: 20px 0;
 padding: 15px;
 font-weight: 300;
 font-style: italic;
 border: 1px solid rgba(0,0,0,.05);
 background: rgba(0,0,0,.02);
}

.typography .row {
 margin-bottom: 40px;
 display: table;
 width: 100%;
}

.typography .row .col-4 {
 font-weight: 300;
 color: #999;
}

.thin-table td,.thin-table th,table.thin-table {
 border: 1px solid #ccc;
 border-collapse: collapse;
}

.thin-table td,.thin-table th {
 padding: 5px;
}


.mttl:after {
 content: '';
 position: absolute;
 width: 80px;
 height: 3px;
 background: #7D92BA;
 top: 100%;
 left: 50%;
 margin-left: -40px;
}
.mttl.line {
 text-transform: uppercase;
 font-weight: 300;
 font-size: 2em;
}
.mttl.line:before {
 content: '';
position: absolute;
width: 220px;
height: 1px;
background: #ccc;
top: 100%;
left: 50%;
margin: 1px 0 0 -110px;
}
.plax-block .mttl {
 color: #fff;
}

.descr {
 margin: 0 auto;
 display: table;
 max-width: 500px;
 margin-bottom: 40px;
 text-align: center;
 text-transform: uppercase;
 font-weight: 300;
 color: #999;
 font-size: 0.85em;
}
.descr.wide {
 max-width: 600px;
 text-transform: none;
 font-size: 1.1em;
}

.row,.row1,.row2,.srow {
 margin-right: -15px;
 margin-left: -15px;
}

[class^="col-"] {
 float: left;
 position: relative;
 min-height: 1px;
 padding-left: 15px;
 padding-right: 15px;
}
<!-- ================================ вырезано ========================= -->

button:after,button:before {
 position: absolute;
 height: 100%;
 width: 100%;
 bottom: 100%;
 left: 0;
 z-index: -1;
 -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
 transition-timing-function: cubic-bezier(.75,0,.125,1);
}

button:before {
 background: rgba(0,0,0,.3);
}

button:after {
 background: rgba(0,0,0,.1);
}

button:hover:after,button:hover:before {
 -webkit-transform: translate3d(0,100%,0);
 transform: translate3d(0,100%,0);
}

button:hover:after {
 -webkit-transition-delay: 175ms;
 transition-delay: 175ms;
}

#iplus input[type=button],.commTd2 input[type=button],.manTd2 input[type=button],.manTdBrief input[type=button],.manTdText input[type=button],input[type=button].codeButtons {
 padding: 3px 5px;
 font-size: 9px;
}


input[type=text],input[type=password],textarea {
 position: relative;
 padding: 0 12px;
 line-height: normal;
 height: 40px;
 margin-bottom: 4px;
 border: 1px solid #f6f6f6;
 background: #f6f6f6;
 font-weight: 300;
 color: #999;
 font-size: 11pt;
}

input[type=text]:hover,input[type=password]:hover,textarea:hover {
 border-color: #ccc;
}

.main-nav .uMenuRoot li,.main-nav .uMenuRoot ul,.sidebox {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
}

textarea {
 resize: vertical;
 line-height: normal;
 padding-top: 10px;
 padding-bottom: 10px;
 min-height: 140px;
}

input[type=button]#newPhtBt {
 width: auto!important;
}

input.codeButtons[type="button"] {
 padding: 0px 10px;
 line-height: 30px;
 height: auto;
 font-size: 12px;
 width: auto !important;
}

#iplus input {
 height: 24px;
 line-height: 20px;
}

#cont-shop-invoices input,.shop-user-page input,input[title="Вставьте этот код в любое место сообщения"],input[title=Height],input[title=Width] {
 padding: 0 5px;
 height: 25px;
}
#addform input {
 width: auto !important;
}

.line-btn {
 display: inline-block;
 text-decoration: none;
 padding: 10px 14px;
 margin: 0 4px;
 border: 2px solid #ccc;
 font-weight: 400;
 cursor: pointer;
}

.mbtn {
 margin: 30px auto 0px;
 display: table;
 padding: 10px 24px;
}

.line-btn:hover {
 border: 2px solid #7D92BA;
 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;
}

.btn-anim:hover i {
 opacity: 1;
 left: 13px;
}

.btn-icon-flat i {
 font-size: 16pt;
 top: 8px;
 left: 10px;
 line-height: 1;
}

.header ul {
 margin: 0;
 padding: 0;
}

.h-top {
 background-color: #f2f2f2;
 z-index: 2;
}

.h-btm {
 background-color: #7D92BA;
}
.h-btm.boxed {
 margin: 0 auto;
 max-width: 1260px;
 position: relative;
 z-index:3;
}

.h-top .h-contacts,.h-top .h-contacts li,.h-top .h-user li.list {
 position: relative;
 float: left;
}

.h-top .h-user li.basket {
 float: left;
}

.h-top .h-contacts a,.h-top .h-user .list a {
 display: block;
 text-decoration: none;
 color: #666;
}

.h-top .h-contacts li:hover a i,.h-top .h-user li.list:hover a i {
 color: #294479;
}

.h-top .h-contacts li,.h-top .h-user li.list {
 padding: 10px 0 10px 22px;
 line-height: 20px;
 margin-right: 30px;
 font-size: 10pt;
 color: #666;
}

.h-top .h-contacts li i,.h-top .h-user li.list i {
 position: absolute;
 left: 0;
 top: 10px;
 font-size: 16px;
}

.h-top .basket-top,.h-top .h-user, .h-top .icon-list {
 float: right;
}

.h-top .icon-list:before {
 content: 'Мы в соц.сетях:';
 float: left;
 margin: 13px 15px 0 0;
 text-transform: uppercase;
 font-size: 0.8em;
 color: #999;
}
.h-top .icon-list.no-text:before {
 display: none;
}
.h-top .icon-list.no-text {
 margin-left: 20px;
 border-left: 1px dashed #e0e0e0;
 padding-left: 15px;
}

.h-top .icon-list li {
 position: relative;
}
.h-top .icon-list li:before {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 0;
 background: #ccc;
}
.h-top .icon-list li a {
 line-height: 40px;
 width: 40px;
 color: #666;
 position: relative;
}
.h-top .icon-list li a:hover {
 color: #fff;
}
.h-top .icon-list li:hover:before {
 height: 100%;
}
.h-top .icon-list li i {
 font-size: 0.8em;
}
.h-top .icon-list li.vk:before {
 background: #48729E;
}
.h-top .icon-list li.fb:before {
 background: #3C5A98;
}
.h-top .icon-list li.od:before {
 background: #FF9F4D;
}
.h-top .icon-list li.yt:before {
 background: #DC3E21;
}
.h-top .icon-list li.tw:before {
 background: #00ACED;
}
.h-mid .h-search {
 float: right;
 color: #777;
 font-size: 1.3em;
 border-left: 1px solid #eee;
 margin: 20px -8px 0 10px;
}
.h-mid .h-search:hover {
 color: #333;
 background: none;
}
.h-mid.no-basket .uMenuRoot {
 margin: 25px 0;
}
.h-mid.no-basket .menu-togle {
 margin: 30px 0;
}

.h-top .basket-top {
 width: 280px;
 background: #f2f2f2;
 color: #999;
 margin-bottom: -20px;
}

.h-top .basket-top .icon {
 color: #294479;
}

.h-top .basket-top:after,.h-top .basket-top:before {
 position: absolute;
 width: 10px;
 height: 8px;
 background-repeat: no-repeat;
 bottom: 12px;
}

.h-top .basket-top:before {
 left: -10px;
 background-image: url(/images/left-in.png);
}

.h-top .basket-top:after {
 right: -10px;
 background-image: url(/images/right-in.png);
}

.h-top .basket-top .info .summ {
 color: #333;
}

@media screen and (max-width:800px) {
 .h-top .h-contacts li,.h-top .h-user .list {
 margin-right: 14px!important;
 }
 
 .h-top .h-contacts a span,.h-top .h-user .list a span {
 position: absolute;
 display: block;
 top: 60px;
 left: -8px;
 min-width: 60px;
 line-height: 1;
 background: rgba(0,0,0,.8);
 padding: 6px 8px;
 color: #fff;
 opacity: 0;
 visibility: hidden;
 z-index: 13;
 }
 
 .h-top .h-contacts a span {
 min-width: 120px;
 max-width: 240px!important;
 }
 
 .h-top .h-contacts a span:before,.h-top .h-user .list a span:before {
 content: '';
 position: absolute;
 top: -5px;
 left: 10px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 5px 5px;
 border-color: transparent transparent rgba(0,0,0,.8);
 }
 
 .h-top .h-contacts a:hover span,.h-top .h-user .list a:hover span {
 top: 50px;
 opacity: 1;
 visibility: visible;
 }
}

@media screen and (max-width:500px) {
 .h-top .h-contacts,.h-top .h-user li.list {
 min-height: 40px;
 }
 
 .h-top .h-user li.list {
 padding-bottom: 0;
 }
 
 .h-top .h-user {
 float: none;
 }
 
 .h-top .basket-top,.h-top .h-user li.basket {
 width: 100%;
 }
}

.h-mid {
 min-height: 100px;
 background: rgba(255,255,255,.95);
}

.logo {
 float: left;
 display: block;
 text-decoration: none;
}

.h-mid nav,.h-search,.menu-togle {
 float: right;
}

.logo img {
 margin: 15px 0;
 max-height: 70px;
}

.logo h2 {
 font-family: 'SignPainter-HouseScript';
 color: #294479;
 font-weight: 400;
 margin: 0 10px 0 -10px;
 line-height: 1;
 display: inline-block;
 position: relative;
 font-size: 38pt;
 word-wrap: break-word;
 padding: 15px 10px 10px;
}

.logo:hover h2 {
 color: #c5c2b8;
}

.logo h2:after {
 position: absolute;
 height: 6px;
 width: 100%;
 top: 50%;
 margin-top: -3px;
 right: 0;
 background: #eee;
 -webkit-transform: translate3d(-100%,0,0);
 transform: translate3d(-100%,0,0);
 -webkit-transition: -webkit-transform .4s;
 transition: transform .4s;
 -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
 transition-timing-function: cubic-bezier(.7,0,.3,1);
}

.logo:hover h2:after {
 -webkit-transform: translate3d(100%,0,0);
 transform: translate3d(100%,0,0);
}

.logo h2:before {
 content: attr(data-letters);
 position: absolute;
 z-index: 2;
 color: #424242;
 white-space: nowrap;
 width: 0;
 -webkit-transition: width .4s .3s;
 transition: width .4s .3s;
}

.logo:hover h2:before {
 width: 100%;
}

.logo span {
 display: block;
 line-height: 1;
 margin: -12px 0 12px;
 color: #666;
 text-transform: uppercase;
 font-size: 8pt;
}

.menu-togle {
 display: none;
 position: relative;
 text-decoration: none;
 text-align: center;
 font-size: 21pt;
 cursor: pointer;
 color: #294479;
 margin: 25px 0;
}

.menu-togle i {
 position: absolute;
 left: 0;
}

.menu-togle span {
 display: block;
 color: #333;
 text-transform: uppercase;
 font-size: 16pt;
 padding-left: 40px;
}

.main-nav .uMenuRoot {
 margin: 30px 0 15px;
 display: table;
}

.main-nav .uMenuRoot li {
 position: relative;
 float: left;
 text-transform: uppercase;
}

.main-nav .uMenuRoot li span {
 display: block;
 padding: 15px 8px;
 cursor: pointer;
 color: #333;
}

.greed-nav .uMenuRoot li:first-child span {
 text-transform: uppercase;
 color: rgba(255,255,255,.6);
 font-weight: 400;
 padding-left: 0;
}

.main-nav .uMenuRoot li a {
 display: block;
 text-decoration: none;
}

.greed-nav .hidden-links ul li a:hover span,.greed-nav .uMenuRoot ul li a:hover span,.main-nav .uMenuRoot li a.uMenuItemA span,.main-nav .uMenuRoot li a:hover span {
 color: #294479!important;
}

.greed-nav .hidden-links li ul,.greed-nav .uMenuRoot ul,.main-nav .uMenuRoot ul {
 position: absolute;
 background: #fff;
 top: 65px;
 left: 50%;
 padding: 10px;
 width: 220px;
 border-top: 3px solid #7D92BA;
 margin: 0 0 0 -110px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 -moz-box-shadow: 0 1px 10px rgba(0,0,0,.04);
 -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.04);
 box-shadow: 0 1px 10px rgba(0,0,0,.04);
 z-index: 9;
 opacity: 0;
 visibility: hidden;
}

.greed-nav .hidden-links:before,.main-nav .uMenuRoot ul:before {
 content: '';
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -10px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 10px;
 border-color: transparent transparent #7D92BA;
}

.greed-nav .uMenuRoot ul {
 left: -5px;
 margin: 0;
}

.greed-nav .hidden-links li.uWithSubmenu:hover ul,.greed-nav .uMenuRoot li.uWithSubmenu:hover ul,.main-nav .uMenuRoot li.uWithSubmenu:hover ul {
 top: 50px;
 opacity: 1;
 visibility: visible;
}

.main-nav .uMenuRoot li.uWithSubmenu:hover ul:before {
 top: -10px;
 border-width: 0 10px 10px;
}

.greed-nav .hidden-links ul li,.greed-nav .uMenuRoot ul li,.main-nav .uMenuRoot ul li {
 display: block;
 width: 100%;
 border-bottom: 1px solid #eee;
 font-size: 10pt;
}

.greed-nav .hidden-links span,.greed-nav .uMenuRoot ul li span,.main-nav .uMenuRoot ul li span {
 padding: 8px 6px;
 line-height: 1.2;
}

.greed-nav .uMenuRoot ul li a.all span {
 text-transform: uppercase;
 color: #000;
 font-size: 1.1em;
}
.greed-nav .uMenuRoot ul li a.add span {
 position: relative;
 background: #f6f6f6;
 margin: -2px -10px;
 padding: 10px 28px 10px 16px;
 overflow: hidden;
}
.greed-nav .uMenuRoot ul li a.add span:before {
 content: "+";
 position: absolute;
 left: -20px;
 top: 10px;
}
.greed-nav .uMenuRoot ul li a.add span:hover {
 padding-left: 28px;
 padding-right: 16px;
}
.greed-nav .uMenuRoot ul li a.add span:hover:before {
 left: 16px;
}

.greed-nav .hidden-links li:first-child span,.greed-nav .uMenuRoot ul li:first-child span {
 padding: 8px 6px;
 text-transform: none;
}

.greed-nav .hidden-links ul li span,.greed-nav .uMenuRoot ul li span,.greed-nav .uMenuRoot ul li:first-child span {
 color: #333!important;
}

.greed-nav .hidden-links li:last-child,.greed-nav .uMenuRoot ul li:last-child,.main-nav .uMenuRoot ul li:last-child {
 border: none;
}

.greed-nav {
 position: relative;
 margin-right: 60px;
}
.greed-nav.portal {
 margin-right: 0;
}

.greed-nav .greed,.greed-nav .greed:after {
 position: absolute;
 right: 0;
}

.greed-nav .greed,.h-search {
 width: 60px;
 height: 60px;
 line-height: 60px;
 text-align: center;
 font-size: 21pt;
 border: 0;
 outline: 0;
 color: #fff;
 cursor: pointer;
 text-decoration: none;
}

.greed-nav .greed:hover,.h-search:hover {
 background-color: rgba(0,0,0,.1);
}

.greed-nav .greed:after {
 content: attr(count);
 top: 11px;
 left: 80%;
 line-height: 1.2;
 text-align: center;
 color: rgba(255,255,255,.4);
 font-size: 14px;
 font-weight: 700;
}

.greed-nav .greed:hover:after {
 transform: scale(1.075);
}

.greed-nav .uMenuRoot {
 display: inline-table;
}

.greed-nav .uMenuRoot li {
 position: relative;
 display: table-cell;
 line-height: 60px;
 white-space: nowrap;
}

.greed-nav .uMenuRoot li.uWithSubmenu li {
 white-space: normal;
}

.greed-nav .uMenuRoot li span {
 padding: 0 10px;
}

.greed-nav .hidden-links a,.greed-nav .hidden-links li:first-child span,.greed-nav .hidden-links span,.greed-nav .uMenuRoot li a,.greed-nav .uMenuRoot li span {
 display: block;
 color: rgba(255,255,255,.9);
 text-decoration: none;
 cursor: pointer;
}

.greed-nav .uMenuRoot li a span:hover {
 color: #fff;
}

.greed-nav .hidden-links {
 position: absolute;
 padding: 10px;
 min-width: 220px;
 right: 0;
 top: 70px;
 background: #7D92BA;
 -moz-box-shadow: 0 1px 10px rgba(0,0,0,.04);
 -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.04);
 box-shadow: 0 1px 10px rgba(0,0,0,.04);
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 z-index: 99;
}

.greed-nav .hidden-links:before {
 top: -6px;
 right: 25px;
 left: auto;
 border-width: 0 6px 6px;
}

.greed-nav .hidden-links li {
 position: relative;
 display: block;
 border-bottom: 1px solid rgba(255,255,255,.1);
}

.greed-nav .hidden-links li.uWithSubmenu:hover ul {
 top: 36px;
 left: 0;
 margin: 0;
}

.greed-nav .hidden {
 visibility: hidden;
}

.eDate {
 font-size: 10pt;
 color: #999;
}

.eTitle,.gTableTop {
 font-size: 22pt;
 font-weight: 400;
 color: #333;
 line-height: 1.1;
 padding: 5px 0 20px;
 word-wrap: break-word;
}

.f-top h5,.sidebox-ttl,.user-btn li {
 text-transform: uppercase;
}

.catLink,.eTitle a {
 color: #333;
 text-decoration: none;
}

.catLink:hover,.eTitle a:hover {
 color: #7D92BA;
 text-decoration: none;
}

.top-name {
 margin-top: -20px;
 padding: 0 0 50px;
 font-weight: 300;
 font-size: 34pt!important;
}
.top-name.tn-small {
 font-size: 22pt!important;
}

.cMessage,.eMessage {
 color: #666;
 font-weight: 300;
 line-height: 1.2;
 font-size: 13pt;
}

.cMessage img,.eMessage img {
 max-width: 100%;
 height: auto;
 width: auto;
 margin: 4px 0!important;
}

.entryReadAll {
 display: block;
 margin-top: 10px;
 font-style: italic;
}

.eTags .list,.eTags i,.sorting .list,.sorting i {
 display: inline-block;
}

.news-list .eMessage p {
 margin: 3px 0;
}

.eTags {
 margin-top: 40px;
}

.eTags i,.sorting i {
 line-height: 40px;
 color: #7D92BA;
 font-size: 20pt;
}

.eTags span,.sorting span {
 padding: 0 5px;
 margin-right: 10px;
 font-weight: 400;
 font-size: 10pt;
 color: #CCC;
}

.eTags .list a,.sorting .list a {
 text-decoration: none;
 font-size: 14pt;
 font-weight: 300;
 display: inline-block;
}

.eTags .list a:hover,.sorting .list a:hover {
 color: #7D92BA;
}

.sorting {
 margin-bottom: 30px;
}
.sorting.slist {
 display: none;
 padding: 10px;
 margin: -15px 0px 15px;
}

.sorting a {
 padding: 0 2px;
}

.sorting span.sortArrDown,.sorting span.sortArrUp {
 color: #666;
 margin: 0;
}

.sorting.slist i {
 font-size: 16pt;
}

.sorting.slist .list a {
 font-size: 12pt;
}

.sorting.slist span {
 padding: 0 3px;
}

.rating {
 position: relative;
 display: table;
 width: 100%;
 margin-top: 15px;
}

.rating:before {
 content: '';
 position: absolute;
 width: calc(100% - 170px);
 width: -moz-calc(100% - 170px);
 width: -webkit-calc(100% - 170px);
 width: -o-calc(100% - 170px);
 height: 1px;
 background: #eee;
 top: 50%;
 z-index: -2;
}

.sidebar .catsTd,.sidebox-bd,.sidebox-bd li {
 position: relative;
}

.rating .u-star-rating-30 {
 float: right;
}

.sidebox {
 margin-bottom: 50px;
 padding: 0;
 font-size: 11pt;
}

.sidebox-ttl {
 font-size: 16pt;
 font-weight: 300;
 margin-bottom: 20px;
}

.sidebox-bd ul {
 padding: 0;
 margin: 0;
}

.sidebox-bd li {
 font-weight: 300;
 font-size: 12pt;
 border-bottom: 1px solid #eee;
}

.sidebar .catsTd {
 display: block;
 font-weight: 300;
 font-size: 12pt;
 color: #999;
 border-bottom: 1px solid #FAFAFA;
}

.sidebar .catsTd .catName,.sidebar .catsTd .catNameActive,.sidebox-bd li a {
 text-decoration: none;
 display: block;
 padding: 10px 50px 10px 0;
 color: #333;
 font-weight: 300;
 font-size: 12pt;
 z-index: 2;
}

.sidebar .catsTd .catNameActive,.sidebar .catsTd a:hover,.sidebox-bd li a:hover {
 color: #7D92BA;
}

.sidebar .catsTd .catNumData {
 position: absolute;
 right: 15px;
 top: 14px;
 font-size: 9pt;
}

.sidebar .catsTd .catDescr {
 padding: 0 18px 10px 0;
 color: #999;
 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 0;
}

.sidebox-bd .uMenuRoot li a:hover span {
 padding-left: 10px;
}

.sidebox-bd .uMenuRoot li {
 position: relative;
 cursor: pointer;
}

.sidebox-bd .uMenuRoot li.uWithSubmenu:after {
 content: '▼';
 position: absolute;
 right: 16px;
 top: 14px;
 font-size: 8pt;
 color: #999;
}

.sidebox-bd .uMenuRoot li.uWithSubmenu:hover:after,.sidebox-bd .uMenuRoot li:hover {
 color: #7D92BA;
}

.sidebox-bd .uMenuRoot li ul {
 padding-left: 20px;
}

.sidebox-bd .uMenuRoot ul li:last-child {
 border: none;
}

.calMonth {
 padding: 10px;
 font-weight: 600;
 font-size: 14px;
}

.calTable {
 border-radius: 5px;
 border-collapse: collapse;
 width: 100%;
 max-width: 300px;
}

.calWday,.calWdaySe,.calWdaySu {
 color: #777;
 font-size: 11px;
 padding: 8px;
 background: #f7f7f7;
}

.calMday,.calMdayA,.calMdayIs,.calMdayIsA {
 color: #ccc;
 font-size: 11px;
 padding: 10px;
}

.calMdayIs {
 font-weight: 700;
}

.calMdayA {
 color: #333;
 font-weight: 700;
}

.pollQue b,.pollTot b {
 font-weight: 400;
}

.calMdayIs a,.calMdayIsA a,.calMdayIsA:hover a,.calMonth a {
 color: #333;
 text-decoration: none;
}

.calMdayIs a:hover {
 color: #7D92BA;
}




.pollQue {
 font-size: 12pt!important;
 color: #333;
 padding-bottom: 18px;
}

.answer {
 font-size: 13px;
}

.answer label {
 padding-left: 8px;
}

.pollLnk {
 display: table;
 margin-top: 20px;
}

.pagesBlock1,.pollLnk a {
 display: block;
}

.pollButton input {
 margin: 20px 4px 10px 0;
 float: left;
}

.pollLnk a {
 float: left;
 line-height: 40px;
 width: 40px;
 height: 40px;
 text-align: center;
 background: rgba(0,0,0,.1);
 font-size: 12pt!important;
 white-space: nowrap;
 text-decoration: none;
 color: #666;
}

.pollAns,.pollTot {
 width: 100%;
}

.pollLnk,.pollTot {
 text-align: left!important;
}

.pollLnk a.arh {
 border-left: 1px solid #ddd;
}

.pollLnk a:hover {
 background: #7D92BA;
 color: #fff;
}

.pollLnk {
 font-size: 0;
}

.pollTot {
 font-size: 9pt!important;
 color: #666;
 margin-top: 10px;
}

.pollTot b {
 color: #000;
}

.answer {
 color: #333;
 padding: 0;
}

.answer div {
 bottom: 0;
 left: 0;
 color: #fff;
 z-index: -1;
 height: 20px!important;
 background: #f6f6f6;
 margin-top: 4px;
 margin-bottom: 10px;
 width: 100%;
 padding: 0 1px!important;
}

.cCounter {
 position: absolute;
 top: 10px;
 right: 6px;
 background: rgba(0,0,0,.2);
 color: #fff;
 padding: 2px;
 border-radius: 2px;
 font-size: 8pt;
}

.cEntry {
 border: 1px solid #eee;
 margin: 4px 0;
 padding: 10px;
}

.cEntry .cMessage {
 font-size: 10pt;
}

.cEntry a {
 text-decoration: none;
 color: #999;
 font-weight: 400!important;
}

.cEntry:hover a {
 color: #000;
}

.cEntry a:hover {
 color: #7D92BA;
}

#mchatBtn,.cBtn div {
 width: auto!important;
}

.cBtn div {
 float: right;
}

.sidebar .searchForm {
 position: relative;
}

.sidebar .schQuery input[type=text] {
 padding: 10px 40px 10px 10px !important;
 border: 2px solid #ccc!important;
 height: 36px;
 width: 100%;
 background: #fff!important;
 color: #666!important;
 font-style: normal!important;
}

.content .queryField {
 width: auto!important;
}

.searchSbmFl[type=submit] {
 width: 36px;
 height: 34px;
 border: none;
 text-indent: -10000px;
 overflow: hidden;
 margin: 0;
 padding: 0;
 background-image: url(/images/icon-search.png);
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: 50% 50%;
 background-size: 45%;
}

.searchSbmFl:hover {
 background-color: transparent;
}

.sidebar .searchSbmFl {
 position: absolute;
 top: 1px;
 right: 1px;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}

.cTop {
 font-style: italic;
}

.cTop span {
 font-size: 1em!important;
}

.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 .num {
 display: inline-block;
 margin-right: 15px;
 font-size: 22pt;
 color: #7D92BA;
}

.com-num-entries .num span {
 color: #333;
 font-weight: 600;
 font-size: 16pt;
 margin-right: 10px;
}

.com-num-entries .add {
 color: #ccc;
 text-decoration: none;
 font-size: 10pt;
}

.com-num-entries .add i {
 font-size: 14pt;
 margin-right: 5px;
}

.com-block .pagesBlock1,.com-block .pagesBlock2 {
 line-height: 40px;
 text-align: right;
 display: table;
 width: 100%;
}

.uc-answer-link a:hover {
 color: #7D92BA;
 text-decoration: none;
}

.uComment {
 position: relative;
 overflow: visible;
 display: table;
 width: 100%;
}

.uComment .uc-answer-link,.uComment .uc-opacity {
 margin-left: 10px;
 opacity: 0;
}

.uComment:hover .uc-opacity {
 margin-left: 0;
 opacity: .6;
}

.uc-top-left a {
 text-decoration: none;
 font-size: 11pt;
}

.uComment .uc-answer-link {
 position: absolute;
 opacity: 0;
 right: 10px;
 bottom: -10px;
}

.uComment:hover .uc-answer-link {
 right: 0;
 opacity: 1;
}

.com-order-block {
 background: rgba(0,0,0,.02);
 border: 1px solid rgba(0,0,0,.05);
 line-height: 50px;
 padding: 0 15px;
 color: #ccc;
}

.footer.fb {
 background: #222;
 color: #ccc;
}
.footer.fb .middle.blocks {
 padding: 30px;
}
.footer.fb .f-copy {
 background: #111;
 border: none;
}
.footer.fb .logo h2:hover,
.footer.fb a,
.footer.fb h3 {
 color: #fff;
}
.footer.fb .logo h2 {
 color: #eee;
 font-size: 31pt;
}
.footer.fb .logo h2:before,
.footer.fb .logo h2:after {
 display: none;
}
.footer.fb h3 {
 margin: 20px 0;
 text-transform: uppercase;
 font-weight: 400;
 font-size: 14pt;
 color: #999;
}
.footer.fb .col-4 {
 margin-bottom: 20px;
}
.footer.fb .simple-list li {
 list-style: none;
}
.footer.fb .simple-list li a {
 text-decoration: none;
 padding: 6px 0;
 display: block;
 border-bottom: 1px dashed #333;
 font-size: .9em;
}
.footer.fb .form {
 position: relative;
 margin-top: 30px;
}
.footer.fb .form input[type="text"] {
 width: 100%;
 padding-right: 130px;
}
.footer.fb .form input[type="submit"] {
 position: absolute;
 right: -2px;
 top: 0;
 padding: 0 15px;
}
.footer.fb .tagItem { 
 float:left; 
 color:#eee; 
 background:#444; 
 margin: 4px 4px 0 0; 
 font-size: 0;
} 

.footer.fb .tagItem a:link, 
.footer.fb .tagItem a:visited { 
 float:left; 
 font-size: 9pt;
 color:#eee; 
 padding: 6px;
 background:#333; 
 text-decoration: none;
 text-transform: uppercase;
 
} 
.footer.fb .tagItem a:hover { 
 background:#222; 
}


.f-top {
 background: #294479;
 line-height: 40px;
}

.f-top h5 {
 float: left;
 color: #fff;
 font-size: 14pt;
 font-weight: 600;
 margin-right: 30px;
}

.f-top .news-form,.f-top .soc {
 padding: 20px 15px;
}

.f-copy {
 border-top: 1px solid #eee;
 line-height: 60px;
}

.f-copy .copy {
 float: right;
 font-size: 10pt;
}

.f-copy .icon-list li a {
 font-size: 3em;
 color: #999;
}

.icon-list {
 padding: 0;
 margin: 0;
}

.icon-list li {
 float: left;
}

.icon-list li a {
 display: block;
 padding: 0 10px;
 color: #7D92BA;
 text-decoration: none;
 font-size: 16pt;
}

.icon-list li a:hover {
 color: #7D92BA;
}

.f-top .icon-list li a:hover {
 color: #fff;
}

.soc-list {
 padding: 30px 0;
}

.soc-list li a:hover {
 color: #294479;
}

.f-mid h3 {
 margin-bottom: 15px;
}

.f-mid ul {
 margin: 0;
 padding: 0;
}

.f-mid ul a {
 text-decoration: none;
}

.f-mid ul a:hover {
 color: #294479;
 padding-left: 5px;
}

.f-mid ul li {
 font-size: 11pt;
 padding: 2px 0;
}

.f-mid ul li:last-child {
 border: none;
}

.f-mid .question {
 max-width: 200px;
 width: 100%;
}

.f-mid .contacts,.f-mid .contacts .c-left,.f-mid .last-news,.f-mid .question {
 float: left;
 padding: 0 30px 30px 0;
}

.f-mid .contacts {
 max-width: 430px;
 width: 100%;
 font-size: 11pt;
 color: #666;
 line-height: 1.1;
}

.f-mid .contacts p {
 margin: 0;
}

.f-mid .contacts .worktime,.f-mid .contacts a {
 display: block;
 margin-top: 10px;
}

.f-mid .contacts .help,.f-mid .contacts .map {
 font-size: 9pt;
}

.f-mid .contacts .map {
 display: table;
 text-decoration: none;
 border-bottom: 1px dashed;
}

.plist,.plist span,.pnext,.pprev {
 display: inline-block;
}

.f-mid .contacts .map:hover {
 border-color: #eee;
}

.f-mid .contacts .c-left {
 width: 50%;
}

.f-mid .contacts .c-right {
 float: right;
 width: 50%;
}

.f-mid .contacts .c-left .phone {
 font-size: 13pt;
 color: #333;
}

.f-mid .contacts .ttl {
 color: #333;
}

.f-mid .contacts .name {
 width: 40px;
 display: inline-block;
 vertical-align: top;
}

.plist,.pnext,.pprev {
 margin-top: 15px;
}

.pager {
 display: table;
 margin: 0 auto;
 margin-top: 60px;
 white-space: normal;
}
/*
.pgSwch {
 text-decoration: none;
}

.pgSwch span,.pgSwchA,.swchItem,.swchItem1,.swchItemA,.swchItemA1 {
 display: inline-block;
 padding: 7px 13px;
 border: 2px solid #eee;
 margin: 0 2px 4px;
 cursor: pointer;
 color: #999;
 text-decoration: none;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}

.pnext span,.pprev span {
 border: none;
 line-height: 36px;
 font-size: 1.3em;
}

.pgSwch:hover span,.pgSwchA,.swchItemA,.swchItem1:hover,.swchItem:hover {
 color: #333;
 border-color: #7D92BA!important;
}

.swchItemA,
.pgSwchA {
 background: #7D92BA;
 color: #fff;
}
*/
#shop-page-more {
 margin-top: 30px;
}

/* NEW */
#uidLogButton {
 padding: 20px;
 margin: 0 -10px;
 background: #eee;
}

#baseLogForm:before,
#uidLogButton:before {
 content: 'Авторизация через социальные сети:';
 text-align: left;
 position: relative;
 padding-right: 20%;
 display: block;
 margin-bottom: 20px;
 font-weight: 300;
 font-size: 1.1em;
 color: #999;
 line-height: 1.1;
}

.l-form #uidLogForm .login-with i {
 width: 45px;
 height: 45px;
}

#uidLogButton p,
#uidLogButton .noun {
 display: none;
}

#baseLogForm {
 display: block !important;
 margin: 20px 10px -10px;
}

#baseLogForm:before {
 content: 'или форма входа:';
}

#baseLogForm .local-form {
 position: relative;
 background: #eee;
 border-radius: 3px;
 padding-top: 5px;
}

#baseLogForm .local-form .param .col-2:first-child {
 text-align: left;
}

#baseLogForm .local-form .send a {
 border-color: #eee;
}

#baseLogForm .local-form:before {
 content: '';
 position: absolute;
 left: 53px;
 top: -10px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 10px 10px 10px;
 border-color: transparent transparent #eee;
}

.user-main-back {
 position: relative;
}

.user-main-back .user-avatar {
 position: relative;
 width: 170px;
 height: 170px;
 overflow: hidden;
 background: #7D92BA;
 color: #fff;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 margin-bottom: -80px;
 -moz-box-shadow: 0 3px 8px #DEDEDE;
 -webkit-box-shadow: 0 3px 8px #DEDEDE;
 box-shadow: 0 3px 8px #DEDEDE;
}

.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;
 overflow: hidden;
}

.user-btn li {
 display: block;
 position: relative;
 float: left;
 line-height: 35px;
 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;
}

.user-btn li.ls span {
 padding-left: 8px;
 color: #7D92BA;
 font-weight: 600;
 border-left: 1px dotted #ccc;
 margin-left: 8px;
}

.user-btn li a {
 display: block;
 background: rgba(255,255,255,.5);
 padding: 0 10px;
 text-decoration: none;
}

.user-btn li a:hover {
 background: rgba(255,255,255,1);
}

.user-social {
 margin: 20px 5px 0 0;
 padding: 0;
 display: table;
 float: RIGHT;
}

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

.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: rgba(0,0,0,.8);
 color: #fff;
 font-size: 9pt;
}

.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;
 border-color: transparent transparent rgba(0,0,0,.8);
}

.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 .statusOffline:before,.user-main-back .stat .statusOnline:before {
 content: "";
 position: absolute;
 width: 10px;
 height: 10px;
 left: 0;
 top: 50%;
 margin-top: -5px;
}

.user-main-back .stat .statusOnline:before {
 background: #090;
}

.user-main-back .stat .statusOffline:before {
 background: #f03;
}

.user-back-img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 z-index: -1;
}

.blur-back,
.user-back-img img {
 position: absolute;
 width: 100%;
 height: 120%;
 top: -10%;
 filter: blur(50px);
 -webkit-filter: blur(50px);
 -moz-filter: blur(50px);
 -o-filter: blur(50px);
 -ms-filter: blur(50px);
 opacity: .2;
}

.user-main-info {
 font-size: 10pt;
}

.user-main-info .col-l,.user-main-info .col-r {
 padding-top: 10px;
}

.user-add .col-l,.user-main-info .col-l {
 color: #888;
 text-align: right;
}

.user-activity {
 margin: 0;
 padding: 0;
}

.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: #7D92BA;
}

.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:1024px) {
 .e-img-small {
 margin-bottom: 0;
 height: 180px;
 }
}

@media only screen and (max-width: 1380px) {
 .h-btm.boxed .greed-nav .uMenuRoot ul {
 left: 50%;
 margin: 0 0 0 -110px;
 }
}

@media only screen and (max-width: 1260px) {
 .h-btm.boxed {
 max-width: 1240px;
 margin: 0 10px;
 }
 .h-btm.boxed .middle {
 padding: 0 20px;
 }
}

@media only screen and (max-width:1024px) {
 .row1 [class^="col-"] {
 float: none;
 width: 100%!important;
 }
}

@media screen and (max-width:980px) {
 .h-mid .uMenuV {
 display: none;
 }
 
 .menu-togle {
 display: block;
 }
 .h-mid .h-search {
 border: none;
 margin: 30px 30px 30px 0;
 width: 35px;
 height: 35px;
 line-height: 35px;
 color: #666;
 font-size: 21pt;
 }
 .h-mid {
 min-height: 90px;
 }
 .logo img {
 min-height: 60px;
 }
}

@media screen and (min-width:600px) and (max-width:800px) {
 .row2 [class^="col-"] {
 width: 50%!important;
 }
 .sidebar {
 display: block;
 }
 .content {
 padding-right: 0;
 }
 
 .sidebar {
 width: 100%;
 margin-top: 60px;
 margin-left: 0;
 }
 
 .h-mid {
 padding-top: 20px;
 }
 .h-mid.no-basket {
 padding-top: 0px;
 }
 
 #full-search input[type=text] {
 font-size: 35pt!important;
 height: 90px;
 padding-right: 90px;
 }
 
 #full-search .searchSbmFl {
 width: 90px;
 height: 90px;
 }
 
 #fws-close {
 top: 25px;
 right: 25px;
 }
 
 .img-container {
 margin: 0 -30px;
 }
}

@media screen and (min-width:200px) and (max-width:599px) {
 .path,.user-add .col-l,.user-main-info .col-l {
 text-align: left;
 }
 
 .col-l,.col-r,.f-mid .c-left,.f-mid .c-right,.row2 [class^="col-"] {
 float: none;
 width: 100%!important;
 }
 
 .content {
 padding-right: 0;
 }
 
 .sidebar {
 width: 100%;
 margin-top: 60px;
 margin-left: 0;
 display: block;
 }
 
 .entry-img {
 height: 260px;
 }
 
 .mttl {
 font-size: 1.4em;
 }
 
 .f-top h5,nav.mobile .uMenuV {
 display: none;
 }
 
 .menu-togle {
 display: block;
 }
 
 .news-form input[type=text] {
 width: 45%!important;
 }
 
 .user-avatar {
 margin-bottom: 10px!important;
 }
 
 .user-main-info .col-r {
 padding-top: 0;
 }
 
 .top-name {
 font-size: 25pt!important;
 }
 
 .h-mid {
 padding-top: 20px;
 }
 .h-mid.no-basket {
 padding-top: 0;
 }
 
 .mobile,.mobile .uMenuRoot,.mobile .uMenuRoot li {
 float: none;
 width: 100%;
 }
 
 .mobile .uMenuRoot li span {
 padding: 10px 0;
 border-bottom: 1px solid #eee;
 }
 
 .mobile .uMenuRoot li:last-child span {
 border: none;
 }
 
 .mobile .uMenuRoot li ul {
 left: -15px;
 margin: 0;
 }
 
 .mobile .uMenuRoot li ul:before {
 left: 40px;
 }
 
 .mobile .uMenuRoot li.uWithSubmenu:hover ul {
 top: 40px;
 }
 
 .img-container {
 margin: 0 -30px 30px;
 }
 
 .c-form,.l-form,.order {
 width: 300px;
 }
 
 .modal .ttl i {
 display: none;
 }
 
 .l-form #uidLogForm .login-with i {
 width: 38px;
 height: 38px;
 }
 
 #full-search input[type=text] {
 font-size: 22pt!important;
 height: 60px;
 padding-right: 60px;
 }
 
 #full-search .searchSbmFl {
 width: 60px;
 height: 60px;
 }
 
 #fws-close {
 font-size: 24px;
 top: 25px;
 right: 25px;
 }
 
 .h-top .icon-list:before {
 display: none;
 }
 
 .top-main-inf .valign-middle { 
 min-height: auto;
 }
}

@media screen and (max-width:450px) {
 .h-top .icon-list li a {
 width: auto;
 padding: 0 6px !important;
 }
 .logo {
 float: none;
 margin: 0 auto;
 text-align: center;
 }
 .logo h2 {
 margin: 0 10px;
 }
 .c-form,.l-form,.order {
 width: 260px;
 }
 .l-form #uidLogForm .login-with i {
 width: 32px;
 height: 32px;
 }
 #baseLogForm .local-form {
 margin: 0 -20px -30px;
 }
 .hu-profile {
 left: -70px;
 }
 .hu-profile:before {
 left: 75px;
 }
 .h-top .icon-list.no-text {
 margin-left: -15px;
 border-left: none;
 padding-left: 0;
 float: left;
 }
 .com-order-block,
 .com-order-title {
 display: none;
 }
 .menu-togle {
 margin: 15px 0 20px;
 }
 .h-btm.boxed {
 margin: 0;
 border-radius: 0 !important;
 }
}

/*------------------------------------*/
.title-xs {
 font-size: 14px;
 font-weight: 700;
 margin: 0;
}
.title-sm {
 font-size: 20px;
 font-weight: 700;
 margin: 25px 0;
}

.title-md {
 font-size: 24px;
 font-weight: 600;
 line-height: 28px; 
 margin: 20px 0 20px 0;
}

.title-lg {
 font-size: 27px;
 font-weight: 600;
 margin: 50px 0 0 0;
}

.title-xl {
 font-size: 38px;
 font-weight: 800;
 margin: 0;
}

.title-2-xl {
 font-size: 56px;
 font-weight: 800;
 margin: 0;
}

.title-404 {
 font-size: 140px;
 margin: 0;
}

.subtitle-404 {
 font-size: 20px;
 font-weight: 400;
}

.title-bg {
 display: inline-block;
 padding: 10px 8px;
 color: white;
 background-color: #d14f30;
}

.title-v2 {
 font-size: 20px;
 font-weight: 500;
color: #000;
 margin-top: 30px;
 margin-bottom: 16px;
 padding-bottom: 14px;
 padding-left: 25px;
 border-bottom: solid 1px #ddd;
 border-left: solid 1px #d14f30;
}

.headline {
 font-size: 24px;
 font-weight: 300;
 display: block;
 margin: 0;
 margin-bottom: 0;
 padding-bottom: 20px;
 border-bottom: solid 1px #ddd;
}

.title-2-xl.hr:after,
.title-xl.hr:after,
.title-lg.hr:after,
.title-md.hr:after,
.title-sm.hr:after,
.title-xs.hr:after {
 display: block;
 width: 60px;
 height: 4px;
 margin: 0 auto;
 margin-top: 20px;
 content: '';
 background-color: #d14f30;
}

.section-primary .hr:after,
.section-polygonal-primary .hr:after {
 background-color: white;
}

.title-2-xl.hr-left:after,
.title-xl.hr-left:after,
.title-lg.hr-left:after,
.title-md.hr-left:after,
.title-sm.hr-left:after,
.title-xs.hr-left:after {
 display: block;
 width: 60%;
 height: 3px;
 margin: 12px 0 20px 0;
 content: '';
 background-color: #20538a;
}

.title-2-xl.hr-full:after,
.title-xl.hr-full:after,
.title-lg.hr-full:after,
.title-md.hr-full:after,
.title-sm.hr-full:after,
.title-xs.hr-full:after {
 display: block;
 width: 100%;
 height: 3px;
 margin-top: 12px;
 content: '';
 background-color: #d14f30;
}

.title-xs.hr-before:before,
.title-sm.hr-before:before,
.title-md.hr-before:before,
.title-lg.hr-before:before,
.title-xl.hr-before:before,
.title-2-xl.hr-before:before {
 position: relative;
 display: inline-block;
 margin-right: 6px;
 content: '';
 background-color: #d14f30;
}

.title-xs.hr-before:before {
 top: 1px;
 width: 3px;
 height: 13px;
}

.title-sm.hr-before:before {
 top: 1px;
 width: 3px;
 height: 16px;
}

.title-md.hr-before:before {
 top: 1px;
 width: 3px;
 height: 19px;
}

.title-lg.hr-before:before {
 top: 1px;
 width: 4px;
 height: 24px;
}

.title-xl.hr-before:before {
 top: 1px;
 width: 5px;
 height: 29px;
}
/*---------------- СПИСКИ ----------------*/
.list2b {
 margin-bottom: 8px;
 padding:0;
 list-style: none;
 counter-reset: li;
} 
.list2b li {
 position: relative;
 border: 2px solid #DDDDDD;
 background: #FAFAFA;
 padding:16px 20px 16px 28px;
 margin:12px 0 12px 40px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.list2b li:hover {
 background: #F0F5FB;
 border: 2px solid #ADCEE9;
}
.list2b li:before {
 line-height: 32px;
 position: absolute;
 top: 4px;
 left:-40px;
 width:40px;
 text-align:center;
 font-size: 16px;
 font-weight: bold;
 color: #FFF;
 background: #77AEDB;
 counter-increment: li;
 content: counter(li);
 -webkit-transition-duration: 0.2s;
 transition-duration: 0.2s;
}
.list2b li:hover:before {
 width:46px;
 background: #337AB7;
}
.list2b li:after {
 position: absolute;
 left: 0;
 top: 4px;
 content: "";
 height: 0;
 width: 0;
 border: 16px solid transparent;
 border-left-color: #77AEDB;
 -webkit-transition-duration: 0.2s;
 transition-duration: 0.2s
}
.list2b li:hover:after {
 margin-left: 6px;
 border-left-color: #337AB7;
}
/*-----------------------*/
.zebra {
 list-style: none;
 border-left: 10px solid #e52e06;
 padding: 0;
 margin-bottom: 20px;
}
.zebra li {padding: 10px;}
.zebra li:nth-child(odd) {background: #E1F1FF;}
.zebra li:nth-child(even) {background: white;}

/*------------ Кнопки ----------------*/
.atuin-btn {
 display: inline-flex;
 margin: 10px;
 text-decoration: none;
 border: 2px solid #e61400;
 position: relative;
 overflow: hidden;
 font-size: 20px;
 line-height: 20px;
 padding: 12px 30px;
 color: #FFF;
 font-weight: bold;
 text-transform: uppercase; 
 font-family: 'Roboto', Тahoma, sans-serif;
 background: #e61400;
 transition: box-shadow 0.3s, transform 0.3s;
 cursor: pointer;
}

.atuin-btn:hover,
.atuin-btn:active,
.atuin-btn:focus {
 transform: translateY(-4px);
 box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
 color: #FFF;
}
.atuin-btn:before {
 content: "";
 position: absolute;
 top: 0;
 left: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(-45deg, transparent, rgba(191, 226, 255, 0.3), transparent);
 transition: left 0.7s;
}
.atuin-btn:hover:before,
.atuin-btn:active:before,
.atuin-btn:focus:before {
 left: 100%;
}

<style type="text/css">
.attrs {

 margin: 0 0 20px 0;

 overflow: hidden; 

}

/*---------------- списки dt -------------*/
.attrs {
 margin: 0 0 20px 0;
 overflow: hidden; 
}
.attrs dt {
 margin: 0;
 padding: 5px 0;
 width: 150px;
 float: left;
 clear: both;
 color: #000;
}
.attrs dd {
 margin: 0 0 0 150px;
 padding: 5px 0;
}

/*-- ============== Списки wsnumber2 ============== --*/
ol.wsnumber2{
 display: block;
 counter-reset: wslist2;
 color:#444;
 margin: 2em 0 2em 1em;
}

/* стили для ul */
ol.wsnumber2 li ul{
 margin: 1em 0 0em 1em;
 color:#777;
 transition: all 0.3s ease 0s;
 border-left: 1px solid #e3e3e3;
}

ol.wsnumber2 ul li{
 margin: 0 0 1em 2em;
 list-style: square outside;
 transition: all 0.3s ease 0s;
}
/*#end стили для ul */

ol.wsnumber2 > li {
 list-style: none;
 margin: 0 0 1em 2em;
 position:relative;
}

ol.wsnumber2 > li::before{
 background: #e3e3e3;
 border-radius: 0% 50% 50%;
 color: #333;
 content: counter(wslist2) ".";
 counter-increment: wslist2;
 display: inline-block;
 height: 30px;
 width: 30px;
 left: -40px;
 line-height: 20px;
 padding: 5px;
 position: absolute;
 text-align: center;
 top: 0;
 transition: all 0.3s ease 0s;
}

/*вложенный список ol */

ol.wsnumber2 ol{
 display: block;
 counter-reset: wslistc;
 color:#777;
 border-left: 1px solid #e3e3e3;
 padding-left:15px;
 transition: all 0.3s ease 0s;
}

ol.wsnumber2 ol li{
 margin: 1em 0 0em 3em;
 list-style: none;
 position:relative;
 transition: all 0.3s ease 0s;
}

ol.wsnumber2 li li{
 font-size: 14px;
}

ol.wsnumber2 ol li::before{
 background: #e3e3e3;
 border-radius: 0% 50% 50%;
 color: #333;
 content: counter(wslistc, lower-latin) ".";
 counter-increment: wslistc;
 display: inline-block;
 height: 15px;
 left: -40px;
 line-height: 22px;
 padding: 5px;
 position: absolute;
 text-align: center;
 top: 0;
 transition: all 0.3s ease 0s;
 width: 15px;
}

ol.wsnumber2 ol:hover, ol.wsnumber2 ul:hover{
 border-left: 1px solid #FB456C;
}

ol.wsnumber2 li li:hover{
 background: #eee;
 color:#333;
}
ol.wsnumber2 li:hover:before {
 background: #e22328; /*------------- цвет капли -------------*/
 color:#fff;
}
@media (max-width: 640px) {ol.wsnumber2 > li {
 list-style: none;
 margin: 0 0 1em 0em;
 position:relative;
}}

/*--- Responsive Visibility Адаптивные классы ---*/

.hide {
 display: none !important;
}
.show {
 display: block !important;
}
.invisible {
 visibility: hidden;
}
.text-hide {
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
}
.hidden {
 display: none !important;
}
.affix {
 position: fixed;
}
@-ms-viewport {
 width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
 display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
 display: none !important;
}
@media (max-width: 767px) {
 .visible-xs {
 display: block !important;
 }
 table.visible-xs {
 display: table !important;
 }
 tr.visible-xs {
 display: table-row !important;
 }
 th.visible-xs,
 td.visible-xs {
 display: table-cell !important;
 }
}
@media (max-width: 767px) {
 .visible-xs-block {
 display: block !important;
 }
}
@media (max-width: 767px) {
 .visible-xs-inline {
 display: inline !important;
 }
}
@media (max-width: 767px) {
 .visible-xs-inline-block {
 display: inline-block !important;
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm {
 display: block !important;
 }
 table.visible-sm {
 display: table !important;
 }
 tr.visible-sm {
 display: table-row !important;
 }
 th.visible-sm,
 td.visible-sm {
 display: table-cell !important;
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm-block {
 display: block !important;
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm-inline {
 display: inline !important;
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .visible-sm-inline-block {
 display: inline-block !important;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md {
 display: block !important;
 }
 table.visible-md {
 display: table !important;
 }
 tr.visible-md {
 display: table-row !important;
 }
 th.visible-md,
 td.visible-md {
 display: table-cell !important;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md-block {
 display: block !important;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md-inline {
 display: inline !important;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .visible-md-inline-block {
 display: inline-block !important;
 }
}
@media (min-width: 1200px) {
 .visible-lg {
 display: block !important;
 }
 table.visible-lg {
 display: table !important;
 }
 tr.visible-lg {
 display: table-row !important;
 }
 th.visible-lg,
 td.visible-lg {
 display: table-cell !important;
 }
}
@media (min-width: 1200px) {
 .visible-lg-block {
 display: block !important;
 }
}
@media (min-width: 1200px) {
 .visible-lg-inline {
 display: inline !important;
 }
}
@media (min-width: 1200px) {
 .visible-lg-inline-block {
 display: inline-block !important;
 }
}
@media (max-width: 767px) {
 .hidden-xs {
 display: none !important;
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 .hidden-sm {
 display: none !important;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .hidden-md {
 display: none !important;
 }
}
@media (min-width: 1200px) {
 .hidden-lg {
 display: none !important;
 }
}
.visible-print {
 display: none !important;
}
@media print {
 .visible-print {
 display: block !important;
 }
 table.visible-print {
 display: table !important;
 }
 tr.visible-print {
 display: table-row !important;
 }
 th.visible-print,
 td.visible-print {
 display: table-cell !important;
 }
}
.visible-print-block {
 display: none !important;
}
@media print {
 .visible-print-block {
 display: block !important;
 }
}
.visible-print-inline {
 display: none !important;
}
@media print {
 .visible-print-inline {
 display: inline !important;
 }
}
.visible-print-inline-block {
 display: none !important;
}
@media print {
 .visible-print-inline-block {
 display: inline-block !important;
 }
}
@media print {
 .hidden-print {
 display: none !important;
 }
}

/*------------- Карточки ---------------*/
/* Сетка */ 
.atuinCard-container {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin: 10px -15px;
}
.atuinCard-container *,
.atuinCard-container *::before,
.atuinCard-container *::after {
 box-sizing: border-box;
}
.atuinCard-col {
 width: 100%;
 padding: 15px;
}
@media (min-width: 576px) {
 .atuinCard-col {
 width: 50%; 
 }
}
@media (min-width: 768px) {
 .atuinCard-col {
 width: 50%; 
 }
}
@media (min-width: 992px) {
 .atuinCard-col {
 width: 50%;
 }
}
@media (min-width: 1200px) {
 .atuinCard-col {
 width: 33.33%;
 }
}
@media (min-width: 1400px) {
 .atuinCard-col {
 width: 33.33%;
 }
}
@media (min-width: 1535px){
 .atuinCard-col {
 width: 25%;
 }
}
 
/* Карточка */
.atuinCard {
 height: 100%;
 filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.25));
 transition: filter 0.3s;
 font-size: 14px;
}
.atuinCard:hover {
 filter:drop-shadow(0 0 6px rgba(0, 0, 0, 0.45));
}
.atuinCard-bg {
 height: 100%;
 border-radius: 6px;
 overflow: hidden;
 padding-left: 30px;
 background: repeating-linear-gradient(#0000 0 calc(1.4em - 1px), #66afe1 0 1.4em) right bottom /100% 100%, linear-gradient(red 0 0) 30px 0/2px 100% #fff;
 background-repeat: no-repeat;
 -webkit-mask:radial-gradient(circle .9em at 2px 50%,#0000 98%,#000)0 0/100% 2.8em;
}
.atuinCard-photo {
 height: calc(6 * 1.4em);
 margin: 1.4em 1.4em 0;
 position: relative;
}
.atuinCard-photo:before,
.atuinCard-photo:after {
 content: "";
 position: absolute;
 width: 20px;
 left: 60%;
 top: -20px;
 height: 45px;
 background: #e6e6e6b8;
 transform: rotate(45deg);
}
.atuinCard-photo:after {
 transform: rotate(-45deg);
 top: auto;
 bottom: -20px;
 left: 40%;
}
.atuinCard-photo img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center center;
}
.atuinCard-content {
 padding: 1.37em 1.4em 0;
}
.atuinCard-title {
 font-size: 1em;
 line-height: 1.4em;
 font-weight: bold;
 color: #337AB7;
 margin: 0 0 1.4em;
}
.atuinCard-text p {
 font-size: 1em;
 margin: 0 0 1.4em;
 line-height: 1.4em;
}
@media (min-width: 768px) {
 .atuinCard {
 font-size: 16px;
 }
}
@media (min-width: 992px) {
 .atuinCard {
 font-size: 18px;
 }
 
 /*--===============Секция с карточками и блоками #1 (Каталог кухонь) ==================--*/
/* Сетка */ 
.atuinCard-container {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin: 10px -10px;
}
.atuinCard-container *,
.atuinCard-container *::before,
.atuinCard-container *::after {
 box-sizing: border-box;
}
.atuinCard-col {
 width: 100%;
 padding: 10px;
}
@media (min-width: 576px) {
 .atuinCard-col {
 width: 50%; 
 }
}
@media (min-width: 768px) {
 .atuinCard-col {
 width: 50%; 
 }
}
@media (min-width: 992px) {
 .atuinCard-col {
 width: 33.33%; 
 }
}
@media (min-width: 1200px) {
 .atuinCard-col {
 width: 33.33%; 
 }
}
@media (min-width: 1400px) {
 .atuinCard-col {
 width: 25%; 
 }
}
 
/* Карточка */
.atuinCard {
 height: 100%;
 background: #fff;
 padding-bottom: 10px;
}
.atuinCard-link {
 position: relative;
 width: inherit;
 aspect-ratio: 4 / 3;
 background: #fff;
 border-radius: 24px;
 border-bottom-right-radius: 0;
 overflow: hidden;
 display: block;
}
.atuinCard-img {
 position: absolute;
 inset: 0;
 transition: 2s;
}
.atuinCard-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.atuinCard-icon {
 position: absolute;
 bottom: -7px;
 right: -7px;
 width: 90px;
 height: 90px;
 background: #fff;
 border-top-left-radius: 50%;
}
@media (min-width: 768px) {
 .atuinCard-icon {
 width: 110px;
 height: 110px;
 }
}
.atuinCard-icon::before {
 position: absolute;
 content: "";
 bottom: 7px;
 left: -25px;
 background: transparent;
 width: 25px;
 height: 25px;
 border-bottom-right-radius: 25px;
 box-shadow: 7px 7px 0 7px #fff;
}
.atuinCard-icon::after {
 position: absolute;
 content: "";
 top: -25px;
 right: 7px;
 background: transparent;
 width: 25px;
 height: 25px;
 border-bottom-right-radius: 25px;
 box-shadow: 7px 7px 0 7px #fff;
}
.atuinCard-icon span {
 position: absolute;
 inset: 10.5px;
 font-size: 0;
 background-color: #337AB7;
 background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg enable-background='new 0 0 100 100' fill='%23fff' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath d='m27.787 81.51c-.397 0-.779-.158-1.061-.439l-7.402-7.402c-.586-.585-.586-1.535 0-2.121l31.389-31.39-11.479-11.478c-.393-.393-.536-.971-.373-1.502s.607-.928 1.153-1.032l40.107-7.629c.491-.093.989.062 1.341.413s.506.853.413 1.341l-7.627 40.108c-.104.546-.501.99-1.032 1.153-.533.161-1.109.02-1.502-.373l-11.478-11.478-31.388 31.389c-.282.282-.663.44-1.061.44zm-5.281-8.903 5.281 5.281 31.389-31.39c.586-.586 1.535-.586 2.121 0l10.534 10.534 6.686-35.157-35.157 6.688 10.534 10.533c.281.281.439.663.439 1.061s-.158.779-.439 1.061z'/%3e%3c/g%3e%3c/svg%3e");
 background-size: 70%;
 background-repeat: no-repeat;
 background-position: center center;
 border-radius: 50%;
 transition: 0.5s;
 transform: scale(0.9);
}
.atuinCard-link:hover .atuinCard-icon span {
 transform: scale(1) rotate(45deg);
} 
.atuinCard-link:hover .atuinCard-img {
 transform: scale(1.3);
}
.atuinCard-content p {
 font-size: 15px;
 line-height: 1.3;
 margin: 8px 0;
}
.atuinCard-title {
 font-size: 18px;
 line-height: 1.3;
 margin: 20px 0 10px;
 color: #337AB7;
 font-weight: bold;
}
@media (min-width: 768px) {
 .atuinCard-content p {
 font-size: 18px;
 }
 .atuinCard-title {
 font-size: 20px;
 }
}
 
/*--======================== Секция с карточками и блоками #1 ======================--*/
 /* Сетка */ 
.atuinCard-container {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin: 10px -10px;
}
.atuinCard-container *,
.atuinCard-container *::before,
.atuinCard-container *::after {
 box-sizing: border-box;
}
.atuinCard-col {
 width: 100%;
 padding: 10px;
}
@media (min-width: 576px) {
 .atuinCard-col {
 width: 50%; 
 }
}
@media (min-width: 768px) {
 .atuinCard-col {
 width: 50%; 
 }
}
@media (min-width: 992px) {
 .atuinCard-col {
 width: 33.33%; 
 }
}
@media (min-width: 1200px) {
 .atuinCard-col {
 width: 33.33%; 
 }
}
@media (min-width: 1400px) {
 .atuinCard-col {
 width: 25%; 
 }
}
 
/* Карточка */
.atuinCard {
 height: 100%;
 background: #fff;
 padding-bottom: 10px;
}
.atuinCard-link {
 position: relative;
 width: inherit;
 aspect-ratio: 4 / 3;
 background: #fff;
 border-radius: 24px;
 border-bottom-right-radius: 0;
 overflow: hidden;
 display: block;
}
.atuinCard-img {
 position: absolute;
 inset: 0;
 transition: 2s;
}
.atuinCard-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.atuinCard-icon {
 position: absolute;
 bottom: -7px;
 right: -7px;
 width: 90px;
 height: 90px;
 background: #fff;
 border-top-left-radius: 50%;
}
@media (min-width: 768px) {
 .atuinCard-icon {
 width: 110px;
 height: 110px;
 }
}
.atuinCard-icon::before {
 position: absolute;
 content: "";
 bottom: 7px;
 left: -25px;
 background: transparent;
 width: 25px;
 height: 25px;
 border-bottom-right-radius: 25px;
 box-shadow: 7px 7px 0 7px #fff;
}
.atuinCard-icon::after {
 position: absolute;
 content: "";
 top: -25px;
 right: 7px;
 background: transparent;
 width: 25px;
 height: 25px;
 border-bottom-right-radius: 25px;
 box-shadow: 7px 7px 0 7px #fff;
}
.atuinCard-icon span {
 position: absolute;
 inset: 10.5px;
 font-size: 0;
 background-color: #337AB7;
 background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg enable-background='new 0 0 100 100' fill='%23fff' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath d='m27.787 81.51c-.397 0-.779-.158-1.061-.439l-7.402-7.402c-.586-.585-.586-1.535 0-2.121l31.389-31.39-11.479-11.478c-.393-.393-.536-.971-.373-1.502s.607-.928 1.153-1.032l40.107-7.629c.491-.093.989.062 1.341.413s.506.853.413 1.341l-7.627 40.108c-.104.546-.501.99-1.032 1.153-.533.161-1.109.02-1.502-.373l-11.478-11.478-31.388 31.389c-.282.282-.663.44-1.061.44zm-5.281-8.903 5.281 5.281 31.389-31.39c.586-.586 1.535-.586 2.121 0l10.534 10.534 6.686-35.157-35.157 6.688 10.534 10.533c.281.281.439.663.439 1.061s-.158.779-.439 1.061z'/%3e%3c/g%3e%3c/svg%3e");
 background-size: 70%;
 background-repeat: no-repeat;
 background-position: center center;
 border-radius: 50%;
 transition: 0.5s;
 transform: scale(0.9);
}
.atuinCard-link:hover .atuinCard-icon span {
 transform: scale(1) rotate(45deg);
} 
.atuinCard-link:hover .atuinCard-img {
 transform: scale(1.3);
}
.atuinCard-content p {
 font-size: 15px;
 line-height: 1.3;
 margin: 8px 0;
}
.atuinCard-title {
 font-size: 18px;
 line-height: 1.3;
 margin: 20px 0 10px;
 color: #337AB7;
 font-weight: bold;
}
@media (min-width: 768px) {
 .atuinCard-content p {
 font-size: 18px;
 }
 .atuinCard-title {
 font-size: 20px;
 }
}
 
/*----------------
============== Start feature style three
------------------*/
.feature-area.style-three{
 background:#fff;
}
.feature-area.style-three .row.upper {
 position: relative;
 margin-top: -70px;
 z-index: 6;
}
.feature-area.style-three .single-feature-box {
 padding: 10px 30px 41px;
 background: #fff;
 position: relative;
 z-index: 1;
 margin-bottom: 30px;
 border-radius: 5px;
 transition: .5s;
 box-shadow: 0 20px 50px rgb(229 229 229 / 80%);
}
.feature-area.style-three .single-feature-icon i {
 height: 60px;
 display: inline-block;
 width: 60px;
 font-size: 26px;
 background: #20538a;
 line-height: 60px;
 color: #fff;
 border-radius: 50%;
}
.feature-area.style-three .single-feature-box:before {
 background: #f4f7fc;
 border-radius: 5px;
}
.feature-area.style-three .single-feature-box:hover .feature-content-text p{
 color:#6d6d6d;
}
.feature-area.style-three .feature-number {
 position: absolute;
 right: 51px;
 top: -5px;
}
.feature-title h4 {
 margin: 18px 0 10px;
 font-size: 25px;
}
.feature-number h4 {
 color: #666;
 font-size: 110px;
 opacity: 0.1;
}
/*start feature area style three upper*/
.feature-area.style-three.topper{
 background: #f4f7fc;
 padding: 85px 0 55px;
}
.feature-area.style-three.topper .section-head h2 {
 font-size: 35px;
}
.feature-area.style-three.topper .section-head p {
 padding: 13px 0 0;
 margin: 0 auto 0;
 font-size: 19px;
 width: 78%;
}
/*start feature area style three topper*/
.feature-area.style-three.topper{
 background: #f4f7fc;
 padding: 85px 0 55px;
}
 
/*------------=============== HR ==================-----------------*/
.line2 {
 height: 20px;
 margin: 30px auto;
 width: 70%;
 background-image: radial-gradient(farthest-side at 50% -50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
 position: relative;
 border: none;
}
.line2:before {
 height: 1px;
 position: absolute;
 top: -1px;
 left: 0;
 right: 0;
 background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0));
}