/*! normalize.css v3.0.2 | MIT License | git.io/normalize */@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic-ext); @import url(fancybox.css); @import url(selectize.css); @import url(scrollbar.css); @import url("system.css"); @font-face { font-family: "GauraTimes"; src: url("../css/fonts/GauraTimes.eot"); src: url("../css/fonts/GauraTimes.eot?#iefix") format("embedded-opentype"), url("../css/fonts/GauraTimes.woff") format("woff"), url("../css/fonts/GauraTimes.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "GauraTimes"; src: url("../css/fonts/GauraTimes-Italic.eot"); src: url("../css/fonts/GauraTimes-Italic.eot?#iefix") format("embedded-opentype"), url("../css/fonts/GauraTimes-Italic.woff") format("woff"), url("../css/fonts/GauraTimes-Italic.ttf") format("truetype"); font-style: italic; font-weight: normal; } @font-face { font-family: "GauraTimes"; src: url("../css/fonts/GauraTimes-Bold.eot"); src: url("../css/fonts/GauraTimes-Bold.eot?#iefix") format("embedded-opentype"), url("../css/fonts/GauraTimes-Bold.woff") format("woff"), url("../css/fonts/GauraTimes-Bold.ttf") format("truetype"); font-style: normal; font-weight: bold; } .gaura-font { font-family: "GauraTimes"; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; } audio,canvas,progress,video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden],template { display: none; } a { background-color: transparent; } a:active,a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b,strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em; } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button,select { text-transform: none; } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled],html input[disabled] { cursor: default; } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder {color:#8f8f8f; opacity: 1; } ::-moz-placeholder {color:#8f8f8f; opacity: 1; }/* Firefox 19+ */ :-moz-placeholder {color:#8f8f8f; opacity: 1; }/* Firefox 18- */ :-ms-input-placeholder {color:#8f8f8f; opacity: 1; } input.my-placeholder, .is-white .selectize-input input.my-placeholder { color:#8f8f8f; } input.my-placeholder:focus, input.my-placeholder:active { color:#000; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td,th { padding: 0; } * { box-sizing: border-box; } img { vertical-align: top; } input { outline: none !important; } .icon { display: inline-block; vertical-align: middle; position: relative; } .row-center { text-align: center; } .col-center { display: inline-block; float: none; } @font-face { font-family:Philosopher-Bold;src:url("../css/fonts/Philosopher-Bold.eot");src:url("../css/fonts/Philosopher-Bold.eot?#iefix") format("embedded-opentype"),url("../css/fonts/Philosopher-Bold.woff") format("woff"),url("../css/fonts/Philosopher-Bold.ttf") format("truetype");font-weight:normal;font-style:normal; } @font-face { font-family:Philosopher-Regular;src:url("../css/fonts/Philosopher-Regular.eot");src:url("../css/fonts/Philosopher-Regular.eot?#iefix") format("embedded-opentype"),url("../css/fonts/Philosopher-Regular.woff") format("woff"),url("../css/fonts/Philosopher-Regular.ttf") format("truetype");font-weight:normal;font-style:normal; } html,body { height: 100%; } body { background-color: #f4f4f4; font-weight: 400; font-size: 13px; font-family: "PT Sans",Helvetica,Arial,sans-serif; line-height: 18px; color: #010101; } a { color: #010101; text-decoration: none; } a:hover { color: #010101; text-decoration: underline; } .min__left .wrapper { background-image: url("../images/180.png"); } .wrapper { min-height: 100%; min-width: 1000px; max-width: 1440px; background: #fff url("../images/260.png") 0 0 repeat-y; position: relative; overflow: hidden; padding-top: 65px; } @media screen and (min-width: 1280px) { .wrapper.back-right-gray { background: url("../images/260.png") 0 0 repeat-y, url("../images/sidebar_height.png") top right repeat-y; background-color: #fff; } } .wrapper.wrapper__homepage { background-color: #ededed; } .wrapper.wrapper__homepage .sidebar__vertical { background-color: rgba(93,102,130,0.9); } .wrapper.wrapper__homepage .post__container { margin-top: 394px; margin-left: 260px; padding-left: 10px; } .wrapper.wrapper__homepage .post__container .container__filter { padding-left: 10px; } .wrapper.wrapper__homepage .post__container .container { padding-bottom: 11px; } .wrapper.wrapper__warning { background: #dddee1 url("../images/404_line.png") 0 0 repeat-x; } .wrapper.wrapper__less .sidebar__vertical { width: 180px; } .wrapper.wrapper__less .sidebar__top { width: 180px; } .wrapper.wrapper__less .single__container { margin-left: 180px; } nav { height: 65px; background-color: #fff; position: fixed; top: 0; z-index: 40; min-width: 1000px; max-width: 1440px; width: 100%; z-index: 250; } .navbar { display: table; width: 100%; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.18); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.18); box-shadow: 0 2px 3px rgba(0,0,0,0.18); } .navbar__logo { float: left; margin-top: 5px; margin-left: 30px; } .navbar__logo a,.navbar__logo span { display: block; text-indent: -9999px; background: url('../images/svg/logo.svg'); width: 208px; height: 53px; } .navbar__menu { margin-left: 310px; } .navbar__menu ul { margin: 0; padding: 0; display: table; width: 100%; } .navbar__menu ul li { list-style: none; } .navbar__menu li { float: left; margin-left: 57px; vertical-align: top; font-weight: bold; font-size: 15px; } .navbar__menu li:first-child { margin-left: 0; } .navbar__menu li.is-active a,.navbar__menu li.is-active span { color: #5d6682; padding-bottom: 12px; border-bottom: 3px solid #5d6682; } .navbar__menu li a,.navbar__menu li span { display: inline-block; line-height: 36px; color: #000; padding-top: 14px; padding-bottom: 15px; text-decoration: none; } .navbar__menu li a:hover { color: #5d6682; padding-bottom: 12px; border-bottom: 3px solid #5d6682; } .navbar__searching { display: none; width: 100%; height: 65px; padding-left: 260px; position: absolute; top: 0; left: 0; z-index: 10; } .navbar__searching form { background-color: #ededed; height: 65px; padding: 16px 87px 15px 20px; position: relative; } .navbar__searching .form-submit input { border: none; display: block; text-indent: -9999px; background: url('../images/svg/search.svg') 0 0 no-repeat; width: 19px; height: 19px; cursor: pointer; position: absolute; top: 23px; right: 56px; } .navbar__searching .form-exit { display: block; text-indent: -9999px; background: url('../images/svg/cross.svg') 0 0 no-repeat; width: 17px; height: 17px; cursor: pointer; position: absolute; top: 25px; right: 22px; } .navbar__searchform { float: right; position: absolute; top: 22px; right: 20px; } .navbar__searchform .form-show a { display: block; text-indent: -9999px; background: url('../images/svg/search.svg') 0 0 no-repeat; width: 19px; height: 19px; cursor: pointer; } .sidebar__vertical { width: 260px; height: 100%; background-color: #5d6682; position: fixed; top: 0; left: 0; z-index: 30; } .sidebar__mobile { display: none; width: 60px; float: left; position: relative; } .mobile__menu { width: 60px; position: relative; z-index: 40; } .mobile__menu ul { margin: 0; padding: 0; } .mobile__menu ul li { list-style: none; } .mobile__menu li { display: table; width: 60px; height: 60px; position: relative; text-align: center; } .mobile__menu li:first-child a:hover { background-color: transparent; } .mobile__menu li:first-child a:hover .icon__drop { background: url('../images/svg/burger-small-wht.svg') 0 0 no-repeat; width: 16px; height: 13px; } .mobile__menu li:first-child a:hover:before { display: none; } .mobile__menu a { display: table-cell; vertical-align: middle; width: 100%; height: 60px; position: relative; color: #fff; } .mobile__menu li.is-active a,.mobile__menu a:hover { background-color: #4a5268; } .mobile__menu li.is-active a:before,.mobile__menu a:hover:before { display: block; content: ""; background: url('../images/svg/play-big-dark.svg') 0 0 no-repeat; width: 15px; height: 30px; position: absolute; top: 50%; left: 100%; margin-top: -15px; margin-left: -4px; } .mobile__menu .icon__drop { background: url('../images/svg/burger-small-dark.svg') 0 0 no-repeat; width: 16px; height: 13px; } .mobile__menu .icon__articles { background: url('../images/svg/doc.svg') 0 0 no-repeat; width: 17px; height: 19px; } .mobile__menu .icon__video { background: url('../images/svg/play-small-wht.svg') 0 0 no-repeat; width: 13px; height: 18px; } .mobile__menu .icon__photo { background: url('../images/svg/photo.svg') 0 0 no-repeat; width: 21px; height: 19px; } .mobile__menu .icon__audio { background: url('../images/svg/mic-wht-small.svg') 0 0 no-repeat; width: 16px; height: 21px; } .mobile__menu .icon__notes { background: url('../images/svg/book.svg') 0 0 no-repeat; width: 20px; height: 18px; } .mobile__share { width: 60px; position: relative; z-index: 40; } .mobile__share .mobile__share__text { display: inline-block; text-indent: -9999px; background: url('../images/svg/text.svg') 0 0 no-repeat; width: 13px; height: 130px; margin: 20px 0 30px 22px; padding: 0; } .mobile__share .mobile__share__icon { margin: 0 20px 0 17px; } .mobile__share .mobile__share__icon a { display: block; margin-bottom: 18px; } .mobile__share .mobile__share__icon a .icon__vk { background: url('../images/svg/vk-smaller-gray.svg'); width: 22px; height: 22px; } .mobile__share .mobile__share__icon a .icon__fb { background: url('../images/svg/fb-smaller-gray.svg'); width: 23px; height: 22px; } .mobile__share .mobile__share__icon a .icon__tw { background: url('../images/svg/tw-smaller-gray.svg'); width: 22px; height: 22px; } .mobile__share .mobile__share__icon a .icon__gp { background: url('../images/svg/google-smaller-gray.svg'); width: 22px; height: 22px; } .mobile__share .mobile__share__icon a .icon__ok { background: url('../images/svg/ok-gray-wht.svg'); width: 22px; height: 22px; } .mobile__share .mobile__share__icon a:hover .icon__vk { background: url('../images/svg/vk-smaller-wht.svg'); width: 22px; height: 22px; } .mobile__share .mobile__share__icon a:hover .icon__fb { background: url('../images/svg/fb-smaller-wht.svg'); width: 23px; height: 22px; } .mobile__share .mobile__share__icon a:hover .icon__tw { background: url('../images/svg/tw-smaller-wht.svg') no-repeat; width: 22px; height: 22px; } .mobile__share .mobile__share__icon a:hover .icon__gp { background: url('../images/svg/google-smaller-wht.svg') no-repeat; width: 22px; height: 22px; } .mobile__share .mobile__share__icon a:hover .icon__ok { background: url('../images/svg/ok_white.svg') no-repeat; width: 22px; height: 22px; } .mobile__share__two { width: 60px !important; position: relative; z-index: 40; } .mobile__share__two.fixed { position: fixed; top: 0; left: 0; } .mobile__share__two .shared { display: block; width: 60px; height: 60px; padding-top: 22px; text-align: center; position: relative; background-color: #6a738b; z-index: 10; } .mobile__share__two .shared:hover,.mobile__share__two .shared.is-active { background-color: #4a5268; } .mobile__share__two .shared:hover .icon__shared,.mobile__share__two .shared.is-active .icon__shared { background: url('../images/svg/link-gray.svg') no-repeat; width: 19px; height: 19px; } .mobile__share__two .shared .icon__shared { background: url('../images/svg/link-wht.svg') no-repeat; width: 19px; height: 19px; } .mobile__share__two ul { display: block; margin: 0; padding: 0; width: 180px; white-space: nowrap; height: 60px; padding-left: 18px; position: absolute; top: 0; left: -200%; background-color: #5d6682; } .mobile__share__two ul li { list-style: none; } .mobile__share__two li { display: block; float: left; width: 22px; height: 60px; padding-top: 20px; margin-left: 8px; } .mobile__share__two li:first-child { margin-left: 0; } .mobile__share__two li a { display: inline-block; } .mobile__share__two li a .icon__vk { background: url('../images/svg/vk-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .mobile__share__two li a .icon__fb { background: url('../images/svg/fb-smaller-gray.svg') no-repeat; width: 23px; height: 22px; } .mobile__share__two li a .icon__tw { background: url('../images/svg/tw-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .mobile__share__two li a .icon__gp { background: url('../images/svg/google-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .mobile__share__two li a .icon__ok { background: url('../images/svg/ok-gray-wht.svg') no-repeat; width: 22px; height: 22px; } .mobile__share__two li a:hover .icon__vk { background: url('../images/svg/vk-smaller-wht.svg') no-repeat; width: 22px; height: 22px; } .mobile__share__two li a:hover .icon__fb { background: url('../images/svg/fb-smaller-wht.svg') no-repeat; width: 23px; height: 22px; } .mobile__share__two li a:hover .icon__tw { background: url('../images/svg/tw-smaller-wht.svg') no-repeat; width: 22px; height: 22px; } .mobile__share__two li a:hover .icon__gp { background: url('../images/svg/google-smaller-wht.svg') no-repeat; width: 22px; height: 22px; } .mobile__share__two li a:hover .icon__ok { background: url('../images/svg/ok_white.svg') no-repeat; width: 22px; height: 22px; } .sidebar__bottom__mobile { display: none; background: url('../images/svg/copyright.svg') no-repeat; width: 23px; height: 23px; position: absolute; bottom: 20px; left: 17px; z-index: 40; } .sidebar__top { float: left; width: 260px; padding-bottom: 400px; position: relative; z-index: 40; } .sidebar__top .post__item { margin: 0 0 20px; } .menu2__prev { width: 60px; padding: 21px 20px; cursor: pointer; } .menu2__prev .icon__prev { background: url('../images/svg/arr-small-wht.svg') no-repeat; width: 7px; height: 12px; } .menu2__name { font-size: 18px; font-family: "Philosopher-Regular"; line-height: 25px; color: #fff; padding: 8px 20px 14px 20px; } .sidebar__slide { background-color: #5d6583; width: 180px; height: 100%; position: absolute; top: 0; left: -180px; z-index: 100; } .sidebar__slide .slide__container { position: relative; z-index: 10; } .sidebar__slide .slide__container .sidebar__menu2 { position: relative; z-index: 100; } .sidebar__menu2 .menu__list { margin: 0; padding: 0; background-color: #4a5268; padding: 14px 20px; } .sidebar__menu2 .menu__list li { list-style: none; } .sidebar__menu2 .menu__list li { font-weight: 400; font-size: 14px; line-height: 20px; color: #fff; padding: 4px 0; } .sidebar__menu2 .menu__list li a { color: #9aa3c1; } .sidebar__menu2 .menu__list li.is-active a { color: inherit; } .sidebar__menu2 .menu__category { margin: 0; padding: 0; padding: 14px 20px; } .sidebar__menu2 .menu__category li { list-style: none; } .sidebar__menu2 .menu__category li { font-size: 18px; line-height: 24px; font-family: "Philosopher-Regular"; color: #fff; padding: 8px 0; } .sidebar__menu2 .menu__category li.highlight{ color: #F1B457; } .sidebar__menu2 .menu__category li a { color: inherit; } .sidebar__menu2 .menu__category li sup { position: relative; font-size: 10px; margin-left: 4px; top: -6px; } .sidebar__menu2 .menu__share { font-size: 15px; line-height: 20px; color: #fff; padding: 147px 0 20px 20px; position: relative; } .sidebar__menu2 .menu__share.fixed .share__fixed { position: fixed; top: 20px; left: 20px; } .sidebar__menu2.fixed{ position: fixed; top: -20px; width: 180px; } .sidebar__menu2.stopped{ position: absolute; width: 180px; } .sidebar__menu2 .menu__share ul { margin: 0; padding: 0; } .sidebar__menu2 .menu__share ul li { list-style: none; } .sidebar__menu2 .menu__share li { display: block; float: left; width: 22px; height: 60px; padding-top: 15px; margin-left: 8px; } .sidebar__menu2 .menu__share li:first-child { margin-left: 0; } .sidebar__menu2 .menu__share li a { display: inline-block; } .sidebar__menu2 .menu__share li a .icon__vk { background: url('../images/svg/vk-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .sidebar__menu2 .menu__share li a .icon__fb { background: url('../images/svg/fb-smaller-gray.svg') no-repeat; width: 23px; height: 22px; } .sidebar__menu2 .menu__share li a .icon__tw { background: url('../images/svg/tw-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .sidebar__menu2 .menu__share li a .icon__gp { background: url('../images/svg/google-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .sidebar__menu2 .menu__share li a .icon__ok { background: url('../images/svg/ok-gray-wht.svg') no-repeat; width: 22px; height: 22px; } .sidebar__menu2 .menu__share li a:hover .icon__vk { background: url('../images/svg/vk-smaller-wht.svg') no-repeat; width: 22px; height: 22px; } .sidebar__menu2 .menu__share li a:hover .icon__fb { background: url('../images/svg/fb-smaller-wht.svg') no-repeat; width: 23px; height: 22px; } .sidebar__menu2 .menu__share li a:hover .icon__tw { background: url('../images/svg/tw-smaller-wht.svg') no-repeat; width: 22px; height: 22px; } .sidebar__menu2 .menu__share li a:hover .icon__gp { background: url('../images/svg/google-smaller-wht.svg') no-repeat; width: 22px; height: 22px; } .sidebar__menu2 .menu__share li a:hover .icon__ok { background: url('../images/svg/ok_white.svg') no-repeat; width: 22px; height: 22px; } .sidebar__welcome { text-align: center; padding: 33px 10px 39px 10px; color: #fff; } .sidebar__welcome .welcome__name { font-size: 20px; line-height: 24px; font-family: "Philosopher-Regular"; margin-bottom: 26px; } .sidebar__welcome .welcome__about { font-size: 13px; line-height: 20px; /* background: url("../images/krishna.png") bottom center no-repeat; */ padding-bottom: 220px; margin-bottom: 24px; position: relative; } .sidebar__welcome .welcome__about a{ width: 200px; height: 200px; position: absolute; left: 17px; bottom:0; display: block; } .sidebar__welcome .welcome__about a img{ max-width: 100%; max-height: 100%; width: 100%; d } .sidebar__welcome .welcome__faq { font-weight: bold; font-size: 13px; line-height: 20px; } .sidebar__lenta { padding: 14px 20px 0 20px; } .sidebar__lenta .lenta__title { font-size: 18px; line-height: 26px; color: #fff; } .sidebar__lenta .lenta__title a { color: inherit; } .sidebar__lenta .lenta__time { font-size: 14px; line-height: 18px; color: #9aa3c1; padding-top: 19px; } .sidebar__lenta .lenta__time a { color: inherit; } .sidebar__lenta .lenta__name { font-size: 14px; line-height: 20px; color: #fff; padding-top: 5px; } .sidebar__lenta .lenta__name a { color: inherit; } .sidebar__lenta .lenta__more { padding: 20px 0 18px 0; font-size: 14px; line-height: 20px; color: #fff; } .sidebar__lenta .lenta__more a { display: inline-block; line-height: 16px; color: #fff; text-decoration: underline; } .sidebar__linked { padding: 10px 20px; } .sidebar__menu { padding: 36px 15px 27px 36px; } .sidebar__menu>ul { margin: 0; padding: 0; } .sidebar__menu>ul li { list-style: none; } .sidebar__menu>ul>li { display: block; font-size: 16px; line-height: 20px; font-family: "Philosopher-Regular"; color: #fff; margin-top: 15px; position: relative; } .sidebar__menu>ul>li:first-child { margin-top: 0; } .sidebar__menu>ul>li.is-children:before,.sidebar__menu>ul>li.is-active:before { display: block; content: ""; width: 4px; height: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #99a3c1; position: absolute; top: 8px; left: -17px; } .sidebar__menu>ul>li.is-active>a, .sidebar__menu>ul>li.is-active>span { font-family: "Philosopher-Bold"; } .sidebar__menu>ul>li.is-active ul { display: block; } .sidebar__menu>ul>li>a { color: inherit; } .sidebar__menu>ul>li ul { display: none; margin: 0; padding: 0; padding-left: 19px; } .sidebar__menu>ul>li ul li { list-style: none; } .sidebar__menu>ul>li li { font-weight: bold; font-size: 14px; color: #fff; margin-top: 15px; } .sidebar__menu>ul>li li a { color: #9aa3c1; } .sidebar__news { background-color: #4a5268; padding: 0 15px 8px 15px; padding-top: 25px; } .sidebar__news .sidebar__news__name { font-size: 18px; line-height: 22px; font-family: "Philosopher-Regular"; color: #fff; text-align: center; margin-bottom: 26px; } .sidebar__news .post__item__one { background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding-top: 15px; margin-bottom: 20px; } .sidebar__news .post__item__one blockquote { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; margin: 10px 21px 0 19px; padding: 0 0 25px 25px; position: relative; } .sidebar__news .post__item__one blockquote:before { display: block; content: ""; background: url('../images/svg/arr-double-lft2.svg') no-repeat; width: 11px; height: 15px; position: absolute; top: 0; left: 0; } .sidebar__news .post__item__one blockquote:after { display: inline-block; content: ""; background: url('../images/svg/arr-double-rghtt2.svg') no-repeat; width: 11px; height: 15px; position: relative; top: 4px; margin-left: 14px; } .sidebar__news .post__item__one .post__user { border-top: 1px solid #e1e1e1; padding-right: 20px; } .sidebar__news .post__item__one .post__user__pic { display: table-cell; vertical-align: middle; padding: 20px 0 20px 20px; position: relative; } .sidebar__news .post__item__one .post__user__pic:before { display: block; content: ""; background: url('../images/svg/mail.svg') no-repeat; width: 13px; height: 7px; position: absolute; top: -1px; left: 38px; } .sidebar__news .post__item__one .post__user__pic img { display: inline-block; width: 49px; height: 49px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } .sidebar__news .post__item__one .post__user__name { display: table-cell; vertical-align: middle; width: 1000px; padding: 20px 0 20px 14px; line-height: 20px; } .sidebar__news .post__item__two { background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding: 25px 0 27px 0; margin-bottom: 20px; font-size: 14px; line-height: 20px; position: relative; } .sidebar__news .post__item__two.is-attach { padding-top: 0; } .sidebar__news .post__item__two:before { display: block; content: ""; background: url('../images/svg/pattern.svg') no-repeat; width: 230px; height: 2px; position: absolute; bottom: -2px; left: 0; } .sidebar__news .post__item__two .post__preview { margin-bottom: 15px; } .sidebar__news .post__item__two .post__preview img { display: block; width: 230px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .sidebar__news .post__item__two .post__time { color: #acacac; padding: 0 21px 0 20px; margin-bottom: 4px; } .sidebar__news .post__item__two .post__anons { padding: 0 21px 0 20px; } .sidebar__news .post__item__three { background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding-top: 15px; margin-bottom: 20px; } .sidebar__news .post__item__three .post__time { padding-top: 11px; text-align: center; } .sidebar__news .post__item__three .post__time strong { display: block; font-family: "Philosopher-Regular"; font-size: 24px; line-height: 26px; } .sidebar__news .post__item__three .post__time span { display: block; font-size: 14px; line-height: 20px; } .sidebar__news .post__item__three .post__name { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; text-align: center; padding-top: 11px; } .sidebar__news .post__item__three .post__about { font-size: 14px; line-height: 20px; color: #959595; padding-top: 6px; padding-bottom: 15px; text-align: center; } .sidebar__news .post__item__three .post__about a { color: inherit; } .sidebar__news .post__item__three .post__user { border-top: 1px solid #e1e1e1; padding-right: 20px; } .sidebar__news .post__item__three .post__user__pic { display: table-cell; vertical-align: middle; padding: 20px 0 20px 20px; position: relative; } .sidebar__news .post__item__three .post__user__pic img { display: inline-block; width: 49px; height: 49px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } .sidebar__news .post__item__three .post__user__name { display: table-cell; vertical-align: middle; width: 1000px; padding: 20px 0 20px 14px; line-height: 20px; } .sidebar__search { background: url("../images/search.png") center center no-repeat; text-align: center; } .sidebar__search a { display: block; height: 225px; font-size: 18px; line-height: 23px; color: #fff; text-decoration: none; padding: 62px 0 0; position: relative; } .sidebar__search a:before { display: block; content: ""; width: 100%; height: 27px; background-color: transparent; position: absolute; bottom: -27px; left: 0; } .sidebar__search span { display: block; margin: 0; padding: 5px 0; } .sidebar__bottom { width: 260px; height: 369px; padding: 35px 18px; background-color: #4a5268; position: absolute; bottom: 0; left: 0; z-index: 40; font-size: 14px; line-height: 20px; color: #fff; } .sidebar__bottom.is-light { background-color: transparent; } .sidebar__bottom.is-small { width: 180px; padding-top: 0; } .sidebar__bottom.sidebar__footer.is-small { position: absolute !important; } .sidebar__bottom .social { overflow: hidden; margin-bottom: 25px; } .sidebar__bottom .social .icon { float: left; margin-right: 20px; text-indent: -9999px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33); opacity: 0.33; } .sidebar__bottom .social .icon:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .sidebar__bottom .social .social__twitter { background: url('../images/svg/tw-bigger-wht.svg') no-repeat; width: 25px; height: 25px; } .sidebar__bottom .social .social__instagram { background: url('../images/svg/instagram.svg') no-repeat; width: 25px; height: 25px; } .sidebar__bottom .social .social__facebook { background: url('../images/svg/fb-bigger-wht.svg') no-repeat; /* error */ width: 26px; height: 25px; } .sidebar__bottom .social .social__google { background: url('../images/svg/google-bigger-wht.svg') 0 0 no-repeat; width: 25px; height: 25px; } .sidebar__bottom .copyright { border-top: 1px solid #6e768f; margin-top: 25px; padding-top: 26px; } .sidebar__bottom a { color: inherit; text-decoration: underline; } .sidebar__bottom ul { margin: 0; padding: 0; padding-bottom: 20px; } .sidebar__bottom ul li { list-style: none; } .sidebar__bottom li { margin-bottom: 4px; } .sidebar__bottom p { margin: 0 0 20px; } .sidebar__footer { position: fixed; height: auto; padding-bottom: 0; display: none } header { background-color: #ededed; margin-left: 260px; } header.header__transparent { background-color: transparent; } header.header__small .container { padding-bottom: 0; } header.header__small .container h1 { margin-bottom: 34px; max-width: 700px; } header.header__small .container h1 + .acticles-author { margin-top: -14px; } header .container { max-width: 936px; padding-left: 51px; padding-bottom: 30px; } header h1 { font-weight: normal; font-size: 37px; line-height: 36px; font-family: "Philosopher-Regular"; padding-top: 35px; margin: 0 0 30px; } header .row { overflow: hidden; } header form { float: left; } header .print { float: right; color: #666; margin-top: 9px; } header .print a { color: inherit; text-decoration: none; } header .print a:hover u { text-decoration: underline; } header .print u { text-decoration: none; } header .print .icon__print { background: url('../images/svg/print.svg') no-repeat; width: 16px; height: 15px; top: -1px; margin-right: 11px; } .body__container { background: #fff; margin-left: 260px; max-width: 963px; } .body__content { display: table; width: 100%; max-width: 840px; padding-top: 35px; padding-left: 51px; padding-bottom: 50px; } .body__content.fullsize { max-width: 100%; padding-top: 15px; position: relative; } .body__content .fullsize__fixed { max-width: 640px; } .body__content .fullsize__fixed img{ max-width: 100%; } .single__container { background: #fff url("../images/sidebar_height.png") top right repeat-y; margin-left: 260px; overflow: hidden; position: relative; } .single__container header { margin-left: 0; } .single__content { max-width: 840px; padding-right: 45px; padding-bottom: 50px; } .single__main { margin-right: 280px; position: relative; z-index: 2; } .single__main header { padding-right: 45px; } .single__sidebar { float: right; width: 280px; background-color: #ededed; padding: 30px 30px 20px 20px; } .single__sidebar .news__more { text-align: center; font-size: 18px; line-height: 24px; font-family: "Philosopher-Regular"; position: relative; z-index: 5; margin: 0 0 21px; } .single__sidebar .news__read { font-size: 14px; line-height: 14px; color: #000; padding-top: 5px; padding-bottom: 53px; position: relative; z-index: 5; text-align: center; } .single__sidebar .news__read a { color: inherit; border-bottom: 1px solid #000; text-decoration: none; } .single__sidebar .post__item { margin: 0 0 21px; } .carousel__container { width: 100%; height: 394px; position: absolute; top: 65px; left: 0; } .carousel__container .carousel__slide { height: 394px; position: relative; } .carousel__container .carousel__slide:before { display: block; content: ""; width: 260px; height: 100%; background-color: rgba(107,115,150,0.9); position: absolute; top: 0; left: 0; z-index: 30; } .carousel__container .carousel__slide .slide__item { height: 394px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; position: relative; } .carousel__container .carousel__slide .slide__item:before { display: block; content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url("../images/slidehome.png") bottom left repeat-x; } .carousel__container .slide__block { width: 100%; padding-left: 260px; position: absolute; bottom: 67px; left: 0; z-index: 2; color: #fff; text-align: center; } .carousel__container .slide__block a { color: inherit; } .carousel__container .slide__block .slide__from { /*font-size: 14px;*/ padding-bottom: 8px; } .carousel__container .slide__item_publ .slide__icon-type, .carousel__container .slide__item_photo .slide__icon-type, .carousel__container .slide__item_video .slide__icon-type, .carousel__container .slide__item_audio .slide__icon-type { display: inline-block; position: relative; width: 48px; height: 48px; background-position: center; background-repeat: no-repeat; background-size: 48px 48px; } .carousel__container .slide__item_publ .slide__icon-type { background-image: url('../images/svg/doc-notcircled.svg'); } .carousel__container .slide__item_photo .slide__icon-type { background-image: url('../images/svg/photo-notcircled.svg'); } .carousel__container .slide__item_video .slide__icon-type { background-image: url('../images/svg/play-notcircled-wht2.svg'); } .carousel__container .slide__item_audio .slide__icon-type { background-image: url('../images/svg/mic-notcircled.svg'); } .carousel__container .slide__block .slide__name { font-size: 36px; line-height: 46px; font-family: "Philosopher-Regular"; } .carousel__container .slide__block .slide__title { font-size: 20px; line-height: 36px; font-family: "Philosopher-Regular"; } .carousel__container .carousel__more { visibility: hidden; font-size: 14px; color: #fff; position: absolute; bottom: 27px; right: 30px; z-index: 200; } .carousel__container .carousel__more a { display: block; line-height: 14px; color: inherit; border-bottom: 1px solid #fff; text-decoration: none !important; } .carousel__container .bx-pager { width: 100%; left: 0; padding-left: 260px; text-align: center; position: absolute; bottom: 22px; left: 0; z-index: 100; } .carousel__container .bx-pager .bx-pager-item { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .carousel__container .bx-pager .bx-pager-item a { display: block; width: 24px; height: 24px; position: relative; text-indent: -9999px; } .carousel__container .bx-pager .bx-pager-item a:before { display: block; content: ""; width: 6px; height: 6px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: absolute; top: 10px; left: 10px; z-index: 1; } .carousel__container .bx-pager .bx-pager-item a.active:before { background-color: #fb5135; } .container__name { overflow: hidden; } .container__name.container__media { max-width: 630px; } .container__name h1 { display: inline-block; } .container__name h1 .btn__upload { position: relative; margin-left: 43px; top: -3px; } .container__name h1 .btn__upload .icon__plus { top: 4px; } .container__name .btn__upload { position: relative; margin-left: 43px; top: -3px; } .container__name .print { margin-top: 50px; } .container__filter { display: table; width: 100%; padding-top: 23px; } .container__filter.is-long form { float: none; } .container__filter .clear { height: 25px; } .container__filter .searchform { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; overflow: visible; } .container__filter .searchform .form-group { margin-left: 0; } .container__filter .form-select { float: left; min-width: 130px; margin-right: 10px; } .container__filter .form-select.w155 { width: 155px; } .container__filter .selectize-input { padding-right: 28px; } .container__filter .form-group { float: left; width: 268px; margin-left: 13px; } .container__filter .form-view { float: right; margin-top: 9px; } .container__filter .form-view div { float: left; margin-left: 9px; width: 21px; height: 18px; position: relative; } .container__filter .form-view div label { display: block; text-indent: -9999px; width: 100%; height: 100%; cursor: pointer; position: absolute; top: 0; left: 0; } .container__filter .form-view div input { visibility: hidden; } .container__filter .form-view div.view__inline label { background: url('../images/svg/burger-big-gray.svg') no-repeat; width: 21px; height: 18px; } .container__filter .form-view div.view__block label { background: url('../images/svg/squares-gray.svg') no-repeat; width: 21px; height: 18px; } .container__filter .form-view div.is-active.view__inline label { background: url('../images/svg/burger-big-dark.svg') no-repeat; width: 21px; height: 18px; } .container__filter .form-view div.is-active.view__block label { background: url('../images/svg/squares-darkgray.svg') no-repeat; width: 21px; height: 18px; } .container__cities { padding-left: 51px; padding-top: 18px; padding-bottom: 52px; } .container__cities .row__city { overflow: hidden; border-bottom: 1px solid #e1e1e1; padding-bottom: 31px; margin-top: 22px; } .container__cities .city__name { font-weight: bold; font-size: 20px; line-height: 26px; color: #010101; margin-bottom: 13px; } .container__cities .city__about { float: left; width: 200px; font-size: 15px; line-height: 20px; padding-top: 3px; } .container__cities .city__address { float: left; width: 300px; margin-left: 49px; } .container__cities .city__address a { text-decoration: none; border-bottom: 1px solid #666; } .container__cities .city__address ul { margin: 0; padding: 0; } .container__cities .city__address ul li { list-style: none; } .container__cities .city__address li { font-size: 15px; line-height: 25px; position: relative; padding-left: 28px; margin-top: 13px; } .container__cities .city__address li:first-child { margin-top: 0; } .container__cities .city__address li:before { display: block; content: ""; text-indent: -9999px; position: absolute; top: 0; left: 0; } .container__cities .city__address li.pin:before { background: url('../images/svg/pin.svg') no-repeat; width: 11px; height: 17px; margin-top: 4px; margin-left: 3px; } .container__cities .city__address li.tel:before { background: url('../images/svg/phone.svg') no-repeat; width: 16px; height: 16px; margin-top: 3px; margin-left: 2px; } .container__cities .city__address li.www:before { margin-top: 5px; background: url('../images/svg/net.svg') no-repeat; width: 17px; height: 17px; } .container__cities .city__notes { float: right; width: 266px; line-height: 20px; padding-right: 16px; margin-top: 4px; } .container__cities .city__notes .city__notes__name { display: block; color: #acacac; } .container__cities .space { clear: both; height: 29px; } .container__cities .pagination { padding-top: 34px; } .container__block { position: relative; padding: 56px 0 87px 0px; } .container__block .post__block { float: left; width: 419px; margin-left: 27px; margin-bottom: 37px; } .container__block .post__block .post__preview { width: 419px; height: 313px; position: relative; margin-bottom: 11px; } .container__block .post__block .post__preview .post__status { font-size: 14px; color: #fff; background-color: #5d6682; padding: 5px 10px 7px 9px; text-decoration: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; position: absolute; top: 28px; right: 0; } .container__block .post__block .post__preview img { display: block; width: 419px; height: 313px; } .container__block .post__content a:hover { color: #556084; text-decoration: none; } .container__block .post__content a:hover .post__name { color: #556084; } .container__block .post__block .post__content .post__name { display: block; font-size: 25px; line-height: 30px; font-family: "Philosopher-Regular"; margin-bottom: 7px; } .container__block .post__block .post__content .post__anons { display: block; font-size: 17px; line-height: 24px; } .container__block .post__block .post__content .post__time { color: #acacac; } .container__shared .print { margin-top: 6px; } .media__audio { width: 100%; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; } .media__audio .audio__list { padding-left: 0 !important; } .media__audio__list { width: 215px; position: absolute; top: 12px; right: 0; } .container__video { display: table; width: 100%; max-width: 936px; padding-top: 4px; padding-left: 51px; } .container__video .media__video { float: left; width: 630px; height: 426px; } .container__video #main_video { width: 630px; height: 426px; } .container__video .b-video__gui { position: absolute; bottom: 0; left: 0; } .container__video .media__more { height: 425px; margin-left: 630px; border: 1px solid #efefef; position: relative; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); } .container__video .media__name { font-size: 18px; font-family: "Philosopher-Regular"; line-height: 24px; padding-top: 25px; padding-bottom: 22px; margin-left: 40px; } .container__video .media__post { width: 150px; margin-left: 40px; margin-bottom: 28px; } .container__video .media__post .media__post__image { height: 74px; margin-bottom: 10px; position: relative; } .container__video .media__post .media__post__image span { display: block; width: 100%; height: 100%; background: url("../images/video.png") center center no-repeat; position: absolute; top: 0; left: 0; } .container__video .media__post .media__post__image a { display: inline-block; position: relative; width: 110px; height: 74px; } .container__video .media__post .media__post__image img { width: 110px; height: 74px; } .container__video .media__post .media__post__anons { font-style: italic; font-size: 14px; line-height: 18px; } .container__video .media__load { position: absolute; width: 254px; bottom: 0; right: 0; padding: 22px 0 25px 40px; border-top: 1px solid #e1e1e1; } .container__video .media__load a { color: #000; text-decoration: underline; } .container__slider { display: table; width: 100%; max-width: 936px; padding-top: 4px; padding-left: 51px; } .container__slider .media__carousel { margin-bottom: 0; } .articles__container { margin-left: 260px; margin-top: 30px; background-color: #dddee1; padding-top: 46px; } .container__articles { max-width: 936px; padding-left: 51px; } .container__articles .articles__name { font-size: 18px; font-family: "Philosopher-Regular"; text-align: center; } .container__articles .articles__category { padding-top: 29px; padding-bottom: 30px; text-align: center; } .container__articles .articles__category a,.container__articles .articles__category span,.container__articles .articles__category button { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; color: #4962b0; text-decoration: none; padding: 6px 13px; } .container__articles .articles__category a.is-active,.container__articles .articles__category span.is-active,.container__articles .articles__category button.is-active { background-color: #fff; color: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .container__articles .post__item__one { width: 230px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding-top: 15px; margin-bottom: 20px; } .container__articles .post__item__one blockquote { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; margin: 10px 21px 0 19px; padding: 0 0 25px 25px; position: relative; } .container__articles .post__item__one blockquote:before { display: block; content: ""; background: url('../images/svg/arr-double-lft2.svg') no-repeat; width: 11px; height: 15px; position: absolute; top: 0; left: 0; } .container__articles .post__item__one blockquote:after { display: inline-block; content: ""; background: url('../images/svg/arr-double-rghtt2.svg') no-repeat; width: 11px; height: 15px; position: relative; top: 4px; margin-left: 14px; } .container__articles .post__item__one .post__user { border-top: 1px solid #e1e1e1; padding-right: 20px; } .container__articles .post__item__one .post__user__pic { display: table-cell; vertical-align: middle; padding: 20px 0 20px 20px; position: relative; } .container__articles .post__item__one .post__user__pic:before { display: block; content: ""; background: url('../images/icons-s77ddcd983a.png') 0 -2575px no-repeat; width: 13px; height: 7px; position: absolute; top: -1px; left: 38px; } .container__articles .post__item__one .post__user__pic img { display: inline-block; width: 49px; height: 49px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } .container__articles .post__item__one .post__user__name { display: table-cell; vertical-align: middle; width: 1000px; padding: 20px 0 20px 14px; line-height: 20px; } .container__articles .post__item__two { background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding: 25px 0 27px 0; margin-bottom: 20px; font-size: 14px; line-height: 20px; position: relative; } .container__articles .post__item__two.is-attach { padding-top: 0; } .container__articles .post__item__two:before { display: block; content: ""; background: url('../images/svg/pattern.svg') no-repeat; width: 230px; height: 2px; position: absolute; bottom: -2px; left: 0; } .container__articles .post__item__two .post__preview { margin-bottom: 15px; } .container__articles .post__item__two .post__preview img { display: block; width: 230px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .container__articles .post__item__two .post__time { color: #acacac; padding: 0 21px 0 20px; margin-bottom: 4px; } .container__articles .post__item__two .post__anons { padding: 0 21px 0 20px; } .container__articles .post__item__three { background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding-top: 15px; margin-bottom: 20px; } .container__articles .post__item__three .post__time { padding-top: 11px; text-align: center; } .container__articles .post__item__three .post__time strong { display: block; font-family: "Philosopher-Regular"; font-size: 24px; line-height: 26px; } .container__articles .post__item__three .post__time span { display: block; font-size: 14px; line-height: 20px; } .container__articles .post__item__three .post__name { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; text-align: center; padding-top: 11px; } .container__articles .post__item__three .post__about { font-size: 14px; line-height: 20px; color: #959595; padding-top: 6px; padding-bottom: 15px; text-align: center; } .container__articles .post__item__three .post__about a { color: inherit; } .container__articles .post__item__three .post__user { border-top: 1px solid #e1e1e1; padding-right: 20px; } .container__articles .post__item__three .post__user__pic { display: table-cell; vertical-align: middle; padding: 20px 0 20px 20px; position: relative; } .container__articles .post__item__three .post__user__pic img { display: inline-block; width: 49px; height: 49px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } .container__articles .post__item__three .post__user__name { display: table-cell; vertical-align: middle; width: 1000px; padding: 20px 0 20px 14px; line-height: 20px; } .post__container { margin-left: 270px; position: relative; z-index: 5; } .post__container.post__articles { margin-left: 260px; padding-top: 21px; padding-left: 80px; background-color: #dddee1; } .post__container.post__articles .container { padding-right: 100px; } .post__container.is-left { margin-left: 180px; } .post__container h3 { font-weight: normal; font-size: 18px; font-family: "Philosopher-Regular"; line-height: 26px; text-align: center; padding-top: 20px; margin-top: 0; margin-bottom: 24px; } .post__container.post__fullwidth { margin-left: 0; max-width: 1280px; margin: 0 auto; } .post__container .container__post { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .post__category { padding-bottom: 27px; } .post__category ul { width: 100%; overflow: hidden; text-align: center; padding: 0; } .post__category li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; color: #4962b0; } .post__category li span,.post__category li button { display: block; border: none; color: inherit; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 6px 10px; cursor: pointer; background-color: transparent; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .post__category li span.is-checked,.post__category li button.is-checked { background-color: #fff; color: #000; cursor: default; } .warning { background: url("../images/404_warning.png") top center no-repeat; min-height: 665px; text-align: center; padding-top: 105px; margin-bottom: 50px; } .warning .warning__title { font-size: 20px; line-height: 30px; color: #5d6682; text-transform: uppercase; } .warning .warning__name { font-size: 200px; font-family: "Philosopher-Bold"; line-height: 200px; color: #5d6682; margin-bottom: 35px; } .warning .warning__anons { font-size: 20px; line-height: 25px; font-family: "Philosopher-Regular"; color: #000; margin-bottom: 25px; } .warning .warning__more { display: inline-block; width: 631px; height: 392px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); margin: 0 auto; padding: 0 30px; overflow: hidden; } .warning .book__item { float: left; width: 180px; padding-top: 33px; margin-right: 15px; } .warning .book__image { background: url("../images/book_shadow.jpg") 0 0 no-repeat; padding: 5px 15px 23px 0; } .warning .book__title { font-size: 15px; font-family: "Philosopher-Bold"; line-height: 20px; color: #000; padding: 0 15px; margin-bottom: 9px; } .warning .book__title a { color: inherit; } .warning .book__name { font-size: 14px; line-height: 20px; color: #959595; } .warning .book__name a { color: inherit; } .warning .book__hidden { width: 800px; overflow: hidden; } .warning .book__read { text-align: center; font-size: 14px; line-height: 20px; color: #000; padding-top: 29px; } .warning .book__read a { color: inherit; text-decoration: underline; } .time__table { padding: 0 0 0 51px; } .time__table .time__anons { position: relative; font-size: 20px; line-height: 30px; font-family: "Philosopher-Regular"; color: #5d6682; text-align: center; margin-top: 65px; margin-bottom: 40px; } .time__table .time__anons:before { display: block; content: ""; width: 100%; height: 1px; background-color: #e1e1e1; position: absolute; top: 16px; left: 0; } .time__table .time__anons .shadow { background-color: #fff; position: relative; padding: 0 13px; } .time__table .time__anons .date { font-family: "Philosopher-Bold"; } .media__carousel { width: 632px; background-color: #fff; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -ms-border-radius: 0 0 2px 2px; -o-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); padding-bottom: 5px; margin-bottom: 50px; position: relative; /* opacity: 0; filter: alpha(opacity=0); */ -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .media__carousel.visible { opacity: 1; filter: alpha(opacity=1);} .media__carousel .row { overflow: hidden; } .media__slider { background-color: #dedede; position: relative; } .media__slider .media__slide__0 { height: 100%; } .media__slider .media__box { text-align: center; height: 100%; font-size: 0; } .media__slider .media__box:before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .media__slider .media__box img { margin: 0 !important; display: inline-block; vertical-align: middle; max-width: 100%; max-height: 440px } .media__slider .media__box>.box__center { display: table; width: 100%; height: 426px; } .media__slider .media__box>.box__center>.box__center { display: table-cell; vertical-align: middle; width: 100%; height: 426px; } .media__slider .bx-wrapper { position: relative; } .media__slider .bx-controls-direction a { display: block; height: 100%; padding: 50% 10px 0 10px; position: absolute; top: 0; } .media__slider .bx-controls-direction a.bx-prev { left: 0; } .media__slider .bx-controls-direction a.bx-prev i { background: url('../images/svg/arr-lft-black.svg') no-repeat; width: 35px; height: 35px; text-indent: -9999px; top: -120px; } .media__slider .bx-controls-direction a.bx-next { right: 0; } .media__slider .bx-controls-direction a.bx-next i { background: url('../images/svg/arr-rght-black.svg') no-repeat; width: 35px; height: 35px; text-indent: -9999px; top: -120px; } .media__slider .bx-controls-direction a:hover.bx-prev i { background: url('../images/svg/arr-lft-dark.svg') no-repeat; width: 35px; height: 35px; } .media__slider .bx-controls-direction a:hover.bx-next i { background: url('../images/svg/arr-rght-dark.svg') no-repeat; width: 35px; height: 35px; } .media__slider .bx-controls-direction a.bx-next.disabled, .media__slider .bx-controls-direction a.bx-prev.disabled { opacity: 0; filter: alpha(opacity=0); } .media__caption { float: left; width: 520px; padding-top: 17px; padding-left: 20px; } .media__caption span { display: block; font-style: italic; font-size: 14px; line-height: 16px; color: #010101; } .media__counter { float: right; font-size: 14px; color: #999; padding: 12px 14px 15px 0; } .media__counter .is-active { color: #000; } .media__preview { overflow: hidden; position: relative; padding: 6px 25px 0 25px; } .media__preview .media__block { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: auto !important; } .media__preview .media__block a { display: block; } .media__preview .media__block a.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; } .media__preview .bx-controls-direction a { display: block; width: 20px; height: 100%; position: absolute; top: 0; /*padding-top: 30px;*/ text-align: center; line-height: 115px; } .media__preview .bx-controls-direction a.disabled { display: none; } .media__preview .bx-controls-direction a.bx-prev { left: 0; } .media__preview .bx-controls-direction a.bx-prev i { background: url('../images/svg/left-gray.svg') no-repeat; width: 9px; height: 16px; text-indent: -9999px; } .media__preview .bx-controls-direction a.bx-next { right: 0; } .media__preview .bx-controls-direction a.bx-next i { background: url('../images/svg/rght-gray.svg') no-repeat; width: 9px; height: 16px; text-indent: -9999px; } .media__preview .bx-controls-direction a:hover.bx-prev i { background: url('../images/svg/left.svg') no-repeat; width: 9px; height: 16px; } .media__preview .bx-controls-direction a:hover.bx-next i { background: url('../images/svg/right.svg') no-repeat; width: 9px; height: 16px; } .media__video { width: 630px; height: 426px; overflow: hidden; position: relative; } .media__video .video_fullscreen { height: 100%; width: 100%; } .media__video .b-video__gui { position: absolute; left: 0; bottom: 0; height: 67px; background: #000; width: 100%; } .media__video .b-video__gui .b-video__controls { float: left; position: relative; } .media__video .b-video__gui .b-video__controls .b-play__icon { outline: none; display: block; border: none; width: 65px; height: 67px; cursor: pointer; text-indent: -999px; overflow: hidden; zoom: 1; } .media__video .b-video__gui .jp-play { background: url(../images/icons/video_play.png) center center no-repeat; } .media__video .b-video__gui .jp-pause { background: url(../images/icons/video_pause.png) center center no-repeat; } .media__video .b-video__gui .b-video__toggles { float: right; padding: 25px 18px 0 26px; } .media__video .b-video__gui .b-video__toggles .b-full__screen { outline: none; background: url(../images/icons/video_full.png) center center no-repeat; display: block; border: none; width: 15px; height: 15px; cursor: pointer; text-indent: -999px; overflow: hidden; zoom: 1; } .media__video .b-volume__controls { float: right; position: relative; margin: 13px 0 0; } .media__video .b-volume__controls .b-mute { outline: none; background: url(../images/icons/video_mute.png) center center no-repeat; display: block; border: none; width: 37px; height: 40px; cursor: pointer; text-indent: -999px; overflow: hidden; zoom: 1; } .media__video .b-volume__controls:hover .b-mute { background-color: #4a5268; } .media__video .b-volume__controls .b-volume__bar { position: absolute; background-color: #4a5268; width: 37px; top: -84px; height: 84px; padding: 18px 0 0; display: none; } .media__video .b-volume__controls:hover:hover .b-volume__bar { display: block; } .media__video .b-volume__controls .b-volume__bar .b-volume__bar-outer { width: 3px; background-color: #9099b7; height: 66px; margin: 0 auto; position: relative; cursor: pointer; } .media__video .b-video__gui .b-volume__controls .b-volume__bar .b-volume__bar-outer .b-volume__bar-value { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #fff; } .media__video .b-video__gui .b-video__progress { height: 3px; top: 32px; position: relative; overflow: hidden; zoom: 1; } .media__video .b-video__gui .b-video__progress .b-seek__bar { background-color: #4a5268; height: 100%; cursor: pointer; } .media__video .b-video__gui .b-video__progress .b-seek__bar .b-play__bar { background-color: #fff; height: 100%; } .media__video .b-video__gui .b-video__times { position: relative; float: right; padding: 25px 32px 0 22px; } .media__video .b-video__gui .b-video__times .b-video__times-current { color: #fff; } .media__video .b-video__gui .b-video__times .b-video__times-duration { color: #9099b7; } .media__audio { width: 640px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); margin-bottom: 38px; } .media__audio .play__list,.media__audio .audio__list { margin: 0; padding: 0; margin: 0; padding: 0; padding: 17px 0 7px 35px; } .media__audio .play__list li,.media__audio .audio__list li { list-style: none; } .media__audio .play__list li,.media__audio .audio__list li { padding: 0; } .media__audio .play__list li:before,.media__audio .audio__list li:before { display: none; } .media__audio .play__list li,.media__audio .audio__list li { font-size: 14px; line-height: 20px; color: #4962b0; position: relative; padding-left: 18px; margin-bottom: 10px; } .media__audio .play__list li:before,.media__audio .audio__list li:before { display: block; content: ""; position: absolute; top: 4px; left: 0; background: url('../images/svg/play-small-dark.svg') no-repeat; width: 8px; height: 11px; } .media__audio .play__list li.playing:before,.media__audio .audio__list li.playing:before { background: url('../images/svg/play-small-gray.svg') no-repeat; width: 8px; height: 11px; } .media__audio .play__list li.playing a,.media__audio .audio__list li.playing a { color: #999; } .media__audio .play__list li a,.media__audio .audio__list li a { color: inherit; text-decoration: none; } .media__audio .audio__more { text-align: left; font-size: 14px; line-height: 20px; color: #000; padding: 0 0 25px 20px; } .media__audio .audio__more a { color: inherit; text-decoration: underline; } .media__audio ol.playing { font-weight: 700; } .media__audio audiojs audio { left: -1px; } .media__audio .audiojs { width: 640px; height: 108px; background: #f5f5f5; padding: 14px 20px 20px 20px; overflow: hidden; font-weight: bold; font-size: 12px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .media__audio .audiojs .play-pause { float: left; width: 34px; height: 33px; overflow: hidden; margin: 0 16px 0 0; cursor: pointer; } .media__audio .audiojs .play-pause p { cursor: pointer; margin: 0; } .media__audio .audiojs .play { display: block; background: url('../images/svg/play-circled-dark.svg') no-repeat; width: 34px; height: 33px; } .media__audio .audiojs .track { float: left; width: 47px; height: 23px; padding-top: 10px; } .media__audio .audiojs .next { cursor: pointer; margin: 0; background: url('../images/svg/remote-rght.svg') no-repeat; width: 17px; height: 13px; float: left; } .media__audio .audiojs .prev { cursor: pointer; margin: 0 13px 0 0; background: url('../images/svg/remote-lft.svg') no-repeat; width: 17px; height: 13px; float: left; } .media__audio .audiojs .scrubber { position: relative; float: left; max-width: 365px; min-width: 54%; background: #d6d9e5; height: 3px; margin: 15px 0 0 10px; cursor: pointer; } .media__audio .audiojs .progress { position: absolute; top: 0; left: 0; height: 3px; width: 0; background: #5d6682; z-index: 1; background-image: 0; } .media__audio .not-file{ height: 0; padding: 7px; } .media__audio .audiojs .played { top: -26px; position: absolute; right: -15px; } .media__audio .audiojs .time { float: left; height: 36px; line-height: 29px; padding: 0 6px 0 10px; } .media__audio .audiojs .volume { float: right; margin-right: 10px; } .media__audio .audiojs .mute { cursor: pointer; margin: 8px 0 0; background: url('../images/svg/sound2-gray.svg') no-repeat; width: 21px; height: 16px; float: left; } .media__audio .audiojs .volume-bar { margin: 15px 0 0 11px; float: left; height: 3px; width: 69px; background: #d6d9e5; position: relative; cursor: pointer; } .media__audio .audiojs .volume-progress { position: absolute; top: 0; left: 0; background: #5d6682; width: 100%; height: 3px; } .media__audio .audiojs .error-message { float: left; display: none; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; margin: 0 10px; } .media__audio .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; } .media__audio .audiojs .loading { background: brown; } .media__audio .audiojs .pause { background: url('../images/svg/1459892031_Pause.svg') no-repeat; width: 34px; height: 33px; } .media__audio .audiojs .play-pause p { cursor: auto; } .media__audio .audiojs .song { display: block; font-weight: bold; font-size: 14px; line-height: 20px; padding-bottom: 20px; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .media__audio .playing .play,.media__audio .playing .loading,.media__audio .playing .error,.media__audio .loading .play,.media__audio .loading .pause,.media__audio .loading .error,.media__audio .error .time,.media__audio .error .play,.media__audio .error .pause,.media__audio .error .scrubber,.media__audio .error .loading { display: none; } .media__audio .playing .pause,.media__audio .loading .loading,.media__audio .error .error,.media__audio .error .error-message { display: block; } #file__list { display: none; width: 100%; background-color: #dddbde; border-top: 1px solid #c6c6c6; padding: 10px 40px 23px 40px; position: relative; } #file__list img { position: absolute; top: 28px !important; left: 10px !important; } #file__list .file__error { font-size: 14px; line-height: 20px; color: #eb5a5a; padding-top: 10px; } #file__list .file__error .icon__error { background: url('../images/svg/attention.svg') no-repeat; width: 17px; height: 17px; top: -2px; margin-right: 5px; } #file__list .file__load img { width: 16px; height: 16px; } .file__item { zoom: 1; min-height: 30px; position: relative; } .file__item .file__load { overflow: hidden; zoom: 1; } .file__item .load__icon { float: left; height: 25px; width: 25px; display: block; background-color: #ccc; } .file__item .load__bar { margin: 33px 0 0 36px; float: left; position: relative; height: 4px; width: 408px; background-color: #c6c6c6; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .file__item .load__progress { top: 0; left: 0; position: absolute; height: 100%; width: 0%; background: #707a9b url("../images/ajax-load.gif") 0 0 repeat-x; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .file__item .file__info { display: block; font-size: 14px; line-height: 20px; font-family: Arial; color: #000; margin-top: 23px; } .file__item .file__info b { font-weight: normal; font-size: 14px; color: #667180; } .file__item .file__delete { font-size: 14px; line-height: 16px; color: #000; border-bottom: 1px dotted #000; position: relative; margin-top: 25px; text-decoration: none; position: absolute; top: 0; right: 0; } .file__item .file__delete:before { display: block; content: ""; background: url('../images/svg/cross2.svg') no-repeat; width: 11px; height: 11px; position: absolute; top: 4px; left: -17px; } #file__button { float: left; margin-top: 2px; } #file__text { font-size: 14px; line-height: 20px; color: #666; margin-left: 155px; } #file__load { width: 100%; } .modal { display: none; } .upload__video { width: 610px; border-top: 1px solid #dfdfe2; border-bottom: 1px solid #dfdfe2; background-color: #eeedef; } .upload__video .modal__name { font-size: 23px; line-height: 26px; color: #010101; padding: 32px 40px 6px 40px; } .upload__video .modal__content { padding: 20px 40px; } .upload__video .modal__content .form-group { margin-bottom: 10px; } .upload__video .modal__content .form-select .selectize-control { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 185px; } .upload__video .modal__content .form-select .form-error { margin-left: 10px; } .upload__video .modal__content .form-select .form-error.is-active { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .upload__video .modal__content .form-captcha { padding-top: 25px; margin-bottom: 32px; } .upload__video .modal__content label { display: block; font-size: 14px; line-height: 20px; margin-bottom: 6px; } .upload__video .modal__content textarea { height: 184px; } .upload__video .modal__content .form-error { display: none; } .upload__video .modal__content .form-error.is-active { display: block; } .upload__video .modal__upload .form-upload { border-top: 1px solid #c6c6c6; padding: 28px 40px 12px 40px; } .upload__video .modal__upload .btn__upload .btn__upload__name { color: #000; border-bottom: 1px dotted #000; } .upload__video .modal__footer { padding: 40px; text-align: right; border-top: 1px solid #c6c6c6; } .modal__true { width: 732px; background-color: #ededef; -webkit-box-shadow: 0 5px 62px rgba(2,3,3,0.26); -moz-box-shadow: 0 5px 62px rgba(2,3,3,0.26); box-shadow: 0 5px 62px rgba(2,3,3,0.26); border-top: 1px solid #dcdbdd; border-bottom: 1px solid #dcdbdd; padding-bottom: 26px; text-align: center; } .modal__true .modal__content { padding: 48px 40px 25px 40px; font-size: 23px; line-height: 32px; color: #010101; } .modal__true .modal__content p { margin: 0; } .modal__true .modal__footer { padding: 20px 40px; } .acticles-author { font-weight: normal; font-size: 20px; line-height: 22px; font-family: "Philosopher-Regular"; color: #3E3E3E; } .acticles-author + .container__shared { margin-top: 20px; } .container__shared + .articles-date { padding-top: 10px } .articles-date { padding-top: 20px; color: #acacac; } .articles { font-size: 17px; line-height: 25px; color: #010101; } .articles .single__content { padding-top: 40px; } .articles h1 { font-weight: normal; font-size: 37px; line-height: 36px; font-family: "Philosopher-Regular"; margin: 0; } .articles h2 { font-weight: normal; font-size: 23px; line-height: 26px; margin: 0 0 20px; } .articles h3 { font-weight: normal; font-size: 18px; line-height: 20px; font-family: "Philosopher-Regular"; margin: 0; } .articles p { margin: 0 0 24px; } .articles hr { width: 100%; height: 1px; font-size: 0; border-style: solid; border-color: #e1e1e1; border-width: 1px 0 0 0; margin: 0 0 40px; } .articles a { color: #5d6682; text-decoration: none; } .articles a:link { text-decoration: underline; } .articles a:hover,.articles a:visited:hover { color: #9aa3c1; } .articles a:visited { color: #4a5268; } .articles a.link__dashed { color: #000; text-decoration: none; border-bottom: 1px dotted #000; } .articles ol { margin: 0; padding: 0; counter-reset: section; margin: 0 0 24px; } .articles ol li { list-style: none; } .articles ol li { display: block; line-height: 22px; position: relative; padding-left: 30px; margin-bottom: 15px; } .articles ol li:before { display: block; counter-increment: section; content: counters(section,".") ". "; position: absolute; top: 0; left: 0; } .articles ul { margin: 0; padding: 0; margin: 0 0 24px; } .articles ul li { list-style: none; } .articles ul li { display: block; line-height: 22px; position: relative; padding-left: 18px; margin-bottom: 15px; } .articles ul li:before { display: block; content: ""; width: 4px; height: 4px; background-color: #9aa3c1; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; position: absolute; top: 10px; left: 0; } .articles blockquote { /*font-size: 20px; line-height: 26px; padding: 0; margin: 0 0 29px;*/ } .articles img.alignleft { float: left; margin: 6px 20px 10px 0; } .articles img.alignright { float: right; margin: 6px 0 10px 20px; } .articles .allocated { display: inline-block; background-color: #dddee1; } .articles .note__style1 { font-weight: bold; } .articles .note__style2 { font-size: 15px; } .articles .note__style3 { background: #fff; border: 1px solid #efefef; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); padding: 30px 24px 39px 39px; /*margin-left: 51px;*/ margin-bottom: 38px; } .articles .note__style3 .note__content { font-size: 17px; line-height: 23px; font-family: "Philosopher-Bold"; } .articles .note__style3 .note__content p { margin: 0 0 17px; } .articles .note__style3 .note__link { font-size: 15px; line-height: 14px; color: #959595; float: left } .articles .note__style3 .note__link strong { font-size: 14px; } .articles .note__style3 .note__link .icon__link { background: url('../images/svg/full-screen.svg') no-repeat; width: 14px; height: 14px; top: -1px; } .note-share { float: right } .note-share__item { display: inline-block; vertical-align: top; margin-left: 20px; cursor: pointer; } .note-share__item.vk { background: url('../images/svg/vk.svg') no-repeat; width: 14px; height: 14px; } .note-share__item.fb { background: url('../images/svg/fb.svg') no-repeat; width: 14px; height: 14px; } .note-share__item.tw { background: url('../images/svg/twitter.svg') no-repeat; width: 15px; height: 14px; } .articles .note__style4 { /*margin-bottom: 34px; text-align: center;*/ float: right; max-width: 50%; margin: -17px -90px 10px 20px; border-top: 3px solid #A09A92; background: #fff; box-shadow: 5px 22px 28px -21px #5d6682; } .articles .note__style4 .note__content { position: relative; padding: 10px 15px 15px; color: #000; /*display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 440px; text-align: left;*/ } .articles .note__style4 blockquote { margin: 0; padding: 0; font: italic 17px/1.4 "Philosopher-Regular"; } .articles .note__style4 blockquote p:last-child { margin-bottom: 0; } /*.articles .note__style4 blockquote:before { display: block; content: ""; background: url('../images/svg/arr-double-lft2.svg') no-repeat; width: 11px; height: 15px; position: absolute; top: 6px; left: 0; } .articles .note__style4 blockquote:after { display: inline-block; content: ""; background: url('../images/svg/arr-double-rghtt2.svg') no-repeat; width: 11px; height: 15px; position: relative; margin-left: 19px; top: 2px; }*/ .articles .note__style4 .quote__row { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 440px; padding-left: 52px; text-align: left; } .articles .note__style4 .row__image { display: table-cell; vertical-align: top; position: relative; padding-right: 25px; } .articles .note__style4 .row__name { display: table-cell; vertical-align: middle; width: 10000px; font-size: 15px; line-height: 20px; color: #000; } .articles .note__style4 .row__name a { color: inherit; text-decoration: none; } .articles .media__cut { /*display: table;*/ margin: 0 0 0 90px; } .articles .media__cut .cut__name { font-size: 22px; line-height: 31px; /*padding-top: 34px;*/ margin-bottom: 30px; } .articles .media__cut .cut__content { float: right; width: 300px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); position: relative; /*margin-left: 20px;*/ /*margin-right: 45px;*/ margin: -40px 0 20px 20px; padding-bottom: 33px; background-color: white; } .articles .media__cut .cut__content .cut__position { position: relative; } .articles .media__cut .cut__content .cut__top { width: 100%; position: absolute; bottom: -1px; left: 0; } .articles .media__cut .cut__content .cut__head { background-color: #f5f5f5; text-align: center; font-size: 18px; line-height: 22px; font-family: "Philosopher-Regular"; color: #000; padding: 18px 0; } .articles .media__cut .cut__content .cut__head__name { font-family: "Philosopher-Bold"; } .articles .media__cut .cut__content .cut__time { font-weight: bold; font-size: 14px; color: #000; border-bottom: 1px solid #e1e1e1; padding-top: 10px; padding-bottom: 6px; margin: 0 24px 22px 24px; text-align: center; } .articles .media__cut .cut__content ul { margin: 0; padding: 0; margin: 0; padding: 0; } .articles .media__cut .cut__content ul li { list-style: none; } .articles .media__cut .cut__content ul li { padding: 0; } .articles .media__cut .cut__content ul li:before { display: none; } .articles .media__cut .cut__content li { display: block; overflow: hidden; margin-bottom: 18px; } .articles .media__cut .cut__content .list__row { overflow: hidden; } .articles .media__cut .cut__content .row__left { display: table-cell; vertical-align: top; } .articles .media__cut .cut__content .row__right { display: table-cell; vertical-align: middle; width: 10000px; padding-top: 4px; padding-left: 15px; } .articles .media__cut .cut__content .row__right .list__data { margin-left: 0; } .articles .media__cut .cut__content .list__name { float: left; width: 100px; text-align: right; font-weight: bold; font-size: 14px; line-height: 16px; color: #999; margin-top: 4px; } .articles .media__cut .cut__content .list__data { display: block; margin-left: 115px; font-size: 15px; line-height: 23px; color: #000; } .articles .media__cut .cut__content .list__data img { position: relative; top: 2px; } .articles .media__photo { display: inline-block; margin: 0 0 16px; } .articles .media__photo .media__name { display: block; font-style: italic; font-size: 14px; line-height: 16px; padding-top: 15px; } .articles .inline__shared { float: none; padding-top: 24px; } .articles .media__image { display: block; width: 100%; padding-top: 25px; } .articles .media__image .media__slider { max-width: 740px; } .articles .media__image .media__slider img { display: inline-block; max-width: 100%; } .articles .media__image ul { margin: 0; padding: 0; margin: 0; padding: 0; height: 499px; overflow: hidden; } .articles .media__image ul li { list-style: none; } .articles .media__image ul li { padding: 0; } .articles .media__image ul li:before { display: none; } .articles .media__image img { width: 100%; } .articles .media__image .image__main { position: relative; } .articles .media__image .image__description { font-style: italic; font-size: 12px; line-height: 16px; color: #dedede; padding: 4px 11px; background-color: rgba(0,0,0,0.6); cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; bottom: 0; right: 0; } .articles .media__image .image__description a { color: inherit; text-decoration: none; } .articles .media__image .image__main__text { font-style: italic; font-size: 16px; text-align: left; margin-left: 51px; padding-top: 14px; padding-bottom: 16px; } .articles .media__image .image__main__text { max-width: 740px; } .articles .media__image .media__event__bg { width: 100%; padding-top: 40px; text-align: center; position: absolute; top: 0; left: 0; } .articles .media__image .media__event__bg .event__date { color: #fff; } .articles .media__image .media__event__bg .event__date strong { display: block; font-family: "Philosopher-Bold"; line-height: 40px; font-size: 40px; } .articles .media__image .media__event__bg .event__date span { display: block; font-size: 25px; padding-top: 10px; padding-bottom: 28px; } .articles .media__image .media__event__bg .event__clear { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background: url('../images/svg/ornament.svg') no-repeat; width: 37px; height: 10px; } .articles .media__image .media__event__bg .event__title { font-size: 17px; line-height: 22px; color: #fff; padding-top: 7px; } .articles .event__time { text-align: center; border-bottom: 1px solid #e1e1e1; min-height: 157px; } .articles .event__time .event__date { font-family: "Philosopher-Bold"; color: #000; } .articles .event__time .event__date strong { line-height: 40px; font-size: 40px; } .articles .event__time .event__date span { font-size: 25px; position: relative; margin-left: 5px; } .articles .event__time .event__title { font-size: 17px; line-height: 22px; color: #000; padding-top: 12px; } .articles .media__event { display: table; width: 100%; text-align: center; border-bottom: 1px solid #e1e1e1; padding: 0 51px 35px 51px; margin-bottom: 32px; } .articles .media__event .event__left { float: left; } .articles .media__event .event__right { float: right; } .articles .media__event .event__center { position: relative; margin: 0 180px; } .articles .media__event .event__center .event__title { padding-top: 77px; margin-bottom: 0; } .articles .media__event .event__title { font-size: 15px; line-height: 20px; color: #959595; padding-top: 31px; margin-bottom: 24px; } .articles .media__event .event__data { font-size: 15px; line-height: 25px; color: #555; } .articles .media__event .event__btn { padding-top: 12px; } .articles .media__event .event__btn .btn__light { margin: 0 4px; } .articles .media__event .event__userpic { width: 100%; text-align: center; position: absolute; top: -65px; left: 0; } .articles .media__event .event__userpic img { -webkit-border-radius: 64px; -moz-border-radius: 64px; -ms-border-radius: 64px; -o-border-radius: 64px; border-radius: 64px; } .articles .media__event .event__user { font-size: 20px; line-height: 26px; } .articles .clear__border { max-width: 689px; margin-left: 51px; border-bottom: 1px solid #e1e1e1; margin-bottom: 43px; } .articles .media__top { font-size: 22px; line-height: 31px; margin-left: 51px; margin-bottom: 43px; } .first-letter{ float: left; font-size: 60px; font-family: "Philosopher-Regular"; color: #5d6682; margin: 14px 6px 10px 0; } .articles .media__text { margin-left: 90px; } .articles .media__text .media__text{ margin-left: 0; } .articles .media__text img{ margin: 15px; } /* .articles .media__text img:first-child{ margin-left: 0; } */ .articles .media__carousel .media__slider { margin: 0 !important; } .articles .media__book { overflow: hidden; background: #fff; margin-left: 51px; border: 1px solid #efefef; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); padding: 32px 24px 32px 39px; margin-bottom: 43px; } .articles .media__book .media__book__content { display: table-cell; vertical-align: top; width: 10000px; font-size: 15px; line-height: 25px; } .articles .media__book .media__book__preview { display: table-cell; vertical-align: top; padding-left: 30px; text-align: center; } .articles .media__book .media__book__preview .book__image { width: 177px; background: url("../images/book_shadow.jpg") 0 0 no-repeat; padding: 5px 15px 23px 2px; } .articles .media__book .media__book__preview .book__title { font-size: 15px; font-family: "Philosopher-Bold"; line-height: 20px; color: #000; padding: 0 15px; margin-bottom: 9px; } .articles .media__book .media__book__preview .book__title a { color: inherit; text-decoration: none; } .articles .media__book .media__book__preview .book__name { font-size: 14px; line-height: 20px; color: #959595; } .articles .media__book .media__book__preview .book__name a { color: inherit; text-decoration: none; } .articles .media__block { margin-bottom: 12px; } .articles .media__block .media__title { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-weight: normal; font-size: 23px; line-height: 26px; margin: 0 0 20px; } .articles .media__block .btn__upload { top: 2px; margin-left: 14px; } .articles .media__tv { max-width: 640px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); margin-bottom: 38px; } .articles .media__tv .video__player { position: relative; display: block; } .articles .media__tv .video__player:after { content: ''; position: absolute; top: 50%; left: 50%; background: url('../images/svg/play-circled-wht2.svg') no-repeat center; width: 48px; height: 48px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; -o-pointer-events: none; pointer-events: none; } .articles .media__tv img { margin: 0; width: 100%; } .articles .media__tv .post__text__link { overflow: hidden; padding: 36px 20px 28px 20px; font-size: 0; } .articles .media__tv .post__text__link .link__item { display: inline-block; vertical-align: top; width: 33%; margin-bottom: 20px; font-style: italic; font-size: 14px; line-height: 18px; } .articles .media__tv .post__text__link .link__item a { display: inline-block; color: #010101; position: relative; padding-left: 43px; padding-right: 15px; text-decoration: none; } .articles .media__tv .post__text__link .link__item a u { text-decoration: none; } .articles .media__tv .post__text__link .link__item .icon { position: absolute; top: 2px; left: 0; } .articles .media__tv .post__text__link .link__item .icon__video { background: url('../images/svg/play-circled-gray2.svg') no-repeat; width: 30px; height: 30px; background-size: 30px; } .articles .media__tv .post__text__link .link__item .icon__audio { background: url('../images/svg/mic-circled-gray.svg') no-repeat; width: 30px; height: 30px; background-size: 30px; } .articles .media__tv .text__more { text-align: left; font-size: 14px; line-height: 20px; color: #000; padding-top: 3px; } .articles .media__tv .text__more a { color: inherit; text-decoration: underline; } .articles .media__read { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); padding: 0 20px 27px 20px; margin-bottom: 38px; text-align: center; } .articles .media__read a { text-decoration: none; } .articles .media__read .read__item { float: left; width: 180px; padding-top: 33px; margin-right: 15px; } .articles .media__read .book__image { /*background: url("../images/book_shadow.jpg") 0 0 no-repeat;*/ /*padding: 5px 15px 23px 0;*/ margin: 5px 5px 23px 5px; -webkit-box-shadow: 7px 11px 15px -6px rgba(0,0,0,.7); -moz-box-shadow: 7px 11px 15px -6px rgba(0,0,0,.7); -ms-box-shadow: 7px 11px 15px -6px rgba(0,0,0,.7); box-shadow: 7px 11px 15px -6px rgba(0,0,0,.7); } .articles .media__read .book__title { font-size: 15px; font-family: "Philosopher-Bold"; line-height: 20px; color: #000; padding: 0 15px; margin-bottom: 9px; } .articles .media__read .book__title a { color: inherit; } .articles .media__read .book__name { font-size: 14px; line-height: 20px; color: #959595; } .articles .media__read .book__name a { color: inherit; } .articles .media__read .book__hidden { width: 800px; overflow: hidden; } .articles .media__read .read__more { text-align: left; font-size: 14px; line-height: 20px; color: #000; padding-top: 29px; } .articles .media__read .read__more a { color: inherit; text-decoration: underline; } .articles .media__quote { border: 1px solid #f5f5f5; -webkit-box-shadow: 0 1px 2px rgba(245,245,245,0.15); -moz-box-shadow: 0 1px 2px rgba(245,245,245,0.15); box-shadow: 0 1px 2px rgba(245,245,245,0.15); padding: 30px 0; margin-bottom: 38px; } .articles .media__quote blockquote { font-size: 20px; line-height: 30px; font-family: "Philosopher-Bold"; color: #000; position: relative; padding-left: 22px; margin: 0 30px 38px 30px; } .articles .media__quote blockquote:before { display: block; content: ""; background: url('../images/svg/arr-double-lft2.svg') no-repeat; width: 11px; height: 15px; position: absolute; top: 6px; left: 0; } .articles .media__quote blockquote:after { display: inline-block; content: ""; background: url('../images/svg/arr-double-rghtt2.svg') no-repeat; width: 11px; height: 15px; position: relative; margin-left: 19px; top: 2px; } .articles .media__quote .quote__row { display: table; width: 100%; border-top: 1px solid #e1e1e1; padding: 24px 30px 0 30px; } .articles .media__quote .row__image { display: table-cell; vertical-align: top; position: relative; padding-right: 25px; } .articles .media__quote .row__image:before { display: block; content: ""; background: url('../images/icons-s77ddcd983a.png') 0 -2575px no-repeat; width: 13px; height: 7px; position: absolute; top: -25px; left: 19px; } .articles .media__quote .row__name { display: table-cell; vertical-align: middle; width: 10000px; font-size: 15px; line-height: 20px; color: #000; } .articles .media__quote .row__name a { color: inherit; text-decoration: none; } .articles .media__link { border: 1px solid #efefef; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); padding: 30px; margin-bottom: 38px; } .articles .media__link ul { margin-bottom: 0; } .articles .media__link li { font-style: italic; font-size: 14px; line-height: 18px; color: #000; margin-bottom: 10px; } .articles .media__link li:before { top: 7px; } .articles .media__link li a { color: inherit; text-decoration: none; } .articles .media__link li a:hover { text-decoration: underline; } .articles .media__link li a.link__open { position: relative; top: -1px; margin-left: 6px; } .articles .media__link .icon__link { background: url('../images/svg/full-screen.svg') no-repeat; width: 14px; height: 14px; } .articles .media__archives { border: 1px solid #efefef; background-color: #f5f5f5; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); padding: 30px; margin-bottom: 18px; } .articles .media__archives ul { margin: 0; padding: 0; margin: 0; padding: 0; } .articles .media__archives ul li { list-style: none; } .articles .media__archives ul li { padding: 0; } .articles .media__archives ul li:before { display: none; } .articles .media__archives li { font-size: 14px; line-height: 20px; font-family: Arial; position: relative; margin-right: 78px !important; margin-bottom: 14px; } .articles .media__archives li:before { display: block !important; content: ""; width: 100%; height: 1px; background: none; border-top: 1px dotted #acacac; position: absolute; bottom: 0; left: 0; } .articles .media__archives a { color: #000; text-decoration: none; } .articles .media__archives a .icon__archive { background: url('../images/svg/full-screen-2.svg') no-repeat; width: 16px; height: 16px; } .articles .media__archives a u { font-size: 14px; font-family: PT Sans; text-decoration: none; border-bottom: 1px dotted #000; } .articles .media__archives .archives__content { display: inline-block; background-color: #f5f5f5; padding-right: 5px; position: relative; z-index: 1; } .articles .media__archives .archives__link { display: inline-block; background-color: #f5f5f5; position: absolute; bottom: 0; right: -78px; z-index: 1; } .articles .media__archives .archives__size { color: #667180; } .articles .media__archives .archives__more { font-size: 14px; line-height: 20px; color: #000; } .articles .media__archives .archives__more a { color: inherit; text-decoration: none; border-bottom: 1px solid #000; } .articles .event__description { font-size: 15px; line-height: 22px; border-top: 1px solid #e1e1e1; margin: 36px 0 149px 51px; padding: 35px 0 0 39px; } .articles .event__description .event__row { overflow: hidden; margin: 0 0 11px; } .articles .event__description .event__left { float: left; width: 290px; } .articles .event__description .event__right { float: right; width: 290px; } .articles .event__description .event__name { font-weight: bold; font-size: 15px; line-height: 20px; margin: 0 0 11px; } .articles .event__description p { margin: 0 0 10px; } .articles__tags { font-size: 14px; color: #acacac; padding-top: 16px; } .articles__tags a { color: inherit; text-decoration: none !important; } .articles__navi { overflow: hidden; padding-top: 22px; padding-bottom: 16px; } .articles__navi .navi__content { border-top: 1px solid #e1e1e1; padding-top: 18px; } .articles__navi .navi__prev { float: left; width: 40%; } .articles__navi .navi__next { float: right; width: 40%; text-align: right; } .articles__navi p { margin: 0; } .articles__navi a { display: inline-block; font-size: 14px; line-height: 22px; color: #4962b0; text-decoration: none !important; } .articles__navi a span { display: inline-block; font-size: 18px; line-height: 16px; font-family: Arial; color: #000; margin-bottom: 9px; } .articles__send { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; line-height: 18px; background-color: #fffbbf; padding: 18px 16px; margin-top: 16px; max-width: 640px; } .articles__send p { margin: 0; } .system-list { overflow: hidden; background: #fff !important; max-width: 100%; } .system-list .system-nav { width: 171px; height: 100%; background-color: #5d6682; position: absolute; top: 0; left: 0; z-index: 10; } .system-list .articles label { display: block; width: 130px; text-align: right; position: absolute; font-weight: normal; font-size: 18px; line-height: 21px; color: #fff; top: 0; left: -218px; z-index: 20; } .system-list section { max-width: 940px; margin-left: 230px; position: relative; } .system-list .fonts { margin-top: 36px; margin-bottom: 85px; } .system-list .fonts .system__name { font-size: 14px; font-family: Arial; color: #999; padding-bottom: 4px; } .system-list .fonts .system__title { font-size: 15px; line-height: 22px; font-family: Arial; } .system-list .fonts .system__example { font-size: 20px; font-family: "Philosopher-Bold"; margin-bottom: 30px; } .system-list .fonts .system__example.is-2 { font-weight: normal; font-size: 21px; font-family: "PT Sans",Helvetica,Arial,sans-serif; margin-bottom: 0; } .system-list .text-general { margin-bottom: 75px; } .system-list .text-general label { top: -4px; } .system-list .text-general .system__name { font-size: 14px; font-family: Arial; line-height: 17px; color: #999; padding-bottom: 17px; } .system-list .text-style { margin-bottom: 71px; } .system-list .text-style label { top: 24px; } .system-list .text-style table { width: 700px; } .system-list .text-style th { font-weight: normal; width: 140px; font-size: 14px; line-height: 26px; font-family: Arial; color: #999; text-align: left; padding: 11px 20px 11px 0; vertical-align: top; } .system-list .text-style th.last-child { width: auto; padding-right: 0; } .system-list .text-style td { padding: 11px 0; vertical-align: top; } .system-list .text-style .font-default { font-family: Arial; } .system-list .links { margin-bottom: 78px; } .system-list .links table { width: 540px; } .system-list .links th { font-weight: normal; font-size: 14px; font-family: Arial; color: #999; text-align: left; padding-bottom: 5px; } .system-list .links td { padding-bottom: 6px; } .system-list .links a.is-hover { color: #9aa3c1; } .system-list .list { margin-bottom: 77px; max-width: 560px; } .system-list .list label { top: -4px; } .system-list .list .system__name { font-size: 14px; font-family: Arial; line-height: 17px; color: #999; padding-bottom: 13px; } .system-list .images { margin-bottom: 100px; } .system-list .buttons { margin-bottom: 100px; margin-top: 36px; } .system-list .buttons label { top: -4px; } .system-list .buttons .system__name { font-size: 14px; font-family: Arial; line-height: 17px; color: #999; padding-bottom: 20px; } .system-list .buttons table td { padding-right: 55px; } .system-list .buttons table p { margin: 0 0 7px; } .system-list .buttons table small { display: block; font-size: 12px; line-height: 14px; font-family: Arial; } .system-list .buttons table .btn.is-hover { background-color: #9aa3c1; } .system-list .buttons table .btn.is-pressed { background-color: #4a5268; } .system-list .buttons table .btn.is-disabled { background-color: #959595; cursor: default; } .system-list .buttons ul { margin: 0; padding: 0; overflow: hidden; } .system-list .buttons ul li { padding: 0; } .system-list .buttons ul li:before { display: none; } .system-list .buttons ul.is-two li { width: 100px; margin-right: 60px; } .system-list .buttons ul li { float: left; width: 140px; margin-right: 20px; } .system-list .buttons ul li .btn__upload.is-hover .icon__plus { background: url('../images/svg/plus-gray.svg') no-repeat; width: 17px; height: 16px; } .system-list .buttons ul li .btn__upload.is-hover .btn__upload__name { border-bottom: 1px dotted #666; } .system-list .buttons ul li .btn__upload.is-pressed .icon__plus { background: url('../images/svg/plus-dark.svg') no-repeat; width: 17px; height: 16px; } .system-list .buttons ul li .btn__upload.is-pressed .btn__upload__name { border: none; } .system-list .buttons ul li .btn__upload.is-disabled { cursor: default; } .system-list .buttons ul li .btn__upload.is-disabled:hover .btn__upload__name { border: none; } .system-list .buttons ul li .btn__upload.is-disabled .icon__plus { background: url('../images/svg/plus-2.svg') no-repeat; width: 17px; height: 16px; } .system-list .buttons ul li .btn__upload.is-disabled .btn__upload__name { color: #cdcdcd; } .system-list .buttons ul li .btn__light.is-hover { background-color: #5d6581; border-color: #5d6581; color: #fff; } .system-list .buttons ul li .btn__light.is-pressed { background-color: #495167; border-color: #495167; color: #fff; } .system-list .buttons ul li .btn__light.is-disabled { background-color: #fff; border-color: #959595; color: #666; cursor: default; } .system-list .buttons ul li small { display: block; font-size: 12px; line-height: 14px; font-family: Arial; padding-top: 18px; } .system-list .buttons ul li em { display: block; font-style: normal; font-size: 12px; line-height: 14px; font-family: Arial; padding-top: 8px; } .system-list .input { max-width: 100%; background-color: #eeedef; padding-top: 43px; padding-bottom: 43px; padding-left: 230px; margin-left: 0; } .system-list .input label { top: 46px; left: 12px; } .system-list .input .list1 { margin: 0; padding: 0; overflow: hidden; } .system-list .input .list1 li { padding: 0; } .system-list .input .list1 li:before { display: none; } .system-list .input .list1 li { width: 255px; float: left; margin-right: 32px; } .system-list .input .list2 { margin: 0; padding: 0; } .system-list .input .list2 li { padding: 0; } .system-list .input .list2 li:before { display: none; } .system-list .input .list2 li { width: 457px; } .system-list .input .list3 { margin: 0; padding: 0; overflow: hidden; } .system-list .input .list3 li { padding: 0; } .system-list .input .list3 li:before { display: none; } .system-list .input .list3 li { width: 457px; float: left; margin-right: 32px; } .system-list .input .list3 li .form-control.is-hover { border-color: #9aa3c1; } .system-list .input .list4 { margin: 0; padding: 0; overflow: hidden; margin-bottom: 32px; } .system-list .input .list4 li { padding: 0; } .system-list .input .list4 li:before { display: none; } .system-list .input .list4 li { width: 255px; float: left; margin-right: 232px; } .system-list .input .list5 { margin: 0; padding: 0; overflow: hidden; } .system-list .input .list5 li { padding: 0; } .system-list .input .list5 li:before { display: none; } .system-list .input .list5 li { width: 530px; } .system-list .input .form-group .form__name { display: block; font-size: 12px; font-family: Arial; padding-top: 7px; padding-bottom: 8px; } .system-list .input .form-group .form__name.is-red { font-size: 14px; font-family: "PT Sans",Helvetica,Arial,sans-serif; color: #eb5a5a; padding-top: 5px; } .system-list .section_list { max-width: 100%; background-color: #eeedef; padding-top: 43px; padding-bottom: 143px; padding-left: 230px; margin-left: 0; } .system-list .section_list label { top: 37px; left: 12px; } .system-list .section_list>ul { display: table; width: 100%; margin: 0; padding: 0; } .system-list .section_list>ul li { padding: 0; } .system-list .section_list>ul li:before { display: none; } .system-list .section_list>ul>li { float: left; width: 145px; margin-right: 48px; } .system-list .section_list .form-group .form__name { display: block; font-size: 12px; font-family: Arial; padding-top: 7px; padding-bottom: 8px; } .system-list .popup { max-width: 100%; background-color: #515564; padding-top: 43px; padding-bottom: 143px; padding-left: 230px; margin-left: 0; } .system-list .popup label { top: 20px; left: 12px; } * { outline: none; } .btn { display: inline-block; font-size: 15px; line-height: 16px; font-family: "Philosopher-Regular"; color: #fff !important; border: none; outline: none !important; cursor: pointer; background-color: #5d6682; text-decoration: none !important; padding: 8px 32px 10px 32px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); } .btn:hover { background-color: #9aa3c1; } .btn:active { background-color: #4a5268; } .btn:disabled { background-color: #959595; cursor: default; } .btn__light { display: inline-block; font-size: 15px; line-height: 15px; color: #4a5268; border: 1px solid #5d6682; outline: none !important; cursor: pointer; background-color: transparent; text-decoration: none !important; padding: 8px 17px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .btn__light:hover { background-color: #5d6581; border-color: #5d6581; color: #fff !important; } .btn__light:active { background-color: #495167; border-color: #495167; color: #fff; } .btn__light:disabled { background-color: #fff; border-color: #959595; color: #666; cursor: default; } .btn__upload { display: inline-block; position: relative; cursor: pointer; } .btn__upload:hover .icon__plus { background: url('../images/svg/plus-gray.svg') no-repeat; width: 17px; height: 16px; } .btn__upload:hover .btn__upload__name { border-bottom: 1px dotted #666; } .btn__upload:active .icon__plus { background: url('../images/svg/plus-dark.svg') no-repeat; width: 17px; height: 16px; } .btn__upload:active .btn__upload__name { border: none; } .btn__upload.is-disabled { cursor: default; } .btn__upload.is-disabled:hover .btn__upload__name { border: none; } .btn__upload.is-disabled .icon__plus { background: url('../images/svg/plus-2.svg') no-repeat; width: 17px; height: 16px; } .btn__upload.is-disabled .btn__upload__name { color: #cdcdcd; } .btn__upload .icon__plus { background: url('../images/svg/plus-1.svg') no-repeat; width: 17px; height: 16px; top: -1px; margin-right: 4px; } .btn__upload .btn__upload__name { display: inline-block; font-weight: normal; font-size: 14px; line-height: 17px; color: #666; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn__upload input { display: block; text-indent: -9999px; width: 100%; height: 100%; cursor: pointer; position: absolute; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .form-group .form-message { display: inline-block; font-size: 12px; font-family: Arial; white-space: nowrap; position: absolute; margin-left: 17px; top: 5px; left: 100%; } .form-group .form-error { display: block; font-size: 14px; line-height: 18px; font-family: "PT Sans",Helvetica,Arial,sans-serif; color: #eb5a5a; padding-top: 7px; } .form-group .form-help { display: block; font-size: 14px; line-height: 18px; font-family: "PT Sans",Helvetica,Arial,sans-serif; color: #999; padding-top: 7px; } .form-control { width: 100%; height: 34px; display: block; font-size: 14px; line-height: 16px; font-family: "PT Sans",Helvetica,Arial,sans-serif; color: #000; outline: none; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 0 12px; box-sizing: border-box; } .form-control:-moz-placeholder,.form-control::-moz-placeholder { color: #8f8f8f; opacity: 1; } .form-control::-webkit-input-placeholder { color: #8f8f8f; } .form-control:focus { border-color: #9aa3c1; } .form-control:disabled { background-color: #f8f8f8; cursor: default; } .form-control.form-warning { background-color: #facccc; } textarea.form-control { height: auto; resize: none; padding: 12px; } .form-search { display: block; text-indent: -9999px; border: none; outline: none !important; 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: url('../images/svg/search.svg') no-repeat; width: 19px; height: 19px; position: absolute; top: 8px; right: 12px; } .breadcrumbs { padding-top: 35px; } .breadcrumbs ul { margin: 0; padding: 0; } .breadcrumbs ul li { list-style: none; } .breadcrumbs li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; line-height: 20px; margin-right: 10px; padding-right: 20px; position: relative; } .breadcrumbs li.is-active:before { display: none; } .breadcrumbs li a { text-decoration: underline; } .breadcrumbs li:before { display: block; content: "//"; position: absolute; top: 0; right: 0; } .pagination { overflow: hidden; padding: 20px 0; text-align: center; } .pagination ul { margin: 0; padding: 0; } .pagination ul li { list-style: none; } .pagination li { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; line-height: 26px; color: #010101; } .pagination li.is-active span,.pagination li.is-active a { background-color: #676f89; color: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } .pagination li a,.pagination li span { display: block; width: 25px; height: 25px; } .pagination li a { color: inherit; text-decoration: none; } .pagination li a:hover { color: #4962b0; } .searchform { overflow: hidden; } .searchform .form-group { float: left; width: 458px; margin-right: 19px; } .searchform .form-submit { float: left; } .inline__shared { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; float: left; } .inline__shared .shared__name { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 15px; color: #555; position: relative; top: 0px; margin-right: 16px; } .inline__shared ul { margin: 0; padding: 0; margin: 0; padding: 0; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .inline__shared ul li { list-style: none; } .inline__shared ul li { padding: 0; } .inline__shared ul li:before { display: none; } .inline__shared li { float: left; margin-left: 8px; } .inline__shared li:first-child { margin-left: 0; } .inline__shared a { display: inline-block; } .inline__shared a .icon__vk { background: url('../images/svg/vk-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .inline__shared a .icon__fb { background: url('../images/svg/fb-smaller-gray.svg') no-repeat; width: 23px; height: 22px; } .inline__shared a .icon__tw { background: url('../images/svg/tw-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .inline__shared a .icon__gp { background: url('../images/svg/google-smaller-gray.svg') no-repeat; width: 22px; height: 22px; } .inline__shared a .icon__ok { background: url('../images/svg/ok-gray-wht.svg') no-repeat; width: 22px; height: 22px; } .post__container .post-item-in-list .post__name a, .body__container .post-item-in-list .post__name a{ text-align: center; color: #636363; font-size: 14px; font-weight: bold; display: block; } .post__container .post__item5.post-item-in-list .post__name a{ color: #fff; font-weight: normal; } body .body__container .post-item-in-list .post__name a{ text-align: left; display: block; font-family: "Philosopher-Regular"; font-size: 25px; line-height: 30px; margin-bottom: 7px; font-weight: normal; } body .body__container .post-item-in-list .post__name a:hover{ color: #556084; text-decoration: none; } .post__item { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); position: relative; width: 230px; margin: 10px; -webkit-transition: box-shadow .3s; -moz-transition: box-shadow .3s; transition: box-shadow .3s; } .post__item:hover { -webkit-box-shadow: 0 3px 16px rgb(61, 64, 84); -moz-box-shadow: 0 3px 16px rgb(61, 64, 84); box-shadow: 0 3px 16px rgb(61, 64, 84); } .post__item1 { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; padding: 18px 0 25px 0; font-size: 14px; line-height: 20px; position: relative; } .post__item1.is-attach { padding-top: 0; padding-bottom: 15px; } .post__item1:before { display: block; content: ""; width: 232px; height: 4px; background: url("../images/post_item1.png") 0 0 no-repeat; position: absolute; bottom: -4px; left: 0; } .post__item1 .post__preview { margin-bottom: 15px; } .post__item1 .post__preview img , .post__item8 .post__preview img{ display: block; width: 230px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .post__item1 .post__time { color: #acacac; padding: 0 21px 0 20px; margin-bottom: 4px; } .post__item1 .post__anons { padding: 0 21px 0 20px; } .post__item2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .post__item2 .post__image img { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .post__item2 .post__photo { display: block; text-align: center; padding-bottom: 8px; position: relative; z-index: 2; } .post__item2 .icon__photo { background: url('../images/svg/photo-notcircled.svg') no-repeat; width: 48px; height: 48px; } .post__item2 .post__name { width: 100%; min-height: 156px; /*background: url("../images/post_item2_name.png") 0 0 no-repeat;*/ font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; color: #fff; padding: 25px 18px; text-align: center; position: absolute; bottom: 0; left: 0; z-index: 5; } .post__item2 .post__name:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.4) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(80%, rgba(0,0,0,0.4)), color-stop(100%, rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.4) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.4) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } .post__item2 .post__name a { color: inherit; position: relative; z-index: 2; overflow: hidden; max-height: 124px; display: block; } .post__item3 { /*text-align: center;*/ text-align: left; padding: 0 0 15px 0; } .post__item3 .post__name { font-size: 14px; line-height: 20px; color: #959595; padding: 9px 20px 0; } .post__item3 .post__img { margin: 0; position: relative; text-align: center } .post__item3 .post__img img { max-width: 100%; } .post__item3 .post__name a { color: inherit; } .post__item3 .post__img .icon__audio { display: block; width: 100%; height: 100%; background: url("../images/svg/mic-notcircled.svg") 0 100% no-repeat; z-index: 2; position: absolute; top: 0; left: 0; background-size: 48px 48px; } .post__item3 .post__title { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; color: #000; padding: 16px 20px 0; } .post__item3 .post__title a { color: inherit; } .post__item3 .post__audio { display: block; padding-bottom: 8px; } .post__item3 .post__img img { max-width: 100% } .post__item3 .post__anons a { color: inherit; } .post__item3 .post__title .icon__audio { background: url('../images/svg/mic-notcircled-gray.svg') no-repeat; width: 48px; height: 48px; } .post__item4 { padding-top: 18px; } .post__item4 .post__quote { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; margin: 10px 21px 0 19px; padding: 0 0 25px 25px; position: relative; } .post__item4 .post__quote:before { display: block; content: ""; background: url('../images/svg/arr-double-lft2.svg') no-repeat; width: 11px; height: 15px; position: absolute; top: 0; left: 0; } .post__item4 .post__quote:after { display: inline-block; content: ""; background: url('../images/svg/arr-double-rghtt2.svg') no-repeat; width: 11px; height: 15px; position: relative; top: 4px; margin-left: 14px; } .post__item4 .post__user { border-top: 1px solid #e1e1e1; padding-right: 20px; } .post__item4 .post__user__pic { display: table-cell; vertical-align: middle; padding: 20px 0 20px 20px; position: relative; } .post__item4 .post__user__pic:before { display: block; content: ""; background: url('../images/svg/mail.svg') no-repeat; width: 13px; height: 7px; position: absolute; top: -1px; left: 38px; } .post__item4 .post__user__pic img { display: inline-block; width: 49px; height: 49px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } .post__item4 .post__user__name { display: table-cell; vertical-align: middle; width: 1000px; padding: 20px 0 20px 14px; line-height: 20px; } .post__item5 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .post__item5 .post__image { text-align: center; overflow: hidden; } .post__item5 .post__image img { display: block; width: 100%; } .post__item5 .post__image a { display: block; position: relative; } /* Затемнение в превью статьи */ /*.post__item5 .post__image a:before { display: block; content: ""; background-color: rgba(0,0,0,0.35); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }*/ .post__item5 .post__image a .post__note { display: block; width: 100%; height: 100%; background: url("../images/svg/doc-notcircled.svg") 0 100% no-repeat; z-index: 2; position: absolute; top: 0; left: 0; background-size: 48px 48px; } .post__item5 .post__name { background-color: #6b738c; font-size: 15px; line-height: 20px; font-family: 'Philosopher-Regular'; color: #fff; padding: 19px 20px 25px 20px; } .post__item5 .post__name a { color: inherit; } .post__item6 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; text-align: center; padding: 30px 20px 16px 20px; } .post__item6 .post__faq { display: block; padding-bottom: 20px; } .post__item6 .post__faq .icon__faq { background: url('../images/svg/quest-mark.svg') no-repeat; width: 21px; height: 34px; } .post__item6 .post__name { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; } .post__item6 .post__name a { color: inherit; } .post__item7 .post__video a { display: block; position: relative; } .post__item7 .post__video a .post__video { width: 100%; height: 100%; background: url("../images/svg/play-notcircled-wht2.svg") 0 100% no-repeat; position: absolute; top: 0; left: 0; background-size: 48px 48px; } .post__item7 .post__video a img { display: block; width: 100%; margin: auto; max-width: 100%; } .post__item7 .post__name { font-size: 14px; line-height: 20px; color: #000; padding: 14px 20px 15px 20px; } .post__item7 .post__name a { color: inherit; } .post__item8 { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; /* padding-top: 15px;*/ } .post__item8 .post__time { padding-top: 11px; text-align: center; } .post__item8 .post__time strong { display: block; font-family: "Philosopher-Regular"; font-size: 24px; line-height: 26px; } .post__item8 .post__time span { display: block; font-size: 14px; line-height: 20px; } .post__item8 .post__name { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; text-align: center; padding-top: 11px; } .post__item8 .post__about { font-size: 14px; line-height: 20px; color: #959595; padding-top: 6px; padding-bottom: 15px; text-align: center; } .post__item8 .post__about a { color: inherit; } .post__item8 .post__user { border-top: 1px solid #e1e1e1; padding-right: 20px; } .post__item8 .post__user__pic { display: table-cell; vertical-align: middle; padding: 20px 0 20px 20px; position: relative; } .post__item8 .post__user__pic img { display: inline-block; width: 49px; height: 49px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; } .post__item8 .post__user__name { display: table-cell; vertical-align: middle; width: 1000px; padding: 20px 0 20px 14px; line-height: 20px; } .post__item9 { text-align: left; padding: 15px 20px 16px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .post__item9 .post__type { font-size: 14px; line-height: 20px; padding-bottom: 3px; } .post__item9 .post__image a { display: inline-block; } .post__item9 .post__image img { display: block; width: 100%; margin: auto; max-width: 100%; } .post__item9 .post__title { font-size: 15px; line-height: 20px; font-family: "Philosopher-Bold"; color: #000; padding-top: 8px; } .post__item9 .post__title a { color: inherit; } .post__item9 .post__name { font-size: 14px; line-height: 20px; color: #959595; padding-top: 9px; } .post__item9 .post__name a { color: inherit; } .post__inline { border-bottom: 1px solid #e1e1e1; padding-bottom: 28px; margin-bottom: 24px; margin-left: 27px; position: relative; } .post__inline:last-child:before,.post__inline.shadow:before { display: block; content: ""; width: 100%; height: 80%; background-color: rgba(255,255,255,0.5); pointer-events: none; position: absolute; bottom: 0; left: 0; } .post__inline:hover:last-child:before,.post__inline.shadow:hover:before { display: none; } .post__inline.no__result { font-size: 17px; line-height: 24px; border: none; padding-bottom: 0; } .post__inline .post__category { font-size: 14px; line-height: 20px; color: #959595; padding-bottom: 9px; } .post__inline .post__category a { color: inherit; } .post__inline .post__name { font-size: 25px; line-height: 30px; font-family: "Philosopher-Regular"; color: #000; margin-bottom: 9px; } .post__inline .post__name a { color: inherit; } .post__inline .post__anons { font-size: 17px; line-height: 24px; margin-bottom: 9px; } .post__inline .post__status { display: inline-block; background-color: #5d6682; font-size: 12px; line-height: 14px; color: #fff; padding: 4px 8px; } .post__inline .post__status a { color: inherit; } .post__faq { margin-left: 27px; margin-bottom: 4px; padding: 15px 19px 0 19px; position: relative; } .post__faq.is-active { border: 1px solid #e1e1e1; padding: 14px 18px 14px 18px; } .post__faq.is-active .post__name a:before { background: url('../images/svg/up.svg') no-repeat; width: 16px; height: 16px; } .post__faq.is-active .post__name a:hover { color: #000; } .post__faq.is-active .post__name a:hover:before { background: url('../images/svg/up.svg') no-repeat; width: 16px; height: 16px; } .post__faq .post__name { font-size: 20px; line-height: 26px; font-family: "Philosopher-Regular"; color: #000; margin-bottom: 15px; } .post__faq .post__name a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; color: inherit; position: relative; padding-left: 30px; } .post__faq .post__name a:hover { color: #556084; text-decoration: none; } .post__faq .post__name a:hover:before { background: url('../images/svg/down-gray.svg') no-repeat; width: 16px; height: 16px; } .post__faq .post__name a:before { display: block; content: ""; background: url('../images/svg/down.svg') no-repeat; width: 16px; height: 16px; position: absolute; top: 4px; left: 0; } .post__faq .post__answer { display: none; } .post__faq .post__text { font-size: 17px; line-height: 24px; margin-left: 50px; } .post__faq .post__text p { margin: 0 0 15px; } .post__faq .post__text__link { overflow: hidden; } .post__faq .post__text__link .link__item { float: left; width: 190px; margin-right: 35px; margin-top: 19px; margin-bottom: 19px; font-style: italic; font-size: 14px; line-height: 18px; } .post__faq .post__text__link .link__item a { display: inline-block; color: #010101; position: relative; padding-left: 43px; } .post__faq .post__text__link .link__item a:hover { text-decoration: none; } .post__faq .post__text__link .link__item a u { text-decoration: none; } .post__faq .post__text__link .link__item .icon { position: absolute; top: 2px; left: 0; } .post__faq .post__text__link .link__item .icon__video { background: url('../images/svg/play-circled-wht2.svg') no-repeat; width: 30px; height: 30px; } .post__faq .post__text__link .link__item .icon__audio { background: url('../images/svg/mic-circled-gray.svg') no-repeat; width: 30px; height: 30px; } .post__faq .post__close { font-size: 14px; color: #4962b0; padding-top: 13px; padding-bottom: 13px; margin-left: 30px; } .post__faq .post__close a { color: inherit; border-bottom: 1px dotted #4962b0; } .post__faq .post__close a:hover { text-decoration: none; } .time__post { max-width: 912px; padding-bottom: 15px; } .time__post .time__content { border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; overflow: hidden; } .time__post .time__content__left { float: left; width: 360px; margin-left: 20px; } .time__post .time__content__right { float: right; width: 400px; } .time__post .time__image { display: table-cell; vertical-align: top; padding: 5px 15px 0 0; } .time__post .time__body { display: table-cell; vertical-align: top; width: 10000px; } .time__post .time__title { font-size: 14px; line-height: 20px; color: #acacac; margin-bottom: 3px; } .time__post .time__name { font-size: 17px; line-height: 21px; font-family: "Philosopher-Bold"; color: #010101; } .time__post .time__name a { color: inherit; text-decoration: none; } .time__post .time__address { float: left; width: 250px; } .time__post .time__link { font-size: 15px; line-height: 20px; color: #010101; } .time__post .time__link a { color: inherit; border-bottom: 1px solid #010101; } .time__post .time__link a:hover { text-decoration: none; } .time__post .time__clock { float: right; width: 120px; } .time__post .time__watch { font-weight: bold; font-size: 15px; line-height: 20px; color: #5d6682; } .clear { clear: both; } .ajax-loader { display: none; width: 100%; height: 100%; background: rgba(255,255,255,0.7); top: 0; left: 0; position: absolute; z-index: 100; text-align: center; padding-top: 50px; } .ajax-loader.is-bottom img { position: absolute; bottom: 20px; left: 50%; margin-left: -20px; } .calendar-carousel { float: left; width: 216px; height: 34px; background-color: #5d6682; margin-right: 20px; position: relative; } .calendar-carousel ul { margin: 0; padding: 0; margin: 0; padding: 0; } .calendar-carousel ul li { list-style: none; } .calendar-carousel ul li { padding: 0; } .calendar-carousel ul li:before { display: none; } .calendar-carousel ul li { font-size: 15px; line-height: 34px; font-family: "Philosopher-Bold"; color: #fff; text-align: center; } .calendar-carousel .bx-controls-direction a { display: block; width: 34px; height: 34px; background: url("../images/calendar.png") no-repeat; text-indent: -9999px; position: absolute; top: 0; } .calendar-carousel .bx-controls-direction a.bx-prev { left: 0; background-position: top left; } .calendar-carousel .bx-controls-direction a.bx-next { right: 0; background-position: top right; } .calendar-carousel .bx-controls-direction a.disabled { cursor: default; } .calendar-carousel .bx-controls-direction a.disabled.bx-prev { background-position: bottom left; } .calendar-carousel .bx-controls-direction a.disabled.bx-next { background-position: bottom right; } .dropdown-active { cursor: pointer; z-index: 9999; } .selectize-control.single .selectize-input.input-active { cursor: pointer; } .dropdown-active input { visibility: hidden; } .js-tags .selectize-input { height: auto !important; } .js-tags .selectize-dropdown { max-height: 122px; } .is-white .selectize-input { background-color: #fff; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; } .is-white .selectize-input input { color: #000; visibility: visible; } .is-white .selectize-dropdown { background-color: #fff; border: 1px solid #e1e1e1; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15); box-shadow: 0 1px 1px rgba(0,0,0,0.15); color: #8f8f8f; } .is-white .selectize-dropdown .active { background-color: #e1e1e1; } .is-white .selectize-control .mCSB_container { margin-right: 0 !important; right: -4px; } .is-white .mCSB_draggerContainer { width: 12px; background: #ededed; } .is-white .mCSB_scrollTools { width: 12px; opacity: 1 !important; } .is-white .mCSB_scrollTools .mCSB_draggerRail { width: 12px; } .is-white .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px !important; background: #939cb9 !important; opacity: 1 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; left: 4px; margin: 5px 0; } .detail-lead{ margin-bottom: 40px; } .extra-detail-lead{ font-size: 22px; line-height: 31px; } .detail-text { max-width: 640px; } .detail-lead img, .detail-text img{ margin: 10px; cursor: pointer; } blockquote.blockquote { width: 50%; float: right; margin: -10px -190px 10px 20px !important; background: #fff; border: ; border-top: 3px solid #A09A92; padding: 10px !important; box-shadow: 5px 22px 28px -21px #a09a92; } blockquote.blockquote p{ font-size: 17px; font-style: italic; margin: 0 !important; line-height: 1.4; color: #333; } @media screen and (min-width: 1400px) { .articles .media__slider { margin-left: 51px; } .articles .clear__border { max-width: 740px; } } @media screen and (max-width: 1360px){ .navbar__menu { margin-left: 280px; padding-right: 50px; } .navbar__menu li { margin-left: 45px; } } @media screen and (min-width: 1280px) { .navbar__menu { margin-left: 240px; } .articles .media__cut .cut__content { /*margin-top: -40px;*/ margin-right: 0; margin-bottom: 20px; margin-left: 45px; } } @media screen and (max-width: 1200px) { .min__left .wrapper { background-image: url("../images/60.png"); } .min__left .wrapper.wrapper__less .single__container { margin-left: 60px; } .min__left .wrapper.wrapper__homepage .post__container { margin-left: 60px; padding-left: 10px; } .min__left .navbar__menu { margin-left: 240px; } .min__left .navbar__menu li { /*margin-left: 34px;*/ margin-left: 20px; } .min__left header { margin-left: 40px; } .min__left header .container { padding-right: 21px; } .min__left header .container__name.is-double h1 { max-width: 400px; } .min__left .sidebar__vertical { width: 60px; } .min__left .sidebar__mobile { display: block; padding-bottom: 100px; } .min__left .sidebar__bottom__mobile { display: block; } .min__left .sidebar__top { display: none; } .min__left .sidebar__bottom { display: none !important; } .min__left .carousel__container .carousel__slide:before { width: 60px; } .min__left .carousel__container .slide__block { padding-left: 60px; } .min__left .body__container { margin-left: 60px; } .min__left .single__container { margin-left: 60px; background: transparent; } .min__left .single__container:before { display: none; } .min__left .single__container header h1 { max-width: 400px; } .min__left .post__container { margin-left: 70px; } .min__left .post__container.post__articles { margin-left: 60px; padding-left: 10px; } .min__left .post__container.post__articles .container { padding-right: 51px; } .min__left .articles .media__image .media__slider { max-width: 615px; } .min__left .articles .clear__border { max-width: 564px; } .min__left .articles .media__top { margin-left: 51px; } .min__left .articles .media__text { margin-left: 90px; } .min__left .articles .media__book { margin-left: 51px; } .min__left .articles .note__style3 { margin-left: 51px; } header .container { padding-left: 20px; padding-right: 20px; } header .container__filter .calendar-carousel { margin-right: 10px; } header .container__filter .form-group.small { width: 200px; margin-left: 0; } header .print u { display: none; } .container__video { padding-left: 20px; } .container__video .media__more { display: none; } .body__content { padding-left: 20px; padding-right: 20px; } .time__table { padding-left: 20px; padding-right: 20px; } .time__post .time__content__left { width: 300px; } .time__post .time__content__right { width: 360px; } .time__post .time__address { width: 220px; } .container__block { padding-left: 0; padding-right: 20px; } .container__block .post__block { margin-left: 20px; width: 340px; height: 416px; overflow: hidden; } .container__block .post__block .post__preview { width: 340px; height: 254px; } .container__block .post__block .post__preview img { display: block; width: 100%; height: auto !important; } .post__inline { margin-left: 20px; } .container__slider { padding-left: 20px; } .post__container.post__articles { padding-left: 10px; } .single__container { background: #fff; } .single__sidebar { display: none; /*position: relative; z-index: 1;*/ } .single__main { margin-right: 0; /*position: relative; z-index: 2;*/ } .navbar__menu { margin-left: 270px; } .navbar__menu li { margin-left: 20px; } .single__content { padding-right: 20px; } .articles .media__event { padding-left: 20px; padding-right: 20px; } .articles .media__top { margin-left: 20px; } .articles .media__text { margin-left: 20px; } .articles .event__description { margin-left: 20px; padding-left: 0; } .articles .media__image .image__main__text { margin-left: 20px; } .articles .clear__border { margin-left: 20px; } .articles .media__book { margin-left: 20px; } .articles .note__style3 { margin-left: 20px; } .articles .note__style4 { float: none; max-width: 100%; margin: 0 0 40px 0; } .articles .media__cut { margin-left: 60px; } .post__faq { margin-left: 20px; } .container__cities { padding-left: 20px; padding-right: 20px; } .container__cities .city__address { margin-left: 10px; } .container__cities .city__notes { width: 180px; padding-right: 0; } .media__audio h3 { display: none; } .media__audio .play__list { padding-left: 35px !important; } .media__audio .audio__more { padding-left: 35px !important; } .media__audio__list { width: 100%; position: static; top: 0; right: 0; padding-left: 35px; } } @media screen and (max-width: 1040px) { .navbar__menu { margin-left: 260px; } } @media print { .sidebar__top,.sidebar__mobile,.sidebar__bottom__mobile,.sidebar__bottom,.post__articles,.single__sidebar,.navbar__menu,.navbar__searching,.navbar__searchform,.alignleft,.alignright,.breadcrumbs,.container__filter,.pagination,.print,.container__shared,.bx-controls,.articles__tags,.inline__shared,hr,.noprint { display: none !important; } .wrapper { margin-bottom: 150px; } .navbar__logo { margin-bottom: 100px; float: none; } .navbar { height: 90px; } header h1 { margin-top: 30px; } /* remove images from articles */ /*.articles img { display: none !important; } */ .articles p > img { display: block !important; } nav { position: relative; margin-top: -65px; background: #fff } blockquote.blockquote { margin-right: 0 !important; } .articles .media__cut{ margin-left: 0; } .articles-date, .acticles-author { padding-left: 90px } .navbar { border-bottom: 1px solid #e1e1e1; padding: 29px 0 27px 0; margin-bottom: 41px; } .navbar__logo { float: none; margin: 0 auto !important; width: 860px; } .navbar__logo a { text-indent: 0; width: 100%; height: auto; } .media__image { margin-bottom: 20px; } .single__container,.body__container { width: 860px; margin: 0 auto !important; } .single__main { margin: 0; } .single__content { width: 100%; max-width: 100%; margin: 0 auto; } header { margin-left: 0; margin-right: 0; } .container { padding-left: 0 !important; padding-right: 0 !important; } h1 { padding-left: 92px; margin-left: 0; text-align: left; } h1,h2,h3,h4 { page-break-after: avoid; } .container__cities { padding-left: 0; padding-right: 0; } .post__inline { margin-left: 0; } .post__block { display: inline-block; margin-left: 0 !important; margin-right: 0 !important; width: 340px; height: auto; position: static !important; top: 0 !important; left: 0 !important; } .post__block .post__preview { width: 340px; height: 254px; } .post__block .post__preview .post__status { display: none; } .articles .media__cut .cut__content { -webkit-box-shadow: none; box-shadow: none; margin-top: 0; } .articles .media__cut .cut__content .cut__top { position: relative; bottom: 0; } .articles .media__cut .cut__content .cut__head { padding-top: 29px; padding-bottom: 0; } .articles .media__cut .cut__content .cut__time { border-bottom: none; margin-bottom: 11px; } .articles .media__image .image__main__text { margin-left: 0; } .articles .media__top,.articles .media__text,.articles .media__book,.articles .clear__border { margin-left: 0; } header .container { margin-left: -90px; background: red; } .container__name { background: red; } .articles .note__style4 { margin-right: 0; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* mfp - popup */ .articles .media__text .media__text_wrap img, .articles .image__main img, .media__slider img{ cursor: pointer; } .post__container .post-item-in-list .post__name a, .body__container .post-item-in-list .post__name a{ font-weight: normal !important; } .post__item .post__name{ padding-bottom: 15px; font-family: "Philosopher-Bold"; font-weight: normal; text-align: left; } .post__container .post__item .post__name a{ color: #000; text-align: left; } .post__item.post__item5 .post__name{ /* font-weight: bold; */ } .post__item.post__item5 .post__name a{ /* font-weight: bold; */ color: #fff; } .post__item .post__name.post__author{ padding-top: 0; padding-bottom: 15px; margin-top: -10px; } .post__item.post__item5 .post__name.post__author{ } .post__item.post__item5 .post__name.post__author a{ font-family: "PT Sans"; color: #fff; font-weight: normal; } .post__item .post__name.post__author a{ color: #555; font-weight: normal; font-family: "PT Sans"; } .post__item.post__item3 .post__name, .post__item.post__item9 .post__name{ margin-top: 8px !important; text-align: left; } .post__item.post__item3 .post__name a, .post__item.post__item9 .post__name a, .post__item.post__item8 .post__name a{ margin-top: 8px !important; text-align: left; } .sidebar__rss { position: relative; top: 2px; } .scroll__top { width: 260px; height: 40px; position: absolute; left: 0px; bottom: -40px; background-color: #fff; background: #6b738c url(../images/up-arrow.svg) top 12px left 18px no-repeat; background-size: 14px auto; cursor: pointer; padding-left: 45px; font-size: 16px; color: #fff; line-height: 40px; font-family: "Philosopher-Bold"; vertical-align: top; display: none; } .min__left .scroll__top { width: 180px; } .js-title { display: inline-block; text-decoration: none !important; border-bottom: 1px dashed; margin-bottom: 15px; } .js-toggle-content { display: none; } .media__third-slider { padding-bottom: 0; } .simple__third-slider { width: 632px; height: 300px; } .media__third-slider .media__slider .bx-wrapper { position: relative; } .media__third-slider .media__slider .bx-controls-direction a { display: block; height: 100%; padding: 0 10px 0 10px; position: absolute; top: 0; } .media__third-slider .media__slider .bx-controls-direction a.bx-prev { left: 0; } .media__third-slider .media__slider .bx-controls-direction a.bx-prev i { background: url('../images/svg/arr-lft-black.svg') no-repeat; width: 35px; height: 35px; text-indent: -9999px; top: 50%; margin-top: -20px; } .media__third-slider .media__slider .bx-controls-direction a.bx-next { right: 0; } .media__third-slider .media__slider .bx-controls-direction a.bx-next i { background: url('../images/svg/arr-rght-black.svg') no-repeat; width: 35px; height: 35px; text-indent: -9999px; top: 50%; margin-top: -20px; } .media__third-slider .media__slider .bx-controls-direction a:hover.bx-prev i { background: url('../images/svg/arr-lft-dark.svg') no-repeat; width: 35px; height: 35px; } .media__third-slider .media__slider .bx-controls-direction a:hover.bx-next i { background: url('../images/svg/arr-rght-dark.svg') no-repeat; width: 35px; height: 35px; } .media__third-slider .media__slider .bx-controls-direction a.bx-next.disabled, .media__third-slider .media__slider .bx-controls-direction a.bx-prev.disabled { opacity: 0; filter: alpha(opacity=0); } .simple__third-slider { } .simple__third-slider .slide { height: 300px; display:flex; align-items:center; width: auto; } .simple__third-slider img { margin: 0 !important; max-height: 300px; } .media__photo.photo_wrapper { float: left; margin: 15px; } .media__photo.photo_wrapper img { margin: 0 0 15px; } .media__photo.photo_wrapper .media__name { color: #9e9e9e; } @media all and (min-width: 1360px) { .post__container { padding-left: 3.5% !important; } } @media all and (min-width: 1440px) { .post__container { padding-left: 5.7% !important; } } .post__tag { position: absolute; font-size: 13px; line-height: 22px; height: 22px; padding: 0 8px; bottom: 15px; right: 15px; color: #fff; } .post__tag--new { background-color: #fb5135; } .post__tag--rec { background-color: #4a5268; } .post__item > a { text-decoration: none !important; } .img-relative { position: relative; } .post__item7 .post__video img { display: block; width: 100%; } .post__item.post__item8 .post__name{ text-align: center; padding: 15px 10px 0; } .post__time__line { display: inline-block; vertical-align: top; padding: 0 3px; }