/*https://ukit.com/ru/help/_st/*/

/* fallback */
@font-face {
 font-family: 'Material Icons';
 font-style: normal;
 font-weight: 400;
 src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
 font-family: 'Material Icons';
 font-weight: normal;
 font-style: normal;
 font-size: 24px;
 line-height: 1;
 letter-spacing: normal;
 text-transform: none;
 display: inline-block;
 white-space: nowrap;
 word-wrap: normal;
 direction: ltr;
 -webkit-font-feature-settings: 'liga';
 -webkit-font-smoothing: antialiased;
}

@font-face {
 font-family: 'Jura';
 src: url('../fonts/jura-demibold.eot');
 src: url('../fonts/jura-demibold.eot?#iefix') format('embedded-opentype'), url('../fonts/jura-demibold.woff') format('woff'), url('../fonts/jura-demibold.ttf') format('truetype'), url('../fonts/jura-demibold.svg#webfont') format('svg');
 font-weight: normal; font-style: normal;
}
@font-face {
 font-family: "Avenir Next W10 Regular";
 src: url("../fonts/de6ddab4-6357-4d45-b626-52c3bd8fd77a.eot?#iefix");
 src: url("../fonts/de6ddab4-6357-4d45-b626-52c3bd8fd77a.eot?#iefix") format("eot"), url("../fonts/fb555151-cbda-4728-b28d-6e5f085c2d55.woff") format("woff"), url("../fonts/8c58f11b-45a1-43dc-995e-785023989e7e.ttf") format("truetype"), url("../fonts/28108543-a866-4464-b36d-3362b695bd4a.svg#28108543-a866-4464-b36d-3362b695bd4a") format("svg");
 font-style: normal; font-weight: normal;
}
@font-face {
 font-family: "Avenir Next";
 src: url("../fonts/2bf26c0b-2c2a-4d68-8f6b-447ecd526105.eot?#iefix");
 src: url("../fonts/2bf26c0b-2c2a-4d68-8f6b-447ecd526105.eot?#iefix") format("eot"), url("../fonts/95aa7ca1-de33-40d9-ae40-ff045fcada66.woff") format("woff"), url("../fonts/915534d0-f381-4fa3-9ff3-c56e5c6cfd08.ttf") format("truetype"), url("../fonts/a252017e-236d-4161-895a-5f6b851154e4.svg#a252017e-236d-4161-895a-5f6b851154e4") format("svg");
}
@font-face {
 font-family: "Avenir Next Bold";
 src: url("../fonts/a47247cc-4e49-4a7a-90df-e89cd3887fbf.eot?#iefix");
 src: url("../fonts/a47247cc-4e49-4a7a-90df-e89cd3887fbf.eot?#iefix") format("eot"), url("../fonts/8e0e32b3-034a-41e8-bd15-c22974ebcdb5.woff") format("woff"), url("../fonts/e67c8a0b-c32f-4b4b-b883-956fb420313e.ttf") format("truetype"), url("../fonts/5e006032-8b7f-4fa8-88e3-1fe5ba1cc726.svg#5e006032-8b7f-4fa8-88e3-1fe5ba1cc726") format("svg");
 font-style: normal; font-weight: bold;
}

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, cite, em, img, q, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
 margin: 0; padding: 0;
 background: transparent;
 border: 0; outline: 0;
}

header, aside, menu, nav, section, article, figure, figcaption, details, canvas {display: block;}

ul {list-style: none;}


h1,h2, h3, h4, h5, h6 {margin: 18px 0; padding: 0; font-weight: normal;}
h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 18px; font-family:"Avenir Next Bold",Tahoma,Geneva,sans-serif;}
h4 {font-size: 15px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}

