@font-face { font-family: IBMSerif; src: url(fonts/IBMPlexSerifBold.ttf); font-display:swap; }
@font-face { font-family: Open; src: url(fonts/OpenSansRegular.ttf); font-display:swap; }

#bx_incl_area_2 {display:inline-block;} 

* {margin:0; padding:0; border:none; box-sizing: border-box;}
form {  height: 32px;}
body {font-family:'Open', sans-serif; z-index:10; position:relative;font-size:17px; line-height: 140%;}

h1, h2, h3 {font-family:'IBMSerif', serif; text-decoration:none;}
h2 {font-size:1.4em; font-weight:700; color:#000000; line-height: 110%;}

h1{font-size: 1.7em; line-height: 120%; padding: 20px 0;}
h3{ font-size: 1.2em}

.in_b_head {display: block; padding:0 0 10px 0;}

ul {margin-left:25px;}

a, a:visited {position:relative; color:#6699dd;}
a:hover {color:#000000; text-decoration:none;}

.clr {clear:both;}
.small {font-size:.8em;}
.sSmall {font-size:.6em;}
.faq-item.wrap, .wrap {padding:10px;}
.wBlock .wrap { padding:0px; margin:0 0 10px; background:#ffffff;}
.TopContentLine, .TopContent {width:100%; margin:auto;}
.ContentLine, .Content {width:100%; margin:auto;}

.TopContent .subMenu {padding:0px 10px;}
.userWrap {float:right; position:relative; max-width:70px; overflow:hidden;}
.TopContent .leftWrap {margin-right:55px;}
a.user-button { color:#444444; font-weight:400; text-decoration:none; float:left; cursor:pointer;padding:5px;}
.userWrap .user-button:hover { color:#000000;}

.side_wrap {padding-left:10px;}

.logoWrap {padding:10px 20px 0; float:left;}
#Logotype {width:173px; height:32px; fill:#cceeff;}
#Logotype:hover {fill:#ffffff;}
#Logotype #Sign {fill:#ffffff;}
#Logotype:hover #Sign {fill:#ff9966;}

.log_in {width:32px; height:32px;}
.userWrap.accentBg:hover {background:#ffffff;}
.userWrap.accentBg .log_in path {fill:#ffffff;}
.userWrap.accentBg:hover .log_in path {fill:#ff9966;}

.topMenuWrap {margin-right:190px;}
.search{padding:8px 0 7px; width:180px; float:right;}
.search-form{ background:#ffffff; height: 32px;}
.searchSign {background: rgba(102, 153, 221, 0); width: 32px; height: 32px; cursor: pointer;position:relative;}
.sInputWrap {margin-right: 32px; height:32px; float:none; position: relative;}
.sSubmitWrap {width: 32px; height:32px; float:right; position:relative;}
.magic {position:absolute; width:26px; height:26px; top:3px; right:3px;}
.magic path{fill: #6699dd;}
.sSubmitWrap:hover .magic path{fill: #ff9966;}
.sInputWrap input {line-height:32px; width:100%; padding:0 5px;color: #000000; font-size: 1em; position:absolute; right:0; z-index:2000; transition: all .5s ease 0s;}
.sInputWrap input:focus {width:200%; }

.evTopMenu li {float:left; list-style:none;}
.evTopMenu li a{font-weight:400; border-bottom:3px solid transparent; display:block;color: #cceeff; text-decoration:none; padding: 10px 20px 5px; font-size: 1.3em; line-height:29px}
.evTopMenu li.root-item-selected a {color: #ffffff;border-bottom:3px solid #ff9966;}
.evTopMenu li a:hover {color: #ffffff; border-bottom:3px solid #ffffff;}

.search-tags-cloud {line-height:200%;}

.main_content {width:70%; float:left;}
.side_content {width:30%; float:left;}
.main_news-list {padding-right:5px;}

.news-item {position:relative;}
.news-detail .wrap {padding:10px;}
.news-item .preview_picture {margin:-1px -1px 0 0; padding:0; border:0;}
.news-date-time {float:left; font-size:0.8em; padding:10px 10px 5px 0; line-height:10px;}
.news-date-time-wrap {height:30px;}
.blockMore {padding-top:10px;}
.readMore { padding:5px 10px; float:left;}
.news-detail-share {padding:15px 0 5px;}
.share-head {padding:0 0 5px;}
.rating{font-size:.8em; float:left;padding: 5px;}
.star{float:left;margin: 2px 0;}
.rate-0 .star polygon {fill: #e0dde0;}
.rate-1 .star polygon {fill: #dddada;}
.rate-2 .star polygon {fill: #ddcccc;}
.rate-3 .star polygon {fill: #eebb99;}
.rate-4 .star polygon {fill: #eeaa99;}
.rate-5 .star polygon {fill: #ff9966;}
.ecc-vote, .voting {float:right;}
.rating-sel {padding:5px 10px; margin:5px 0 0; border:1px solid #cdcdcd; background:#ffffff;}
.sel-star {float:right;}
.sel-star .star {width: 24px; height: 24px; margin:3px;float:right; cursor:pointer;}
.sel-star polygon {fill: #e0dde0;}
.sel-star.active polygon, .sel-star .star:hover polygon {fill: #ff9966;}
.voting input[type="submit"] {width: 100%; height: 32px;background: #ff9966;font-size: 1em; color:#444444;}
.voting input[type="submit"]:hover {color:#000000; cursor:pointer;}
.voting input:disabled, .voting input[disabled]:hover  {cursor:default; background: #e0dde0; color:#999999;}
.num {float: left; margin: 0 5px;}
.news_nav {padding:5px;}
.news_nav .pre, .news_nav .nxt {float:left; width:50%;}
.news_nav .pre {text-align:left;}
.news_nav .nxt {text-align:right;}
.about_half {width:50%; float:right;}
.font_small {font-size:.8em;}

.news-img {float: left; width: 50%;}
.image-list{float: left;}
.news-img .image {padding: 0 20px 10px 0;}
.news-img .card-preview-container{ margin:0 20px 20px 0; overflow:hidden;}
.news-detail .detail_picture {width:100%; height:auto; margin: 0;}
.big-image-element, .image {transition: all 0.3s ease 0s;}
.link-more {font-size:.8em;}
.pre_img img {width:100%; height:auto;}
.pre_text {float:left; width:100%;}
.image-list ul {margin:0;  height:0;  overflow:hidden;}
.image-list ul li{float: left; list-style: none;}
.image-list ul li a {padding:5px;display: block;}
.image-list ul li a:first-of-type {padding-left:0;}
.image-list ul li a img{height:110px;}

.fancybox-thumbs {background-color: rgba(0, 0, 0, .5);}
.fancybox-thumbs__list a {height: 150px; background-color: #FFFFFF; width: 100%; max-width: calc(100% - 4px);}
.fancybox-thumbs__list a:before {border: 3px solid #6699dd;}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {transition: all 400 ease}
.fancybox-button svg path {fill: #6699dd;}
.fancybox-button:hover svg path {fill: #FFFFFF;}
.fancybox-button[disabled] svg path, .fancybox-button[disabled]:hover svg path {fill: #333333;}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {color:#333333;}

/* SLIDER */
.catalog-top .top-item {width:100%; float:left;}
.itemBlock {display:block; text-decoration:none;}
.itemBlock a {transition: all 0.3s ease 0s;}
.itemBlock .readMore a{color:#aeaaff; text-decoration:none;}
.itemBlock .readMore a:hover{color:#ffffff; text-decoration:none;}
.itemBlock h3 { text-align: center;}
.itemBlock .text_about { padding: 0px 5px 10px;}
.itemBlock  a{text-decoration:none;}
a.mainColor:hover, a:hover{color:#000000;}
.catalog-top .itemBlock img {width:100%; height:auto;}
.wBlock .itemBlock.wrap {margin:0 10px 30px 0;}
.wBlock .itemBlock.wrap, .wBlock .itemBlock.wrap h3 {transition: all 0.3s ease 0s;}
	
.wBlock .itemBlock.wrap:hover h3 {color:#000000;}
.slide_image a {position:relative;}
.slide_image img {width:100%; height:auto;}
.catalog-top {position:relative; overflow:hidden;}
.bx-viewport {height: auto !important; position:relative;}
.bx-controls {bottom: 0; position: absolute; width: 100%;}
.slide-controls {height:0; width:100%;}
.slide-controls .control {top:50%; margin-top:-64px;}
.prevArr{position:absolute; top:0; left:5px;}
.nextArr{position:absolute; top:0; right:5px;}
.catalog-top .arrow{width:64px; height:64px; transition: all 0.3s ease 0s; opacity:0;}
.catalog-top:hover .arrow{opacity:1;}
.control rect {fill: rgba(255, 255, 255, .5); transition: all 0.3s ease 0s;}
.control path {fill: #6699ff; transition: all 0.5s ease 0s;}
.control:hover path {fill: #ff9966;}
.control:hover rect {fill: rgba(255, 255, 255, 1);}
.control a {position:absolute; top:0; left:0; bottom:0; right:0;}
.bx-pager {text-align: center;}
.bx-pager-item {display:inline-block; padding:5px 10px;}
.bx-pager-link {display: block; font-size:0; width: 16px;  height: 16px;  border: 3px solid #6699DD; color: transparent; background: #fff;}
.bx-pager-link.active {background: #ff9966;}

/*CATALOG TOP*/
.cTop {float:left; width:33%;}

/*CATALOG*/
.bx_catalog_tile .wrap {border:1px solid #efefef;}
/*FAQ*/
.SecCont {padding-top:20px;}
.SecCont.close .contList {display:none; transition: all .2s ease 0s;}
.HeaderMain h2, .headArrow {float:left;}
.headArrow .hArrow {width:18px; height:18px; margin:7px; transition: all .2s ease 0s;}
.headArrow .hArrow polygon {fill:#999999;}
.HeaderMain {padding:0 0 10px; cursor:pointer;}
.SecCont.close .HeaderMain .headArrow .hArrow  {
	-moz-transform: rotate(0deg); /* Для Firefox */
    -ms-transform: rotate(0deg); /* Для IE */
    -webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg); /* Для Opera */
    transform: rotate(0deg);
}
.SecCont.close .HeaderMain:hover .headArrow .hArrow, .SecCont .HeaderMain .headArrow .hArrow  {
	-moz-transform: rotate(90deg); /* Для Firefox */
    -ms-transform: rotate(90deg); /* Для IE */
    -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(90deg); /* Для Opera */
    transform: rotate(90deg);
}
.headArrow {}
.faqHead {cursor:pointer;}
.faqText {padding-top:15px;}
.faqContent.close .faqText {display:none;} 
.faqContent.open .faqText {display:block;}

/* TABS */
.t-tabs {float:left;}
.t-tab {background:#ffffff; border-bottom:3px solid #efefef; float:left; padding:5px 10px; cursor:pointer; color:#666666;}
.t-tab:hover {border-bottom:3px solid #6699dd; color:#000;}
.t-tab.active {border-bottom:3px solid #ff9966; font-weight:bold; color:#000;}
.t-block {display:none;}
.t-block.active {display:block;}

/* TAGS*/
.search-tags-cloud a {margin:0 10px;transition: all 0.3s ease 0s;}
.search-tags-cloud a:hover {color:#000000 !important;}

.date-time { text-align:right;}
.starrequired {color:#6699dd;}	
.gray_block {background:#efefef; padding:10px; margin:0 0 10px 0;}
.top_line {border-top:1px solid #efefef; padding:20px 0 10px; margin:10px 0 0;}

.reviews {padding:10px;}

.popWin{transition: all 400 ease; display:none; border:1px solid #efefef; border-bottom:1px solid #cdcdcd; border-top:1px solid #FFFFFF; padding:0;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, #efefef 0%, #fafafa 100%);
	background: -webkit-linear-gradient(0deg, #efefef 0%, #fafafa 100%);
	background: linear-gradient(0deg, #efefef 0%, #fafafa 100%);
	}
.popWin a {color:#6699dd; position:relative;}
.popWin a:hover {color:#000000; text-decoration:none;}
.popWin h3 {color:#6699dd;}
.popWin .wrap{color:#666666; padding:0;}
.popWin .lineTxt{font-size:.9em; padding:10px 0 5px;}
.popWin .lineInput{background:#ffffff; padding:5px; border:1px solid #cdcdcd;}
.popWin .lineInput input[type="text"], .popWin .lineInput input[type="password"]{background:#ffffff; padding:2px 0 3px; width:100%; font-size:1.2em; border:none;}
.popWin .forma{padding:0 10px 10px;}
.popWin .link{padding:10px 0 0;}
.popWin .error{padding:0 10px; color:#ff0099;}

.popWin .bx-auth .pb_left {width:70%; float:left; text-align:center; padding-top:8px}
.popWin .bx-auth .pb_right {width:30%; float:left; text-align:center;}