/* BEGIN CSS FRAMEWORK */
/*-- @import url(../plugins/bootstrap/css/bootstrap.css); мешает логотипу в шапке и меню */
@import url(../plugins/font-awesome/css/font-awesome.min.css); 

/* BEGIN CSS PLUGIN */
@import url(../plugins/form-styler/jquery.formstyler.css); 
@import url(../plugins/owl-carousel/owl.carousel.css);
@import url(../plugins/owl-carousel/owl.transitions.css);
@import url(../plugins/gritter/jquery.gritter.css);
@import url(../plugins/prism/prism.css);

/* BEGIN CSS TEMPLATE */ 

@import url(../css/sussana.css);
@import url(../css/style-sussana.css);

.bg-black {
 background-color: #7a7a7a !important;
}

.not_active{display:none;} /* не активированные материалы*/

/*-- ======================== КАЛЕНДАРЬ ====================== --*/
/* Light calendar */ 
table.calTable a { 
 font-family: Open sans; 
} 
table.calTable { 
 font-family: Open sans; 
 width: 100%; 
 position: relative; 
 background: #FFFFFF; 
 background-size: cover; 
 border-radius: 5px; 
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px; 
 padding: 5px; 
 color: #FFFFFF; 
 font-size: 14px; 
 border-spacing: 0; 
} 
table.calTable tr:nth-child(7n+2) { 
 position: absolute; 
 top: 60px; 
 background: #168de2; 
 left: 0px; 
 width: 100%; 
} 
td.calMday,td.calMdayIs { 
 padding: 9px; 
 cursor: default; 
 transition: all .3s ease; 
 border-radius: 50%; 
 color: #3498db; 
 -moz-border-radius: 50%; 
 -webkit-border-radius: 50%; 
} 
td.calMday:hover,td.calMdayIsA:hover,.calMdayIs:hover,.calMdayA:hover { 
 background: #3498DB; 
 border-radius: 50%; 
 -moz-border-radius: 50%; 
 -webkit-border-radius: 50%; 
 transition: all .3s ease; 
 color: #fff; 
} 
td.calMdayIsA, .calMdayA { 
 border: 1px solid #3498db; 
 border-radius: 50%; 
 -moz-border-radius: 50%; 
 -webkit-border-radius: 50%; 
 color: #3498db; 
} 
a.calMdayLink,.calMonthLink:hover { 
 color: #7F8C8D; 
 text-decoration: underline; 
 position: relative; 
} 
td.calWday, td.calWdaySe, td.calWdaySu { 
 text-transform: uppercase; 
 padding: 5px 10px; 
 width: 14.2857142857%; 
} 
td.calWday:hover, td.calWdaySe:hover, td.calWdaySu:hover { 
 cursor: default; 
} 
.calMonth { 
 padding: 45px 5px; 
 padding-top: 10px; 
} 
.calMonthLink { 
 color: #7f8c8d; 
 font-size: 20px; 
 text-decoration: none !important; 
} 
.calMonth a:first-child { 
 margin-left: 15px; 
 float: left; 
 margin-top: 6px; 
 width: 0; 
 height: 0; 
 font-size: 0; 
 border-top: 10px solid transparent; 
 border-right: 8px solid #7f8c8d; 
 border-bottom: 10px solid transparent; 
} 
.calMonth a:first-child:after { 
 position: absolute; 
 content:''; 
 border-top: 10px solid transparent; 
 border-right: 8px solid #fff; 
 border-bottom: 10px solid transparent; 
 margin-top: -10px; 
 margin-left: 2px; 
} 
.calMonth a:last-child { 
 margin-right: 15px; 
 float: right; 
 margin-top: 6px; 
 width: 0; 
 height: 0; 
 font-size: 0; 
 border-top: 10px solid transparent; 
 border-left: 8px solid #7f8c8d; 
 border-bottom: 10px solid transparent; 
} 
.calMonth a:last-child:after { 
 position: absolute; 
 content:''; 
 border-top: 10px solid transparent; 
 border-left: 8px solid #fff; 
 border-bottom: 10px solid transparent; 
 margin-top: -10px; 
 margin-left: -10px; 
} 
a.calMdayLink:after {position: absolute; content:'';width: 30px;height: 30px;left: -10px;bottom: -5px;} 
.calMdayA { 
 cursor: default; 
} 
/* ///Light calendar */