.accordion {float:left;width:100%;margin: 0 0 10px 0;overflow:hidden;position:relative;}
 .a-title {position:relative;cursor:pointer;float:left;width:100%;line-height:24px;padding: 10px 50px 10px 20px;background:#e0e0e0;border-radius:6px;transition: .3s;}
 .a-title:after {content: "\f107"; line-height: 24px;font: normal normal normal 18px/1 FontAwesome;position:absolute;top:50%;right:20px;margin-top:-8px;transition: .5s;}
 .a-content {display:none;float:left;width:100%;padding: 0 30px 0 30px;margin-top:30px;border-bottom:3px solid #eee;border-radius: 0 0 6px 6px;}
 .accordion section {float:left;width:100%;background:#f5f5f5;border-radius:6px;margin: 0 0 15px 0;}
 
 .a-opened .a-title:after {transform: rotate(-180deg);transition: .5s;}
 .a-opened .a-title {color: #1c2a33;transition: .3s;}

p {margin: 11px 0;}

hr {
 margin: 0 0 35px; padding: 10px 0 0;
 border: none; border-bottom: 2px solid #dbe4e9;
 clear: both;
}

iframe, object, embed {max-width: 100%;}
input {outline:none;}

.clr {clear: both;}
.fl {float:left}
.fr {float:right;}



* {box-sizing: border-box;}
body {background:#F5F5F5; margin:0;padding:0;font-size: 16px;font-family: "Avenir Next W10 Regular",Tahoma,Geneva,sans-serif;color:#09181f;}
header, nav, section, article, aside, footer {display: block}

a {color:#09181f; text-decoration: none !important;}
a:hover {text-decoration:underline;}



.head {float:left;width:100%;margin: 0;}
.logo {float:left;margin: 0; }
.logo a {display:inline-block;color:#fff;}
.logo a img {width:100px;}
a.back-h { vertical-align: 0px;font-size: 24px;line-height:32px;font-weight:400;margin-left:15px; font-family: 'Open Sans', Tahoma, sans-serif;}
a.back-h:after {content:"";margin-bottom:-5px;height:1px;width:100%;background:#fff;display:block;}
header {float:left;width:100%;background: url('../img/bg.jpg') no-repeat top center;box-shadow: 0px 10px 15px rgba(0,0,0,0.05);background-size: cover;}
.h-shad {background:rgba(52, 57, 79, 0.5);padding:50px 0 60px 0;float:left;width:100%;}
.h-shad.no-main {padding: 50px 0;}
.no-main .head {margin:0;}
header .btn {float:right;margin: 0;}
 .wrapper {max-width:1400px;width:100%;margin: 0 auto;}
 .main .wrapper {max-width:1430px;} 
header h2 {float:left;width:100%;margin:0 0 50px 0;text-align:center;color:#fff;font-size:60px; cursor: default;}

.btn {line-height:46px;border-radius:10px;display:inline-block;text-decoration:none;color:#fff;transition: .3s;padding: 0 25px; font-family: "Avenir Next",Tahoma,Geneva,sans-serif;}
.btn:hover {transition: .3s;}
.white-bord {background:transparent;border: 2px solid #fff;}
.white-bord:hover {background:#fff;color:#000;}

.oh {display: flex;flex-direction: column;}
.oh-wrap {display:flex;flex-direction: column;min-height:100vh;}


.material-icons, .cat-plit h3 a:before {
 font-family: 'Material Icons';
 font-weight: normal;
 font-style: normal;
 font-size: 24px; /* Preferred icon size */
 display: inline-block;
 line-height: 1;
 text-transform: none;
 letter-spacing: normal;
 word-wrap: normal;
 white-space: nowrap;
 direction: ltr;

 /* Support for all WebKit browsers. */
 -webkit-font-smoothing: antialiased;
 /* Support for Safari and Chrome. */
 text-rendering: optimizeLegibility;

 /* Support for Firefox. */
 -moz-osx-font-smoothing: grayscale;

 /* Support for IE. */
 font-feature-settings: 'liga';
}


/*//////////////////ПЕРЕКЛЮЧАТЕЛЬ ВИДА//////////////////////////*/

.cat-list.list-group-item
{
    float: none;
    width: 100%;
    background-color: #black;
    margin-bottom: 10px;
}


.list-item{width:25%;float:left;padding: 0 10px;margin: 10px 0 15px; display: flex;display: -ms-flexbox;display: -webkit-flex;}
.cat-list {padding: 15px 10px 15px 20px;float:left; height:160px; width:500px;border-radius:10px;box-shadow: 0 2px 10px 0 hsla(0,0%, 90%,.5);cursor:pointer; background-color:#fff;}
.cat-list a img {display:block; width:80px; height:130px; float:left;margin-right:10px;}
.cat-list h3{font-size:14px;display:inline; margin-bottom:10px;}
.cat-list span {display:block; margin: 10px 0 0 0; font-size; 13px;}
.cat-list .titl{margin:10px 0; font-weight:600; word-wrap: break-word; overflow-wrap:break-word;overflow:hidden; text-overflow: ellipsis; word-break: break-all;line-height:16px; max-height:48px;}

/*//////////ОПЦИЯ ОТОБРАЖЕНИЯ//////////*/
.btn-change{
	color: black;
	margin:0px 5px;
}
/*//////////ОПЦИЯ ОТОБРАЖЕНИЯ//////////*/
/*//////////ОТОБРАЖЕНИЕ 3 ВИД (НАЧАЛО)//////////*/

.block-item{width:	20%;}
.block-list{width: 80%; margin: 10%; min-height: 400px; padding: 5px; border: 1px solid blue; border-radius: 10px;}
.block-list:hover{border: 1px solid red;}
.block-img{height: 250px; max-width: 250px;}
.block-title{word-wrap: break-word; text-align: center; color: blue;}
.block-desc {display: none;}
.block-desc .font-bold{font-weight: bold;}

/*//////////ОТОБРАЖЕНИЕ 3 ВИД (КОНЕЦ)//////////*/
/*//////////////////ПЕРЕКЛЮЧАТЕЛЬ ВИДА//////////////////////////*/

.cat-plit h3 a:before {float:left;font-size:40px;color:#338fff;margin-right: 12px;transition: .3s; font-family: 'Material Icons';max-width:40px;}
.cat-plit h3 a[href*="/common"]:before {content: "tune";font-size:34px;line-height:38px;}
.cat-plit h3 a[href*="/domains"]:before {content: "language";font-size:32px;line-height:40px;}
.cat-plit h3 a[href*="/publication"]:before {content: "content_paste";font-size:32px;line-height:40px;}
.cat-plit h3 a[href*="/seo"]:before {content: "trending_up";font-size:36px;line-height:40px;}
.cat-plit h3 a[href*="/tariffs"]:before {content: "credit_card";font-size:34px;line-height:38px;}
.cat-plit h3 a[href*="/interface"]:before {content: "dashboard";font-size:32px;line-height:38px;}
.cat-plit h3 a[href*="/widgets"]:before {content: "view_module";line-height:40px;}
.cat-plit h3 a[href*="/start"]:before {content: "play_arrow";margin-left:-10px;}
.cat-plit h3 a[href*="/eshop"]:before {content: "shopping_basket";line-height:36px;font-size:32px;}


.cat-plit a img {display:block; width:150px; height:230px; vertical-align:middle;}
.main-plits {float:left;width:100%;padding: 15px 0;display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.plit-item {width:16.66%;float:left;padding: 0 10px;margin: 0 0 15px;display: flex;display: -ms-flexbox;display: -webkit-flex; display:none;}
/*.plit-item :hover {border-color:#338fff;}*/
.plit-item:nth-child(3n+1) {clear: left;}
.cat-plit {z-index:-1;text-align:center; padding: 15px 20px;float:left; height:300px; width:170px;border-radius:10px;background:#fff;box-shadow: 0 2px 10px 0 hsla(0,0%,91%,.4);}
.cat-plit h3 {float:left;width:100%;font-size:20px;line-height:40px;font-weight:normal;margin: 0 0 5px;font-family:"Avenir Next",Tahoma,Geneva,sans-serif; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.cat-plit h3 a {color:#1c2a33;display:inline-block;line-height:40px;transition: .3s;}
.cat-plit h3 a:hover {color:#338fff;transition: .5s;}
.cat-plit h3 a:hover:before {color:#338fff;transition: .5s;}
.cat-plit ul {float:left;width:100%;}
.cat-plit li {text-overflow: ellipsis;overflow: hidden; white-space: nowrap;display:block;line-height:32px;color:#263845;}
.cat-plit li a {color:#09181f;transition: 0.1s;}
.cat-plit li a:hover {transition: 0.1s;color:#338fff;}
.cat-plit li a:before {font: normal normal normal 14px/1 FontAwesome;margin-right:5px;}
.cat-plit p {float:left;width:100%;margin:0px 0 0 0;}
.cat-plit p a {color:#fff;display:inline-block; }
.cat-plit p a:hover {color:#fff;word-wrap:normal;}
.cat-plit p a:after {content: '';display: block;width: 80%;margin: 3px auto 0;height: 1px;background: #338fff;transition: all .2s ease-in;transform: scale(0);}
.cat-plit p a:hover:after,
.cat-plit p a:focus:after {transform: scale(1); transition: all .2s ease-out;}

.textbookplit .cat-plit{z-index:1; border-radius:10px;background:rgba(0,0,0,1);padding:0; margin:0;}

.fontext{height:100%;}

.cat-plit .textbook {display: none; font-size: 2rem; color:#fff; text-align:center; line-height:30px; padding: 20px 7px 0 7px;}
.cat-plit:hover .textbook{display:block; background:rgba(0,0,0,0.6); cursor:pointer;height:100%; width:100%; border-radius:10px; word-wrap: break-word;
word-break: normal; word-break: break-word; overflow-wrap:break-word; }

/*////////////////////////////////////////////*/
.page h3 {font-size:17px; margin:5px 0;}
.page .plit-item {width:25%; margin: 0 0 10px;}
.page .main-plits {padding: 0px 0;}
.page .img-book {float:left; height:300px; width:230px; margin-right:20px; margin-bottom:30px;}
.page .img{margin-left:15px;}
.page .description-book{text-align:left; margin-left: 265px;}
.dopinfo{text-align: center; margin-bottom:20px; margin-right:0px;}
.box{float: left;margin:15px; margin-top:0px;display:block;}
.page .main{padding:20px;}
/*////////////////////////////////////////////*/


.container {float:left;width:100%;flex: 1 0 auto;}
.content {float:left;width:100%;padding: 30px 0;}
.pr {position:relative;}
.page {box-shadow:0 2px 10px 0 hsla(0,0%,91%,.4);float:left;width:100%;border-radius:10px;font-family: "Avenir Next W10 Regular"}
aside {float:left;width:340px;}
article {width:100%;text-align:center; margin-top: 1.5em;padding-left: 370px;}
.catsTable {border-spacing: 0px !important;float:left;width:100%;}
.catsTable tr:nth-child(9) a {margin:0;}

.left-cat td a, .left-cat li a {line-height:20px;margin: 0 0 18px 0;display:inline-block;width:100%;font-size:16px;transition: .2s;}
.catNameActive:after {font: normal normal normal 10px/1 FontAwesome;display:inline-block;content: "\f054";display:inline-block;margin-left: 8px;} 
.catNameActive {color:#338fff;}
.left-cat a:hover {color:#338fff;}

.cat-title a {transition: .3s;cursor:pointer;}
.cat-title a:hover {color:#338fff;transition: .2s;}

.aside-search {float:left;width:100%;margin-top:30px;}

input.queryField {float:left;width:200px;line-height:36px;border-radius: 5px 0 0 5px;border: 2px solid #263845;border-right:0;padding: 0 20px;outline:none;transition: .3s;font-size:16px; -webkit-appearance: none;}

input.searchSbmFl {height:40px;cursor:pointer;background:#263845;color:#fff;border-radius:0 5px 5px 0;text-align:center;width:80px;border:none;outline:none;transition: .3s;transition: .3s;font-size:16px;}
input.searchSbmFl:hover {background:#338fff;transition: .3s;}

.left-cat {float:left;width:100%;padding: 25px 30px;background:#fff; box-shadow: 0 2px 10px 0 hsla(0,0%,91%,.4);border-radius:10px;}
.cat-title {position:relative;line-height:30px;margin: 0 0 35px;width:100%;float:left;font-size:26px;color:#263845;font-family:"Avenir Next",Tahoma,Geneva,sans-serif;}

.cat-title a:before {content: "\f177";margin-right:10px;line-height:20px;font: normal normal normal 24px/1 FontAwesome;}

.cat-hide {float:left;width:100%;}
.art-hide {float:left;width:100%;}
.hide {display:none;}
.left-cat ul li:last-child a {margin:0;}
.bar.bar-fixed {position: fixed;top: 30px;}
 
 .scroll {float:left;width:100%;max-height:480px;overflow:hidden;position:relative}
 .scroll-wrap {float:left;width:100%;}
.bar.bar-bottom {position: absolute !important;bottom:30px;top: auto !important;}
 
.scroll-load {position:absolute;z-index:999;width:100%;height:100%;top:0;left:0;background:#EEEEEE;display:none;}

.error a {font-size:14px;}


.entry-title {font-size: 32px;color: #1c2a33;margin: 25px 0 25px;line-height:36px;font-family:"Avenir Next",Tahoma,Geneva,sans-serif;}
.page {color:#313131;font-size:18px;text-align:center;}
.page p {line-height:28px;margin: 0 0 30px 0;}
.page alert {line-height:30px;margin: 0 0 30px 0;display:block;padding: 20px;overflow:hidden;}
.page alert ul:last-child, .page alert p:last-child {margin:0;}
.page alert h3 {margin:0 0 15px 0;}
.page alert.yellow {border-left: 4px solid #ffcc00;background: rgba(255, 204, 0, 0.08);}
.page alert.green {border-left: 4px solid #4caf50;background: rgba(76, 175, 80, 0.08);}
.page alert.red {border-left: 4px solid #C2445C;background: rgba(194, 68, 92, 0.08);}
.page img {border-radius: 3px;max-width:100% !important;border: 1px solid #E2E5E9 !important;vertical-align:middle;}
.page iframe {max-width:100% !important;max-height:100% !important;}
.page a {color:#5aa4ff}
.page .cat-list a{color:#09181f;}
.page .list-item {width:50%;}
.page a:hover {color:#338fff;}

.searchtext{width: 100%;text-align: center;margin-top: 1.5em;}

.triple {float:left;width:100%;margin: 0 0 30px;text-align:center;}
.triple img {width:33.33%;float:left;}
.img-b2-w img {border: 2px solid #fff;}

.page ul.quare {margin: 0 0 30px;padding: 0 0 0 20px;}
.page ol {margin: 0 0 30px;padding: 0 0 0 40px;}
.page ul.quare li:not(.uRelatedEntry) {line-height:30px;padding-left:20px;position:relative;list-style:none;margin: 0 0 5px 0;}
.page ul.quare li:before {content: "";display:inline-block;position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:2px;background:#1c2a33;}
.mb-li-10 li {margin-bottom: 10px ;}
.page h1:not(.entry-title), .page h2 {margin: 20px 0 30px;float:left;width:100%;font-family:"Avenir Next",Tahoma,Geneva,sans-serif;}
h1, h2, h3, h4, h5, h6 {color: #1c2a33;}

/* RATING */

 .helpful .helpful-rstars {display:none;}
 .helpful {float:left;width:100%;padding: 30px;background: #f7f9fc;border-radius:3px;margin-top:30px;}
 .helpful.helpful--hidden .helpful__title,
 .helpful.helpful--hidden .helpful__buttons {display: none;float:left;width:100%;}
 .helpful .helpful__title {font-size: 22px;font-family:"Avenir Next",Tahoma,Geneva,sans-serif;color: #1c2a33;float:left;width:100%;margin: 0px 0 25px;}
 .helpful .helpful__buttons {float:left;width:100%;line-height:22px;}
 .helpful__buttons.helpful__buttons--hidden {display: none;}
 .helpful .helpful__buttons a {display: inline-block;line-height:20px;margin-right: 30px;outline: none;transition: .3s;}
a.helpful-yes {color:#4caf50;}
a.helpful-yes:hover {color:#00a53e;}
 a.helpful-no {color:#C2445C;}
 .helpful-yes:before {content: "\f087";font: normal normal normal 20px/1 FontAwesome;margin-right:8px;} 
 .helpful-no:before {content: "\f088";font: normal normal normal 20px/1 FontAwesome;margin-right:8px;}
 
.helpful .helpful__buttons a:last-child {margin-right: 0;}

 
 .helpful__buttons .helpful-no:hover,.helpful__buttons .helpful-no:focus {color: #c2445c;}

 .helpful__total {float:left;width:100%;margin-top:25px;font-size:16px;}
#helpful_total {font-family:"Avenir Next Bold",Tahoma,Geneva,sans-serif;}






/* btn UP */

#go-top {background-color: #338fff; display: block; position: fixed; bottom: 15px; right: 20px; z-index: 999; color: #fff; line-height: 28px; height: 30px; width: 30px; text-align: center; font-size: 16px; cursor: pointer; transition: all .3s ease; border-radius: 50%; }
#go-top:hover { background: #5aa4ff; }




/* faq */
section .title {font-size: 16px;line-height:22px;margin: 0 0 18px;}
section .title > a {transition: all 0.3s ease 0s;color: #263845;}
section .title > a:before {display:inline-block;content: "\f105";font: normal normal normal 14px/1 FontAwesome;font-size:16px;margin-right:10px;}
section .title > a:hover {color: #338fff;}
section .answer a, section .content a {color: #338FFF}
/* faq */

.text li {margin: 5px 0 0 20px;}
.text ul li {list-style: square outside;}
.text ol li {list-style: decimal;}
.text img {border: 3px solid #ccc !important;}





.search {width:100%;max-width:700px;margin: 0 auto;position:relative;}
.search form {float:left;width:100%;position:relative;transition: all .3s ease;}
.search.sf .query {border: 2px solid #338fff;transition: all .3s ease;}
.search .query {float: left;width: 100%; padding: 0 120px 0 80px; line-height: 54px;height:58px;box-shadow: 0px 10px 10px rgba(0,0,0,0.05);border: 2px solid #fff;border-radius: 10px 30px 30px 10px;background: #fff;font-size: 16px !important; color: #1c2a33;}
.search .sr-button {position:absolute;top:0;right:-1px;border-radius: 0 10px 10px 0 !important;line-height: 58px;background: #338fff;color: #fff;border: none;padding: 0;cursor: pointer;outline:none;font-size:16px;float: right;margin: 0;transition: 0.3s;width:100px;text-align:center;}
.search button:hover {background:#5aa4ff;transition: 0.3s;}


.search .query:focus {outline:none;}
.search-bat {position: absolute;width: 60px; height: 32px;top: 2px; right: 2px;}
.search-bat {
 background: -webkit-linear-gradient(left, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
 background: -moz-linear-gradient(left, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
 background: -ms-linear-gradient(left, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
 background: -o-linear-gradient(left, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
 background: linear-gradient(to right, rgba(197, 212, 219, .90), rgb(197, 212, 219) 100%);
}
.search .search-button, .search input.search-button:active {
 position: absolute;
 width: 14px; height: 14px;
 top: 50%; right: 0;
 padding: 0;
 border: 0;
 border-radius: 0;
 text-indent: -9999px;
 cursor: pointer;
}
.search .search-button, .search input.search-button:active {margin: -7px 7px 0 0;background: url(../img/search.png) no-repeat;}


.g-foot .ul-socials-list__item{background:none;}
footer {width: 100%;float:left;background: #fff;font-size: 12px; padding: 15px 0;flex: 0 0 auto;}
.d-footer-main {max-width: 1400px;margin: 0 auto; overflow: hidden;}
footer a {color: #8DA8B8; font-family: "Avenir Next Bold";font-size:12px;text-decoration: none !important;-webkit-transition-property: color;transition-property: color;transition-duration: .5s;transition-timing-function: cubic-bezier(.23, 1, .32, 1);}
footer a:active, footer a:focus, footer a:hover {color: #7A919E;}
.d-footer-links > li {display: inline-block;margin-left: 25px;line-height:30px;}
.d-footer-links > li:first-child {margin-left: 0;}
ul.ul-socials-list li {display: inline-block;margin-left: 6px;}
ul.ul-socials-list li:first-child {margin-left: 0;}
.ul-socials-list__item {display: inline-block;width: 30px; height: 30px;background: #fff;border-radius: 50%;vertical-align: middle; text-align: center; line-height: 26px; border: 2px solid #8DA8B8;color: #8DA8B8;-webkit-transition-property: background !important;transition-property: background !important;transition-duration: .5s;transition-timing-function: cubic-bezier(.23, 1, .32, 1);}
.ul-socials-list__item:hover {color:#fff;}
.ul-socials-list__item--vkontakte:hover {background: #4c75a3;border-color:#4c75a3;}
.ul-socials-list__item--youtube:hover {background: #ff5f5f;border-color:#ff5f5f;}
.ul-socials-list__item--odnoklassniki:hover {background: #f48c33;border-color:#f48c33;}
.ul-socials-list__item--facebook:hover {background: #425399;border-color:#425399;}
.ul-socials-list__item--twitter:hover {background: #01b5f0;border-color:#01b5f0;}
.ul-socials-list__item--google:hover {background: #e15540;border-color:#e15540;}
.ul-socials-list__item--instagram:hover {background: #31668e;border-color:#31668e;}
.ul-socials-list__icon {vertical-align: baseline; font-size: 14px; line-height: 24px;}
.ok_img {width: 24px; height: 24px;background-image: url(../img/logo_ok.png);background-size: 80%;background-position: 50% 50%;background-repeat: no-repeat;}










::-webkit-input-placeholder {color:#777;}
::-moz-placeholder {color:#777;}/* Firefox 19+ */
:-moz-placeholder {color:#777;}/* Firefox 18- */
:-ms-input-placeholder {color:#777;}

b, strong {font-style: normal; font-family: "Avenir Next Bold";}



.custom-scroll_container {
 
 position: relative;
}
.art-hide ul {padding-right:20px;}
.custom-scroll_inner {
 overflow: scroll;
 height: 100%;
 *padding-right:20px !important;
 *position: absolute; /* ie7 fix */
 *left: 0;
 *right: 0;
}
.custom-scroll_inner::-webkit-scrollbar { width: 0; height: 0; }
.custom-scroll_inner{ -ms-overflow-style: none; }


.custom-scroll_bar-y,
.custom-scroll_bar-x {
 cursor: pointer;
 position: absolute;
 border-radius: 10px;
 z-index: 1;
 background: #BDBDBD;
 opacity: .4;

 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none;

 transition: opacity .2s;
}
.custom-scroll_bar-y {
 top: 0;
 right: 0px;
 width: 8px;
}
.custom-scroll_bar-x {
 left: 0;
 bottom: 1px;
 height: 8px;
}

.custom-scroll_bar-y:hover,
.custom-scroll_bar-x:hover {
 opacity: .7;
}
.custom-scroll_bar-y:active,
.custom-scroll_bar-x:active {
 opacity: 1;
}

.custom-scroll_hidden-y > .custom-scroll_bar-y,
.custom-scroll_hidden-x > .custom-scroll_bar-x {
 opacity: 0;
 visibility: hidden;
 transition: opacity .2s, visibility step-end .3s;
}








.mob-menu {float:right;}
.mob-menu-about{display:none;float:right;position:relative;z-index:200;}
.burger {display:block;position:relative;overflow:hidden;margin:0;padding:0;width: 40px;height:36px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background .3s;transition:background .3s;}
.burger:focus{outline:0}
.burger span{display:block;position:absolute;top: 16px;left: 6px;right: 6px;height: 3px;background:#fff;}
.burger span::after,.burger span::before{position:absolute;display:block;left:0;width:100%;height: 3px;background-color:#fff;content:"";}

.burger span::before{top: -8px;}
.burger span::after{bottom: -8px;}

.burger-x {background: rgba(122, 145, 158, 0.3);transition:background .3s easy}
.burger-x:hover {background: rgba(122, 145, 158, 0.5);transition:background .3s easy}
.burger-x span{-webkit-transition:background 0s .3s;transition:background 0s .3s}
.burger-x span::after,.burger-x span::before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}
.burger-x span::before{-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}
.burger-x span::after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}
.burger-x.is-active{background-color:#c2445c;transition:background .3s easy}
.burger-x.is-active:hover {background:#da4965;transition:background .3s easy}
.burger-x.is-active span{background:0 0}
.burger-x.is-active span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.burger-x.is-active span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.burger-x.is-active span::after,.burger-x.is-active span::before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}

.mob-menu {display:none;position:relative;z-index:200;}
.mm-open {background: rgba(21, 21, 21, 0.95);transition: none !important;}
.mm-open nav {display:block;float:left;}

.mob-search {display:none;float:left;width:100%;margin-top:20px;}
.mob-search form {position:relative;box-shadow: 0px 5px 10px rgba(0,0,0,0.05);width:100%;float:left;background:#fff;border: 2px solid #263845;border-radius: 6px;}
.mob-search input.searchSbmFl {position:absolute;top:-2px;right:-2px;height:40px;}
.mob-search input.queryField {border:none;background: transparent;padding: 0 88px 0 8px;width:100%;}
.mob-search .searchForm {max-width:60%;margin:0 auto;}

.related {float:left;width:100%;margin-top:35px;}
.related h3 { font-size: 26px;font-family: "Avenir Next",Tahoma,Geneva,sans-serif;color: #1c2a33;float: left;width: 100%;margin: 30px 0 20px;}
.related li {line-height:26px;margin: 5px 0;}
.related li a:before {display:inline-block;content: "\f105";font: normal normal normal 14px/1 FontAwesome;font-size:16px;margin-right:10px;}
.related:before {content: '';display: block;width: 100%;
 border-top-right-radius: 50%;
 border-top-left-radius: 50%;
 border-bottom-right-radius: 50%;
 border-bottom-left-radius: 50%; height: 1px;background: #E0E0E0;margin: 5px 0 0 0;}

.fu-feedback h2 {margin: 0 0 30px 0;float:left;width:100%;text-align:center;color: #263845;font-family: "Avenir Next",Tahoma,Geneva,sans-serif;}
.fu-feedback {max-width:600px;margin: 0 auto;position:relative;overflow:hidden;padding: 30px 0 15px 0}
.fb-line {float:left;width:100%;margin: 0 0 30px 0;}
.fb-line input[type="text"], .fb-line input[type="email"] {width:100%;float:left;line-height:40px;height:44px;border: 2px solid rgb(229, 229, 229);border-radius:6px;padding: 0 15px;transition: 0.3s;}
.fb-line input[type="text"]:focus, .fb-line input[type="email"]:focus, .fb-line textarea:focus {border-color:rgba(51, 143, 255, 0.71);transition: 0.3s;}
.fb-line textarea {outline:none;width:100%;float:left;border: 2px solid rgb(229, 229, 229);border-radius:6px;padding: 15px;min-height:150px;transition: 0.3s;resize: vertical; }

.fb-line button {cursor:pointer;line-height:44px;border-radius:6px;padding: 0 20px;transition: 0.3s;background: #338fff;border:none;color:#fff;font-size:15px;outline:none;}
.fb-line button:hover {background:#5aa4ff;transition: 0.3s;}

.uf-success {display:none;position:fixed;bottom:50px;left:50%;background:rgba(9, 24, 31, 0.95);border-radius:6px;color:#fff;line-height:16px;font-size:14px;width:280px;margin-left:-140px;box-shadow: 0 2px 10px 0 hsla(0, 0%, 38%, 0.4);}
.ufs-wrap {position:relative;padding: 16px 18px;text-align:center;}




.popular-art {float:left;width:100%;margin: 0 0 70px;}
.popular-art-wrap50 {float:left;width:50%;}
.popular-art-wrap50 h2 {padding: 0 15px; line-height: 40px;color: #1c2a33; font-size: 26px;font-family: "Avenir Next",Tahoma,Geneva,sans-serif;}

ul.list-art {float:left;width:100%;}

ul.list-art li {float:left;width:100%;padding: 0 15px;margin: 0 0 20px 0;} 
ul.list-art li a {display:block;box-shadow: 0 2px 10px 0 hsla(0,0%,91%,.4);width:100%;float:left;position:relative;padding: 0 60px 0 20px;height:72px;background:#fff;border-radius:6px;transition: 0.3s;}
ul.list-art li a:after {color:#338fff;display: inline-block;content: "\f105";font: normal normal normal 14px/1 FontAwesome;font-size: 22px;position:absolute;right: 20px;top: 0;line-height:72px;height:72px;text-align:center;width:18px;}


 .cat-name-art {margin:15px 0 8px 0;float:left;width:100%;font-size:13px;color:#8ca7b8;}
 ul.list-art li h4 {float:left;width:100%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 0;font-size:16px;font-weight:400;transition: 0.3s;}
 ul.list-art li a:hover, ul.list-art li a:hover h4 {color:#338fff;transition: 0.3s;}




.pt {line-height: 30px;margin: 0 0 35px !important;width: 100%;float: left;font-size: 26px;color: #263845;font-family: "Avenir Next",Tahoma,Geneva,sans-serif;}
.page .error {width:100%;float:left;text-align:center;padding: 50px 0;}
.error i {font-size:72px;}

.insert-search {position:absolute;left:50%;width:600px;margin-left:-300px;top:90px;}
.insert-search form {
 float: left;
 width: 100%;
 position: relative;
 transition: all .3s ease;
}

.insert-search .query {
 -webkit-appearance: none;
 float: left;
 width: 100%;
 padding: 0 120px 0 65px;
 line-height: 46px;
 height:50px;
 border: 2px solid #fff;
 border-radius: 10px 30px 30px 10px;
 background: #fff;
 font-size: 16px !important;
 color: #1c2a33;
}

.insert-search button {
 position: absolute;
 top: 0;
 right: -1px;
 border-radius: 0 10px 10px 0 !important;
 line-height: 50px;
 background: #338fff;
 color: #fff;
 border: none;
 padding: 0;
 cursor: pointer;
 outline: none;
 font-size: 16px;
 float: right;
 margin: 0;
 transition: 0.3s;
 width: 100px;
 text-align: center;
}
.insert-search button:hover {background: #5aa4ff;
 transition: 0.3s;}




/**/
i.icon.search {
 display: inline-block;
 text-decoration: inherit;
 speak: none;
 font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 cursor: default;
 position: absolute;
 text-align: center;
 height: 100%;
 width: 30px;
 top: 0;
right:107px;
 opacity: 0;
}
.scroll-load i.icon.search {left:50%;right: auto;}

i.icon.search:before {
 position: absolute;
 content: '';
 top: 50%;
 left: 50%;
 margin: -12px 0 0 0;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 border: 2px solid rgb(229, 229, 229);
}
i.icon.search:after, i.icon.search:before {
 left: 0;
 position: absolute;
 text-align: center;
 top: 50%;
}
i.icon.search:before {
 content: "";
}

i.icon.search:after {
 position: absolute;
 content: '';
 top: 50%;
 margin: -12px 0 0 0;
 width: 20px;
 height: 20px;
 -webkit-animation: button-spin .6s linear;
 animation: button-spin .6s linear;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 border-radius: 50%;
 border-color: rgba(51, 143, 255, 0.71) transparent transparent;
 border-style: solid;
 border-width: 2px;
 box-shadow: 0 0 0 1px transparent;
}
@keyframes button-spin {
 from {
 -webkit-transform: rotate(0);
 transform: rotate(0)
 }

 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg)
 }
}


.s-line h3 b {
 background: yellow;
 padding: 0 3px;
}
.s-line {box-sizing: border-box; float:left;width:100%;margin: 0 0 40px 0;}
.s-line h3 {font-size:18px;float:left;width:100%;margin: 0 0 15px 0;}
.s-result {float:left;width:100%;margin: 0 0 10px 0; font-size:14px; color: #8DA8B8;}
.pt-s {margin: 0 0 10px 0 !important;}



.pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b {margin: 0;display:inline-block;padding:0 10px;line-height:34px;height:32px;min-width:32px;font-weight:normal;font-size:22px;text-align:center;color:#338fff;} 
.pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a {margin: 0 ;display:inline-block;padding:0 10px;line-height:34px;height:32px;min-width:32px; text-decoration:none;font-size:18px;font-weight: normal;transition: 0.3s;text-align:center;color:#6c6c6c} 
.pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover {color:#263845;transition: 0.3s;}


.scroll-load i.icon.search {opacity:1;}
.scroll-load {background: #eee;}
.scroll-load i.icon.search:before {width:40px;height:40px;border: 4px solid rgb(229, 229, 229);margin-top:-24px;margin-left:-24px;}
.scroll-load i.icon.search:after {width:40px;height:40px;border-color: rgba(51, 143, 255, 0.71) transparent transparent;border-width: 4px;margin-top:-24px;margin-left:-24px;}


.page a.btn {margin: 10px 0;}
.page .btn.green {background: #59a25c;transition: 0.3s;color: #fff;}
.page .btn.green:hover {background: #67bd6a;color:#fff;transition: 0.3s;}





#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url(../img/ulightbox/fancybox_sprite.png) !important;
}
.adm-tools {padding: 20px;font-size:14px;background:#f5f5f5;margin: 0 0 20px;line-height:18px;}
.hid, .oh {overflow:hidden;}

.tmpl-block {float:left;margin: 0 0 25px 0;overflow:hidden;width:100%;display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.tmpl {float:left;width:33.33%;padding: 40px;text-align:center; cursor:pointer;transition: 0.2s ease;}
.tmpl:hover {transition: 0.2s ease;}
.page .tmpl img {border:none !important;width:100px;}
.tmpl h4 {color:#fff;font-size:20px;}

.t1 {background:rgba(249, 187, 65, 1);transition: 0.2s ease;}
.t1:hover {background:rgba(249, 187, 65, 0.9)}
.t2 {background:rgba(65, 185, 214, 1);}
.t2:hover {background:rgba(65, 185, 214, 0.9);}
.t3 {background:rgba(80, 125, 220, 1);}
.t3:hover {background:rgba(80, 125, 220, 0.9);}
.t4 {background:rgba(63, 170, 142, 1);}
.t4:hover {background:rgba(63, 170, 142, 0.9);}
.t5 {background:rgba(151, 122, 193, 1);}
.t5:hover {background:rgba(151, 122, 193, 0.9);}
.t6 {background:rgba(221, 74, 127, 1);}
.t6:hover {background:rgba(221, 74, 127, 0.9);}


.uRelatedEntries {float:left;width:100%;}

/*/////////////////////__ ГЛАВНАЯ __///////////////////////*/
html, body{height:100%;}
.home{height:calc(100% - 40px);}
.g-head{height:100%;}
.g-head .h-shad{height:100%;}
.general-text{margin:15px 0; position: relative; float:left;width: 100%;font-family: "Avenir Next W10 Regular", sans-serif;font-size: 20px;line-height: 22px;font-weight: 300;color: #fff; text-align:center;}

.g-text-left{float:left; width:100%;font-size: 16px;line-height: 18px; text-align:center; opacity:0;transition: 1s;animation: show 1.5s 1; /* Указываем название анимации, её время и количество повторов*/
animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */
  animation-delay: 1s; /* Задержка перед началом */}
@keyframes show{ 0%{opacity:0;}  100%{opacity:1;}}
  

.g-foot footer{background:rgba(52, 57, 79, 0.5);bottom:0;position:fixed;}
.g-foot footer a{color:#fff; font-family: "Avenir Next Bold";font-size:12px;text-decoration: none !important;-webkit-transition-property: color;transition-property: color;transition-duration: .5s;transition-timing-function: cubic-bezier(.23, 1, .32, 1);}
.g-foot footer .fl a:hover{color:#338fff;}
.g-foot .lng span{color:#fff;}
.g-foot .lng span:hover{color:#338fff;}
.insert-search .cat-btn, .cat-btn{position:relative; float:left;background-color: #0e4991;border-color: #0e4991;border-radius: 5px; font-size:16px;}
header .cat-btn {position:absolute;line-height:56px;border-radius: 5px 0 0 5px !important; padding:0 20px;}
header .insert-search .cat-btn{line-height:50px;right:0;top:-50px;padding:0 10px; width: 55px;}
.cat-btn span{font-size:25px;vertical-align: middle;}
header .current-cat{float:none;line-height:30px; background-color:#217993; border-color:#217993; position:relative;margin: 5px 3px 0px 0px; display:inline-block;}
.selCategories{text-align:center;display:inline-block;width:100%;}
.well .glyphicon{margin-right:5px;}

.left-menu{background-color: #0e4991;width: 200px;position: absolute;left: -999px;transition: 0.5s ease;z-index:9999;}
.left-menu ul li{padding: 10px 0;text-align: center;transition: 0.2s;}
.left-menu ul li:hover{cursor: pointer;background-color: #454954;transition: 0.2s;}
.left-menu ul li:active{background-color: #23252b;transition: 0.2s;}
.left-menu ul li a{color: white;text-decoration: none;font-weight: bold;font-size: 19px;}

header .white-bord {margin:0px 5px;}

.modal-body{float:left; width:100%;}
.input-flag-label {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.input-flag-icon {
	-webkit-border-radius: 25px;
	border-radius: 25px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.input-flag-label {
	float:left;
	display: block;
	width: 49%;
	padding: 5px 10px;
	margin-bottom:5px;
	margin-right:5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input-flag-label:hover {border-color: #bcbcbc;}

.input-flag {display: none;}
.input-flag:checked + .input-flag-icon {
	border: none;
	background-color: #0e4991;
}

.input-flag:checked + .input-flag-icon i {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.input-flag-icon, .brief-wrapper .input-flag-box .input-flag-text {
	display: inline-block;
	vertical-align: middle;
}
.input-flag-icon {
	position: relative;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	font-size: 17px;
	color: #fff;
}
.input-flag-icon i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -9px;
	text-align: center;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}
.input-flag-text {
	width: -webkit-calc(100% - 45px);
	width: calc(100% - 45px);
	font-size: 15px;
	word-wrap: break-word;
	text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.input-flag-smText {font-size: 14px;}

.disabled-flag {
	opacity: .8;
	cursor: not-allowed;
}


/*/////////////////////__ ГЛАВНАЯ __///////////////////////*/

/*.glyphicon {margin-right:10px;}*/

/* ----------- ADAPTIVE -------------- */


@media screen and (max-width: 1440px) {
 .wrapper {max-width:1300px;}
 .main .wrapper {max-width:1330px;} 
}


@media screen and (max-width: 1366px) {
 .wrapper {max-width:1200px;}
 .main .wrapper {max-width:1230px;} 
}

@media screen and (max-width: 1280px) {
 .ul-socials-list {padding-right:27px;}
}


@media screen and (max-width: 1260px) {
 .wrapper {padding: 0 20px;}
 .left-cat, .page {padding: 0px 0px;}
 .content {padding-top:20px;}
 aside {width:300px;}
 article {padding-left:320px;}
 .ul-socials-list {padding-right:36px;}
 .insert-search {width:500px;margin-left:-250px;}
 .main .wrapper {padding: 0 5px;} 
}


@media screen and (max-width: 1140px) {
 .mob-search {display:block;}
 aside {position:fixed;top:40px;left:-100%;background:#fff;padding: 10px 0 0 0;overflow:auto;width:100%;height:100%;z-index:100;box-shadow: 0px 10px 15px rgba(0,0,0,0.05);}
article {padding-left:0px;}
 .mob-menu {display:block;top:4px;}
 .mob-menu-about{display:block;}
 header .btn, .aside-search {display:none;}
 header .white-bord {display:none;}
 
 aside.open-bar {width:100%;}
.left-cat {box-shadow:none;background:none;}
 .scroll {max-height:100% !important;}
 .logo {width:220px;}

 .h-shad.no-main {padding: 25px 0;}
 .insert-search {top:65px;}
 .insert-search .query, .search .query {line-height:40px;height:44px;}
 .insert-search button, .search button {line-height:44px;}
 .search {max-width:500px;}
 .search .sr-button {line-height:44px;}
 header .cat-btn {line-height:42px;}
 header .insert-search .cat-btn{top:-44px; line-height:44px;}
 .page .plit-item {width:20%;}
 .plit-item {width:20%;padding: 0 5px;margin: 0 0 20px 0;}
 .cat-plit {padding: 15px 10px;}
 .main .wrapper {padding:0 10px;}
 .home .logo {float:none;margin: 0 auto;width:220px;}
 .home .head {margin: 0 0 30px 0;}
 .home header h2 {font-size:50px;margin: 0 0 25px;}
 .plit-item:nth-child(3n+1) {clear:none;}
 .plit-item:nth-child(2n+1) {clear:left;}
 
 .list-item {width:33.33%;padding: 0 5px;margin: 0 0 20px 0;}
 .list-item:nth-child(3n+1) {clear:none;}
 .list-item:nth-child(2n+1) {clear:left;}
 
 header .cat-btn{display:block;}
 header .current-cat{display:inline-block;}
 .h-shad {padding: 40px 0 50px 0;}
}


@media screen and (max-width: 992px) {
 .plit-item {width:25%;}
 .page .plit-item {width:25%;}
 .logo a img {width:90px;}
.h-shad.no-main {padding: 20px 0 78px 0;}
 .insert-search {top: 128px;width:100%;left:0;margin:0;padding: 0 10px;}
 .search {max-width:100%;}
 .page p {line-height:26px;}
 .page .description-book{margin-left: 0px;}
 .container{padding-right:0px; padding-left:0px;}
}


@media screen and (max-width: 768px) {
 .general-text{margin:44px 0;}
 .g-head{height:110%;}
 .g-foot footer{position:relative;}
 .g-foot .ul-socials-list{width:150px;}
 .wrapper {padding: 0 10px;}
 .main .wrapper {padding:0;}
 #go-top {right:10px;}
 .page .plit-item {width:33.33%;}
 .d-footer-links li {margin: 0;width:100%;text-align:center;}
 .fr {float:left;margin-top:10px;width:100%;}
 .fl {width:100%;}
 .ul-socials-list {padding-right:0px;width:190px;margin:0 auto;}
 
 .cat-plit h3 {font-size:16px;}
 
 .plit-item:nth-child(3n+1) {clear:none;}
 .plit-item:nth-child(2n+1) {clear:none;}
 .plit-item {width:25%;}
 
 .list-item:nth-child(3n+1) {clear:none;}
 .list-item:nth-child(2n+1) {clear:none;}
 .list-item {width:50%;}
 .g-head{min-height: calc(100vh - 225px);}
 .h-shad {padding: 25px 0;}
 .home .head {margin: 0 0 20px 0;}
 .home .logo {width:180px;}
 .home .head {margin: 0 0 20px 0;}
 .home header h2 {font-size:46px;margin: 0 0 20px;}
 .search .query, .insert-search .query {padding: 0 115px 0 85px;}
 .insert-search .query {padding: 0 120px 0 65px;}
 .popular-art-wrap50 {width:100%;padding: 0 10px;}
 ul.list-art li, .popular-art-wrap50 h2 {padding:0;}
 .popular-art h3 {font-size:32px;}
 .popular-art {margin: 0 0 30px 0;}
 .main-plits {padding: 20px 0;}
 
 .tmpl {width:50%;}
}


@media screen and (max-width: 640px) {
.g-head{height:113%;}
.h-shad.no-main {padding: 20px 0 78px 0;}
 .insert-search {top: 128px;width:100%;left:0;margin:0;padding: 0 10px;}
 .search {max-width:100%;}
 .tmpl {width:100%;}
  .plit-item {width:33.33%;}
  .page .plit-item {width:50%;}
  .page .list-item {width:100%}
  .page .description-book {word-wrap: break-word;}
  .input-flag-label {width: 100%;}

@media screen and (max-width: 480px) {
 .search button, .insert-search button {width:80px;}
 header .cat-btn{width:50px; padding:0px 0px;}
 i.icon.search {right:87px} 
 .search .query, .insert-search .query{padding: 0 90px 0 60px;}
 .triple img {max-width:100%;width:auto;float:none;margin: 0 0 30px;}
 .triple.img-b2-w img {border:0;}
 .plit-item {width:50%;}
 .page .plit-item {width:50%;}
 .page .list-item {width:100%;}
 .general-text{margin:26px 0;}
 .g-head{height:113%;}
 .list-item {width:100%;}
 .cat-list h3 {font-size:16px;}
 .cat-list .titl {font-size:18px; line-height:18px; max-height:36px;}
 
 /*header .white-bord {padding:0px 5px; line-height:25px;}*/
 
 }
  @media screen and (max-width: 450px) {
.general-text{margin:19px 0;}
  }
 @media screen and (max-width: 380px) {
.general-text{margin:20px 0;}
.g-foot footer{padding: 5px 0;}
.g-text-left{font-size: 12px;}
.d-footer-links > li {line-height:25px;}
.g-head{height:115.5%;}
.g-foot .fr{padding-bottom:4px;}
.page .description-book{word-wrap: normal;}
.page .img-book{display: block;margin: 25px auto;float:none;}
.page .img {width:100%;margin:0;}
.page .plit-item {width:70%;margin: 15px auto;}
.plit-item {width:50%;margin: 15px auto;}
}

@media screen and (max-width: 320px) { 
.page .plit-item {width:60%;}
.plit-item {width:60%;}
.general-text{margin:12px 0;font}

}
.lng span {color: #338fff;}
.lng a:hover {color:#338fff}
.fa-globe {margin-right:5px;font-size:16px;position:relative;top:1px;}

.active a{font-family: "Avenir Next Bold";}
a.active {font-family: "Avenir Next Bold";}
a.active:after {font: normal normal normal 10px/1 FontAwesome;display:inline-block;content: "\f054";display:inline-block;margin-left: 8px;}