/*-- ======================== ХЛЕБНЫЕ КРОШКИ ====================== --*/
.main-back {
 background-image: url(/images/hexellence2.png);
 background-color: #333333;
 background-attachment: fixed;
}
.page-nav {
 line-height: 60px;
 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 rgba(0, 0, 0, 0.1);
}
.page-nav h1 a {
 color: #FFF;
}
.page-nav span {
 display: inline-block;
 vertical-align: baseline;
 padding-left: 15px;
 color: rgba(255, 255, 255, 0.8);
 font-size: 10pt;
 font-weight: 400;
}
.page-nav span span {
 padding-left: 0;
}
.page-nav a {
 color: rgba(255, 255, 255, 0.7);
}
.page-nav a:hover span,
.page-nav a:hover {
 color: rgba(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: rgba(0, 0, 0, 0.3);
}

/*-- ======================== Typography Z-Theme ====================== --*/
.title-xs {
 font-size: 14px;
 font-weight: 700;
 margin: 0;
}

.title-small {
 font-size: 18px;
 font-weight: 600;
 margin: 0;
}

.title-sm {
 font-size: 20px !important;
 font-weight: 300;
 margin-bottom: 20px;
}

.title-md {
 font-size: 24px !important;
 font-weight: 300;
 line-height: 28px; 
 margin: 0;
}

.title-lg {
 font-size: 30px;
 font-weight: 800;
 margin-bottom: 0;
}

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

.title-2-xl {
 font-size: 56px;
 font-weight: 800;
 margin: 0;
}
/*-- ======================== Строчка под заголовком в новостях ====================== --*/
.post-meta {
 padding-left: 0;
 list-style: none;
 margin: 0 0 13px;
 display: inline-block;
}
.wdgt .post-meta {margin-bottom: 13px;}
.post-meta > li,
.wdgt .post-meta > li {
 display: inline-block;
 margin: 10px 10px 0;
 letter-spacing: 0;
 font-size: 13px;
 color: #828282;
}
.post-meta > li a {color: #7a7a7a;}
.post-info > p {
 font-size: 14px;
 line-height: 28px;
 color: #555655;
 letter-spacing: 0;
}
.post-info > a.theme-btn {
 background-color: #f2f2f2;
 color: #535453;
 margin-top: 10px;
}
.post-bx:hover .post-thmb-car img,
.post-bx:hover .post-thmb-car2 img {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
.post-thmb-car .owl-dots {
 bottom: auto;
 top: 10px;
 right: 10px;
}
.post-thmb-car .owl-dots > div {
 height: 10px;
 width: 10px;
 background-color: #fff;
}
.post-thmb-car .owl-dots > div.active {
 height: 10px;
 width: 10px;
 border: 0;
}
.post-thmb-car2 .owl-nav {
 position: absolute;
 right: 15px;
 top: 15px;
}
.post-thmb-car2 .owl-nav > div,
.prtfl-car .owl-nav > div {
 line-height: 35px;
 width: 35px;
 -webkit-border-radius: 0;
 border-radius: 0;
 font-size: 16px;
}
.post-thmb-car2 .owl-nav > div:hover,
.prtfl-car .owl-nav > div:hover {
 background-color: #202020 !important;
 color: #fff !important;
}

/*-- ======================== СПИСКИ ====================== --*/
.zebra {
 list-style: none;
 border-left: 5px solid #d7b369;
 padding: 0;
 margin-bottom: 30px;
}
.zebra li {padding: 10px;}
.zebra li:nth-child(odd) {background: #f6f6f6;}
.zebra li:nth-child(even) {background: white;}
/*-- list4b --*/
.list4b {
 padding:0;
 list-style: none;
 counter-reset: li;
} 
.list4b li {
 position: relative;
 padding:12px 20px 20px 28px;
 margin-left: 40px;
 transition-duration: 0.3s;
}
.list4b li:before {
 border: 6px solid transparent;
 line-height: 30px;
 position: absolute;
 top: 0;
 left:-30px;
 width:42px;
 text-align:center;
/* font-weight: normal; */
 color: #ADCEE9;
 counter-increment: li;
 content: counter(li);
 transition-duration: 0.3s;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; 
}
.list4b li:hover:before {
 color: #337AB7;
}
.list4b li:after {
 position: absolute;
 top: 0;
 left: -30px;
 width: 42px;
 height: 42px;
 border: 6px solid #DDDDDD;
 border-radius: 50%;
 content: '';
 opacity: 0.5;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box; 
}
.list4b li:hover:after {
 animation: 500ms ease-in-out 0s bounceIn;
 opacity: 1;
 border: 6px solid #ADCEE9; 
} 
 
@keyframes bounceIn {
 0% {
 opacity: 0;
 transform: scale3d(.3, .3, .3);
 }
 20% {
 transform: scale3d(1.3, 1.3, 1.3);
 }
 40% {
 transform: scale3d(.9, .9, .9);
 }
 60% {
 opacity: 1;
 transform: scale3d(1.03, 1.03, 1.03);
 }
 80% {
 transform: scale3d(.97, .97, .97);
 }
 to {
 opacity: 1;
 transform: scale3d(1, 1, 1);
 }
}


/*---------------------------------*/
.news-img {
 height: 320px;
 overflow: hidden;
 margin-bottom: 10px;
 -webkit-transition: all 200ms ease-out;
 -moz-transition: all 200ms ease-out;
 -o-transition: all 200ms ease-out;
 transition: all 200ms ease-out;
}
/*-- ======================== 515_boutique ====================== --*/
@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;
}

* {
 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: #ff3c00;
}

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

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: right;
 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;
}

h1,h2,h3,h4,h5,h6 {
 position: relative;
 color: #000;
 font-weight: 300;
 margin: 0;
 padding: 0;
}

h1 {
 font-size: 22pt;
}

h2 {
 font-size: 20pt;
}

h3 {
 font-size: 18pt;
}

h4 {
 font-size: 16pt;
}

h5 {
 font-size: 14pt;
}

h6 {
 font-size: 12pt;
}

.mttl {
 position: relative;
 display: table;
 margin: 0 auto;
 text-align: center;
 font-weight: 400;
 font-size: 1.7em;
 padding-bottom: 16px;
 margin-bottom: 12px;
}
.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;
}

.col-1 {
 width: 100%;
}

.col-2 {
 width: 50%;
}

.col-3 {
 width: 33.33333333%;
}

.col-4 {
 width: 25%;
}

.col-5 {
 width: 20%;
}

.col-6 {
 width: 16.66666667%;
}

.col-7 {
 width: 8.33333333%;
}

.col-8 {
 width: 41.66666667%;
}

.col-9 {
 width: 58.33333333%;
}

.col-10 {
 width: 66.66666667%;
}

.col-11 {
 width: 75%;
}

.col-12 {
 width: 83.33333333%;
}

.col-13 {
 width: 91.66666667%;
}

.col-l {
 width: 200px;
}

.col-r {
 width: calc(100% - 200px);
 width: -moz-calc(100% - 200px);
 width: -webkit-calc(100% - 200px);
 width: -o-calc(100% - 200px);
}

.col-l-114 {
 width: 114px;
}

.col-r-114 {
 width: calc(100% - 114px);
 width: -moz-calc(100% - 114px);
 width: -webkit-calc(100% - 114px);
 width: -o-calc(100% - 114px);
}
/*
button,input[type=button],input[type=reset],input[type=submit] {
 padding: 0 20px;
 line-height: normal;
 height: 40px;
 font-size: 10pt;
 border: none;
 position: relative;
 background-color: #7D92BA;
 text-transform: uppercase;
 color: rgba(255,255,255,.8);
 font-weight: 400;
 cursor: pointer;
 z-index: 1;
 -webkit-backface-visibility: hidden;
}

input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
 background-color: #294479;
 color: rgba(255,255,255,1);
}

button {
 color: #fff;
}

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 2px;
 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 5px;
 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: 0px 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: #168de2;
 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;
 }
}

/* ----------------------------------------------------------------
 24. Heading Styles
-----------------------------------------------------------------*/


/* Block Titles
-----------------------------------------------------------------*/

.title-block {
 padding: 0 0 3px 20px;
 border-left: 7px solid #168de2;
 margin: 30px 0 30px 0;
}

.title-block-right {
 padding: 20px 20px 3px 0;
 border-left: 0;
 border-right: 7px solid #1ABC9C;
 text-align: right;
}

.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4 { margin-bottom: 0; }

.title-block > span {
 display: block;
 margin-top: 4px;
 color: #555;
 font-weight: 300;
}

.title-block h1 + span { font-size: 22px; }

.title-block h2 + span { font-size: 19px; }

.title-block h3 + span { font-size: 17px; }

.title-block h4 + span {
 font-size: 15px;
 margin-top: 3px;
}


/* Heading Block - with Subtitle
-----------------------------------------------------------------*/

.heading-block { margin-bottom: 50px; }

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
 margin-bottom: 0;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #333;
}

.emphasis-title h1,
.emphasis-title h2 {
 font-weight: 400;
 letter-spacing: 0;
 text-transform: none;
}

.heading-block h1 { font-size: 32px; }

.heading-block h2 { font-size: 30px; }

.heading-block h3 { font-size: 26px; }

.heading-block h4 {
 font-size: 20px;
 font-weight: 700;
}

.heading-block > span:not(.before-heading) {
 display: block;
 margin-top: 10px;
 font-weight: 300;
 color: #777;
}

.heading-block .before-heading { margin-bottom: 7px; }

.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
}

.heading-block h1 + span { font-size: 24px; }

.heading-block h2 + span { font-size: 22px; }

.heading-block h3 + span,
.heading-block h4 + span { font-size: 20px; }

.heading-block ~ p:not(.lead) { font-size: 15px; }

.heading-block:after {
 content: '';
 display: block;
 margin-top: 30px;
 width: 40px;
 border-top: 2px solid #444;
}

.center .heading-block:after,
.heading-block.center:after,
.heading-block.title-center:after { margin: 30px auto 0; }

.tright .heading-block,
.heading-block.tright,
.heading-block.title-right { direction: rtl; }

.heading-block.noborder:after,
.heading-block.nobottomborder:after { display: none; }

.heading-block.border-color:after { border-color: #1ABC9C; }


/* Emphasis Title
-----------------------------------------------------------------*/

.emphasis-title { margin: 0 0 50px; }

.emphasis-title h1,
.emphasis-title h2 {
 font-size: 64px;
 letter-spacing: -2px;
}

.emphasis-title h1 strong,
.emphasis-title h2 strong { font-weight: 700; }


/* Justify Border Title
-----------------------------------------------------------------*/

.fancy-title {
 position: relative;
 margin-bottom: 30px;
}

.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
 position: relative;
 display: inline-block;
 background-color: #FFF;
 padding-right: 15px;
 margin-bottom: 0;
}

.fancy-title h4,
.fancy-title h5,
.fancy-title h6 { padding-right: 10px; }

.fancy-title.title-double-border:before,
.fancy-title.title-border:before,
.fancy-title.title-border-color:before {
 content: '';
 position: absolute;
 width: 100%;
 height: 0;
 border-top: 3px double #E5E5E5;
 left: auto;
 top: 46%;
 right: 0;
}

.fancy-title.title-border:before {
 top: 49%;
 border-top: 1px solid #EEE;
}

.fancy-title.title-border-color:before {
 top: 49%;
 border-top: 1px solid #1ABC9C;
 opacity: 0.6;
}


/* Fancy Title - Center Align
-----------------------------------------------------------------*/

.title-center { text-align: center; }

.title-center h1,
.title-center h2,
.title-center h3 { padding: 0 15px; }

.title-center h4,
.title-center h5,
.title-center h6 { padding: 0 10px; }


/* Fancy Title - Right Align
-----------------------------------------------------------------*/

.title-right { text-align: right; }

.title-right h1,
.title-right h2,
.title-right h3 { padding: 0 0 0 15px; }

.title-right h4,
.title-right h5,
.title-right h6 { padding: 0 0 0 10px; }


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {
 display: block;
 background: transparent;
 padding: 0 0 10px;
 border-bottom: 2px solid #1ABC9C;
}


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-dotted-border { background: url('images/icons/dotted.png') repeat-x center; }


/* Sub Heading
-----------------------------------------------------------------*/

.before-heading {
 display: block;
 margin: 0 0 5px;
 font-size: 16px;
 font-family: 'Crete Round', serif;
 font-style: italic;
 font-weight: 400;
 color: #999;
}


/* ----------------------------------------------------------------
 25. Divider
-----------------------------------------------------------------*/


.divider {
 position: relative;
 overflow: hidden;
 margin: 35px 0;
 color: #E5E5E5;
 width: 100%;
}

.divider.divider-margin { margin: 70px 0; }

.divider:after,
.divider.divider-center:before,
.divider.divider-center.divider-short:before {
 content: '';
 position: absolute;
 width: 100%;
 top: 8px;
 left: 30px;
 height: 0;
 border-top: 1px solid #EEE;
}

.divider.divider-thick:after,
.divider.divider-center.divider-thick:before,
.divider.divider-center.divider-short.divider-thick:before { border-top-width: 3px; }

.divider.divider-short:after { width: 30%; }

.divider.divider-vshort:after { width: 12%; }

.divider i {
 position: relative;
 width: 18px;
 height: 18px;
 line-height: 1;
 font-size: 18px !important;
 text-align: center;
}

.divider a {
 position: relative;
 display: inline-block;
 color: inherit;
 -webkit-transition: all .3s ease;
 -o-transition: all .3s ease;
 transition: all .3s ease;
}

.divider a:hover { color: #888; }


/* Divider - Icon Align Right
-----------------------------------------------------------------*/

.divider.divider-right { text-align: right; }

.divider.divider-right:after {
 left: auto;
 right: 30px;
}


/* Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center,
.divider.divider-center.divider-short { text-align: center; }

.divider.divider-center:before {
 left: -50% !important;
 right: 0;
 margin-left: -20px;
}

.divider.divider-center:after {
 left: 50% !important;
 right: 0;
 margin-left: 20px;
}


/* Short Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center.divider-short:before {
 left: auto !important;
 right: 50%;
 margin-right: 20px;
 width: 15%;
}

.divider.divider-center.divider-short:after {
 left: 50% !important;
 right: auto !important;
 margin-left: 20px;
 width: 15%;
}

.divider.divider-center.divider-vshort:before,
.divider.divider-center.divider-vshort:after { width: 6%; }


/* Divider - Rounded Icon
-----------------------------------------------------------------*/

.divider.divider-rounded { color: #BBB; }

.divider.divider-rounded:after,
.divider.divider-rounded.divider-center:before,
.divider.divider-rounded.divider-short:before,
.divider.divider-border:after,
.divider.divider-border.divider-center:before,
.divider.divider-border.divider-short:before {
 top: 19px;
 left: 40px;
}

.divider.divider-rounded i,
.divider.divider-border i {
 width: 40px;
 height: 40px;
 line-height: 40px;
 background-color: #F5F5F5;
 border-radius: 50%;
}

.divider.divider-rounded.divider-right:after,
.divider.divider-border.divider-right:after {
 left: auto;
 right: 40px;
}


/* Divider - Rounded & Border
-----------------------------------------------------------------*/

.divider.divider-border { color: #E5E5E5; }

.divider.divider-border i {
 line-height: 38px;
 background-color: transparent;
 border: 1px solid #EEE;
}


/* Divider - Line Only
-----------------------------------------------------------------*/

.divider.divider-line:before,
.divider.divider-line:after {
 margin-left: 0 !important;
 margin-right: 0 !important;
}
/* Вертикальное меню
-----------------------------------------------------------------*/

.vertical-menu a {
 background-color: #fff; /* фон */
 color: black; /* Черный текст */
 display: block; /* Чтобы ссылки отображались друг под другом */
 padding: 12px; /* Отступы */
 text-decoration: none; /* Убираем у ссылок подчеркивание */
border-bottom: 1px solid #eee;
}

.vertical-menu a:hover {
 background-color: #ccc; /* Темно-серый фон при наведении курсора */
 color: black !important;
}

.vertical-menu a.active {
 background-color: #168de2; /* Зеленый фон для "активной/текущей" ссылки */
 color: white;
}
/*-- ====================================== block-figure-5 =================================== --*/
.block-figure-5 {
 margin: 20px auto;
 padding: 20px 0;
 position: relative;
 /* max-width: 640px;*/
}
.block-figure-5 .triangle-1, 
.block-figure-5 .triangle-2, 
.block-figure-5 .triangle-1:after,
.block-figure-5 .triangle-2:after {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}
.block-figure-5 .triangle-1, 
.block-figure-5 .triangle-2 {
 filter: drop-shadow(2px 6px 6px rgba(0, 0, 0, 0.4));
}
.block-figure-5 .triangle-1:after { 
 clip-path: polygon(0 0, 40% 0, 20% 100%, 20% 100%);
 content: "";
 transition: all .5s ease-in-out;
 background: #337AB7;
}
 
.block-figure-5:hover .triangle-1:after {
 clip-path: polygon(0 0, 60% 0, 40% 100%, 0 100%); 
} 
.block-figure-5 .triangle-2:after {
 clip-path: polygon(80% 0, 100% 100%, 60% 100%, 80% 0);
 content: "";
 transition: all .5s ease-in-out; 
 background: #BFE2FF;
}
.block-figure-5:hover .triangle-2:after {
 clip-path: polygon(100% 0, 100% 100%, 40% 100%, 60% 0);
} 
.block-figure-5 .triangle-txt {
 position: relative;
 text-align: center;
 z-index: 1;
 padding: 20px 10px 10px 10px;
 margin: 0 50px;
 left: 0;
 background: #FFF;
 box-shadow: 2px 12px 15px rgba(0, 0, 0, 0.4); 
 transition: all .5s ease-in-out; 
}
.block-figure-5 .triangle-txt h3 { 
 text-transform: uppercase;
 color: #337AB7;
 font-weight: bold;
 font-family: Verdana, sans-serif;
 font-size: 20px; 
 margin: 6px 0;
}
.block-figure-5 .triangle-txt p { 
 font-family: Verdana, sans-serif;
 font-size: 16px; 
 margin: 6px 0;
}
@media (max-width: 540px) {
 .block-figure-5 .triangle-txt h3 { 
 font-size: 18px; 
 }
 .block-figure-5 .triangle-txt p { 
 font-size: 14px; 
 }
}
@media (max-width: 400px) {
 .block-figure-5 .triangle-txt h3 { 
 font-size: 16px; 
 }
 .block-figure-5 .triangle-txt p { 
 font-size: 13px; 
 }
}

/*************** Dropcaps ***************/

.dropcap {
 display: block;
 float: left;
 font-size: 40px;
 line-height: 34px;
 color: #168de2;
 margin: -3px 8px 0 0;
}

.dropcap.border-dropcap {
 border: 2px solid #168de2;
 width: 46px;
 height: 46px;
 font-size: 28px;
 font-weight: 500;
 line-height: 42px;
 text-align: center;
 border-radius: 2px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -o-border-radius: 2px;
 margin: 8px 12px 0 0;
}

.dropcap.bg-dropcap {
 background-color: #168de2;
 color: #fff;
 width: 48px;
 height: 48px;
 font-size: 28px;
 font-weight: 500;
 line-height: 48px;
 text-align: center;
 border-radius: 2px;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -o-border-radius: 2px;
 margin: 8px 12px 0 0;
}

.dropcap.circle-dropcap {
 border: 2px solid #168de2;
 width: 46px;
 height: 46px;
 font-size: 28px;
 font-weight: 500;
 line-height: 42px;
 text-align: center;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -o-border-radius: 50%;
}
/*-- =============== ЦИТАТЫ ================= --*/
.infoBox {
 background: #fafafa url(/images/infoBox.png) right bottom no-repeat;
 text-shadow: 1px 1px #fff;
font-size: 18px;
padding: 20px 30px;
}
/*-- --*/
.excerpt9 {
margin: 0;
color: #231E28;
padding: 30px 30px 30px 60px;
border-left: 8px solid #168de2;
position: relative;
background: #f8f9fa;
font-family: 'Lato', sans-serif;
font-weight: 300;
}
.excerpt9:before{
content: "\201C";
font-family: Arial;
color: #168de2;
font-size: 70px;
position: absolute;
left: 15px;
top: 5px;
}
.excerpt9 p {
font-style: italic;
font-size: 20px;
margin-top: 0; 
}
/* цитата 110 с восклицательным знаком */

.excerpt101 {
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 90px;
position: relative;
}
.excerpt101:before {
content: "\0021";
position: absolute;
top: 20px;
left: 16px;
color: black;
width: 40px;
height: 40px;
border-radius: 50%;
background: #ed145b;
font-size: 35px;
font-weight: bold;
text-align: center;
line-height: 40px;/*---- положение восклицательного знака по вертикали ---*/
color: #fff;
}
.excerpt101:after {
content: "";
width: 4px;
background: #ed145b;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.excerpt101 p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.excerpt101 cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.excerpt101 p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.excerpt101:before {
content: "\201C";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #ed145b;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}
@media (max-width: 640px) {.excerpt101 {
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.excerpt101:after {
content: "";
width: 4px;
background: #ed145b;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* Культура */

.culture{
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 100px;
position: relative;
}
.culture:before {
content: url(//www.osinnikiinfo.ru/gif-animate/culture-4.gif);
position: absolute;
top: 20px;
left: -20px; /* отступ по горизонтали */
color: black;
}
.culture:after {
content: "";
width: 4px;
background: #000;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.culture p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.culture cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.culture p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.culture:before {
content: "\26BD";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.culture{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.culture:after {
content: "";
width: 4px;
background: #999;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* Культура 2 */

.culture2{
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 100px;
position: relative;
}
.culture2:before {
content: url(/gif-animate/culture-3.gif);
position: absolute;
top: 20px;
left: -20px; /* отступ по горизонтали */
color: black;
}

.culture2:after {
content: "";
width: 4px;
background: #000;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.culture2 p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.culture2 cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.culture2 p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.culture2:before {
content: "\26BD";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.culture2{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.culture2:after {
content: "";
width: 4px;
background: #999;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* Культура 3 */

.culture3{
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 100px;
position: relative;
}
.culture3:before {
content: url(/gif-animate/culture-5.gif);
position: absolute;
top: 20px;
left: 0px; /* отступ по горизонтали */
color: black;
}

.culture3:after {
content: "";
width: 4px;
background: #000;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.culture3 p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.culture3 cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.culture3 p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.culture3:before {
content: "\26BD";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.culture3{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.culture3:after {
content: "";
width: 4px;
background: #999;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* Культура 4 */

.culture4{
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 100px;
position: relative;
}
.culture4:before {
content: url(/gif-animate/culture-6.gif);
position: absolute;
top: 20px;
left: 0px; /* отступ по горизонтали */
color: black;
}

.culture4:after {
content: "";
width: 4px;
background: #000;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.culture4 p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.culture4 cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.culture4 p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.culture4:before {
content: "\26BD";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.culture4{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.culture4:after {
content: "";
width: 4px;
background: #999;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/* Культура 5 */

.culture5{
margin: 0 0 20px;
background: #f9f9f9; /* фон за текстом */
color: #131314;
padding: 30px 30px 30px 100px;
position: relative;
}
.culture5:before {
content: url(/gif-animate/culture-7.gif);
position: absolute;
top: 20px;
left: 0px; /* отступ по горизонтали */
color: black;
}

.culture5:after {
content: "";
width: 4px;
background: #000;
position:absolute;
left: 70px;
top: 20px;
bottom: 20px;
}
.culture5 p {
margin-top: 0;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.culture5 cite {
font-style: normal;
text-transform: uppercase;
}
@media (max-width: 640px) {.culture5 p {
margin-top: 0;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
}
@media (max-width: 640px) {.culture5:before {
content: "\26BD";
position: absolute;
top: 20px;
left: 1px;
color: black;
width: 0;
height: 0;
border-radius: 50%;
background: #0641dd;
font-size: 1px;
font-weight: bold;
text-align: center;
line-height: 55px;
color: #fff;
}
}

@media (max-width: 640px) {.culture5{
margin: 0 0 20px;
background: #f9f9f9;
color: #131314;
padding: 30px 30px 30px 20px;
position: relative;
}
}
@media (max-width: 640px) {.culture5:after {
content: "";
width: 4px;
background: #999;
position:absolute;
left: 1px;
top: 20px;
bottom: 20px;
}}

/********************** TIMER ---------------------

UNDER CUNSTRUCTION PAGES v1.9

***********************/
.coming-soon {
 background: url(../img/bg-3.jpg)/*tpa=http://bootstraplovers.com/templates/assan-2.1.01/main-template/img/bg-3.jpg*/;
 padding: 100px 0;
 position: relative;
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 background-position: 50% 0; }
 .coming-soon .overlay {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(0, 0, 0, 0.4); }

 .coming-soon-fullscreen h2 {
 color: #CDAA7D;
 font-weight: 700;
 margin-bottom: 60px;
 text-transform: uppercase;
 font-size: 60px;
 line-height: 55px; 
text-shadow: 1px 3px 10px #000; 
}

 .coming-soon-fullscreen h3 {
 color: #f5991a;
 font-weight: 700;
 margin: 60px 0 60px 0;
 text-transform: uppercase;
 font-size: 45px;
 line-height: 55px; 
text-shadow: 1px 3px 7px #000; 
}

 .coming-soon-fullscreen h4 {
 color: #000;
 font-weight: 300;
 text-transform: uppercase;
 font-size: 30px;
}

.counts {
 width: 120px;
 text-align: center;
 background-color: rgba(22, 141, 226, 0.7); /*-- ========== фон за цифрами таймера ========== --*/
 padding-top: 30px;
 display: inline-block;
 margin-bottom: 10px; }
 .counts span {
 color: #fff;
 font-size: 50px;
 display: block;
 margin-bottom: 20px; }
 .counts p {
 text-transform: uppercase;
 color: #fff; }

.count-down-1 {
 position: relative; }
 .count-down-1 .counts {
 width: 120px;
 text-align: center;
 display: inline-block;
 padding-top: 25px;
 padding-bottom: 12px;
 position: relative; }
 .count-down-1 span {
 color: #fff;
 text-shadow: 1px 2px rgba(255, 255, 255, 0.1);
 display: block;
 font-size: 50px;
 margin-bottom: 30px; }
 .count-down-1 p {
 margin-bottom: 0px;
 color: #eee;
 font-size: 20px;
 text-transform: uppercase;
 font-weight: 400; }

.soon-inner h3 {
 color: #000;
 text-transform: uppercase; }
.soon-inner .form-control {
 height: 48px;
 font-size: 15px; }
.soon-inner .form-control.error {
 border-color: red;
 color: red; }
.soon-inner .form-control.success {
 border-color: green;
 color: green; }

/****------------------------------------------- ФОН ТАЙМЕРА coming soon fullscreen -----------------------------------------***/
body.coming-soon-full {
 height: 100%;
 min-height: 100%;
 margin: 0;
 padding: 0; }

.coming-soon-fullscreen {
 width: 100%;
 background: url(../img/bg-4.jpg);
 background-attachment: fixed;
 background-position: 0 0;
 background-size: cover;
 background-repeat: no-repeat;
 height: 100%;
 display: table;
 min-height: 100%;
 position: relative;
 z-index: 1; }
 .coming-soon-fullscreen .v-middle {
 display: table-cell;
 vertical-align: middle;
 z-index: 3;
 width: 100%;
 height: 100%;
 background-color: rgba(255, 255, 255, 0.5); } /*------------- цвет и прозрачность фона поверх рисунка ----------------*/
 .coming-soon-fullscreen .v-middle h1 {
 font-size: 40px;
 text-transform: uppercase; }

.pe-icon-box {
 font-size: 50px;
 width: 90px;
 height: 90px;
 line-height: 90px;
 margin: 0 auto;
 text-align: center;
 border: 1px solid #eee;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 border-radius: 5px;
 margin-bottom: 30px;
 color: #555; }

.buttons {
 margin-bottom: 60px; }
 .buttons a {
 margin: 5px; }
 .buttons h2 {
 font-size: 20px;
 font-weight: 400;
 text-transform: uppercase;
 margin-bottom: 25px; }
/*-- ======================= --*/

.roundedShadow {
 background-image: url(/images/main/rounded-shadow.png);
 background-repeat: no-repeat;
 background-position: top center;
}
/*=========================*/
/* Featherlight */
/*=========================*/
.featherlight {
 display:none;
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:2147483647;
 text-align:center;
 white-space:nowrap;
 cursor:pointer;
 background:#333;
 background:rgba(0,0,0,0)
}
.featherlight:last-of-type {
 background:rgba(0,0,0,.8)
}
.featherlight:before {
 content:'';
 display:inline-block;
 height:100%;
 vertical-align:middle;
 margin-right:-.25em
}
.featherlight .featherlight-content {
 position:relative;
 text-align:left;
 vertical-align:middle;
 display:inline-block;
 overflow:auto;
 padding:25px 25px 0;
 border-bottom:25px solid transparent;
 min-width:30%;
 margin-left:5%;
 margin-right:5%;
 max-height:95%;
 background:#fff;
 cursor:auto;
 white-space:normal
}
.featherlight .featherlight-inner {
 display:block
}
.featherlight .featherlight-close-icon {
 position:absolute;
 z-index:9999;
 top:0;
 right:0;
 line-height:25px;
 width:25px;
 cursor:pointer;
 text-align:center;
 font:Arial,sans-serif;
 background:#fff;
 background:rgba(255,255,255,.3);
 color:#000
}
.featherlight .featherlight-image {
 width:100%
}
.featherlight-iframe .featherlight-content {
 border-bottom:0;
 padding:0
}
.featherlight iframe {
 border:0
}

.featherlight-next,.featherlight-previous {
 display:block;
 position:absolute;
 top:20px;
 right:20px;
 bottom:0;
 left:80%;
 cursor:pointer;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 background:rgba(0,0,0,0)
}
.featherlight-previous {
 left:20px;
 right:80%
}
.featherlight-next:hover,.featherlight-previous:hover {
 background:rgba(255,255,255,.25)
}
.featherlight-next span,.featherlight-previous span {
 display:none;
 position:absolute;
 top:50%;
 left:5%;
 width:82%;
 text-align:center;
 font-size:80px;
 line-height:80px;
 margin-top:-40px;
 text-shadow:0 0 5px #fff;
 color:#fff;
 font-style:normal;
 font-weight:400
}
.featherlight-next span {
 right:5%;
 left:auto
}
.featherlight-next:hover span,.featherlight-previous:hover span {
 display:inline-block
}
.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous {
 display:none
}

.featherlight .featherlight-content {
 padding:0;
 border:none;
 min-width:inherit;
}
.featherlight .featherlight-image {
 max-width:100%;
 border:20px solid #fff;
}

/*=========================*/
/* Carousel */
/*=========================*/
.owl-carousel .owl-wrapper:after {
 content:".";
 display:block;
 clear:both;
 visibility:hidden;
 line-height:0;
 height:0;
}
.owl-carousel {
 display:none;
 position:relative;
 width:100%;
 -ms-touch-action:pan-y;
}
.owl-carousel .owl-wrapper {
 display:none;
 position:relative;
 -webkit-transform:translate3d(0px,0px,0px);
}
.owl-carousel .owl-wrapper-outer {
 overflow:hidden;
 position:relative;
 width:99.99%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
 -webkit-transition:height 500ms ease-in-out;
 -moz-transition:height 500ms ease-in-out;
 -ms-transition:height 500ms ease-in-out;
 -o-transition:height 500ms ease-in-out;
 transition:height 500ms ease-in-out;
}
.owl-carousel .owl-item {
 float:left;
}
.owl-controls .owl-page,.owl-controls .owl-buttons div {
 cursor:pointer;
}
.owl-controls {
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.grabbing {
 cursor:url(../../../www.themepush.com/index.htm)/*tpa=http://themepush.com/demo/cayman/grabbing.png*/ 8 8,move;
}
.owl-theme .owl-controls {
 margin-top:10px;
 text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
 color:#FFF;
 display:inline-block;
 zoom:1;
 *display:inline;
 /*IE7 life-saver */
 margin:5px;
 padding:3px 10px;
 font-size:12px;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px;
 background:#869791;
 filter:Alpha(Opacity=50);
 /*IE7 fix*/
 opacity:0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
 filter:Alpha(Opacity=100);
 /*IE7 fix*/
 opacity:1;
 text-decoration:none;
}
.owl-theme .owl-controls .owl-page {
 display:inline-block;
 margin-top:20px;
 zoom:1;
 *display: inline;
 /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
 display:block;
 width:12px;
 height:12px;
 margin:5px 7px;
 filter:Alpha(Opacity=50);
 /*IE7 fix*/
 opacity:0.5;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px;
 background:#869791;
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
 filter:Alpha(Opacity=100);
 /*IE7 fix*/
 opacity:1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
 height:auto;
 width:auto;
 color:#FFF;
 padding:2px 10px;
 font-size:12px;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px;
}
.owl-item.loading {
 min-height:150px;
 background: url(assets/img/loader.gif)/*tpa=http://themepush.com/demo/cayman/assets/img/loader.gif*/ no-repeat center center;
}
/*=========================*/
/* Slider */
/*=========================*/
.slider_overlay {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.42);
}
.carousel,.carousel-inner>.item {
 position:relative;
 min-height:600px;
 max-height:600px;
 overflow:hidden;
 color:#fff;
}
.business_carousel.carousel,.business_carousel .carousel-inner>.item {
 position:relative;
 min-height:700px;
 max-height:700px;
 overflow:hidden;
 color:#fff;
}
.business_carousel .carousel-inner>.item p {
 font-size:22px;
 font-weight:300;
}
.carousel-inner>.item {
 -moz-opacity:0.00;
 -khtml-opacity:0.00;
 opacity:0.00;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 filter:alpha(opacity=0);
 -webkit-transition:opacity;
 -moz-transition-property:opacity;
 -o-transition-property:opacity;
 transition-property:opacity;
 color:#fff;
}
.carousel-inner>.item.active {
 -moz-opacity:1;
 -khtml-opacity:1;
 opacity:1;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 filter:alpha(opacity=100);
}
.carousel-inner>.item .slider-bg {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
}
.carousel-inner>.item .slider-bg img {
 width:100%;
 height:100%;
 -webkit-animation-fill-mode:both;
 -moz-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 -o-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:20s;
 -moz-animation-duration:20s;
 -ms-animation-duration:20s;
 -o-animation-duration:20s;
 animation-duration:20s;
 animation-timing-function:ease-out;
 -webkit-animation-timing-function:ease-out;
 -webkit-transform-origin:100% 100%;
 transform-origin:100% 100%;
 -moz-animation-iteration-count:1;
 -moz-animation-fill-mode:forwards;
 -webkit-animation-iteration-count:1;
 -webkit-animation-fill-mode:forwards;
}
.carousel-inner>.item .slider-bg img.kenburns {
 -webkit-animation-name:kenburns;
 -moz-animation-name:kenburns;
 -o-animation-name:kenburns;
 animation-name:kenburns;
}
.carousel-inner>.item .slider-bg img.kenburnsreverse {
 -webkit-animation-name:kenburnsreverse;
 -moz-animation-name:kenburnsreverse;
 -o-animation-name:kenburnsreverse;
 animation-name:kenburnsreverse;
}
@-webkit-keyframes kenburns {
 0% {
 -webkit-transform:scale(1.2);
 }
 100% {
 -webkit-transform:scale(1);
 }
}
@keyframes kenburns {
 0% {
 transform:scale(1.2);
 }
 100% {
 webkit-transform:scale(1);
 }
}
@-webkit-keyframes kenburnsreverse {
 0% {
 -webkit-transform:scale(1);
 }
 100% {
 -webkit-transform:scale(1.2);
 }
}
@keyframes kenburnsreverse {
 0% {
 transform:scale(1);
 }
 100% {
 transform:scale(1.2);
 }
}
.carousel-control.left,.carousel-control.right {
 display:none;
}
.carousel-content {
 padding:265px 0px 100px;
}
.business_carousel .carousel-content h1 {
 font-weight:200;
 font-size:60px;
 letter-spacing:2px;
}
.business_carousel .carousel-content h4 {
 font-size:16px;
 font-weight:300;
 text-transform:uppercase;
 letter-spacing:2px;
}
.carousel-content h1 {
 color:#fff;
 display:inline-block;
 font-size:40px;
 font-weight:600;
 margin-bottom:0px;
 padding:18px 20px;
 text-transform: capitalize;
}
/*=========================*/
/* Cayman Slider */
/*=========================*/
.maincaymanslider h4 {
 font-size:17px;
 font-weight:300;
 margin-top:0;
 letter-spacing:2px;
 text-transform:uppercase;
}
.maincaymanslider h1 {
 font-weight:200;
 font-size:60px;
 margin-top:0;
 margin-bottom:0;
}
.maincaymanslider {
 color:#fff;
}
.maincaymanslider p {
 font-size:22px;
 font-weight:300;
}
.maincaymanslider.styletwo h4 {
 font-size:20px;
 font-weight:300;
 background:rgba(0,0,0,0.5);
 display:inline-block;
 padding:10px;
 margin-top:10px;
}
.maincaymanslider.styletwo h1 {
 background:rgba(0,0,0,0.5);
 padding:5px 15px;
 font-size: 46px;
}
/*=========================*/
/* Cayman Slider */
/*=========================*/
.active .fromleft.animated1 {
 -webkit-animation:fadeInLeft 1s ease-in-out 700ms both;
 animation:fadeInLeft 1s ease-in-out 700ms both;
}
.active .fromleft.animated2 {
 -webkit-animation:fadeInLeft 2s ease-in-out 700ms both;
 animation:fadeInLeft 2s ease-in-out 700ms both;
}
.active .fromleft.animated3 {
 -webkit-animation:fadeInLeft 3s ease-in-out 700ms both;
 animation:fadeInLeft 3s ease-in-out 700ms both;
}
.active .zoomin.animated1 {
 -webkit-animation:zoomIn 1s ease-in-out 700ms both;
 animation:zoomIn 1s ease-in-out 700ms both;
}
.active .zoomin.animated2 {
 -webkit-animation:zoomIn 2s ease-in-out 700ms both;
 animation:zoomIn 2s ease-in-out 700ms both;
}
.active .zoomin.animated3 {
 -webkit-animation:zoomIn 3s ease-in-out 700ms both;
 animation:zoomIn 3s ease-in-out 700ms both;
}
.active .bouncein.animated1 {
 -webkit-animation:bounceIn 1s ease-in-out 700ms both;
 animation:bounceIn 1s ease-in-out 700ms both;
}
.active .bouncein.animated2 {
 -webkit-animation:bounceIn 2s ease-in-out 700ms both;
 animation:bounceIn 2s ease-in-out 700ms both;
}
.active .bouncein.animated3 {
 -webkit-animation:bounceIn 3s ease-in-out 700ms both;
 animation:bounceIn 3s ease-in-out 700ms both;
}
.active .bounceindown.animated1 {
 -webkit-animation:bounceInDown 1s ease-in-out 700ms both;
 animation:bounceInDown 1s ease-in-out 700ms both;
}
.active .bounceindown.animated2 {
 -webkit-animation:bounceInDown 2s ease-in-out 700ms both;
 animation:bounceInDown 2s ease-in-out 700ms both;
}
.active .bounceindown.animated3 {
 -webkit-animation:bounceInDown 3s ease-in-out 700ms both;
 animation:bounceInDown 3s ease-in-out 700ms both;
}
.active .bounceinup.animated1 {
 -webkit-animation:bounceInUp 1s ease-in-out 700ms both;
 animation:bounceInUp 1s ease-in-out 700ms both;
}
.active .bounceinup.animated2 {
 -webkit-animation:bounceInUp 2s ease-in-out 700ms both;
 animation:bounceInUp 2s ease-in-out 700ms both;
}
.active .bounceinup.animated3 {
 -webkit-animation:bounceInUp 3s ease-in-out 700ms both;
 animation:bounceInUp 3s ease-in-out 700ms both;
}
.active .bounceinleft.animated1 {
 -webkit-animation:bounceInLeft 1s ease-in-out 700ms both;
 animation:bounceInLeft 1s ease-in-out 700ms both;
}
.active .bounceinleft.animated2 {
 -webkit-animation:bounceInLeft 2s ease-in-out 700ms both;
 animation:bounceInLeft 2s ease-in-out 700ms both;
}
.active .bounceinleft.animated3 {
 -webkit-animation:bounceInLeft 3s ease-in-out 700ms both;
 animation:bounceInLeft 3s ease-in-out 700ms both;
}
.active .bounceinright.animated1 {
 -webkit-animation:bounceInRight 1s ease-in-out 700ms both;
 animation:bounceInRight 1s ease-in-out 700ms both;
}
.active .bounceinright.animated2 {
 -webkit-animation:bounceInRight 2s ease-in-out 700ms both;
 animation:bounceInRight 2s ease-in-out 700ms both;
}
.active .bounceinright.animated3 {
 -webkit-animation:bounceInRight 3s ease-in-out 700ms both;
 animation:bounceInRight 3s ease-in-out 700ms both;
}
.active .rollin.animated1 {
 -webkit-animation:rollIn 1s ease-in-out 700ms both;
 animation:rollIn 1s ease-in-out 700ms both;
}
.active .rollin.animated2 {
 -webkit-animation:rollIn 2s ease-in-out 700ms both;
 animation:rollIn 2s ease-in-out 700ms both;
}
.active .rollin.animated3 {
 -webkit-animation:rollIn 3s ease-in-out 700ms both;
 animation:rollIn 3s ease-in-out 700ms both;
}
.active .flipiny.animated1 {
 -webkit-animation:flipInY 1s ease-in-out 700ms both;
 animation:flipInY 1s ease-in-out 700ms both;
}
.active .flipiny.animated2 {
 -webkit-animation:flipInY 2s ease-in-out 700ms both;
 animation:flipInY 2s ease-in-out 700ms both;
}
.active .flipiny.animated3 {
 -webkit-animation:flipInY 3s ease-in-out 700ms both;
 animation:flipInY 3s ease-in-out 700ms both;
}
.active .flipinx.animated1 {
 -webkit-animation:flipInX 1s ease-in-out 700ms both;
 animation:flipInX 1s ease-in-out 700ms both;
}
.active .flipinx.animated2 {
 -webkit-animation:flipInX 2s ease-in-out 700ms both;
 animation:flipInX 2s ease-in-out 700ms both;
}
.active .flipinx.animated3 {
 -webkit-animation:flipInX 3s ease-in-out 700ms both;
 animation:flipInX 3s ease-in-out 700ms both;
}
.cayman-slider .slider-content-style1 h2::before,.cayman-slider .slider-content-style1 h2::after {
 content:' ― ';
 font-weight:200;
}
.cayman-slider .slider-content-style1 {
 padding:0;
 line-height:1.4;
 color:#fff;
 z-index:1000;
 text-transform:uppercase;
 letter-spacing:5px;
}
.cayman-slider .slider-content-style1 h2 {
 font-size:30px;
}
.cayman-slider .slider-content-style1 h1 {
 font-size:60px;
 color:#fff;
 font-weight:800;
 margin-top:0;
}
.cayman-slider .slider-content-style1 h3 {
 font-size:14px;
 max-width:700px;
 margin:0px auto;
 letter-spacing:4px;
 display:inline-block;
 line-height:1.5;
}
.cayman-slider .slider-content-style1 .btn {
 margin-top:10px;
 font-size:11px;
 padding: 15px 20px;
}
/*=========================*/
/* Thumbbox1 */
/*=========================*/ 
.thumbbox1 h3 {
 font-size:16px;
 text-transform:uppercase;
 background-color:#bd1220;
 padding:13px 20px;
 color:#fff;
 margin-top:0;
 margin-bottom:0;
}
.thumbbox1 {
 background:#e2e1dc;
 padding:20px;
}
.thumbbox1 .description {
 background:#fff;
 padding:20px;
}
.thumbbox1 dl dt {
 float:left;
}
.thumbbox1 .description dl dd {
 border-bottom:1px solid #f3f3f3;
 margin-bottom:3px;
 padding-bottom:3px;
 text-align:right;
}
.thumbbox1 dl {
 margin-bottom: 0;
}
/*---------------- ============= Кнопка WhatsApp =============== ------------------*/
.whatsapp-button {
 position: fixed;
 right: 13px;
 bottom: 90px;
 transform: translate(-50%, -50%);
 background: #25D366; /*цвет кнопки*/
 border-radius: 50%;
 width: 55px; /*ширина кнопки*/
 height: 55px; /*высота кнопки*/
 color: #fff;
 text-align: center;
 line-height: 53px; /*центровка иконки в кнопке*/
 font-size: 35px; /*размер иконки*/
 z-index: 9999;
}
.whatsapp-button a {
 color: #fff;
}
.whatsapp-button:before,
.whatsapp-button:after {
 content: " ";
 display: block;
 position: absolute;
 border: 50%;
 border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/
 left: -20px;
 right: -20px;
 top: -20px;
 bottom: -20px;
 border-radius: 50%;
 animation: animate 1.5s linear infinite;
 opacity: 0;
 backface-visibility: hidden; 
}
 
.whatsapp-button:after{
 animation-delay: .5s;
}
 
@keyframes animate
{
 0%
 {
 transform: scale(0.5);
 opacity: 0;
 }
 50%
 {
 opacity: 1;
 }
 100%
 {
 transform: scale(1.2);
 opacity: 0;
 }
}
@media (max-width : 800px) { 
.whatsapp-button { 
 bottom: 40px; /*отступ кнопки снизу от экрана*/
 right: 10px; /*отступ кнопки слева от экрана(right - справа)*/
 }
}

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

/*--- 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;
 }
}

/*---============ Видеоплеер Rutube ================---*/
 .rutube-container {
 max-width: 1000px;
 margin: 20px auto;
 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 display: flex;
 gap: 20px;
 }

 /* Адаптивный контейнер для видео 16:9 */
 .rutube-player {
 position: relative;
 width: 100%;
 /* Поддержка старых браузеров */
 height: 0;
 padding-bottom: 56.25%; /* 9 ÷ 16 = 0.5625 → 56.25% */
 /* Современная альтернатива (игнорируется старыми браузерами) */
 aspect-ratio: 16 / 9;
 border-radius: 8px;
 overflow: hidden;
 flex: 2;
 background: #000;
 }

 .rutube-player iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: none;
 }

 #playlist {
 list-style: none;
 padding: 0;
 margin: 0;
 display: flex;
 flex-direction: column;
 gap: 12px;
 flex: 1;
 max-height: 400px;
 overflow-y: auto;
 }

 #playlist li {
 display: flex;
 align-items: flex-start;
 gap: 12px;
 padding: 12px;
 background: #f9f9f9;
 border-radius: 8px;
 cursor: pointer;
 transition: background 0.2s;
 }

 #playlist li:hover {
 background: #eef4ff;
 }

 #playlist li.active {
 background: #e6f0ff;
 border-left: 4px solid #0077ff;
 }

 .thumb {
 width: 64px;
 height: 36px;
 object-fit: cover;
 border-radius: 4px;
 flex-shrink: 0;
 }

 .title {
 font-size: 14px;
 color: #222;
 white-space: normal;
 word-wrap: break-word;
 line-height: 1.4;
 }

 #playlist li.active .title {
 color: #0077ff;
 font-weight: 600;
 }

 @media (max-width: 768px) {
 .rutube-container {
 flex-direction: column;
 gap: 16px;
 }
 .rutube-player {
 flex: auto;
 /* padding-bottom остаётся! */
 }
 #playlist {
 flex: auto;
 max-height: none;
 overflow-y: visible;
 }
 }

/*--=============== ЗАГОЛОВКИ =============== --*/
.title-xs {
 font-size: 14px !important;
 font-weight: 700 !important;
 margin: 0;
}
.title-sm {
 font-size: 20px !important;
 font-weight: 700 !important;
 margin: 25px 0;
}

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

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

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

.title-2-xl {
 font-size: 56px !important;
 font-weight: 800 !important;
 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;
}
.title-v4 {
 font-size: 25px !important;
 font-weight: 500;
color: #000;
 margin-top: 30px;
 margin-bottom: 25px !important;
 padding-bottom: 24px;
 padding-left: 25px;
 border-bottom: solid 2px #e3e3e3;
 border-left: solid 3px #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: #d7b369;
}

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

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

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

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

/*-- =========== Списки ================= --*/
ol.wsnumber3{
 display: block;
 counter-reset: wslist3;
 color:#444;
}

ol.wsnumber3 li {
 list-style: none;
 margin: 0 0 1em 3em;
 position:relative;
}

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

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

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

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

ol.wsnumber3 li li{
 font-size: 12px;
}

ol.wsnumber3 ol li::before{
 background: #e3e3e3;
 border-radius:50%;
 color: #333;
 content: counter(wslist3) "." counter(wslists) ".";
 counter-increment: wslists;
 display: inline-block;
 height: 27px;
 width: 27px;
 left: -40px;
 line-height: 22px;
 padding: 2px;
 position: absolute;
 text-align: center;
 top: 0;
 transition: all 0.3s ease 0s;
}

ol.wsnumber3 ol:hover{
 border-left: 1px solid #FB456C;
}

ol.wsnumber3 li li:hover{
 background: #eee;
 color:#333;
}
ol.wsnumber3 li:hover:before {
 background: #FB456C;
 color:#fff;
}