/* Start:/local/templates/aist_portal_new/components/bitrix/system.auth.form/popup/style.css?1561715849443*/
div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;}
div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/aist_portal_new/components/bitrix/system.auth.form/popup/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/aist_portal_new/components/bitrix/system.auth.form/popup/images/sec-unlocked.png);}
/* End */
/* Start:/local/templates/aist_portal_new/components/bitrix/socserv.auth.form/flat/style.css?15617158492659*/
.bx-authform-social-popup{
display: none;
background: #fff;
width: auto;
padding: 15px;
font-size: 14px;
white-space: nowrap;
}
.bx-authform-social-popup form{margin-bottom: 0;}
.bx-authform-social-popup input[type="text"] {
display: inline-block;
max-width: 150px;
font-size: 18px;
height: 30px;
margin: 0;
padding: 0 4px;
border: 1px solid #CCD5DB;
border-radius: 2px;
background: #f8fafc;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bx-authform-social ul {
padding: 5px 0 12px;
margin: 0 0 15px;
display: block;
}
.bx-authform-social ul li {
position: relative;
display: inline-block;
width: 35px;
height: 35px;
margin-right: 5px;
}
.bx-authform-social ul li .bx-authform-social-icon {
display: block;
width: 35px;
height: 35px;
background-image: url(/local/templates/aist_portal_new/components/bitrix/socserv.auth.form/flat/images/sprite.png);
background-repeat: no-repeat;
border-bottom: none;
}
.bx-authform-social ul li .bx-authform-social-icon:hover{opacity: .9;}
.bx-authform-social ul li .bx-authform-social-icon.box {background-position: 0 0;}
.bx-authform-social ul li .bx-authform-social-icon.dropbox {background-position: -44px 0;}
.bx-authform-social ul li .bx-authform-social-icon.bitrix24 {background-position: -88px 0;}
.bx-authform-social ul li .bx-authform-social-icon.yandex {background-position:-132px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid {background-position:-176px 0;}
.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki {background-position:-220px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google {background-position:-264px 0;}
.bx-authform-social ul li .bx-authform-social-icon.mymailru {background-position:-308px 0;}
.bx-authform-social ul li .bx-authform-social-icon.livejournal {background-position:-352px 0;}
.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru {background-position:-440px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveid {background-position:-484px 0;}
.bx-authform-social ul li .bx-authform-social-icon.liveinternet {background-position:-528px 0;}
.bx-authform-social ul li .bx-authform-social-icon.blogger {background-position:-572px 0;}
.bx-authform-social ul li .bx-authform-social-icon.vkontakte {background-position:-616px 0;}
.bx-authform-social ul li .bx-authform-social-icon.twitter {background-position:-660px 0;}
.bx-authform-social ul li .bx-authform-social-icon.facebook {background-position:-704px 0;}
.bx-authform-social ul li .bx-authform-social-icon.google-plus {background-position:-748px 0;}
.bx-authform-social ul li .bx-authform-social-icon.office365 {background-position:-792px 0;}
/* End */
/* Start:/local/templates/aist_portal_new/components/bitrix/main.register/personal1/style.css?1580727932633*/
div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/aist_portal_new/components/bitrix/main.register/personal1/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/aist_portal_new/components/bitrix/main.register/personal1/images/sec-unlocked.png);}
#form__group_SOGL input{-webkit-appearance: checkbox; width: 5%; display: inline;}
#form__group_SOGL label{-webkit-appearance: checkbox; width: 90%;display: inline;}
/* End */
/* Start:/local/templates/aist_portal_new/components/bitrix/system.pagenavigation/.default/style.css?1633013647163*/
.paginator-fix .pagination__item { width: auto; border: none; border-radius: 0; }
.paginator-fix .pagination__item .blog-page-dots { vertical-align: text-bottom; }
/* End */
/* Start:/local/templates/aist_portal_new/components/bitrix/news.list/journal_main_old/style.css?15617158493920*/
.bx-newslist {}
.bx-newslist-block {
padding: 0 14px;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.bx-newslist .bx-newslist-container:nth-child(3n+1) {
clear: both;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.bx-newslist .bx-newslist-container:nth-child(2n+1) {
clear: both;
}
}
/* POST FORMATS */
.bx-newslist-img,
.bx-newslist-audio,
.bx-newslist-youtube,
.bx-newslist-slider {
position: relative;
text-align: center;
margin-bottom: 20px;
}
.bx-newslist-slider img,
.bx-newslist-img img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%
}
.bx-newslist-video {
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0.7;
z-index: 1;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
background: url("/local/templates/aist_portal_new/components/bitrix/news.list/journal_main_old/images/bx-video.png") no-repeat center;
}
.bx-newslist-video:hover {
opacity: 1;
}
/* POST FORMATS /// SLIDER */
.bx-newslist-slider {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
.bx-newslist-slider-container {
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
.bx-newslist-slider-slide {
float: left;
z-index: 100;
}
.bx-newslist-slider-arrow-container-left,
.bx-newslist-slider-arrow-container-right {
position: absolute;
top: 0;
bottom: 0;
width: 15%;
cursor: pointer;
}
.bx-newslist-slider-arrow-container-left {
left: 0;
}
.bx-newslist-slider-arrow-container-right {
right: 0;
}
.bx-newslist-slider-arrow {
position: absolute;
line-height: 34px;
vertical-align: middle;
color: #fff;
cursor: pointer;
font-size: 48px;
height: 48px;
width: 20px;
top: 50%;
margin-top: -24px;
z-index: 110;
opacity: .5;
text-shadow:0 0 2px rgba(0,0,0,.5);
}
.bx-newslist-slider-arrow-container-left:hover .bx-newslist-slider-arrow,
.bx-newslist-slider-arrow-container-right:hover .bx-newslist-slider-arrow {
color: #FFF;
display: block;
opacity: 1;
}
.bx-newslist-slider-arrow-container-left .bx-newslist-slider-arrow {
left: 20px;
}
.bx-newslist-slider-arrow-container-right .bx-newslist-slider-arrow {
right: 20px;
}
.bx-newslist-slider-control {
margin: 0;
padding: 0;
position: absolute;
width: 100%;
bottom: 10px;
z-index: 110;
text-align: center;
word-spacing: -4px;
}
.bx-newslist-slider-control li {
display: inline-block;
border-radius: 50%;
background: #fff;
width: 10px;
height: 10px;
word-spacing: -4px;
margin: 0 3px;
opacity: .5;
}
.bx-newslist-slider-control li:hover,
.bx-newslist-slider-control li.current {
background: #FFF;
opacity: 1;
}
bx-newslist-slider-arrow,
.bx-newslist-slider-control li {
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.bx-newslist-title,
.bx-newslist-title a {
color: #000;
margin: 0;
font-weight: 600;
padding: 2px 0 15px;
font-size: 18px;
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.bx-newslist-title a:hover {
text-decoration: none;
border-bottom-color: transparent;
}
.bx-lg .bx-newslist-title {
font-size: 24pt;
}
.bx-md .bx-newslist-title {
font-size: 20pt;
}
.bx-xs .bx-newslist-title {
font-size: 18pt;
}
.bx-newslist-view,
.bx-newslist-date,
.bx-newslist-comments,
.bx-newslist-author,
.bx-newslist-other {
color: #a4a4a4;
font-size: 13px;
padding-bottom: 5px;
white-space: nowrap;
}
.bx-newslist-view i.fa,
.bx-newslist-date i.fa,
.bx-newslist-comments i.fa,
.bx-newslist-author i.fa,
.bx-newslist-tags i.fa,
.bx-newslist-other i.fa {
width: 13px;
color: #b4b4b4;
}
.bx-newslist-tags {
color: #a4a4a4;
font-size: 13px;
padding-bottom: 5px;
}
.bx-newslist-content {
font-size: 14px;
margin-bottom: 5px;
}
.bx-newslist-more {
margin-top: 5px;
margin-bottom: 5px;
}
/* End */
/* Start:/local/templates/aist_portal_new/components/bitrix/main.share/material_left/style.css?15617158491467*/
a.share-switch
{
display: block;
width: 20px;
height: 20px;
background: scroll transparent url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/share.gif') center center no-repeat;
}
.share-window-parent
{
position: relative;
}
table.bookmarks-table
{
padding: 0px;
height: 19px;
// height: 18px;
}
.share-dialog
{
z-index:1000;
position: absolute;
top: 0px;
}
.share-dialog-left
{
left: 18px;
}
.share-dialog-right
{
right: 18px;
}
.share-dialog-inner-left
{
background: scroll transparent url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/background.gif') right center no-repeat;
padding: 0 1px 1px 4px;
// padding: 1px 1px 1px 4px;
}
.share-dialog-inner-right
{
background: scroll transparent url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/background-right.gif') left center no-repeat;
padding: 0 4px 1px 1px;
// padding: 1px 4px 1px 1px;
}
td.bookmarks
{
padding-left: 2px!important;
padding-right: 2px!important;
padding-top: 1px!important;
padding-bottom: 0px!important;
border: none!important;
}
.bookmarks a
{
background:none no-repeat scroll center center transparent;
display:block;
width:16px;
height:16px;
overflow:hidden;
}
.bookmarks a.vk { background-image:url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/vk.gif'); }
.bookmarks a.facebook { background-image:url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/facebook.gif'); }
.bookmarks a.twitter { background-image:url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/twitter.gif'); }
.bookmarks a.delicious { background-image:url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/delicious.gif'); }
.bookmarks a.lj { background-image:url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/lj.gif'); }
.bookmarks a.mailru { background-image:url('/local/templates/aist_portal_new/components/bitrix/main.share/material_left/images/mailru.gif'); }
/* End */
/* Start:/local/templates/aist_portal_new/styles.css?16110483033916*/
li.inline {
display: inline;
}
/* t_94042 */
.block_h1, .block_h2, .block_h3, .block_h4, .block_h5, .block_h6 { font-weight: 700; line-height: 1.3; font-family: "latoheavy", serif; }
.block_h2, .block_h3 { text-transform: none !important; color: black; }
.block_h1 { font-size: 2em; margin: 0.67em 0; }
.block_h2 { margin-bottom: 10px; text-align: left; font-size: 21px; font-family: 'latobold'; }
.block_h3 { font-size: 18px; }
.block_h4 { font-size: 18px; }
.block_h5 { font-size: 14px; font-family: 'Merriweather'; }
.block_h6 { font-size: 12px; }
.edit .block_h3 { margin-bottom: 20px; }
.owner-page .block_h3 { margin-top: 0; margin-bottom: 20px; }
.signme .block_h2 { font-size: 23px; color: #152f3a; margin-top: 24px; margin-bottom: 12px; font-family: "Raleway", Arial, sans-serif; font-weight: 700; line-height: 1.3; text-align: center; }
.signme .block_h4 { font-family: "Raleway", Arial, sans-serif; font-weight: 700; line-height: 1.3; margin-bottom: 20px; margin-top: 10px; }
.block_h2.center { text-align: center !important; }
.search-block .block_h2 { margin: 15px 0; text-align: center; }
.card-item .block_h4 { margin-bottom: 8px; }
.opinion .block_h2 { margin-top: 0; font-size: 23px; }
@media (max-width: 1299px) {
.opinion .block_h2 { font-size: 16px; }
}
.n-news-detailed__text .block_h2,
.n-news-detailed__text .block_h3,
.n-news-detailed__text .block_h4,
.n-news-detailed__text .block_h5 { margin: 40px 0 27px; font-family: "PTSerif","Arial",sans-serif; font-weight: 700; font-size: 24px; line-height: 24px; }
@media (max-width: 480px) {
.n-news-detailed__text .block_h2,
.n-news-detailed__text .block_h3,
.n-news-detailed__text .block_h4,
.n-news-detailed__text .block_h5 { margin-bottom: 16px; font-size: 22px; line-height: 24px; }
}
.n-articles-header .container > h1.from_p { margin: 0; margin-bottom: 16px; font-family: "Marta", "Arial", sans-serif; font-weight: 700; font-size: 36px; line-height: 24px; letter-spacing: 0; }
@media (max-width: 480px) {
.n-articles-header .container > h1.from_p { margin-bottom: 7px; font-size: 26px; }
}
.n-articles-header__block .block_h1 { font-family: "PTSans","Arial",sans-serif; margin: 0; font-size: 14px; font-weight: normal; line-height: 20px; color: #434343; }
@media (max-width: 768px) {
.n-articles-header__block .block_h1 { margin-right: auto; margin-bottom: 30px; }
}
@media (max-width: 480px) {
.n-articles-header__block .block_h1 { font-size: 13px; margin-bottom: 0; line-height: 20px; }
}
div[class*="block_"].n-blog__subtitle { margin-top: 15px; margin-bottom: 17px; z-index: 1; font-family: "Marta", "Arial", sans-serif; font-size: 23px; line-height: 27px; color: #ffffff; }
@media (max-width: 1024px) {
div[class*="block_"].n-blog__subtitle { font-size: 20px; line-height: 23px; }
}
@media (max-width: 768px) {
div[class*="block_"].n-blog__subtitle { margin-top: 13px; margin-bottom: 13px; font-size: 18px; line-height: 22px; }
}
@media (min-width: 768px) {
div[class*="block_"].n-blog__subtitle { min-height: 55px; }
}
.n-articles__aside-item-link .block_h2 { margin: 0; margin-bottom: 10px; font-family: "Marta", "Arial", sans-serif; font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing: 0; color: #333333; }
@media (max-width: 1440px) {
.n-articles__aside.n-aside-carousel .block_h2 { font-size: 15px; line-height: 19px; }
.n-articles__aside-item:first-child .block_h2 { margin-bottom: 10px; }
}
@media (max-width: 480px) {
.n-articles__aside-item-content .block_h2 { line-height: 16px; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-item .block_h2 { font-size: 16px; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-item:first-child .block_h2 { margin-bottom: 8px; }
}
@media (min-width: 1201px) {
.n-articles__aside-item-link .block_h2 { line-height: 20px; }
}
/* ------- */
/* End */
/* Start:/local/templates/aist_portal_new/template_styles.css?16464664692591*/
.owner-page__header.n-detail {
position: relative;
height: auto; }
.owner-page__header.n-detail .owner-page__header-in {
position: relative;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
color: #000;
font-family: 'latoheavy'; }
.owner-page__header.n-detail .owner-page__title {
padding: 0px; }
.owner-page__header.n-detail .owner-page__title::before {
content: '';
width: 80px;
height: 5px;
display: none;
background-color: #fff;
position: absolute;
left: 0;
top: 0; }
.news__item-desc.wide {
width: 100%;
}
.message {
background: #3AA69D;
padding: 6px 12px;
text-align: center;
color: white;
font-size: 14px;
text-transform: uppercase;
font-family: 'latoheavy';
}
.social-popup .mfp-close { display: block!important; }
.social-popup .fields.files { margin-bottom: 10px; }
.social-popup .fields.files br { display: none; }
.social-popup .user-panel__data > input[type="button"] { line-height: 1.3; margin: 0 auto; padding: 0 10px; min-width: 118px; }
@media (max-width: 1024px) {
body .s-lk__header-faq { grid-row-gap: unset; }
body .s-lk__header-faq .button-a { margin-bottom: 24px; }
}
.s-lk__materials_dbl { }
.s-lk__materials_dbl .material.material--vertical.mobvis { display: none; }
@media (max-width: 1024px) {
.s-lk__materials_dbl .mini-materials-wrapper { display: none!important; }
.s-lk__materials_dbl .material.material--vertical.mobvis { display: flex; padding-left: 0; padding-right: 0; margin-bottom: 36px; }
.s-lk__materials_dbl > .s-materials__videos { padding-bottom: 0; }
}
.n-popup-fade.popup_8m { }
.n-popup-fade.popup_8m::before { background: rgb(255 255 255 / 70%); }
.n-popup-fade.popup_8m .n-popup { max-width: 470px; margin-left: -235px; height: 470px; }
.n-popup-fade.popup_8m .n-popup__cnt { }
.n-popup-fade.popup_8m .n-popup__img { display: block; width: 470px; height: 470px; background: no-repeat center center url('/local/templates/aist_portal_new/images/popup_8m/ppimg.jpg'); border-radius: 50%; overflow: hidden;
box-shadow: 0 0px 20px -5px #898989; }
.n-popup-fade.popup_8m .n-popup__btn-close { width: 35px; height: 35px; top: 60px; right: 45px; border-radius: 50%; overflow: hidden; box-shadow: 0 1px 6px 0px #000000; }
@media (max-width: 499px) {
.n-popup-fade.popup_8m .n-popup { max-width: 300px; margin-left: -150px; height: 300px; }
.n-popup-fade.popup_8m .n-popup__img { width: 300px; height: 300px; background-size: 330px auto; }
.n-popup-fade.popup_8m .n-popup__btn-close { top: 30px; right: 24px; }
}
/* End */
/* Start:/local/templates/aist_portal_new/styles/main_old.css?156171585072580*/
/*@import url("https://fonts.googleapis.com/css?family=Merriweather:300,400i,700&subset=cyrillic");*/
@font-face {
font-family: 'Merriweather';
src: url("/local/templates/aist_portal_new/styles/../fonts/Merriweather.ttf");
}
@font-face {
font-family: 'latobold';
src: url("/local/templates/aist_portal_new/styles/../fonts/lato-bold-webfont.eot");
src: url("/local/templates/aist_portal_new/styles/../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/aist_portal_new/styles/../fonts/lato-bold-webfont.woff2") format("woff2"), url("/local/templates/aist_portal_new/styles/../fonts/lato-bold-webfont.woff") format("woff"), url("/local/templates/aist_portal_new/styles/../fonts/lato-bold-webfont.svg#latobold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoheavy';
src: url("/local/templates/aist_portal_new/styles/../fonts/lato-heavy-webfont.eot");
src: url("/local/templates/aist_portal_new/styles/../fonts/lato-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/aist_portal_new/styles/../fonts/lato-heavy-webfont.woff2") format("woff2"), url("/local/templates/aist_portal_new/styles/../fonts/lato-heavy-webfont.woff") format("woff"), url("/local/templates/aist_portal_new/styles/../fonts/lato-heavy-webfont.svg#latoheavy") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoregular';
src: url("/local/templates/aist_portal_new/styles/../fonts/lato-regular-webfont.eot");
src: url("/local/templates/aist_portal_new/styles/../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/aist_portal_new/styles/../fonts/lato-regular-webfont.woff2") format("woff2"), url("/local/templates/aist_portal_new/styles/../fonts/lato-regular-webfont.woff") format("woff"), url("/local/templates/aist_portal_new/styles/../fonts/lato-regular-webfont.svg#latoregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayblack';
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-black-webfont.eot");
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-black-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-black-webfont.woff2") format("woff2"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-black-webfont.woff") format("woff"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-black-webfont.svg#ralewayblack") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaybold';
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-bold-webfont.eot");
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-bold-webfont.woff2") format("woff2"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-bold-webfont.woff") format("woff"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-bold-webfont.svg#ralewaybold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayextrabold';
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-extrabold-webfont.eot");
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-extrabold-webfont.woff2") format("woff2"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-extrabold-webfont.woff") format("woff"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-extrabold-webfont.svg#ralewayextrabold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewayregular';
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-regular-webfont.eot");
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-regular-webfont.woff2") format("woff2"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-regular-webfont.woff") format("woff"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-regular-webfont.svg#ralewayregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ralewaysemibold';
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-semibold-webfont.eot");
src: url("/local/templates/aist_portal_new/styles/../fonts/raleway-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-semibold-webfont.woff2") format("woff2"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-semibold-webfont.woff") format("woff"), url("/local/templates/aist_portal_new/styles/../fonts/raleway-semibold-webfont.svg#ralewaysemibold") format("svg");
font-weight: normal;
font-style: normal;
}
.default-list {
list-style-type: decimal;
text-align: justify;
padding-left: 20px;
}
.shadow-inner{
display:none;
background: rgba(13, 15, 15, 0.58);
position:fixed;
top: 0;
z-index: 3;
width: 100%;
height: 100%;
}
.copyright .row-1 {
display: block;
width: 1250px;
}
.copyright .row-1 a {
text-decoration: none;
}
.opinion-info a, .article-info a {
color: #007e85;
text-decoration: underline;
}
a.article_author_a {
text-decoration:none !important;
}
.main-nav__item:nth-child(1n) a:hover {
text-decoration: none;
}
.dropdown-toggle {
text-decoration: none!important;
}
.test-action, .test-action:hover {
vertical-align: top;
text-decoration: none;
border: 3px solid #007e85;
text-transform: uppercase;
font-size: 13px;
display: inline-block;
padding: 6px 20px;
font-family: 'ralewayblack';
color: #007e85;
margin-top: 35px;
}
#toTop {
width: 73px;
border: 2px solid #007e85;
background: #fff;
text-align: center;
padding: 10px 5px;
position: fixed;
bottom: 10px;
right: 9%;
cursor: pointer;
display: none;
color: #333;
font-family: verdana;
font-size: 14px;
color: #007e85;
/* font-weight: 600; */
z-index: 1
}
div#toTop span {
display: block;
color: #007e85;
font-size: 35px;
height: 25px;
line-height: 31px;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-moz-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-property: 0.35s;
-moz-transition-property: 0.35s;
-o-transition-property: 0.35s;
transition-property: 0.35s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.slick-slide {
position: relative;
}
.slick-list {
padding-top: 10px !important;
}
.slick-center {
position: relative;
}
.slick-center::before {
content: '';
position: absolute;
top: -50px;
z-index: 10;
border-style: solid;
border-width: 0 9.5px 10px 9.5px;
border-color: transparent transparent #374355 transparent;
}
.slick-prev, .slick-next {
width: 48px;
height: 48px;
background-color: rgba(55, 67, 85, 0.7);
border: 2px solid white;
z-index: 9;
-moz-border-radius: 50%;
border-radius: 50%;
}
.slick-prev::before, .slick-next::before {
content: '';
width: 100%;
height: 100%;
display: block;
}
.slick-prev {
left: 40px;
}
.slick-prev::before {
background: url("/local/templates/aist_portal_new/styles/../images/plugins/iconArrPr.png") center center no-repeat, transparent;
}
.slick-next {
right: 40px;
}
.slick-next::before {
background: url("/local/templates/aist_portal_new/styles/../images/plugins/iconArrNext.png") center center no-repeat, transparent;
}
.select2-container {
display: block;
font-family: 'latoregular';
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
background: url("/local/templates/aist_portal_new/styles/../images/arrow-icon.png") no-repeat center center;
width: 12px;
height: 7px;
margin-top: -4px;
position: absolute;
top: 50%;
right: 20px;
}
.select2-container--default:hover .select2-selection--single .select2-selection__arrow b {
background: url("/local/templates/aist_portal_new/styles/../images/arrow-icon-h.png") no-repeat center center;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow b {
background: url("/local/templates/aist_portal_new/styles/../images/arrow-icon-a.png") no-repeat center center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 30px;
color: #808b90;
}
.select2-container--default:hover .select2-selection--single .select2-selection__rendered {
color: #808b90;
}
.select2-container--default:focus .select2-selection--single .select2-selection__rendered {
color: #007e85;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border: 3px solid #007e85;
}
.select2-dropdown {
border: 3px solid #007e85;
background-color: #ffffff;
-moz-border-radius: 0;
border-radius: 0;
}
.select2-results__option {
padding: 12px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #f4f4f4;
color: #007e85;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a:active, a:focus {
outline: none;
}
input, textarea {
outline: none;
}
input:active, textarea:active {
outline: none;
}
button:active, button:focus {
outline: none;
}
:focus {
outline: none;
}
button::-moz-focus-inner {
border: 0;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
html {
-webkit-tap-highlight-color: transparent;
}
body {
/*background: url("/local/templates/aist_portal_new/styles/../images/main-background.png") repeat center center, #f6f6f6;
color: #333;
font-weight: 300;
font-size: 15px;
font-family: "Merriweather", serif;
line-height: 1.6;
-webkit-text-size-adjust: 100%;*/
/* overflow-x: hidden; */
}
a {
color: #333;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #000;
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
}
.img--right {
float: right;
margin-bottom: 24px;
margin-left: 24px;
}
.img--left {
float: left;
margin-right: 24px;
margin-bottom: 24px;
}
.img--center {
display: block;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0, 0, 0, 0);
overflow: hidden;
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
text-decoration: none;
background-image: none;
border: 3px solid transparent;
margin-right: 8px;
margin-bottom: 0;
font-family: 'ralewayblack';
padding: 9px 12px;
font-size: 13px;
line-height: 2.4;
-moz-border-radius: 0;
border-radius: 0;
height: 55px;
text-transform: uppercase;
min-width: 171px;
}
.btn:last-child {
margin-right: 0;
}
.btn:hover, .btn:focus, .btn.focus {
color: #8493a8;
text-decoration: none;
}
.btn--full {
display: block;
width: 100%;
}
.btn--full+.btn--full {
margin-top: 5px;
}
.btn--natural {
vertical-align: baseline;
font-size: inherit;
line-height: inherit;
padding-right: 0.5em;
padding-left: 0.5em;
}
.btn .icon {
height: 32px;
}
.btn .icon:before {
line-height: 30px;
}
.btn__icon--text {
padding: 0 4px;
}
.btn__icon--text .icon {
float: left;
margin: 0 8px;
}
.btn__icon--text .sign {
display: inline-block;
font-size: 10px;
line-height: 30px;
margin: 0 4px;
text-transform: uppercase;
}
.btn__text {
display: inline-block;
height: 32px;
line-height: 30px;
padding-right: 8px;
}
.btn__icon {
padding: 0;
width: 32px;
}
.btn__icon--left {
padding-left: 16px;
}
.btn__icon--left .icon {
position: absolute;
top: 0;
left: 8px;
}
.btn__icon-right {
padding-left: 16px;
}
.btn__icon-right .icon {
position: absolute;
top: 0;
right: 8px;
}
.btn--default {
color: #8493a8;
background-color: #fff;
border-color: #cad3df;
}
.btn--default:focus, .btn--default.focus {
color: #8493a8;
background-color: #f2f2f2;
border-color: #bac6d5;
}
.btn--default:hover {
color: #8493a8;
background-color: #f2f2f2;
border-color: #bac6d5;
}
.btn--default:active, .btn--default.active {
color: #8493a8;
background-color: white;
}
/*
.btn--primary {
color: #fff;
background-color: #152f3a;
border-color: #152f3a;
}
.btn--primary:focus, .btn--primary.focus {
color: #fff;
background-color: #204758;
border-color: #204758;
}
.btn--primary:hover {
color: #fff;
background-color: #204758;
border-color: #204758;
}
.btn--primary:active, .btn--primary.active {
background-color: #0e2027;
border-color: #0e2027;
-webkit-box-shadow: 0 -1px 0 0 black;
-moz-box-shadow: 0 -1px 0 0 black;
-o-box-shadow: 0 -1px 0 0 black;
box-shadow: 0 -1px 0 0 black;
}*/
.btn--success {
color: #fff;
background-color: #2db386;
border-color: #2db386;
}
.btn--success:focus, .btn--success.focus {
color: #fff;
background-color: #3bce9c;
border-color: #3bce9c;
}
.btn--success:hover {
color: #fff;
background-color: #3bce9c;
border-color: #3bce9c;
}
.btn--success:active, .btn--success.active {
background-color: #289f77;
border-color: #289f77;
-webkit-box-shadow: 0 -1px 0 0 #1d7255;
-moz-box-shadow: 0 -1px 0 0 #1d7255;
-o-box-shadow: 0 -1px 0 0 #1d7255;
box-shadow: 0 -1px 0 0 #1d7255;
}
.btn--info {
color: #fff;
background-color: #007e85;
border-color: #007e85;
}
.btn--info:focus, .btn--info.focus {
color: #fff;
background-color: #00a5ae;
border-color: #00a5ae;
}
.btn--info:hover {
color: #fff;
background-color: #00a5ae;
border-color: #00a5ae;
}
.btn--info:active, .btn--info.active {
background-color: #00666c;
border-color: #00666c;
-webkit-box-shadow: 0 -1px 0 0 #003133;
-moz-box-shadow: 0 -1px 0 0 #003133;
-o-box-shadow: 0 -1px 0 0 #003133;
box-shadow: 0 -1px 0 0 #003133;
}
.btn--warning {
color: #fff;
background-color: #f36d25;
border-color: #f36d25;
}
.btn--warning:focus, .btn--warning.focus {
color: #fff;
background-color: #f5874c;
border-color: #f5874c;
}
.btn--warning:hover {
color: #fff;
background-color: #f5874c;
border-color: #f5874c;
}
.btn--warning:active, .btn--warning.active {
background-color: #f15d0d;
border-color: #f15d0d;
-webkit-box-shadow: 0 -1px 0 0 #bc480a;
-moz-box-shadow: 0 -1px 0 0 #bc480a;
-o-box-shadow: 0 -1px 0 0 #bc480a;
box-shadow: 0 -1px 0 0 #bc480a;
}
.btn--danger {
color: #fff;
background-color: #d93636;
border-color: #d93636;
}
.btn--danger:focus, .btn--danger.focus {
color: #fff;
background-color: #df5858;
border-color: #df5858;
}
.btn--danger:hover {
color: #fff;
background-color: #df5858;
border-color: #df5858;
}
.btn--danger:active, .btn--danger.active {
background-color: #ce2727;
border-color: #ce2727;
-webkit-box-shadow: 0 -1px 0 0 #9f1e1e;
-moz-box-shadow: 0 -1px 0 0 #9f1e1e;
-o-box-shadow: 0 -1px 0 0 #9f1e1e;
box-shadow: 0 -1px 0 0 #9f1e1e;
}
.btn--transparent {
color: #007e85;
background-color: transparent;
border-color: #007e85;
}
.btn--transparent:focus, .btn--transparent.focus {
color: #007e85;
background-color: transparent;
border-color: #00666c;
}
.btn--transparent:hover {
color: #007e85;
background-color: transparent;
border-color: #00666c;
}
.btn--transparent:active, .btn--transparent.active {
color: #007e85;
background-color: #cbe5e7;
}
.btn__lg {
padding: 11px 16px;
font-size: 18px;
line-height: 1.6;
-moz-border-radius: 0;
border-radius: 0;
height: 55px;
}
.btn__sm {
padding: 7px 10px;
font-size: 14px;
line-height: 1.6;
-moz-border-radius: 0;
border-radius: 0;
height: 40px;
}
.btn__xs {
padding: 5px 8px;
font-size: 13px;
line-height: 1.6;
-moz-border-radius: 0;
border-radius: 0;
height: 35px;
}
.btn--round {
-moz-border-radius: 50px;
border-radius: 50px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 24px;
font-size: 22.5px;
line-height: inherit;
color: #333;
border: 0;
}
label {
display: block;
max-width: 100%;
margin-bottom: 5px;
color: #8493a8;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple], select[size] {
height: auto;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.form-control, .select2-container--default .select2-selection--single, .easy-autocomplete input {
display: block;
width: 100%;
height: 55px;
padding: 9px 12px;
font-size: 15px;
line-height: 1.6;
color: #54657e;
background-color: #fff;
background-image: none;
border: 3px solid #dcdcdc;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:hover, .select2-container--default .select2-selection--single:hover, .easy-autocomplete input:hover {
border-color: #a9a9a9;
}
.form-control:focus, .select2-container--default .select2-selection--single:focus, .easy-autocomplete input:focus {
border-color: #007e85;
background: #fff;
outline: 0;
}
.form-control::-moz-placeholder, .select2-container--default .select2-selection--single::-moz-placeholder {
color: #8493a8;
opacity: 1;
}
.form-control:-ms-input-placeholder, .select2-container--default .select2-selection--single:-ms-input-placeholder {
color: #8493a8;
}
.form-control::-webkit-input-placeholder, .select2-container--default .select2-selection--single::-webkit-input-placeholder {
color: #8493a8;
}
.geo-inner {
display: none;
}
textarea.form-control, .select2-container--default textarea.select2-selection--single {
height: auto;
resize: none;
font-family: 'latoregular';
}
select.form-control, .select2-container--default select.select2-selection--single {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="search"] {
-webkit-appearance: none;
}
.form-group {
margin-bottom: 20px;
}
.radio, .checkbox {
position: relative;
display: block;
font-family: 'latoregular';
}
.radio label, .checkbox label {
padding-left: 25px;
margin-bottom: 0;
cursor: pointer;
line-height: 1.6;
}
.radio label:after, .checkbox label:after {
content: '';
position: absolute;
top: 4px;
left: 0;
display: block;
width: 15px;
height: 15px;
border: 2px solid #dadada;
background-color: #fff;
}
.checkbox input[type="checkbox"] {
display: none;
}
.radio input[type="radio"] {
display: none;
}
.checkbox label:after {
-moz-border-radius: 0;
border-radius: 0;
}
.radio label:after {
-moz-border-radius: 50%;
border-radius: 50%;
}
.checkbox input[type="checkbox"]:checked+label {
color: #007e85;
}
.checkbox input[type="checkbox"]:checked+label:after {
background: url("/local/templates/aist_portal_new/styles/../images/icons/icoCheck.png") center center no-repeat, #fff;
}
.radio input[type="radio"]:checked+label {
color: #007e85;
}
.radio input[type="radio"]:checked+label:after {
background: url("/local/templates/aist_portal_new/styles/../images/icons/icoRadio.png") center center no-repeat, #fff;
}
.radio+.radio, .checkbox+.checkbox {
margin-top: 10px;
}
.radio--inline, .checkbox--inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio--inline+.radio--inline, .checkbox--inline+.checkbox--inline {
margin-top: 0;
margin-left: 10px;
}
.input__group {
position: relative;
display: table;
border-collapse: separate;
}
.input__group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input__group .form-control, .input__group .select2-container--default .select2-selection--single, .select2-container--default .input__group .select2-selection--single {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input__group img {
max-width: none;
vertical-align: middle;
}
.input__group--addon, .input__group--btn, .input__group .form-control, .input__group .select2-container--default .select2-selection--single, .select2-container--default .input__group .select2-selection--single {
display: table-cell;
}
.input__group--addon:not(:first-child):not(:last-child), .input__group--btn:not(:first-child):not(:last-child), .input__group .form-control:not(:first-child):not(:last-child), .input__group .select2-container--default .select2-selection--single:not(:first-child):not(:last-child), .select2-container--default .input__group .select2-selection--single:not(:first-child):not(:last-child) {
-moz-border-radius: 0;
border-radius: 0;
}
.input__group--addon, .input__group--btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input__group--addon {
padding: 9px 12px;
font-size: 15px;
font-weight: normal;
line-height: 1;
color: #54657e;
text-align: center;
background-color: #bbb;
border: 1px solid #dcdcdc;
-moz-border-radius: 0;
border-radius: 0;
}
.input__group--addon input[type="radio"], .input__group--addon input[type="checkbox"] {
margin-top: 0;
}
.input__group .form-control:first-child, .input__group .select2-container--default .select2-selection--single:first-child, .select2-container--default .input__group .select2-selection--single:first-child, .input__group--addon:first-child, .input__group--btn:first-child>.btn, .input__group--btn:first-child>.btn__group>.btn, .input__group--btn:last-child>.btn__group:not(:last-child)>.btn {
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}
.input__group_addon:first-child {
border-right: 0;
}
.input__group .form-control:last-child, .input__group .select2-container--default .select2-selection--single:last-child, .select2-container--default .input__group .select2-selection--single:last-child, .input__group--addon:last-child, .input__group--btn:last-child>.btn, .input__group--btn:last-child>.btn__group>.btn, .input__group--btn:first-child>.btn:not(:first-child), .input__group--btn:first-child>.btn__group:not(:first-child)>.btn {
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
}
.input__group--addon:last-child {
border-left: 0;
}
.input__group--btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input__group--btn>.btn {
position: relative;
min-width: inherit;
}
.input__group--btn>.btn+.btn {
margin-left: -1px;
}
.input__group--btn>.btn:hover, .input__group--btn>.btn:focus, .input__group--btn>.btn:active {
z-index: 2;
}
.input__group--btn:first-child>.btn, .input__group--btn:first-child>.btn__group {
margin-right: -1px;
}
.input__group--btn:last-child>.btn, .input__group--btn:last-child>.btn__group {
z-index: 2;
margin-left: 0;
}
@media print {
@page {
margin: 1cm;
size: A4 portrait;
}
*, ::before, ::after {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
.cell__xs-9, .cell {
display: block;
width: 100%;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.end__xs {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
img, aside, .page-header__bottom, .page-header__top, .page-header__rate, .page-header__in, footer, .cell__xs-3, .share, .share_right {
display: none !important;
}
.page-header__logo img {
display: block !important;
}
.article {
background: #fff;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h1 {
margin-top: 3rem;
}
h1, h2, h3 {
page-break-after: avoid;
}
h6, h6+ul, .donate, .button, .aside, .button-ui--back, .anchor-link, .translation-warning, .toc, [data-syntax='sass'], svg {
display: none;
}
.hidden--print {
display: none !important;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
margin-bottom: 24px;
}
.table img {
vertical-align: middle;
}
.table th, .table td {
padding: 8px;
line-height: 1.6;
vertical-align: top;
border: 1px solid #cad3df;
}
.table>thead th {
vertical-align: middle;
text-align: center;
font-weight: 500;
border: 1px solid #cad3df;
background-color: #eceff4;
}
.table>tbody+tbody {
border-top: 2px solid #cad3df;
}
.table .table {
background-color: #f6f6f6;
}
.table--condensed th, .table--condensed td {
padding: 5px;
}
.table--bordered {
border: 1px solid #cad3df;
}
.table--bordered th, .table--bordered td {
border: 1px solid #cad3df;
}
.table--bordered>thead td {
border-bottom-width: 2px;
}
.table--striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table--hover>tbody>tr:hover {
background-color: #f5f5f5;
}
.table--responsive {
min-height: .01%;
overflow-x: auto;
}
.t5 {
width: 5%;
}
.t10 {
width: 10%;
}
.t12 {
width: 12.5%;
}
/* 1/8 */
.t15 {
width: 15%;
}
.t20 {
width: 20%;
}
.t25 {
width: 25%;
}
/* 1/4 */
.t30 {
width: 30%;
}
.t33 {
width: 33.333%;
}
/* 1/3 */
.t35 {
width: 35%;
}
.t37 {
width: 37.5%;
}
/* 3/8 */
.t40 {
width: 40%;
}
.t45 {
width: 45%;
}
.t50 {
width: 50%;
}
/* 1/2 */
.t55 {
width: 55%;
}
.t60 {
width: 60%;
}
.t62 {
width: 62.5%;
}
/* 5/8 */
.t65 {
width: 65%;
}
.t66 {
width: 66.666%;
}
/* 2/3 */
.t70 {
width: 70%;
}
.t75 {
width: 75%;
}
/* 3/4*/
.t80 {
width: 80%;
}
.t85 {
width: 85%;
}
.t87 {
width: 87.5%;
}
/* 7/8 */
.t90 {
width: 90%;
}
.t95 {
width: 95%;
}
.numerical {
text-align: right;
}
h1, h2, h3, h4, h5, h6, .alpha, .beta, .gamma, .delta, .epsilon, .zeta {
font-family: "Raleway", Arial, sans-serif;
font-weight: 700;
line-height: 1.3;
color: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .alpha small, .beta small, .gamma small, .delta small, .epsilon small, .zeta small {
font-weight: normal;
line-height: 1;
}
h1, h2, h3 {
margin-top: 24px;
margin-bottom: 12px;
}
h1 small, h2 small, h3 small {
font-size: 65%;
}
h4, h5, h6 {
margin-top: 24px;
margin-bottom: 12px;
}
h4 small, h5 small, h6 small {
font-size: 75%;
}
h1, .alpha {
font-size: 30px;
}
h2, .beta {
font-size: 24px;
color: #152f3a;
}
h3, .gamma {
font-size: 18px;
text-transform: uppercase;
color: #152f3a;
}
h4, .delta {
font-size: 17px;
}
h5, .epsilon {
font-size: 18px;
}
h6, .zeta {
font-size: 14px;
}
p {
margin: 0 0 12px;
}
b {
font-family:"Merriweather", serif;
font-weight:bold;
}
.white-bg{
background:#fff;
padding:35px;
}
.text--left {
text-align: left;
}
.text--right {
text-align: right;
}
.text--center {
text-align: center;
}
.text--justify {
text-align: justify;
}
.text--nowrap {
white-space: nowrap;
}
.text--lowercase {
text-transform: none;
}
.text--uppercase {
text-transform: uppercase;
}
.text--capitalize {
text-transform: capitalize;
}
.text__xs {
font-size: 13px;
}
.text__sm {
font-size: 14px;
}
.text__md {
font-size: 16px;
}
.text__lg {
font-size: 18px;
}
.text--primary {
color: #152f3a;
}
a.text--primary:hover, a.text--primary:focus {
color: #071115;
}
.text--success {
color: #2db386;
}
a.text--success:hover, a.text--success:focus {
color: #238a67;
}
.text--info {
color: #007e85;
}
a.text--info:hover, a.text--info:focus {
color: #004e52;
}
.text--warning {
color: #f36d25;
}
a.text--warning:hover, a.text--warning:focus {
color: #d9540c;
}
.text--danger {
color: #e55c5c;
}
a.text--danger:hover, a.text--danger:focus {
color: #de3030;
}
.text--default {
color: #808b90;
}
a.text--default:hover, a.text--default:focus {
color: #677176;
}
ul, ol {
margin-top: 0;
/*margin-bottom: 12px; */
}
ul ul, ul ol, ol ul, ol ol {
margin-bottom: 0;
}
.list--unstyled {
padding-left: 0;
list-style: none;
}
.list--inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list--inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.list--bullet {
padding-left: 0;
list-style: none;
margin-left: 11px;
color: #808b90;
}
.list--bullet>li {
margin-bottom: 9.23077px;
}
.list--bullet>li:last-child {
margin-bottom: 0;
}
.list--bullet>li::before {
content: '';
background: url("/local/templates/aist_portal_new/styles/../images/line.png");
width: 15px;
height: 3px;
display: inline-block;
margin-right: 11px;
position: relative;
top: -5px;
}
.list--number {
counter-reset: items;
padding-left: 0;
margin-left: 11px;
}
.list--number>li {
margin-bottom: 9.23077px;
}
.list--number>li::before {
counter-increment: items 1;
content: counter(items, decimal) ".";
margin-right: 5px;
font-weight: 400;
}
.list--number>li:last-child {
margin-bottom: 0;
}
.blockquote {
position: relative;
}
.blockquote:before {
content: ',,';
font-size: 60px;
display: inline-block;
color: #007e85;
position: absolute;
top: -10px;
right: 0;
left: 0;
margin: auto;
line-height: 0;
font-family: 'ralewayextrabold';
}
.blockquote-body {
font-style: italic;
line-height: 1.8;
padding: 40.8px 24px 24px;
}
.blockquote-body p {
color: #152f3a;
}
.blockquote-footer {
position: relative;
padding: 24px 0;
}
.blockquote-footer::before {
content: '';
width: 59px;
height: 3px;
background-color: #152f3a;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.blockquote-footer b {
font-family: 'latobold';
}
.blockquote-footer p {
font-family: 'latoregular';
}
.blockquote p:last-child, .blockquote ul:last-child, .blockquote ol:last-child {
margin-bottom: 0;
}
/*
.page-footer {
color: rgba(255, 255, 255, 0.4);
background-color: #004658;
}
.page-footer__top {
padding: 40px 0 20px;
}
.page-footer__bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 30px 0;
}
.page-footer a {
color: #b7e2df;
font-family: 'latoregular';
}
.page-footer b {
color: rgba(255, 255, 255, 0.9);
font-family: 'latoheavy';
}
.page-footer li {
padding: 5px 0;
}
.page-footer .copyright {
font-size: 14px;
color: rgba(255, 255, 255, 0.4);
font-family: 'ralewayregular';
}
.page-header {
background-color: #ffffff;
font-size: 13px;
}
.page-header__bottom {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.page-header__bottom img {
vertical-align: middle;
}
.page-header__middle {
padding: 30px 0;
}
.page-header__middle a {
text-decoration: none;
}
.page-header__middle a:hover {
text-decoration: underline;
}
.page-header__logo {
font-family: 'ralewaysemibold';
}
.page-header__logo a {
font-size: 15px;
color: #636362;
}
.page-header__logo img {
vertical-align: middle;
float: left;
}
.page-header__logo h1 {
vertical-align: middle;
margin: 0;
margin-left: 26px;
display: inline-block;
font-size: 100%;
font-weight: normal;
line-height: 24px;
}
.page-header_title {
font-family: "Raleway", Arial, sans-serif;
font-size: 15px;
color: #636362;
vertical-align: middle;
margin: 0;
display: inline-block;
font-weight: normal;
line-height: 24px;
}
.page-header__middle .page-header_title:hover {
color: #636362;
text-decoration: none;
}
.page-header_title:active, .page-header_title:focus {
color: #636362;
text-decoration: none;
outline: none;
}
.page-header__logo img {
vertical-align: middle;
float: left;
margin-right: 26px;
}
.page-header__rate {
text-transform: uppercase;
font-family: 'ralewayblack';
}
.page-header__in ul,
.page-header__rate ul{-display: flex;
-align-items: center;-justify-content: end;}
.page-header__rate a {
color: #CC0522;
}
.page-header__in {
text-align:right;
text-transform: uppercase;
font-family: 'ralewayblack';
}
.page-header__in a {
color: #3AA69D;
}
.page-header__in img {
display:block;
}
.page-header__in li {
vertical-align: middle;
}
*/
.relative {
position: relative;
}
/*.search--body {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}*/
/*.search--body .form-control, .search--body .select2-container--default .select2-selection--single, .select2-container--default .search--body .select2-selection--single {
border: none;
}*/
/*.search--body .btn {
background: #fff;
}*/
/*.search--body a {
padding: 10px 20px;
}*/
.shadow {
overflow: hidden;
}
.shadow .shadow-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: rgba(21, 47, 58, 0.7);
}
.page-main {
padding-top: 20px;
padding-bottom: 20px;
}
/*
header, main, footer {
min-width: 1280px;
}*/
/*
aside {
width: 270px;
}
section {
width: 1010px;
}
*/
.text-template {
padding: 20px 0;
}
.main-template, .application, .contacts, .issue, div.opinion, .opinion-title, .opinion-info, .article-info, .search--main, .sitemap, .poll-title, .poll-body, .poll-footer, .edit, .edit-words, .blogs, .comments, .test {
padding: 35px;
background: #fff;
}
.mini_blogs{
padding-bottom: 16px;
}
.main-template h3, .application h3, .contacts h3, .issue h3, .opinion h3, .opinion-title h3, .opinion-info h3, .article-info h3, .search--main h3, .sitemap h3, .poll-title h3, .poll-body h3, .poll-footer h3, .edit h3, .edit-words h3, .blogs h3, .comments h3, .test h3 {
margin-top: 0;
}
.application {
color: #808b90;
}
.application h3, .application img {
margin-bottom: 30px;
}
.application h2 {
margin-top: 0;
}
.application hr {
background-color: #000;
}
.application a {
color: #007e85;
}
.application-page .blockquote-body {
padding-bottom: 0;
}
.application-page h3 {
margin: 30px 0;
text-transform: none;
font-family: "Merriweather", serif;
font-weight: 700;
}
.application-page img {
margin-bottom: 0;
}
.contacts {
border-bottom: 3px solid #f6f6f6;
padding-bottom: 120px;
}
.contacts h3 {
margin: 50px 0 30px;
}
.contacts h2 {
text-transform: uppercase;
}
.contacts a {
color: #007e85;
font-weight: bold;
}
.issue {
border-bottom: 3px solid #f6f6f6;
background: url("/local/templates/aist_portal_new/styles/../images/issue-back.png") no-repeat center top 100px, #fff;
}
.issue h3 {
text-transform: none;
margin-bottom: 0;
}
.issue h2 {
margin-top: 150px;
}
.issue hr {
background-color: #000;
}
.issue__item {
padding: 25px 0 15px;
}
.issue__item a {
color: #007e85;
}
.issue__item+.issue__item {
border-top: 3px solid #f6f6f6;
}
.opinion {
border-top: 3px solid #f6f6f6;
border-bottom: 3px solid #f6f6f6;
}
.opinion-list p, .opinion-list span {
font-family: 'latoregular';
}
.opinion-list__item {
margin-bottom: 30px;
}
.opinion h2 {
margin-top: 0;
font-size: 23px;
}
.opinion-title {
border-bottom: 3px solid #f6f6f6;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-moz-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.opinion-title h2 {
margin: 0;
}
.opinion-title ul {
margin: 0 50px;
}
.opinion-title a {
font-weight: 700;
color: #f36d25;
}
.opinion-title a.active {
color: #000;
text-decoration: underline;
}
.opinion-detail {
height: 424px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: url("/local/templates/aist_portal_new/styles/../images/opinion-img.jpg") no-repeat top center/cover;
}
.opinion-detail .inner {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
margin-top: auto;
}
.opinion-info a {
display: inline-block;
}
.opinion-info__item:not(:last-child) {
margin-bottom: 40px;
}
.opinion-info__item p {
/*color: #808b90;*/
color: #4c5356;
}
.opinion-info-detail p {
font-family: 'latoregular';
}
.opinion .blockquote-footer {
padding: 15px 0;
}
.opinion .blockquote-footer::before {
right: auto;
}
.opinion-main+.opinion-main {
margin-top: 30px;
}
.opinion-let {
background-color: #f5f5f5;
color: #000000;
padding: 4px 15px;
display: inline-block;
text-align: center;
font-weight: 700;
margin-bottom:20px;
font-size: 24px;
}
.opinion__item {
margin-bottom: 40px;
}
.opinion-border {
border-left: 2px solid #ececec;
border-right: 2px solid #ececec;
}
.paginator {
background-color: #fff;
border-top: 1.5px solid #f6f6f6;
min-weight: 440px;
}
.tags-txt {
color: #fff;
background-color: #a0b9e1;
padding: 0 5px;
font-family: 'ralewaybold';
font-size: 13px;
display: inline-block;
}
.share {
padding: 29px;
margin-bottom: 15px;
text-align: center;
border-top: 3px solid #f6f6f6;
background: url("/local/templates/aist_portal_new/styles/../images/social-img-2.png") no-repeat bottom left, url("/local/templates/aist_portal_new/styles/../images/social-img-1.png") no-repeat bottom right, #fff;
}
.share li, .share img {
vertical-align: middle;
}
.share li{
padding-left: 10px;
padding-right: 10px;
}
.share ul {
margin: 0;
}
.share_right {
padding: 12px;
margin-bottom: 15px;
text-align: center;
border-top: 3px solid #f6f6f6;
background: url("/local/templates/aist_portal_new/styles/../images/social-img-2.png") no-repeat bottom left, url("/local/templates/aist_portal_new/styles/../images/social-img-1.png") no-repeat bottom right, #fff;
}
.share_right li, .share_right img {
vertical-align: middle;
}
.share_right li{
padding-left: 18px;
padding-right: 18px;
}
.share_right ul {
margin: 0;
}
.page-404, .page-500 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 130px 0;
}
.page-404__item, .page-500__item {
margin: 17px;
}
.page-404 h1, .page-500 h1 {
font-size: 118px;
line-height: 0.6;
}
.page-404 h2, .page-500 h2 {
color: #244858;
font-family: 'latoregular';
}
.page-500 {
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 170px;
padding: 0;
}
hr {
margin-left: 0;
border: none;
width: 61px;
height: 2px;
background-color: #ffffff;
}
.article {
padding: 30px;
color: #fff;
background: url("/local/templates/aist_portal_new/styles/../images/img-article-920.jpg") no-repeat top center/cover;
}
a.oglavleniye {
display: inline-block;
float: right;
/* position: absolute; */
z-index: 1;
color: #007e85;
font-family: "ralewaybold";
font-size: 15px;
font-weight: 300;
line-height: 1.6;
display: inline-block;
border: 2px solid #007e85;
padding: 6px 12px;
/* top: 15px; */
margin-top: -35px;
}
.small-btn-quest{
width:135px
}
.article h3 {
margin-top: 0;
color: #fff;
}
.article a {
color: #fff;
text-shadow: 0px 1px 2px #000;
}
.article p {
text-shadow: 1px 1px 2px black
}
.article-info__item + .article-info__item p,
.article-info h2 ~ p,
.article-info h1 ~ p {
text-align: justify;
}
.article__title {
font-size: 30px;
margin-top: 13px;
max-width: 70%;
text-shadow: 1px 1px 2px black
}
.article__title_main {
max-width: 55%;
}
.article__title_lawer {
max-width: 70%;
margin-bottom: 0;
}
.article--banner-title{
font-size: 30px;
margin-top: 13px;
font-family: Raleway, Arial, sans-serif;
font-weight: bold;
max-width: 70%;
text-shadow: 1px 1px 2px black;
line-height: 39px;
}
.article--main {
padding: 60px;
}
.article--title {
padding: 33px 40px;
background-color: #fff;
overflow: hidden;
}
.article--title .oglavleniye {
margin-top: 0;
}
.article--title h2 {
margin: 0;
}
.article--title h1 {
margin:0 0 30px 0;
text-transform:uppercase;
font-size:24px;
}
.article--title .article__title_lawer {
margin-bottom: 0;
}
.article-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: #fff;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.article-items__item {
width: 33.333333%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1.5px solid #f6f6f6;
}
.article-items__item .inner {
padding: 30px;
}
.article-items__item--half {
width: 66.666666%;
}
.article-items__item--back h2, .article-items__item--back p, .article-items__item--back a {
color: #fff;
}
.article-items__item--back span.white {
color: #fff;
}
.article-items__item--back h2 {
text-shadow: 0 0 3px rgba(0, 0, 0, 0.61);
}
.article-items__item--back .inner {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: auto;
}
.article-items__item--noimg .inner {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: auto;
}
.article-items__item h2 {
margin-top: 10px;
margin-bottom: 17px;
}
.article-items__item b {
display: block;
}
.article-items__item .img {
vertical-align: middle;
}
.article-detail {
height: 424px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: url("/local/templates/aist_portal_new/styles/../images/article-img-10.jpg") no-repeat top center/cover;
}
.article-detail h1 {
max-width: inherit;
}
.article-detail .inner {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
margin-top: auto;
}
.article-detail--magaz {
background: url("/local/templates/aist_portal_new/styles/../images/article-magaz.jpg") no-repeat top center/cover;
}
.article-detail--practice {
background: url("/local/templates/aist_portal_new/styles/../images/article-practice.jpg") no-repeat top center/cover;
}
.article-info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.article-info .blockquote-body {
padding: 40.8px 0 24px;
}
.article-info b.text__lg {
font-family: 'latobold';
}
.article-info hr {
background-color: #152f3a;
margin: auto;
}
.article-info .media__img+a {
display: block;
text-decoration: none;
}
.opinion-info ul, .article-info ul {
list-style: disc;
padding-left: 30px;
}
.opinion-info ul li, .article-info ul li {
margin-bottom: 10px;
}
li p {
display: inline;
}
.opinion-info i, .article-info i {
font-style: italic;
}
.opinion-info blockquote, .article-info blockquote {
padding-left: 30px;
}
.article-info__item.cell__xs-3 a {
display: block;
}
.article-info__item ul {
padding-left: 20px;
text-align: left;
}
.article-info__links {
margin-top: 160px;
padding-right: 30px;
}
.article-info__links .item > a {display:block}
.article-info__links .item {
margin-bottom: 10px;
}
.article-info__item+.article-info__item {
margin-left: 20px;
}
.article-info__item ul li, .article-info__item>p {
/* color: #808b90; */
color: #4c5356
}
.article-info__links a:hover, .article-info a:hover {
text-decoration: underline;
}
.article-info__item>p.text--primary {
color: #152f3a;
}
.article-info__item .text--default {
font-family: 'latoregular';
font-size: 12px;
}
.article-info__item a{
// text-decoration: none;
}
.article-info__item a:hover{
text-decoration: none;
}
.article-info__item .media__img{
position: absolute;
}
.article-info__item > a .text--info{
height: 68px;
display: table-cell;
vertical-align: middle;
padding-left: 80px;
}
.article-info__item > a .text--info1{
height: 68px;
display: table-cell;
vertical-align: middle;
}
.search {
font-family: 'latoregular';
height: 100%;
}
.search--control {
margin-bottom: 25px;
position: relative;
}
.search--control button {
position: absolute;
top: 3px;
right: 3px;
height: 49px;
background: #fff;
min-width: inherit;
}
.search--control .form-control, .search--control .select2-container--default .select2-selection--single, .select2-container--default .search--control .select2-selection--single {
padding-right: 60px;
}
.search--control img {
vertical-align: text-bottom;
}
.search--main {
min-height: -webkit-calc(100% - 71px);
min-height: -moz-calc(100% - 71px);
min-height: calc(100% - 71px);
}
.search--main__item {
margin-top: 30px;
}
.search--main__item h3 {
font-weight: 100;
font-family: inherit;
}
.search--main__item b {
font-weight: 700;
font-family: inherit;
}
.search .pagination {
background-color: #fff;
border-top: 3px solid #f6f6f6;
}
.sitemap {
font-family: 'latoregular';
min-height: -webkit-calc(100% - 41px);
min-height: -moz-calc(100% - 41px);
min-height: calc(100% - 41px);
}
.sitemap a {
color: #007e85;
}
.sitemap h2 {
margin-top: 0;
}
.sitemap li {
margin: 5px 0;
}
.sitemap ul+ul {
margin-top: 40px;
}
.sitemap .parent {
margin-bottom: 10px;
}
.sitemap .parent:after {
content: '';
background: url("/local/templates/aist_portal_new/styles/../images/arr-d.png") center center no-repeat;
width: 10px;
height: 7px;
display: inline-block;
margin-left: 9px;
}
.poll {
min-height: -webkit-calc(100% - 137px);
min-height: -moz-calc(100% - 137px);
min-height: calc(100% - 137px);
background-color: #fff;
}
.poll li {
vertical-align: middle;
}
.poll-title {
border-bottom: 3px solid #f6f6f6;
background: url("/local/templates/aist_portal_new/styles/../images/poll-img.png") no-repeat right bottom, #fff;
font-family: 'latoregular';
}
.poll-title h1 {
margin: 0;
}
.poll-results {
font-family: 'latoregular';
color: #152f3a;
}
.poll__result {
background-color: #f3a971;
padding: 10px 20px;
margin-bottom: 6px;
}
.poll-body {
font-family: 'latoregular';
}
.poll-body hr {
background-color: #152f3a;
margin-bottom: 20px;
}
.poll-body__item {
margin-bottom: 25px;
}
.poll-body__item h5 {
margin-top: 12px;
}
.poll-body__num {
font-size: 24px;
color: #000000;
background-color: #f5f5f5;
font-family: 'latoheavy';
display: inline-block;
padding: 4px 16px;
}
.poll-body__num sup {
color: #a4acaf;
font-size: 14px;
vertical-align: text-top;
}
.poll-footer {
font-family: 'latoregular';
border-top: 3px solid #f6f6f6;
}
.poll-footer h2 {
margin-top: 0;
}
.poll-footer p {
color: #808b90;
font-size: 18px;
}
.poll-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: #fff;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.poll-items__item {
width: 33.333333%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1.5px solid #f6f6f6;
padding: 30px;
min-height: 340px;
}
.poll-items__item--s {
background-color: #dbf5f4;
}
.poll-items__item--d {
background-color: #ffe4d1;
}
.poll-items__item>div {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.poll-items__item .num {
text-align: right;
}
.poll-items__item .img {
margin-bottom: 18px;
}
.poll-items__item .title {
margin-bottom: 22px;
max-width: 75%;
}
.poll-items__item .link {
text-align: right;
margin-top: auto;
}
.edit {
border-bottom: 3px solid #f6f6f6;
}
.edit__item {
margin-bottom: 20px;
display: block;
}
.edit__item img {max-width: 296px;width:100%;}
.edit h2 {
margin-top: 0;
margin-bottom: 30px;
}
.edit p {
color: #808b90;
}
.edit-words h2 {
margin-top: 0;
margin-bottom: 30px;
}
.edit-words p {
font-style: italic;
color: #808b90;
}
.edit-words hr {
background-color: #000;
}
.blogs {
border-top: 3px solid #f6f6f6;
}
.blogs__row {
margin-bottom: 30px;
}
.blogs__row:last-child {
margin-bottom: 0px;
}
@media screen and (max-width: 1299px) {
.blogs__row {
margin-bottom: 0px;
}
}
.blogs h2 {
margin-top: 0;
}
.blogs-main {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
color: #fff;
min-height: 320px;
padding: 30px;
background: url("/local/templates/aist_portal_new/styles/../images/img-blogs.jpg") no-repeat center center/cover;
}
@media screen and (max-width: 1299px) {
.blogs-main {
margin-bottom: 20px;
}
}
.blogs-main h2, .blogs-main .media, .blogs-main a {
margin-top: 0;
color: #fff;
text-shadow: 1px 1px 2px black;
}
.blogs__item {
padding-bottom: 30px;
}
.blogs__item+.blogs__item {
padding-top: 11px;
border-top: 2px solid #ececec;
}
.comments {
border-top: 3px solid #f6f6f6;
}
.comments h3 {
margin-bottom: 30px;
}
.test {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 0;
font-family: 'latoregular';
border-top: 3px solid #f6f6f6;
width: auto;
margin-left: 0;
height: auto;
}
.test+.article--title {
border-top: 3px solid #f6f6f6;
}
.test h3 {
text-transform: none;
}
.test__item {
width: 50%;
padding: 30px;
min-height: 271px;
}
.test__item--1 {
border-right: 3px solid #f6f6f6;
background: url("/local/templates/aist_portal_new/styles/../images/img-test-1.png") no-repeat bottom right;
}
.test__item--2 {
background: url("/local/templates/aist_portal_new/styles/../images/img-test-2.png") no-repeat bottom right;
}
.test__item--2 .radio input[type="radio"]:checked+label {
color: #f36d25;
}
.test__item--2 .radio input[type="radio"]:checked+label:after {
background: url("/local/templates/aist_portal_new/styles/../images/icons/icoRadio-w.png") center center no-repeat, #fff;
}
.test__item--next {
display: none;
margin-top: 10px;
}
.type {
background-color: #ffffff;
margin-top: 20px;
padding: 20px 0;
}
.type .blockquote-footer {
padding: 24px;
}
.tabs__caption {
margin-top: 22px;
margin-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
font-family: 'latobold';
color: #fff;
}
.tabs__caption li {
width: 33.33333%;
box-sizing: border-box;
padding: 5px 10px;
background: rgba(0,0,0,0.3);
cursor: pointer;
}
.tabs__caption li+li {
position: relative;
}
.tabs__caption li+li::before {
content: '';
height: 47px;
width: 2px;
position: absolute;
top: 8px;
left: -7px;
background: #fff;
}
.tabs__caption .active {
color: rgba(255, 255, 255, 0.3);
}
.tabs__content {
display: none;
}
.tabs__content.active {
display: block;
}
.breadcrumbs {
padding: 0;
margin-bottom: 20px;
list-style: none;
background-color: transparent;
font-family: 'latobold';
font-size: 13px;
}
.breadcrumbs>li {
display: inline-block;
}
.breadcrumbs>li a {
color: #808b90;
}
.breadcrumbs>li+li:before {
content: " > ";
padding: 0 5px;
color: #808b90;
}
.breadcrumbs>li.active {
color: #b2b8bb;
}
.breadcrumbs>li.active a {
color: #b2b8bb;
}
.container, .browsehappy {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
/*width: 1280px;*/
}
.row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.row.reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
flex-direction: row-reverse;
}
.cell.reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
flex-direction: column-reverse;
}
.cell {
/*-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
-moz-box-flex: 0;
flex: 0 0 auto;*/
padding-left: 15px;
padding-right: 15px;
}
.cell__xs-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.cell__xs-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.cell__xs-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%;
}
.cell__xs-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.cell__xs-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.cell__xs-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%;
}
.cell__xs-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.cell__xs-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.cell__xs-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%;
}
.cell__xs-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.cell__xs-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.cell__xs-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%;
}
.start__xs {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
-moz-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center__xs {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-moz-box-pack: center;
justify-content: center;
text-align: center;
}
.end__xs {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
-moz-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top__xs, .media {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
-moz-box-align: start;
align-items: flex-start;
}
.middle__xs {
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
-moz-box-align: center;
align-items: center;
}
.bottom__xs {
-webkit-align-items: flex-end;
-ms-flex-align: end;
-webkit-box-align: end;
-moz-box-align: end;
align-items: flex-end;
}
.around__xs, .tabs__caption {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between__xs {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-moz-box-pack: justify;
justify-content: space-between;
}
.first__xs {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
order: -1;
}
.last__xs {
-webkit-order: 1;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
order: 1;
}
.media {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
color: #808b90;
}
.media+.media {
margin-top: 30px;
}
.media-sub {
background-color: #f8f8f8;
padding: 30px 20px !important;
}
.media-sub-sub {
padding-left: 50px !important;
}
.media-sub .media {
margin-top: 20px;
}
.media__body {
overflow: hidden;
margin-top: 15px;
}
.media__body p {
margin: 0;
font-family: 'latoregular';
}
.media__img {
text-align: center;
padding: 4px;
margin-right: 10px;
display: inline-block;
background: url("/local/templates/aist_portal_new/styles/../images/imgAva-border.png") no-repeat center center, #fff;
border-radius: 50px;
height: 68px;
width: 68px;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.media__img_article_author {
/*text-align: left;*/
margin-right: 10px;
display: block;
}
.media__img_article_author img {
vertical-align: middle;
}
.media__img--rev {
margin-left: 10px;
}
.media__img a {
display: block;
width: 60px;
height: 60px;
line-height: 60px;
}
.media__title {
font-size: 17px;
}
.media__img img, .media__img--rev img {
vertical-align: middle;
border-radius: 50px;
}
.media__body, .media__body> :last-child {
margin-bottom: 0;
}
/*
.nav ul {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav ul:before, .nav ul:after {
content: " ";
display: table;
}
.nav ul:after {
clear: both;
}
.nav li {
-position: relative;
-display: inline-block;
-padding: 10px 15px;
}
.nav li a {
-position: relative;
-text-transform: uppercase;
-color: #152f3a;
-display: block;
-font-family: 'ralewayextrabold';
-text-decoration: none;
-background-color: transparent;
}
.nav li:hover>a, .nav li:focus>a {
text-decoration: underline;
}
.nav li>a>img {
max-width: none;
}
.nav__justified {
width: 100%;
}
.nav__justified li {
float: none;
vertical-align: middle;
padding: 17px 0;
}
.nav__justified li {
display: table-cell;
box-sizing:border-box;
// width: 1%;
padding-left: 35px;
}
.nav__justified li>a {
margin-bottom: 0;
}
*/
.main-nav__item.parent {
position: relative;
}
.dropdown-menu {
display: none;
background: #fff;
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
width: 100%;
border-top: 1px solid #e7e7e7;
}
.parent:hover .dropdown-menu {
display: block;
z-index: 99999;
}
.dropdown-menu li {
display: block;
width: 100%;
padding: 0;
}
.dropdown-menu li a {
padding: 10px;
border-bottom: 1px solid #e7e7e7;
}
.nav__fixed-top {
position: fixed;
right: 0;
left: 0;
top: 0;
border-width: 0 0 1px;
z-index: 1030;
}
.sub-nav li {
display: block;
}
.sub-nav li a {
padding-left: 30px;
}
.sub-nav li a:hover {
background: #ff9500;
}
@media (min-width: 768px) {
.sub-nav {
display: none;
position: absolute;
background: #ccc;
top: 100%;
right: 0;
min-width: 200px;
}
li:hover .sub-nav {
display: block;
}
.sub-nav a {
padding-left: 15px;
}
}
.main-nav__toggle {
display: none;
}
.main-nav__collapse {
display: block;
width: auto;
}
.navbar {
position: relative;
}
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
@media (min-width: 768px) {
.navbar__left {
float: left;
}
.navbar__right {
float: right;
}
}
.pager {
padding-left: 0;
margin: 24px 0;
list-style: none;
text-align: center;
font-size: 15px;
}
.pager:before, .pager:after {
content: " ";
display: table;
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li>a, .pager li>span {
display: inline-block;
text-decoration: none;
padding: 5px 14px;
height: 40px;
line-height: 28px;
}
.pager li>a.arr, .pager li>span.arr {
width: 40px;
background-color: #fff;
border: 1px solid #cad3df;
-moz-border-radius: 50px;
border-radius: 50px;
}
.pager li>a:hover, .pager li>a:focus {
text-decoration: none;
color: #000;
background-color: #152f3a;
border-color: #152f3a;
}
.pager .next>a, .pager .next>span {
float: right;
}
.pager .previous>a, .pager .previous>span {
float: left;
}
.pagination {
display: block;
padding: 6px 0;
margin: 0;
text-align: center;
font-family: 'latoheavy';
}
.pagination__item {
display: inline-block;
text-transform: uppercase;
margin-left: -5px;
padding: 13px;
}
.pagination__item a, .pagination__item span {
position: relative;
font-size: 15px;
float: left;
line-height: 1.6;
text-decoration: none;
color: #f36d25;
}
.pagination__item:first-child a, .pagination__item:first-child span {
margin-left: 0;
}
.pagination__item a:hover, .pagination__item a:focus, .pagination__item span:hover, .pagination__item span:focus {
z-index: 3;
color: #000;
}
.pagination__item.active a, .pagination__item.active a:hover, .pagination__item.active a:focus, .pagination__item.active span, .pagination__item.active span:hover, .pagination__item.active span:focus {
z-index: 2;
color: #000;
cursor: default;
}
.padtop0 {
padding-top: 0px;
}
.padbot0 {
padding-bottom: 0px;
}
.padtop10 {
padding-top: 10px;
}
.padbot10 {
padding-bottom: 10px;
}
.padtop20 {
padding-top: 20px;
}
.padbot20 {
padding-bottom: 20px;
}
.padtop30 {
padding-top: 30px;
}
.padbot30 {
padding-bottom: 30px;
}
.padtop40 {
padding-top: 40px;
}
.padbot40 {
padding-bottom: 40px;
}
.padtop50 {
padding-top: 50px;
}
.padbot50 {
padding-bottom: 50px;
}
.padtop60 {
padding-top: 60px;
}
.padbot60 {
padding-bottom: 60px;
}
.padtop70 {
padding-top: 70px;
}
.padbot70 {
padding-bottom: 70px;
}
.padtop80 {
padding-top: 80px;
}
.padbot80 {
padding-bottom: 80px;
}
.padtop90 {
padding-top: 90px;
}
.padbot90 {
padding-bottom: 90px;
}
.padtop100 {
padding-top: 100px;
}
.padbot100 {
padding-bottom: 100px;
}
.margright0 {
margin-right: 0px;
}
.margbot0 {
margin-bottom: 0px;
}
.margtop0 {
margin-top: 0px;
}
.margright10 {
margin-right: 10px;
}
.margbot10 {
margin-bottom: 10px;
}
.margtop10 {
margin-top: 10px;
}
.margright20 {
margin-right: 20px;
}
.margbot20 {
margin-bottom: 20px;
}
.margtop20 {
margin-top: 20px;
}
.margright30 {
margin-right: 30px;
}
.margbot30 {
margin-bottom: 30px;
}
.margtop30 {
margin-top: 30px;
}
.margright40 {
margin-right: 40px;
}
.margbot40 {
margin-bottom: 40px;
}
.margtop40 {
margin-top: 40px;
}
.margright50 {
margin-right: 50px;
}
.margbot50 {
margin-bottom: 50px;
}
.margtop50 {
margin-top: 50px;
}
.margright60 {
margin-right: 60px;
}
.margbot60 {
margin-bottom: 60px;
}
.margtop60 {
margin-top: 60px;
}
.margright70 {
margin-right: 70px;
}
.margbot70 {
margin-bottom: 70px;
}
.margtop70 {
margin-top: 70px;
}
.margright80 {
margin-right: 80px;
}
.margbot80 {
margin-bottom: 80px;
}
.margtop80 {
margin-top: 80px;
}
.margright90 {
margin-right: 90px;
}
.margbot90 {
margin-bottom: 90px;
}
.margtop90 {
margin-top: 90px;
}
.margright100 {
margin-right: 100px;
}
.margbot100 {
margin-bottom: 100px;
}
.margtop100 {
margin-top: 100px;
}
.close {
float: right;
font-size: 17.646px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: none;
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
opacity: 1;
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
-o-opacity: 0.5;
opacity: 0.5;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.form-control-sub, input {
display: block;
/* width: 100%;*/
padding: 1px 5px;
font-size: 15px;
line-height: 1.6;
color: #54657e;
background-color: #fff;
border: 3px solid #dcdcdc;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control-sub-min, input {
display: block;
width: 100%;
padding: 1px 5px;
font-size: 15px;
line-height: 1.6;
color: #54657e;
background-color: #fff;
border: 3px solid #dcdcdc;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.btn -sub {
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
text-decoration: none;
background-image: none;
border: 3px solid transparent;
margin-right: 8px;
margin-bottom: 0;
font-family: 'ralewayblack';
font-size: 12px;
-moz-border-radius: 0;
border-radius: 0;
height: 35px;
text-transform: uppercase;
min-width: 171px;
}
.article-info ol[type="I"] {
list-style-type: upper-roman;
}
.article-info ol {
list-style-type: decimal;
text-align:justify;
padding-left:20px;
}
.page-index .article-items__item .img {
width:100%;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.adviceLawyerLinks {
position:relative;
}
.adviceLawyerLinks a {
position:absolute;
z-index:1;
color: #007e85;
font-family: "ralewaybold";
font-size: 15px;
font-weight: 300;
line-height: 1.6;
display:inline-block;
border:2px solid #007e85;
padding:6px 12px;
top:15px;
}
.adviceLawyerLinks a:first-child {
left:15px;
}
.adviceLawyerLinks a:last-child {
right:15px;
}
.form-control.error {
border-color:red;
}
.advice-lawyer-table-contents a {
color: #007e85;
}
.article--title {
position:relative;
}
.advice-lawyer-table-contents-sort {
position:absolute;
right:20px;
top:20px;
}
.advice-lawyer-table-contents-sort > span, .advice-lawyer-table-contents-sort > form {
display:inline-block;
vertical-align:middle;
}
.advice-lawyer-table-contents-sort > span {
margin-right:15px;
}
.advice-lawyer-table-contents-sort > form select {
width:200px;
}
.blog-comment-fields{
margin-top: 25px;
margin-bottom: 25px;
}
.blog-comment-fields .blog-comment-buttons input{
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
text-decoration: none;
border: 3px solid transparent;
margin-right: 8px;
margin-bottom: 0;
font-family: 'ralewayblack';
padding: 9px 12px;
font-size: 13px;
line-height: 2.4;
-moz-border-radius: 0;
border-radius: 0;
height: 55px;
text-transform: uppercase;
min-width: 171px;
max-width: 209px;
color: #007e85;
background-color: transparent;
border-color: #007e85;
margin-top: 25px;
}
.blog-comment-fields input{
height: 55px;
padding: 9px 12px;
}
.blog-comment-field-user .blog-comment-field-text{
display: inline-block;
width: 120px;
}
.blog-comment-field-user .blog-comment-field-text + span, .blog-comment-field-user .blog-comment-field-text > span, .blog-comment-field-user .blog-comment-field-text > label{
display: inline-block;
}
.blog-comment-field-author{
float: left;
}
.blog-comment-field-user-sep{
display: none;
}
.blog-comment-fields .bxlhe-frame {
margin-top: 25px;
margin-bottom: 25px;
border: 3px solid #dcdcdc;
}
.blog-comment-field-captcha{
float: left;
}
.blog-comment-field-captcha .blog-comment-field-captcha-label{
display: inline-block;
}
.blog-comment-field-captcha .blog-comment-field-captcha-label label, .blog-comment-field-captcha .blog-comment-field-captcha-label input{
display: inline-block;
}
.blog-comment-field-captcha .blog-comment-field-captcha-image{
display: inline-block;
}
.blog-comment-field-captcha .blog-comment-field-captcha-image div{
margin-bottom: -15px;
}
.Zebra-Red-2 td{
padding: 10px;
font-weight: 700;
}
.otsenka-variantov tbody{
width: 680px;
display: block;
overflow-x: auto;
/* width: 100%;*/
font-size: 13px;
}
.otsenka-variantov tr:nth-child(even){
background:#EEEEEE;
}
.otsenka-variantov tr:nth-child(odd){
background:#fff;
}
.otsenka-variantov tr:first-child {
background: #36BFC5;
border: 1px solid;
}
.otsenka-variantov td {
font-weight: 700;
border: 1px solid;
padding: 10px;
vertical-align: middle;
/*min-width:150px*/
}
.otsenka-variantov-wrap {
overflow-x: auto;
width:100%;
}
.article-info p.mobile-margbot0 a{
display: inline-block;
width: 100%;
}
.article-info__item a.btn {
text-decoration: underline;
}
.article-info__item a.btn:hover{
text-decoration: none;
}
.article-base{
font-size: 70%;
font-style: italic;
}
h2.more_materials{
padding: 10px; text-align: center; width: 100%;
}
.articles_bottom_layer{
margin-top: 10px;
width:100%;
}
.spec_tex_center{
text-align: center !important;
}
/*topic_materials*/
.topic_materials{
width: 100%;
text-align: center;
}
.topic_materials > div{
display: inline-block;
}
.topic_materials > div a{
border-color: #a0b9e1;
background-color: #a0b9e1;
color: #494949;
font-size: 18px;
line-height: 1.8;
font-weight: 100;
width: 323px;
background-repeat: no-repeat;
}
.topic_materials > div:first-of-type a{
background-color: transparent;
background-image: url("/local/templates/aist_portal_new/styles/../images/arrow-review-blue.png");
background-position: 260px 14px;
}
.topic_materials > div:nth-of-type(2) a{
background-image: url("/local/templates/aist_portal_new/styles/../images/arrow-review-white.png");
background-position: 275px 12px;
}
.topic_materials > div a:hover, .topic_materials > div a:active, .topic_materials > div a:focus{
border-color: #a0b9e1;
color: #494949;
text-decoration: none;
}
.topic_materials > div:nth-of-type(2) a:hover, .topic_materials > div:nth-of-type(2) a:active, .topic_materials > div:nth-of-type(2) a:focus{
background-color: #a0b9e1;
}
@media(max-width: 400px){
.topic_materials > div a{
width: 250px;
}
}
.opinion-inner .container{
width:unset;
}
/*topic_materials end*/
.page-header__bottom, .page-header__top {
/* padding: 10px 0;*/
height: 45px;
vertical-align: top;
margin:auto;
}
p.margbot30.mobile-margbot0 {
width: 80%;
}
main.page-inner {
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) {
.is-row, .news__item {
margin-left: -15px;
margin-right: -15px; }
}
/* End */
/* Start:/local/templates/aist_portal_new/styles/adaptive.css?156171585019678*/
@media (min-width: 520px) {
.cell__sm-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.cell__sm-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.cell__sm-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%; }
.cell__sm-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.cell__sm-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.cell__sm-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%; }
.cell__sm-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.cell__sm-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.cell__sm-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%; }
.cell__sm-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.cell__sm-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.cell__sm-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%; }
.start__sm {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
-moz-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center__sm {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-moz-box-pack: center;
justify-content: center;
text-align: center; }
.end__sm {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
-moz-box-pack: end;
justify-content: flex-end;
text-align: end; }
.top__sm {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
-moz-box-align: start;
align-items: flex-start; }
.middle__sm {
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
-moz-box-align: center;
align-items: center; }
.bottom__sm {
-webkit-align-items: flex-end;
-ms-flex-align: end;
-webkit-box-align: end;
-moz-box-align: end;
align-items: flex-end; }
.around__sm {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.between__sm {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-moz-box-pack: justify;
justify-content: space-between; }
.first__sm {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
order: -1; }
.last__sm {
-webkit-order: 1;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
order: 1; } }
@media (min-width: 780px) {
.cell__md-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.cell__md-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.cell__md-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%; }
.cell__md-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.cell__md-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.cell__md-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%; }
.cell__md-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.cell__md-8, .transfer--help .notice {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.cell__md-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%; }
.cell__md-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.cell__md-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.cell__md-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%; }
.start__md {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
-moz-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center__md {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-moz-box-pack: center;
justify-content: center;
text-align: center; }
.end__md {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
-moz-box-pack: end;
justify-content: flex-end;
text-align: end; }
.top__md {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
-moz-box-align: start;
align-items: flex-start; }
.middle__md {
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
-moz-box-align: center;
align-items: center; }
.bottom__md {
-webkit-align-items: flex-end;
-ms-flex-align: end;
-webkit-box-align: end;
-moz-box-align: end;
align-items: flex-end; }
.around__md {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.between__md {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-moz-box-pack: justify;
justify-content: space-between; }
.first__md {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
order: -1; }
.last__md {
-webkit-order: 1;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
order: 1; } }
@media (min-width: 1300px) {
.cell__lg-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.cell__lg-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.cell__lg-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%; }
.cell__lg-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.cell__lg-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.cell__lg-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%; }
.cell__lg-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.cell__lg-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.cell__lg-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%; }
.cell__lg-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.cell__lg-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.cell__lg-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%; }
.start__lg {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
-webkit-box-pack: start;
-moz-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center__lg {
-webkit-justify-content: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-moz-box-pack: center;
justify-content: center;
text-align: center; }
.end__lg {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
-webkit-box-pack: end;
-moz-box-pack: end;
justify-content: flex-end;
text-align: end; }
.top__lg {
-webkit-align-items: flex-start;
-ms-flex-align: start;
-webkit-box-align: start;
-moz-box-align: start;
align-items: flex-start; }
.middle__lg {
-webkit-align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
-moz-box-align: center;
align-items: center; }
.bottom__lg {
-webkit-align-items: flex-end;
-ms-flex-align: end;
-webkit-box-align: end;
-moz-box-align: end;
align-items: flex-end; }
.around__lg {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.between__lg {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-moz-box-pack: justify;
justify-content: space-between; }
.first__lg {
-webkit-order: -1;
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
-moz-box-ordinal-group: 0;
order: -1; }
.last__lg {
-webkit-order: 1;
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
order: 1; } }
.visible__xs {display: none;}
.visible__sm {display: none;}
.visible__md {display: none;}
.visible__lg {display: none;}
.visible__xs-inline-block,
.visible__sm-inline-block,
.visible__md-inline-block,
.visible__lg-inline-block {
display: none; }
@media screen and (max-width: 479px) {
.visible__xs {display: block;}
.visible__xs-inline-block {display: inline-block !important;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.visible__sm {display: block;}
.visible__sm-inline-block {display: inline-block !important;}
}
@media screen and (max-width: 1339px) and (min-width: 768px) {
.visible__md {display: block;}
.visible__md-inline-block {display: inline-block !important;}
}
@media screen and (min-width: 1340px) {
.visible__lg {display: block;}
.visible__lg-inline-block {display: inline-block !important; }
}
@media screen and (max-width: 479px) {
.hidden__xs {display: none!important;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.hidden__sm {display: none!important;}
}
@media screen and (min-width: 768px) and (max-width: 1339px) {
.hidden__md {display: none;}
}
@media screen and (min-width: 1340px) {
.hidden__lg {display: none;}
}
.container, .browsehappy {
min-width: 320px;}
@media screen and (min-width: 480px) {
.container, .browsehappy {
width: 470px; } }
@media screen and (min-width: 768px) {
.container, .browsehappy {
width: 770px;
padding-left: 15px;
padding-right: 15px; } }
@media screen and (min-width: 1340px) {
.container, .browsehappy {
width: 1310px; } }
@media screen and (min-width: 1320px) {
.container, .browsehappy {
width: 1310px; } }
.nav-toggle {
display:none;
cursor:pointer;
width: 32px;
}
.nav-toggle span {
width: 100%;
height: 4px;
border-radius: 2px;
background-color: #636362;
display:block;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 32px;
}
.nav-toggle.active span:nth-child(2){
opacity: 0;
}
.nav-toggle.active span:nth-child(1){
-webkit-transform: translateY(3px) rotate(45deg);
-ms-transform: translateY(3px) rotate(45deg);
-o-transform: translateY(3px) rotate(45deg);
transform: translateY(3px) rotate(45deg);
}
.nav-toggle.active span:nth-child(3){
-webkit-transform: translateY(-13px) rotate(-45deg);
-ms-transform: translateY(-13px) rotate(-45deg);
-o-transform: translateY(-13px) rotate(-45deg);
transform: translateY(-13px) rotate(-45deg);
}
.nav-toggle span + span {
margin-top: 4px;
}
.page-header-m-search .btn {
height: 36px;
line-height: 1;
}
.page-header-m-search .form-control {
height: 36px;
padding: 5px 12px;
}
.page-header__logo .page-header_title {
display: flex;
flex-wrap: wrap;
}
.tabs__caption {
flex-wrap: wrap;
}
.article-info__usr {
margin-bottom:40px;
}
.blockquote ul li {
margin-left:10px;
}
.blogs__item-footer {width:100%;}
.tab-off span {width:100% !important;}
.page-header__in li {padding: 0 2px;}
.page-header_title b {font-family: "Raleway", Arial, sans-serif;}
.page-header {position:relative}
aside {
width: 270px;
}
section {
-width: 1010px;
}
@media (max-width: 1299px) {
section {width: 100%;}
aside {display:none;}
.blockquote-body { padding: 40.8px 0 24px;}
.tabs__caption li {
padding: 0 10px;
}
.blogs__item {
padding: 10px 0;
}
.page-header__logo {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom:10px;
}
.nav-toggle{display:block}
.blogs__item-footer {text-align: center}
.main-template, .application, .contacts, .issue, .opinion, .opinion-title, .opinion-info, .article-info, .search--main, .sitemap, .poll-title, .poll-body, .poll-footer, .edit, .edit-words, .blogs, .comments, .test {
padding: 30px;
}/*
.page-footer__top {display:none}
.page-header__bottom {
display:none;
position:absolute;
top:100%;
left:0;
right:0;
z-index: 11;
border:none;
background: #fff;
padding-top:10px;
}*/
.page-header__logo .page-header_title {
margin-left: 0;
}
.dropdown-menu {
display: block;
position: static;
border-top: none;
}
.dropdown-menu li a {
padding: 7px 0;
border-bottom: none;
font-family: 'ralewayregular';
}
.nav__justified li {
display: inline-block;
width: 24%;
vertical-align: top;
}
.dropdown-menu li {
display: block;
width: 100%;
}
.page-footer .copyright { font-size: 11px;}
.text__lg { font-size: 15px;}
body { font-size: 15px;}
.opinion h2 {font-size: 16px;}
.tabs__caption {font-size: 14px;}
.article--banner-title { font-size: 24px;}
.article-items__item h2 {font-size: 20px;}
.article-detail {
height: 335px;
}
.article-items__item .inner {
padding: 15px;
}
.blog-comment-field-email,
.blog-comment-field-author {
float: none;
vertical-align: middle;
width: 100%;
margin-bottom: 20px;
}
.blog-comment-field-email {
margin-bottom: 0;}
.oglavleniye {
float: none!important;
display: inline-block;
margin: auto!important;
margin-top: 20px!important;
}
}
.blog-comment-field-user .blog-comment-field-text + span {vertical-align: middle;}
.blog-comment-field-user .blog-comment-field-text {
vertical-align: middle;
}
@media (max-width: 779px) {
.page-header__in ul, .page-header__rate ul {
justify-content: start;
}
.page-header__rate img {width:20px;}
.page-header__rate ul{margin-left: -2px;}
.page-header__rate li{padding-left: 2px;
padding-right: 2px;}
/*
.page-header_title b.active,
.page-header__rate,
.page-header__in {
display:none;
}*/
.page-header__rate.active,
.page-header__in.active {
display:block;
}
.page-header_title span {
width:100%;
display:block;
margin-bottom:10px;
}
.page-header__logo .page-header_title {
font-size: 11px;
line-height: 1.4;
margin-right: 20px;
}
.page-header__logo {
align-items: start;
/*margin-bottom: 25px;*/
}
.page-header__in {
text-align:left
}
.nav__justified li {
width: 100%;
}
.main-nav__items {
margin-top:15px;
}
.tabs__caption li,
.nav__justified li {
width: 100%;
}
.article--banner-title {
max-width: inherit;
line-height: 1.2;
}
.tabs__caption li + li::before {
height: 2px;
width: 100%;
top: 0;
left: 0;
right: 0;
}
.main-template, .application, .contacts, .issue, .opinion, .opinion-title, .opinion-info, .article-info, .search--main, .sitemap, .poll-title, .poll-body, .poll-footer, .edit, .edit-words, .blogs, .comments, .test, .article {
padding: 20px 10px;
}
.application.application-page{
padding: 20px 25px;
}
.share {
padding: 15px 10px;
}
.test__item {
width: 100%;
padding: 15px;
border:none;
}
.opinion-title,
.article-info,
.test {
flex-wrap: wrap;
}
.page-footer .copyright {
margin-top: 20px;
}
#toTop {
/* display:none !important; */
}
h1, .alpha {
font-size: 23px;
}
.article-detail {
min-height: 140px;
height: auto;
}
.share li {
padding-left: 6px;
padding-right: 6px;
}
.article-info__item + .article-info__item {
margin-left: 0;
}
.article-info {
text-align:center
}
.opinion-let {
margin-bottom: 10px;
}
.article-items__item {
width:50%;
}
.article-items__item h2 {font-size: 17px;}
.article-info__links {
margin-top: 0;
padding-right: 0;
}
.article-info__usr {
margin-bottom:0
}
.opinion-info-detail {
text-align:center;
}
.issue h2 {margin-top:0;}
.mobile-margbot0 {
margin-bottom: 0;
}
.mobile-padleft0{
padding-left:0;
}
.mobile-margbot5{
margin-bottom: 5px;
display:block;
}
.article-info p br {
display: none;
}
.article-info p {
margin-bottom:10px;
}
.blockquote-body {
font-size: 16px;
}
.mobile-width-100 {
width: 100%;
display: block;
}
.mobile-width-100 img {
margin: auto;
display: block;
margin-top:15px;
}
.reviews-mcompany__item {
margin-bottom: 25px;
}
.mobile-width-100 blockquote.blockquote.text--center {
padding-left: 0;
}
.blockquote-body {
font-size: 13px;
}
.article-info__item .media__img{
position: static;
}
.article-info__item > a .text--info{
padding-left: 0;
display: inline-block;
height: auto;
margin-top: 10px;
}
.edit__item b.text--info{
display: inline-block;
}
}
@media (max-width: 519px) {
.blog-comment-field-user .blog-comment-field-text + span,
.blog-comment-field-user .blog-comment-field-text {
width:100%;
}
.article-items__item,
.opinion-title ul,
.opinion-title h2 {
width: 100%;
margin: 0;
}
}
@media (min-width: 601px) and (max-width: 1024px) {
.article {
background-image: url("/local/templates/aist_portal_new/styles/../images/img-article-720.jpg");
}
}
@media (min-width: 481px) and (max-width: 600px) {
.article {
background-image: url("/local/templates/aist_portal_new/styles/../images/img-article-470.jpg");
}
.blogs-main {
background-image: url("/local/templates/aist_portal_new/styles/../images/img-blogs-450.jpg");
}
}
@media (min-width: 321px) and (max-width: 480px) {
.article {
background-image: url("/local/templates/aist_portal_new/styles/../images/img-article-450.jpg");
}
.blogs-main {
background-image: url("/local/templates/aist_portal_new/styles/../images/img-blogs-430.jpg");
}
}
@media (max-width: 320px) {
.article {
background-image: url("/local/templates/aist_portal_new/styles/../images/img-article-290.jpg");
}
.blogs-main {
background-image: url("/local/templates/aist_portal_new/styles/../images/img-blogs-270.jpg");
}
}
.geo-inner input.search_city{
width: 100%!important;
}
@media screen and (min-width: 768px) {
.is-row, .news__item {
margin-left: -15px;
margin-right: -15px; } }
/* End */
/* Start:/local/templates/aist_portal_new/scripts/fancy/jquery.fancybox.css?15767391763309*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(/local/templates/aist_portal_new/scripts/fancy/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(/local/templates/aist_portal_new/scripts/fancy/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:90%;cursor:pointer;text-decoration:none;background:transparent url(/local/templates/aist_portal_new/scripts/fancy/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(/local/templates/aist_portal_new/scripts/fancy/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}
/* End */
/* Start:/local/templates/aist_portal_new/styles/plugins.css?15617158506954*/
/* 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; } }
/* End */
/* Start:/local/templates/aist_portal_new/styles/main.css?1622214293176136*/
html, body{
overflow-x: hidden;
}
/* @charset "UTF-8"; */
/* cyrillic-ext */
@font-face {
font-family: 'Merriweather';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v19/So5lHxHT37p2SS4-t60SlJX7FfjVuZf3W7tKvrYzIk8.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Merriweather';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v19/So5lHxHT37p2SS4-t60SlOb988d5RHZc66psPc8fYGQ.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Merriweather';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v19/So5lHxHT37p2SS4-t60SlKsS_UXHGv3lrGCBFbMisL8.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Merriweather';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v19/So5lHxHT37p2SS4-t60SlMAbIeegqMtwkwn2ZHUR4Nk.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Merriweather';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Merriweather Italic'), local('Merriweather-Italic'), url(https://fonts.gstatic.com/s/merriweather/v19/So5lHxHT37p2SS4-t60SlBMBlNeli-0RcAdOFWWLdxQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nrpPmMW7T3WCII-UZW2GGCw.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nqAAODQ6hKuKTT6yBk7tJss.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nn7X5LReLH0QNoQkr9bkYvg.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nhLwFvNxpkIoVzlXSkPSYkA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Merriweather Light'), local('Merriweather-Light'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nk4GofcKVZz6wtzX_QUIqsI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nrPaLDTSXeXFRL0dx0NiHII.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6ntkZ6ofoXFVR94fBb90XSvU.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nhleLRUdNWOtq4SldHKv7HI.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nuIaMZP5eRGvEWe_CNIU_oY.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Merriweather Bold'), local('Merriweather-Bold'), url(https://fonts.gstatic.com/s/merriweather/v19/ZvcMqxEwPfh2qDWBPxn6nnNuWYKPzoeKl5tYj8yhly0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
font-family: 'latobold';
src: url("/fonts/lato-bold-webfont.eot");
src: url("/fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/lato-bold-webfont.woff2") format("woff2"), url("/fonts/lato-bold-webfont.woff") format("woff"), url("/fonts/lato-bold-webfont.svg#latobold") format("svg");
font-weight: normal;
font-display: swap;
font-style: normal; }
@font-face {
font-family: 'latoheavy';
src: url("/fonts/lato-heavy-webfont.eot");
src: url("/fonts/lato-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/lato-heavy-webfont.woff2") format("woff2"), url("/fonts/lato-heavy-webfont.woff") format("woff"), url("/fonts/lato-heavy-webfont.svg#latoheavy") format("svg");
font-weight: normal;
font-display: swap;
font-style: normal; }
@font-face {
font-family: 'latoregular';
src: url("/fonts/lato-regular-webfont.eot");
src: url("/fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/lato-regular-webfont.woff2") format("woff2"), url("/fonts/lato-regular-webfont.woff") format("woff"), url("/fonts/lato-regular-webfont.svg#latoregular") format("svg");
font-weight: normal;
font-display: swap;
font-style: normal; }
.is-icons--brain:before, .is-icons--coffee-cup:before, .is-icons--eye:before, .is-icons--eye-g:before, .is-icons--megaphone:before, .is-icons--news:before, .is-icons--reviews:before, .is-icons--reviews-w:before, .is-icons--btn-arr:before, .is-icons--views:before, .is-icons--mega:before, .is-icons--fire:before, .is-icons--book:before, .is-icons--views-g:before, .is-icons--exit:before, .is-icons--search:before, .is-icons--bar-chart:before, .is-icons--tests:before, .is-icons--author:before, .is-icons--id-card:before, .is-icons--share:before, .is-icons--dislike:before, .is-icons--like:before, .is-icons--answer:before, .is-icons--comments:before, .is-icons--share-icon:before, .is-icons--clock:before, .is-icons--close-w:before, .is-icons--clock-w:before, .is-icons--play:before, .is-icons--crumbs-arr:before, .is-icons--search-block:before, .is-icons--crumbs:before, .search--js.active i:before {
background-image: url("/local/templates/aist_portal_new/styles/../images/svg/sprite.svg");
-moz-background-size: 1682px 88px;
background-size: 1682px 88px; }
.is-icons {
display: inline-block; }
.is-icons:before {
content: '';
display: block; }
.is-icons--brain:before {
width: 38px;
height: 41px;
background-position: -255px -10px; }
.is-icons--coffee-cup:before {
width: 47px;
height: 51px;
background-position: -487px -10px; }
.is-icons--eye:before {
width: 29px;
height: 21px;
background-position: -730px -10px; }
.is-icons--eye-g:before {
width: 26px;
height: 16px;
background-position: -778px -10px; }
.is-icons--megaphone:before {
width: 53px;
height: 51px;
background-position: -1021px -10px; }
.is-icons--news:before {
width: 50px;
height: 52px;
background-position: -1093px -10px; }
.is-icons--reviews:before {
width: 23px;
height: 22px;
background-position: -1250px -10px; }
.is-icons--reviews-w:before {
width: 23px;
height: 22px;
background-position: -1292px -10px; }
.is-icons--btn-arr:before {
width: 18px;
height: 11px;
background-position: -312px -10px; }
.is-icons--views:before {
width: 30px;
height: 20px;
background-position: -1598px -10px; }
.is-icons--mega:before {
width: 30px;
height: 30px;
background-position: -972px -10px; }
.is-icons--fire:before {
width: 45px;
height: 51px;
background-position: -823px -10px; }
.is-icons--book:before {
width: 54px;
height: 51px;
background-position: -182px -10px; }
.is-icons--views-g:before {
width: 26px;
height: 16px;
background-position: -1647px -10px; }
.is-icons--exit:before {
width: 21px;
height: 18px;
background-position: -690px -10px; }
.is-icons--search:before {
width: 22px;
height: 22px;
background-position: -1334px -10px; }
.is-icons--bar-chart:before {
width: 51px;
height: 48px;
background-position: -112px -10px; }
.is-icons--tests:before {
width: 48px;
height: 46px;
background-position: -1531px -10px; }
.is-icons--author:before {
width: 48px;
height: 51px;
background-position: -45px -10px; }
.is-icons--id-card:before {
width: 31px;
height: 46px;
background-position: -887px -10px; }
.is-icons--share:before {
width: 19px;
height: 21px;
background-position: -1455px -10px; }
.is-icons--dislike:before {
width: 16px;
height: 16px;
background-position: -655px -10px; }
.is-icons--like:before {
width: 16px;
height: 16px;
background-position: -937px -10px; }
.is-icons--answer:before {
width: 16px;
height: 16px;
background-position: -10px -10px; }
.is-icons--comments:before {
width: 31px;
height: 18px;
background-position: -553px -10px; }
.is-icons--share-icon:before {
width: 19px;
height: 21px;
background-position: -1493px -10px; }
.is-icons--clock:before {
width: 18px;
height: 18px;
background-position: -349px -10px; }
.is-icons--close-w:before {
width: 41px;
height: 41px;
background-position: -427px -10px; }
.is-icons--clock-w:before {
width: 22px;
height: 22px;
background-position: -386px -10px; }
.is-icons--play:before {
width: 69px;
height: 69px;
background-position: -1162px -10px; }
.is-icons--crumbs-arr:before {
width: 7px;
height: 11px;
background-position: -629px -10px; }
.is-icons--search-block:before {
width: 61px;
height: 63px;
background-position: -1375px -10px; }
.is-icons--crumbs:before {
width: 7px;
height: 11px;
background-position: -603px -10px; }
.slick-slide {
position: relative; }
.slick-center {
position: relative; }
.slick-center::before {
content: '';
position: absolute;
top: -50px;
z-index: 10;
border-style: solid;
border-width: 0 9.5px 10px 9.5px;
border-color: transparent transparent #374355 transparent; }
.slick-prev, .slick-next {
width: 48px;
height: 48px;
background-color: rgba(55, 67, 85, 0.7);
border: 2px solid white;
z-index: 9;
-moz-border-radius: 50%;
border-radius: 50%; }
.slick-prev::before, .slick-next::before {
content: '';
width: 100%;
height: 100%;
display: block; }
.slick-prev {
left: 40px; }
.slick-prev::before {
background: url("/local/templates/aist_portal_new/styles/../images/icons/iconArrPr.png") center center no-repeat, transparent; }
.slick-next {
right: 40px; }
.slick-next::before {
background: url("/local/templates/aist_portal_new/styles/../images/icons/iconArrNext.png") center center no-repeat, transparent; }
.mfp-bg {
opacity: 1;
background: url("/local/templates/aist_portal_new/styles/../images/popup-back.jpg") no-repeat center center/cover;
width: 100%;
height: 100vh;
z-index: 1000;
}
.popup-close {
position: absolute;
top: 15px;
right: 15px;
cursor: pointer; }
@media screen and (min-width: 768px) and (max-width: 1339px) {
.news-list__title, .news-list__body {
height: auto!important;
}
}
@media screen and (min-width: 768px) {
.popup-close {
top: -55px;
right: -55px; }
}
.mfp-close {
display: none !important; }
.main-popup {
position: relative;
margin: auto;
max-width: 363px;
padding: 40px;
height: 100%;
font-family: 'latoregular'; }
.main-popup-title {
margin-bottom: 20px; }
.main-popup--bg {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-moz-border-radius: 3px;
border-radius: 3px;
background-color: rgba(247, 247, 247, 0.5); }
.main-popup-footer, .main-popup-body {
padding: 30px 20px 20px; }
@media screen and (min-width: 768px) {
.main-popup-footer, .main-popup-body {
padding-left: 70px;
padding-right: 70px; } }
.main-popup-body {
border-bottom: 1px solid rgba(140, 140, 140, 0.2); }
.main-popup-footer {
border-top: 1px solid rgba(255, 255, 255, 0.2); }
.main-popup--md {
padding: 0 10px;
max-width: 860px; }
.main-popup--lg {
padding: 40px 10px;
max-width: 1265px; }
@media screen and (min-width: 768px) {
.main-popup--lg {
padding: 70px 20px; } }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 0; }
.select2-container {
width: auto !important;
display: block; }
.block-rating .select2-container {
width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #3AA69D; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, .news-list__item a, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ul {
list-style: none; }
ul.dots {
list-style-type: disc;
margin-left: 15px;
}
.is-col__md-8 ul, .cell__lg-8 ul {
list-style: disc;
margin-left: 20px;
}
ol {
margin-left: 15px; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
a:active, a:focus {
outline: none; }
input, textarea {
outline: none; }
input:active, textarea:active {
outline: none; }
button:active, button:focus {
outline: none; }
:focus {
outline: none; }
button::-moz-focus-inner {
border: 0; }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
html {
-webkit-tap-highlight-color: transparent; }
body {
background-color: #f7f7f7;
color: #252525;
font-weight: 300;
font-size: 14px;
font-family: "Merriweather", Arial, sans-serif;
line-height: 1.42; }
a {
color: #3AA69D;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
a:hover, a:active, a:focus {
text-decoration: underline; }
a.link--u, a.breadcrumbs__link {
text-decoration: underline; }
a.link--u:hover, a.breadcrumbs__link:hover, a.link--u:active, a.breadcrumbs__link:active, a.link--u:focus, a.breadcrumbs__link:focus {
text-decoration: none; }
i {
font-style: italic;
font-weight: 400; }
img {
max-width: 100%;
height: auto;
vertical-align: middle; }
img.authot_pic {
width: 100%;
}
.is-row img {
max-width: 100%;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0, 0, 0, 0);
overflow: hidden; }
.flex--left {
margin-left: auto; }
.flex--right {
margin-right: auto; }
.flex--center {
margin-left: auto;
margin-right: auto; }
.pb20 {
padding-bottom: 20px; }
.mt20 {
margin-top: 20px; }
.mt30, .my20, .my30 {
margin-top: 30px; }
.mb20 {
margin-bottom: 20px; }
.mb30, .main-popup-title, .my20, .my30, .owner-page__date {
margin-bottom: 30px; }
.mb50 {
margin-bottom: 50px; }
.btn.help{
display: inline;
color: black;
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
height: 45px;
font-family: 'latoheavy';
cursor: pointer;
text-decoration: none;
background-image: none;
border: 1px solid transparent;
padding: 11px 15px;
font-size: 14px;
line-height: 1.42;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 220px;
text-transform: uppercase; }
.btn:hover, .btn:focus, .btn.focus {
color: #8493a8;
text-decoration: none; }
.btn--full {
display: block;
width: 100%; }
.btn--full + .btn--full {
margin-top: 5px; }
.btn--natural {
vertical-align: baseline;
font-size: inherit;
line-height: inherit;
padding-right: 0.5em;
padding-left: 0.5em; }
.btn--link {
height: auto;
padding: 0;
border: none;
text-align: left;
text-decoration: underline; }
.btn--link:focus, .btn--link:active, .btn--link:hover {
color: #1DBFB2;
text-decoration: underline; }
input, input, textarea{ -webkit-appearance: none; }
.btn--primary,.btn-primary {
color: #fff;
background-color: #1DBFB2!important;
border-color: #1DBFB2!important;
}
.btn--primary:focus, .btn--primary.focus {
color: #fff;
background-color: #27decf;
border-color: #27decf; }
.btn--primary:hover {
color: #fff;
background-color: #27decf;
border-color: #27decf; }
.btn--primary:active, .btn--primary.active {
background-color: #1aa99d;
border-color: #1aa99d;
-webkit-box-shadow: 0 -1px 0 0 #127870;
-moz-box-shadow: 0 -1px 0 0 #127870;
-o-box-shadow: 0 -1px 0 0 #127870;
box-shadow: 0 -1px 0 0 #127870; }
.btn--success {
color: #fff;
background-color: #3AA69D;
border-color: #3AA69D; }
.btn--success:focus, .btn--success.focus {
color: #fff;
background-color: #49c0b6;
border-color: #49c0b6; }
.btn--success:hover {
color: #fff;
background-color: #49c0b6;
border-color: #49c0b6; }
.btn--success:active, .btn--success.active {
background-color: #33938b;
border-color: #33938b;
-webkit-box-shadow: 0 -1px 0 0 #256a64;
-moz-box-shadow: 0 -1px 0 0 #256a64;
-o-box-shadow: 0 -1px 0 0 #256a64;
box-shadow: 0 -1px 0 0 #256a64; }
.btn--info {
color: #fff;
background-color: #3A5EA6;
border-color: #3A5EA6; }
.btn--info:focus, .btn--info.focus {
color: #fff;
background-color: #4971c0;
border-color: #4971c0; }
.btn--info:hover {
color: #fff;
background-color: #4971c0;
border-color: #4971c0; }
.btn--info:active, .btn--info.active {
background-color: #335393;
border-color: #335393;
-webkit-box-shadow: 0 -1px 0 0 #253c6a;
-moz-box-shadow: 0 -1px 0 0 #253c6a;
-o-box-shadow: 0 -1px 0 0 #253c6a;
box-shadow: 0 -1px 0 0 #253c6a; }
.btn--warning {
color: #fff;
background-color: #FF9C59;
border-color: #FF9C59; }
.btn--warning:focus, .btn--warning.focus {
color: #fff;
background-color: #ffb482;
border-color: #ffb482; }
.btn--warning:hover {
color: #fff;
background-color: #ffb482;
border-color: #ffb482; }
.btn--warning:active, .btn--warning.active {
background-color: #ff8d40;
border-color: #ff8d40;
-webkit-box-shadow: 0 -1px 0 0 #ff6b07;
-moz-box-shadow: 0 -1px 0 0 #ff6b07;
-o-box-shadow: 0 -1px 0 0 #ff6b07;
box-shadow: 0 -1px 0 0 #ff6b07; }
.btn--danger {
color: #fff;
background-color: #d93636;
border-color: #d93636; }
.btn--danger:focus, .btn--danger.focus {
color: #fff;
background-color: #df5858;
border-color: #df5858; }
.btn--danger:hover {
color: #fff;
background-color: #df5858;
border-color: #df5858; }
.btn--danger:active, .btn--danger.active {
background-color: #ce2727;
border-color: #ce2727;
-webkit-box-shadow: 0 -1px 0 0 #9f1e1e;
-moz-box-shadow: 0 -1px 0 0 #9f1e1e;
-o-box-shadow: 0 -1px 0 0 #9f1e1e;
box-shadow: 0 -1px 0 0 #9f1e1e; }
.btn--outlined {
color: #1DBFB2;
background-color: transparent;
border-color: #1DBFB2; }
.btn--outlined:focus, .btn--outlined.focus {
color: #fff;
background-color: #27decf;
border-color: #27decf; }
.btn--outlined:hover {
color: #fff;
background-color: #27decf;
border-color: #27decf; }
.btn--outlined:active, .btn--outlined.active {
color: #fff;
background-color: #1aa99d;
border-color: #1aa99d;
-webkit-box-shadow: 0 -1px 0 0 #127870;
-moz-box-shadow: 0 -1px 0 0 #127870;
-o-box-shadow: 0 -1px 0 0 #127870;
box-shadow: 0 -1px 0 0 #127870; }
.btn--round {
-moz-border-radius: 50px;
border-radius: 50px; }
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 19px;
font-size: 21px;
line-height: inherit;
color: #252525;
border: 0; }
label {
display: block;
max-width: 100%;
margin: 5px 0;
color: #8493a8; }
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type="file"] {
display: block; }
input[type="range"] {
display: block;
width: 100%; }
select[multiple],
select[size] {
height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.control, .select2-container--default .select2-selection--single {
display: block;
width: 100%;
height: 45px;
padding: 11px 15px;
font-size: 14px;
line-height: 1.42;
color: #313131;
background-color: #fff;
background-image: none;
border: 1px solid #e2e2e2;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
font-family: "Merriweather", Arial, sans-serif;}
.control:hover, .select2-container--default .select2-selection--single:hover {
border-color: #3AA69D; }
.control .error, .select2-container--default .select2-selection--single .error {
border-color: #a63a3a; }
.control:focus, .select2-container--default .select2-selection--single:focus {
border-color: #3AA69D;
background: #fff;
outline: 0; }
.control::-moz-placeholder, .select2-container--default .select2-selection--single::-moz-placeholder {
color: #797979;
opacity: 1; }
.control:-ms-input-placeholder, .select2-container--default .select2-selection--single:-ms-input-placeholder {
color: #797979; }
.control::-webkit-input-placeholder, .select2-container--default .select2-selection--single::-webkit-input-placeholder {
color: #797979; }
.control--typepass {
position: relative; }
.control--typepass i {
cursor: pointer;
position: absolute;
right: 15px;
top: 14px;
font-family: "Merriweather", Arial, sans-serif;
}
textarea.control, .select2-container--default textarea.select2-selection--single {
height: auto;
resize: none; }
select.control, .select2-container--default select.select2-selection--single {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 30px;
background: url("/local/templates/aist_portal_new/styles/../images/icons/arrow-down.png") no-repeat center right 10px, #fff; }
select.control:focus, .select2-container--default select.select2-selection--single:focus {
background: url("/local/templates/aist_portal_new/styles/../images/icons/arrow-up.png") no-repeat center right 10px, #fff; }
input[type="search"] {
-webkit-appearance: none; }
.form__group {
margin-bottom: 20px; }
.radio,
.checkbox {
position: relative;
display: block; }
.radio label,
.checkbox label {
padding-left: 25px;
margin: 0;
cursor: pointer;
color: #1c1c1c;
line-height: 1.6; }
.radio label:after,
.checkbox label:after {
content: '';
position: absolute;
top: 4px;
left: 0;
display: block;
width: 15px;
height: 15px;
border: 1px solid #3AA69D;
background-color: #fff; }
.radio:disabled,
.checkbox:disabled {
color: #797979; }
.radio:disabled:after,
.checkbox:disabled:after {
border-color: #8c8c8c; }
.checkbox input[type="checkbox"] {
display: none; }
.radio input[type="radio"] {
display: none; }
.checkbox label:after {
-moz-border-radius: 0;
border-radius: 0; }
.radio label:after {
width: 12px;
height: 12px;
-moz-border-radius: 50%;
border-radius: 50%; }
.checkbox input[type="checkbox"]:checked + label:after {
background: url("/local/templates/aist_portal_new/styles/../images/icons/icon-checkbox.svg") center center no-repeat, #fff; }
.radio input[type="radio"]:checked + label:after {
background: url("/local/templates/aist_portal_new/styles/../images/icons/icon-radio.svg") center center no-repeat, #fff; }
.radio + .radio,
.checkbox + .checkbox {
margin-top: 20px; }
.input-group {
position: relative; }
@media screen and (min-width: 768px) {
.input-group {
display: table;
border-collapse: separate; } }
.input-group[class*="cell-"] {
float: none;
padding-left: 0;
padding-right: 0; }
@media screen and (min-width: 768px) {
.input-group .control, .input-group .select2-container--default .select2-selection--single, .select2-container--default .input-group .select2-selection--single {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; } }
@media screen and (min-width: 768px) {
.input-group--btn,
.input-group .control,
.input-group .select2-container--default .select2-selection--single, .select2-container--default
.input-group .select2-selection--single {
display: table-cell; } }
.input-group--btn:not(:first-child):not(:last-child),
.input-group .control:not(:first-child):not(:last-child),
.input-group .select2-container--default .select2-selection--single:not(:first-child):not(:last-child), .select2-container--default
.input-group .select2-selection--single:not(:first-child):not(:last-child) {
-moz-border-radius: 0;
border-radius: 0; }
.input-group--btn {
vertical-align: middle;
margin-top: 20px; }
@media screen and (min-width: 768px) {
.input-group--btn {
width: 1%;
white-space: nowrap;
margin-top: 0; } }
.input-group .control:first-child, .input-group .select2-container--default .select2-selection--single:first-child, .select2-container--default .input-group .select2-selection--single:first-child,
.input-group--btn:first-child > .btn,
.input-group--btn:first-child > .btn-group > .btn,
.input-group--btn:last-child > .btn-group:not(:last-child) > .btn {
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0; }
.input-group .control:last-child, .input-group .select2-container--default .select2-selection--single:last-child, .select2-container--default .input-group .select2-selection--single:last-child,
.input-group--btn:last-child > .btn,
.input-group--btn:last-child > .btn-group > .btn,
.input-group--btn:first-child > .btn:not(:first-child),
.input-group--btn:first-child > .btn-group:not(:first-child) > .btn {
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0; }
.input-group--btn {
position: relative;
font-size: 0;
white-space: nowrap; }
.input-group--btn > .btn {
position: relative; }
.input-group--btn > .btn + .btn {
margin-left: -1px; }
.input-group--btn > .btn:hover, .input-group--btn > .btn:focus, .input-group--btn > .btn:active {
z-index: 2; }
.input-group--btn:first-child > .btn,
.input-group--btn:first-child > .btn-group {
margin-right: -1px; }
.input-group--btn:last-child > .btn,
.input-group--btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px; }
@media print {
@page {
margin: 1cm;
size: A4 portrait; }
*, ::before, ::after {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important; }
.owner-page__header * {color:#fff!important;}
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
max-width: 100%; }
.break-print {
page-break-after: always;
}
.break-print img{
/* print-color-adjust: exact; */
-webkit-print-color-adjust: exact;
-webkit-filter: none;
filter: none;
}
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h1 {
margin-top: 3rem; }
h1, h2, h3 {
page-break-after: avoid; }
.button,
svg {
display: none; }
.no-print-href a[href]:after {
content: ""; }
.hidden--print {
display: none; } }
table {
background-color: transparent; }
caption {
padding-top: 8px;
padding-bottom: 8px;
text-align: left; }
th {
text-align: left; }
.table {
width: 100%;
margin-bottom: 19px; }
.table img {
vertical-align: middle; }
.table th,
.table td {
padding: 8px;
line-height: 1.42;
vertical-align: top;
border: 1px solid #cad3df; }
.table > thead th {
vertical-align: middle;
text-align: center;
font-weight: 500;
border: 1px solid #cad3df;
background-color: #eceff4; }
.table > tbody + tbody {
border-top: 2px solid #cad3df; }
.table .table {
background-color: #f7f7f7; }
.table--condensed th,
.table--condensed td {
padding: 5px; }
.table--bordered {
border: 1px solid #cad3df; }
.table--bordered th,
.table--bordered td {
border: 1px solid #cad3df; }
.table--bordered > thead td {
border-bottom-width: 2px; }
.table--striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table--hover > tbody > tr:hover {
background-color: #f5f5f5; }
.table--responsive {
min-height: .01%;
overflow-x: auto; }
h1, h2, h3, h4, .news-list__item a, h5, h6, .alpha, .beta, .gamma, .delta, .epsilon, .zeta {
font-family: "latoheavy", serif;
font-weight: 400;
line-height: 1.3;
color: inherit; }
h1 small, h2 small, h3 small, h4 small, .news-list__item a small, h5 small, h6 small, .alpha small, .beta small, .gamma small, .delta small, .epsilon small, .zeta small {
font-weight: normal;
line-height: 1; }
h1 small,
h2 small,
h3 small {
font-size: 65%; }
h4 small, .news-list__item a small,
h5 small,
h6 small {
font-size: 75%; }
.text--template h1,
.text--template h2,
.text--template h3 {
margin-top: 19px;
margin-bottom: 9px; }
.text--template h4, .text--template .news-list__item a, .news-list__item .text--template a,
.text--template h5,
.text--template h6 {
margin-top: 19px;
margin-bottom: 9px; }
h1, .alpha {
font-size: 23px; }
h2, .beta {
font-size: 21px;
font-family: 'latobold';
color: #3AA69D;
text-transform: uppercase;
margin-bottom:10px;
text-align: left;
}
h3, .gamma {
font-size: 18px;
/*text-transform: uppercase;*/ }
h4, .news-list__item a, .delta {
font-size: 18px;
}
.card-item__uptitle h4, .owner-page__title h3, .card-item__uptitle, .article-detail h1, .text-shadow{
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
h5, .epsilon {
font-size: 14px;
font-family: 'Merriweather';
font-weight: 300; }
h6, .zeta {
font-size: 12px; }
p {
margin: 0 0 9px; }
.text--left {
text-align: left; }
.text--right {
text-align: right; }
.text--center, .banner, .journal-banner__date, .signme, .search-block, .news__item-img {
text-align: center; margin: 0 auto;}
.text--justify {
text-align: justify; }
.text--nowrap {
white-space: nowrap; }
@media screen and (min-width: 480px) {
.text__sm--left {
text-align: left; }
.text__sm--right {
text-align: right; }
.text__sm--center {
text-align: center; } }
@media screen and (min-width: 768px) {
.text__md--left, .news__item-img {
text-align: left; }
.text__md--right {
text-align: right; }
.text__md--center {
text-align: center; } }
@media screen and (min-width: 1340px) {
.text__lg--left {
text-align: left; }
.text__lg--right {
text-align: right; }
.text__lg--center {
text-align: center; } }
@media screen and (min-width: 1320px) {
.text__xl--left {
text-align: left; }
.text__xl--right {
text-align: right; }
.text__xl--center {
text-align: center; } }
.text--lowercase {
text-transform: lowercase; }
.text--lowercase.search {
text-transform: unset; }
.text--uppercase, .page-header__in, .main-tags__item, .card-item__desc, .tag {
text-transform: uppercase; }
.text--capitalize {
text-transform: capitalize; }
.text__sm {
font-size: 13px; }
.text__md {
font-size: 16px; }
.text__lg {
font-size: 17px; }
.text--primary {
color: #3AA69D; }
a.text--primary:hover,
a.text--primary:focus {
color: #2d8079; }
.text--success {
color: #3AA65E; }
a.text--success:hover,
a.text--success:focus {
color: #2d8049; }
.card .text--info {
color: #007e85;
display: block;
margin-top:10px;
font-weight: bold;
}
.text--strong, a.text--strong, b{
font-weight: bold;
}
.text--info {
color: #007e85;
font-size:15px;
font-family: "Merriweather", serif;
}
a.text--info:hover,
a.text--info:focus {
color: #004e52;
}
.text--warning {
color: #FF9C59; }
a.text--warning:hover,
a.text--warning:focus {
color: #ff7e26; }
.text--danger {
color: #A63A3A; }
a.text--danger:hover,
a.text--danger:focus {
color: #802d2d; }
.text--grey {
color: #8c8c8c; }
a.text--grey:hover,
a.text--grey:focus {
color: #737373; }
ul,
ol {
margin-top: 0;
margin-bottom: 9px; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
.list--unstyled {
padding-left: 0;
list-style: none; }
.list--inline {
padding-left: 0;
list-style: none;
margin-left: -5px; }
.list--inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
.list--counter {
padding-left: 0;
list-style: none; }
.list--counter li {
display: block;
position: relative;
overflow: hidden; }
.list--counter li:after {
content: '';
display: block;
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 2px;
border-top: 1px dotted #666; }
.list--counter li .key {
display: inline-block;
position: relative;
z-index: 2;
background: #fff;
padding-right: 5px; }
.list--counter li .value {
display: block;
float: right;
bottom: 0;
right: 0;
z-index: 2;
background: #fff;
padding-left: 5px; }
.list--bullet {
padding-left: 0;
list-style: none;
margin-left: 11px; }
.list--bullet > li {
margin-bottom: 7.30769px; }
.list--bullet > li:last-child {
margin-bottom: 0; }
.list--bullet > li::before {
content: '•';
color: #04be5b;
font-size: 20px;
margin-right: 11px; }
.list--number {
counter-reset: items;
padding-left: 0;
margin-left: 11px; }
.list--number > li {
margin-bottom: 7.30769px; }
.list--number > li::before {
counter-increment: items 1;
content: counter(items, decimal) ".";
margin-right: 5px;
font-weight: 400; }
.list--number > li:last-child {
margin-bottom: 0; }
.blockquote {
margin-top: 15px;
padding: 40px 20px 0;
line-height: 1.6;
position: relative;
text-align: center; }
.blockquote-body {
font-weight: 700; }
.blockquote:before {
content: '';
width: 30px;
height: 25px;
background: url("/local/templates/aist_portal_new/styles/../images/quotes.png") no-repeat center center;
display: inline-block;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto; }
.blockquote-footer {
margin-top: 30px;
padding-top: 20px;
position: relative; }
.blockquote-footer:before {
content: '';
width: 100px;
height: 3px;
background-color: #252525;
display: inline-block;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto; }
.blockquote p:last-child,
.blockquote ul:last-child,
.blockquote ol:last-child {
margin-bottom: 0; }
.blockquote-mini {
margin: 40px 0 30px;
line-height: 1.6;
position: relative;
text-align: center;
font-style: italic; }
.blockquote-mini-body {
background-color: #f7f7f7;
padding: 40px 15px 20px; }
.blockquote-mini:before {
content: '';
width: 200px;
height: 45px;
background: url("/local/templates/aist_portal_new/styles/../images/icons/quotes.svg") no-repeat center center;
display: inline-block;
position: absolute;
top: -25px;
right: 0;
left: 0;
margin: auto; }
.blockquote-mini p:last-child,
.blockquote-mini ul:last-child,
.blockquote-mini ol:last-child {
margin-bottom: 0; }
.res-search .breadcrumbs {
padding:2px 0 0;
margin:2px 0 0;
color: #8c8c8c;
font: 12px/12px 'LatoRegular';
font-weight: 500;
}
.breadcrumbs {
margin: 20px 0 30px;
list-style: none;
background-color: transparent;
font-family: 'latoregular'; }
.breadcrumbs__item, .res-search .breadcrumbs li {
display: inline-block; }
.breadcrumbs__item + .breadcrumbs__item:before, .res-search .breadcrumbs li:before{
content: "";
background: url("/local/templates/aist_portal_new/styles/../images/icons/str-bread.png") no-repeat center center;
padding: 0 10px;
color: #1c1c1c;
position: relative;
top: 3px;
}
.res-search .breadcrumbs li:before
{
background: url("/local/templates/aist_portal_new/styles/../images/icons/str-search-bread.png") no-repeat center center;
}
.res-search .breadcrumbs li:first-child::before {content:'';padding:0;}
.breadcrumbs__item.active {
color: #797979;
}
.breadcrumbs a {
color: #1c1c1c;
text-decoration: underline;
}
.breadcrumbs a:hover {
text-decoration: none;
}
.container, .browsehappy {
margin: 0 auto;
padding-left: 15px;
padding-right: 15px; }
@media screen and (min-width: 480px) {
.container, .browsehappy {
width: 470px; } }
@media screen and (min-width: 768px) {
.container, .browsehappy {
width: 770px;
padding-left: 15px;
padding-right: 15px; } }
@media screen and (min-width: 1340px) {
.container, .browsehappy {
width: 1310px; } }
@media screen and (min-width: 1320px) {
.container, .browsehappy {
width: 1310px; } }
.is-row, .news__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px; }
@media screen and (min-width: 768px) {
.is-row, .news__item {
margin-left: -15px;
margin-right: -15px; } }
.is-row.reverse, .reverse.news__item {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.is-col.reverse, .reverse.news__item-img, .reverse.news__item-desc {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.is-col, .news__item-img, .news__item-desc {
padding-left: 15px;
padding-right: 15px; }
@media screen and (min-width: 768px) {
.is-col, .news__item-img, .news__item-desc {
padding-left: 15px;
padding-right: 15px; } }
.is-col__xs-1 {
width: 8.33333%; }
.is-col__xs-2 {
width: 16.66667%; }
.is-col__xs-3 {
width: 25%; }
.is-col__xs-4 {
width: 33.33333%; }
.is-col__xs-5 {
width: 41.66667%; }
.is-col__xs-6 {
width: 50%; }
.is-col__xs-7 {
width: 58.33333%; }
.is-col__xs-8 {
width: 66.66667%; }
.is-col__xs-9 {
width: 75%; }
.is-col__xs-10 {
width: 83.33333%; }
.is-col__xs-11 {
width: 91.66667%; }
.is-col__xs-12, .news-list--long .news-list__item, .news-list__item, .news__item-img, .news__item-desc {
width: 100%; }
.start__xs {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.center__xs {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.end__xs {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.top__xs, .comments .media {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.middle__xs, .media, .media__head, .main-nav__toggle, .owner-page__footer, .comments .media .media, .card-item__list, .owner-page__header-list, .card-item__revviews, .card-item__datetime {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.bottom__xs, .rating, .news-list__body {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.around__xs {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.between__xs, .media__head, .page-footer .main-nav, .card-item__list, .owner-page__header-list {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.first__xs {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last__xs {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media screen and (min-width: 480px) {
.is-col__sm-1 {
width: 8.33333%; }
.is-col__sm-2 {
width: 16.66667%; }
.is-col__sm-3 {
width: 25%; }
.is-col__sm-4, .news__item-img {
width: 33.33333%; }
.is-col__sm-5 {
width: 41.66667%; }
.is-col__sm-6 {
width: 50%; }
.is-col__sm-7 {
width: 58.33333%; }
.is-col__sm-8, .news__item-desc {
width: 66.66667%; }
.is-col__sm-9 {
width: 75%; }
.is-col__sm-10 {
width: 83.33333%; }
.is-col__sm-11 {
width: 91.66667%; }
.is-col__sm-12 {
width: 100%; }
.start__sm {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.center__sm {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.end__sm {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.top__sm {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.middle__sm {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.bottom__sm {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.around__sm {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.between__sm {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.first__sm {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last__sm {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media screen and (min-width: 768px) {
.is-col__md-1 {
width: 8.33333%; }
.is-col__md-2 {
width: 16.66667%; }
.is-col__md-3, .news__item-img {
width: 25%; }
.is-col__md-4 {
width: 33.33333%; }
.is-col__md-5 {
width: 41.66667%; }
.is-col__md-6, .news-list__item {
width: 50%; }
.is-col__md-7 {
width: 58.33333%; }
.is-col__md-8 {
width: 66.66667%; }
.is-col__md-9 {
width: 75%; }
.is-col__md-10 {
width: 83.33333%; }
.is-col__md-11 {
width: 91.66667%; }
.is-col__md-12 {
width: 100%; }
.start__md {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.center__md {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.end__md {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.top__md {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.middle__md {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.bottom__md {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.around__md {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.between__md {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.first__md {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last__md {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media screen and (min-width: 1340px) {
.is-col__lg-1 {
width: 8.33333%; }
.is-col__lg-2 {
width: 16.66667%; }
.is-col__lg-3 {
width: 25%; }
.is-col__lg-4 {
width: 33.33333%; }
.is-col__lg-5 {
width: 41.66667%; }
.is-col__lg-6 {
width: 50%; }
.is-col__lg-7 {
width: 58.33333%; }
.is-col__lg-8, .card-item__uptitle {
width: 66.66667%; }
.is-col__lg-9 {
width: 75%; }
.is-col__lg-10 {
width: 83.33333%; }
.is-col__lg-11, .comments__item {
width: 91.66667%; }
.is-col__lg-12, .news-list__item {
width: 100%; }
.start__lg {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.center__lg {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.end__lg {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.top__lg {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.middle__lg {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
.bottom__lg {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.around__lg {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.between__lg {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.first__lg {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.last__lg {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.is-col__lg-5-5 {
width: 44.4%; }
.is-col__lg-6-5 {
width: 55.6%; } }
.media {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px 0;
text-transform: none; }
@media screen and (min-width: 1340px) {
.media {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.media__body {
overflow: hidden; }
.media__head {
margin-bottom: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.media__head a + a,
.media__head b + span {
margin-left: 20px; }
.media__img {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 19px; }
.media__img--b img {
width: 125px;
height: 125px;
max-width:125px;
margin-left: auto;
margin-right: auto;
-moz-border-radius: 50%;
border-radius: 50%;
border: 3px solid #3AA69D;
overflow: hidden; }
.media__img img,
.media__img--rev img {
display: block; }
.media__body,
.media__body > :last-child {
margin-bottom: 0; }
.sub-nav {
text-align: center; }
.sub-nav li {
display: block; }
.sub-nav li a:hover {
background: #ff9500; }
@media screen and (min-width: 768px) {
.sub-nav {
display: none;
position: absolute;
background: #ccc;
top: 100%;
right: 0;
min-width: 200px; }
li:hover .sub-nav {
display: block; } }
.main-nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
font-family: 'latoregular';
margin-left: 0; }
@media screen and (min-width: 768px) {
.main-nav {
margin-left: -30px; } }
.main-nav__item {
position: relative;
display: block; }
.main-nav__link {
position: relative;
text-decoration: none;
color: #474747;
font-size: 16px;
background-color: transparent;
font-family: 'latoregular';}
@media screen and (min-width: 768px) {
.main-nav__link {
background-color: transparent;
} }
.main-nav__link>a:hover, .main-nav__link>a:focus {
text-decoration: underline; }
.main-nav img {
max-width: none; }
.main-nav__toggle {
position: relative;
cursor: pointer;
color: #1DBFB2;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-family: 'latoheavy'; }
.main-nav__toggle button {
padding: 0 5px 0 0;
background-color: transparent;
border: none;
cursor: pointer; }
.main-nav__toggle:focus {
outline: 0; }
.main-nav__toggle .icon-bar {
display: block;
width: 30px;
height: 2px;
background-color: #1DBFB2;
-moz-border-radius: 1px;
border-radius: 1px; }
.main-nav__toggle .icon-bar + .icon-bar {
margin-top: 4px; }
@media screen and (min-width: 768px) {
.main-nav__toggle {
display: none; } }
.main-nav__collapse {
overflow-x: visible;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
clear: left;
display: none; }
.main-nav__collapse:before, .main-nav__collapse:after {
content: " ";
display: table; }
.main-nav__collapse:after {
clear: both; }
.main-nav__collapse.in {
overflow-y: auto; }
@media screen and (min-width: 768px) {
.main-nav__collapse {
display: block !important;
width: auto;
border-top: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.main-nav__collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important; }
.main-nav__collapse.in {
overflow-y: visible; } }
.navbar {
position: relative; }
.navbar:before, .navbar:after {
content: " ";
display: table; }
.navbar:after {
clear: both; }
@media screen and (min-width: 768px) {
.navbar__left {
float: left; }
.navbar__right {
float: right; } }
.visible__xs {
display: none; }
.visible__sm {
display: none; }
.visible__md {
display: none; }
.visible__lg {
display: none; }
@media screen and (max-width: 479px) {
.visible__xs {
display: block; } }
@media screen and (min-width: 480px) and (max-width: 767px) {
.visible__sm {
display: block; } }
@media screen and (min-width: 768px) and (max-width: 1339px) {
.visible__md {
display: block; } }
@media screen and (min-width: 1340px) {
.visible__lg {
display: block; } }
@media screen and (max-width: 479px) {
.hidden__xs {
display: none!important; } }
@media screen and (min-width: 480px) and (max-width: 767px) {
.hidden__sm {
display: none!important; } }
@media screen and (min-width: 768px) and (max-width: 1339px) {
.hidden__md, .card-item__footer {
display: none; }
}
@media screen and (min-width: 1340px) {
.hidden__lg, .card-item__footer {
display: none; } }
.close {
float: right;
font-size: 16.4696px;
font-weight: bold;
line-height: 1;
color: #000;
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
opacity: 1; }
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
-o-opacity: 0.5;
opacity: 0.5; }
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
.centered-block {
display: block;
margin-left: auto;
margin-right: auto; }
.pulled-right {
float: right; }
.pulled-left {
float: left; }
.hide {
display: none; }
.show {
display: block; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.page-footer {
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
background-color: #404040;
font-family: 'latoregular'; }
.page-footer .main-nav {
display: -webkit-flex;
display: -ms-flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.page-footer .main-nav__item {
width: 50%; }
@media screen and (min-width: 768px) {
.page-footer .main-nav__item {
width: auto; } }
.page-footer__copy {
color: #aaa;
margin-top: 20px;
font-size: 10px; }
@media screen and (min-width: 768px) {
.page-footer__copy {
font-size: 14px;
margin-top: 0; } }
.page-footer .main-nav {
margin-left: 0; }
.page-footer .main-nav__link {
/* color: #fff;*/
color: #3AA69D;
padding: 10px 0; }
.rating {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
font-family: 'latoheavy';
font-size: 12px;
margin-top: 10px; }
@media screen and (min-width: 768px) {
.rating {
margin-top: 0;
font-size: 14px; } }
.rating img {
margin-left: 10px;
height: 20px; }
@media screen and (min-width: 768px) {
.rating img {
margin-left: 15px;
height: auto; } }
.page-header {
background-color: #fff;
margin-bottom:30px;
}
.page-header__bottom, .page-header__top {
/* padding: 10px 0;*/
height: 45px; }
.page-header__in {
font-family: 'latoheavy';
text-align: right; }
.page-header__in ul {
margin: 0; }
.page-header__in li {
vertical-align: middle;
padding: 0 1px; }
.page-header__bottom {
position: absolute; }
.page-header__bottom::after {
content: '';
position: absolute;
bottom: 0;
left: 5px;
right: 10px;
width: -webkit-calc(100% - 15px);
width: -moz-calc(100% - 15px);
width: calc(100% - 15px);
height: 2px; }
.-page-header__bottom.active::after, .-page-header__bottom:hover::after {
background-color: #FF99B4; }
.page-header__bottom .main-nav {
margin-left: 0; }
@media screen and (min-width: 768px) {
.page-header__bottom .main-nav {
margin-left: -10px; } }
.page-header__bottom .main-nav__link {
font-size: 14px;
text-transform: uppercase;
color: #3AA69D;
font-family: 'latoheavy';
padding: 13px 15px; }
.page-header__bottom .main-nav__link.active, .page-header__bottom .main-nav__link:active, .page-header__bottom a.main-nav__link:hover {
text-decoration: none;
color: #fff;
background-color: #FF99B4; }
.page-header__middle {
height: 120px;
display: block;
background: #404040;
padding: 18px 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media screen and (min-width: 768px) {
.page-header__middle {
height: 108px;
/*background: url("/local/templates/aist_portal_new/styles/../images/768_header-9may.png") no-repeat top center, #404040;*/
/*background: url("/local/templates/aist_portal_new/styles/../images/header-t_12.png") no-repeat top center, #404040; */
/*background: url("/local/templates/aist_portal_new/styles/../images/header-t-ny.png") no-repeat top center, #404040; */
/*background: url("/local/templates/aist_portal_new/styles/../images/header-t_14.png") no-repeat top center, #404040; */
/*background: url("/local/templates/aist_portal_new/styles/../images/header-t_23.png") no-repeat top center, #404040; */
/*background: url("/local/templates/aist_portal_new/styles/../images/header-t_8.png") no-repeat top center, #404040; */
background: url("/local/templates/aist_portal_new/styles/../images/header-t.jpg") no-repeat top center, #404040;
}
}
@media screen and (min-width: 1320px) {
.page-header__middle {
/*background: url("/local/templates/aist_portal_new/styles/../images/header_d-9may.png") no-repeat top center, #404040;*/
/*background: url("/local/templates/aist_portal_new/styles/../images/header-d_12.png") no-repeat top center, #404040;*/
/*background: url("/local/templates/aist_portal_new/styles/../images/header-d-ny.png") no-repeat top center, #404040; */
/*background: url("/local/templates/aist_portal_new/styles/../images/header-d_14.png") no-repeat top center, #404040; */
/* background: url("/local/templates/aist_portal_new/styles/../images/header-d_23.png") no-repeat top center, #404040; */
/* background: url("/local/templates/aist_portal_new/styles/../images/header-d-8.png") no-repeat top center, #404040; */
background: url("/local/templates/aist_portal_new/styles/../images/header-d.jpg") no-repeat top center, #404040;
} }
@media screen and (max-width: 767px) {
.page-header__middle {
/*background: url("/local/templates/aist_portal_new/styles/../images/767-321_header-9may.png") no-repeat top center, #404040;*/
/*background: url("/local/templates/aist_portal_new/styles/../images/header-m_12.png") no-repeat top center, #404040;*/
/*background: url("/local/templates/aist_portal_new/styles/../images/header-m-ny.png") no-repeat top center, #404040;*/
/*background: url("/local/templates/aist_portal_new/styles/../images/header-m_14.png") no-repeat top center, #404040;*/
/* background: url("/local/templates/aist_portal_new/styles/../images/header-m_23.png") no-repeat top center, #404040; */
/* background: url("/local/templates/aist_portal_new/styles/../images/header-m-8.png") no-repeat top center, #404040; */
background: url("/local/templates/aist_portal_new/styles/../images/header-m.jpg") no-repeat top center, #404040;
}
}
@media screen and (max-width: 320px) {
.page-header__middle {
/*background: url("/local/templates/aist_portal_new/styles/../images/320_header-9may.png") no-repeat top center, #404040;*/
/*background: url("/local/templates/aist_portal_new/styles/../images/header-320-12apr.png") no-repeat top center, #404040;*/
/*background: url("/local/templates/aist_portal_new/styles/../images/header-m.png") no-repeat top center, #404040;*/
}
}
.page-header__middle a {
margin-right: auto;
margin-left: auto;
text-align: center; }
@media screen and (min-width: 768px) {
.page-header__middle a {
text-align: left;
margin-left: 0; } }
.page-header__middle .btn {
margin-right: auto;
margin-left: auto;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 290px;
height: 50px;
margin-top: 10px;
color: #fff;
padding: 5px;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-moz-border-radius: 27px;
border-radius: 27px;
border-color: #ff3e3e; }
@media screen and (min-width: 768px) {
.page-header__middle .btn {
margin-top: 0;
text-align: right;
margin-right: 0;
width: 270px;
font-size: 12px;
line-height: 18px;
}
}
.page-header__middle .btn {
background: #404040;
}
@media screen and (min-width: 1340px) {
.page-header__middle .btn {
width: 300px;
font-size: 14px; } }
.page-header__middle .btn:focus, .page-header__middle .btn:active, .page-header__middle .btn:hover {
background-color: #252525; }
.page-header__middle .btn span {
text-align: left; }
.page-header__js {
position: fixed;
top: -100%;
left: 0;
right: 0;
width: 100%;
z-index: 18;
background-color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media screen and (min-width: 768px) {
.page-header__js {
padding: 0; } }
.page-header__js.fixed {
top: 0; }
.help-banner {
padding: 15px 20px;
font-family: 'latobold';
background:#fff; /*url("/local/templates/aist_portal_new/styles/../images/help-banner-back.jpg") no-repeat center center/cover; */}
.help-banner span{
display: block;
color: #e63939;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.help-banner {
text-align: left; } }
@media screen and (min-width: 1340px) {
}
.help-banner .danger {
padding: 7px 15px;
color: #ffffff;
font-family: 'latoheavy';
font-size: 20px;
-moz-border-radius: 0;
border-radius: 0;
background-color: #e63939; }
@media screen and (min-width: 1340px) {
.help-banner .danger {
margin-top: 20px; } }
input.control[type="search"].minisearch {
width: 153px;
display: inline-block;
margin-right: 6.2px;
}
input.control[type="search"].minisearch.hide{display: none;}
.search--body {
position: absolute;
top: 0;
bottom: 0;
right: 46px;
z-index: 9;
min-width: 275px; }
@media screen and (min-width: 768px) {
.search--body {
min-width: 300px; } }
.search--body .btn {
min-width: inherit; }
.search--body .input-group {
display: table;
border-collapse: separate;
background-color: #fff;
margin-top:1px;
width: calc(100% - 15px);
left: 15px;
}
.search--body .input-group .control, .search--body .input-group .select2-container--default .select2-selection--single, .select2-container--default .search--body .input-group .select2-selection--single {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0; }
.search--body .input-group--btn,
.search--body .input-group .control,
.search--body .input-group .select2-container--default .select2-selection--single, .select2-container--default
.search--body .input-group .select2-selection--single {
display: table-cell; }
.search--body .input-group--btn {
width: 1%;
white-space: nowrap;
margin-top: 0; }
.search--js.active i:before {
width: 21px;
height: 18px;
background-position: -7px -1415px; }
.search--js .is-icons--search{
vertical-align: middle;
}
.search--body .btn .is-icons--search{
vertical-align: -7px;
}
.relative {
position: relative; }
.social {
margin-bottom: 0;
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.social img {
height: 35px; }
@media screen and (min-width: 768px) {
.social {
margin-bottom: 20px;
width: 212px; } }
.page-main {
padding: 0 0 30px; }
#comp_{max-width: 982px;}
.page-inner h1 {
margin-bottom: 30px; }
.page-inner p {
margin-bottom: 20px; }
.banner {
width: 100%; }
.aside-item {
margin-bottom: 15px; }
@media screen and (min-width: 1340px) {
.aside-item {
margin-bottom: 30px; } }
@media screen and (min-width: 768px) {
.aside-item > div {
height: 100%; } }
@media screen and (min-width: 1340px) {
.aside-item > div {
height: auto; } }
.owner-page .text--default{color:#000;}
.owner-page {
margin-bottom: 20px; }
.owner-page h3 {
margin-bottom: 20px; }
.owner-page__header {
position: relative;
height: 370px; }
.owner-page__header.noimg {
position: relative;
height: 110px; }
.owner-page__header-in {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
color: #fff;
font-family: 'latoheavy';
background-color: rgba(63, 63, 63, 0.5);
}
@media screen and (min-width: 768px) {
.owner-page__header-in {
padding: 0 20px 20px; } }
.owner-page__header-in .time {
color: #fff; }
.owner-page__header-list {
margin-top: 20px; }
.card-item .owner-page__header-list {
margin-top: 0; }
.owner-page .social {
width: 220px;
margin: 0 0 20px; }
.owner-page__title {
position: relative;
padding: 15px 0 0;
margin-top: 0; }
.owner-page__title::before {
content: '';
width: 80px;
height: 5px;
display: block;
background-color: #fff;
position: absolute;
left: 0;
top: 0; }
.owner-page__body {
padding: 10px;
background-color: #fff;}
.owner-page__body .is-col.is-col__md-8.is-col__xs-12 {
text-align: justify;}
@media screen and (min-width: 768px) {
.owner-page__body {
padding: 20px; } }
.owner-page__body p {
margin-bottom: 20px; }
.owner-page__body h4, .owner-page__body .news-list__item a, .news-list__item .owner-page__body a {
margin-bottom: 15px; }
.owner-page__body .card-item__desc {
padding: 25px 0 0; }
.owner-page__body .card-item__desc::before {
left: 0; }
.owner-page__footer {
padding: 10px;
background-color: #252525;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px; }
@media screen and (min-width: 768px) {
.owner-page__footer {
padding: 10px 20px; } }
.owner-page__footer h4, .owner-page__footer .news-list__item a, .news-list__item .owner-page__footer a {
white-space: nowrap; }
.owner-page__footer .social {
margin-left: 20px;
margin-bottom: 0; }
.owner-page__date {
font-size: 18px;
font-family: 'latoregular'; }
.comments {
margin-bottom: 40px; }
.comments-inner {
padding: 0 10px;
background-color: #fff; }
@media screen and (min-width: 768px) {
.comments-inner {
padding: 0 20px; } }
.comments__footer {
padding: 10px 0;
border-top: 1px solid #3AA69D; }
@media screen and (min-width: 768px) {
.comments__footer {
padding: 20px 0; } }
.comments__footer .btn {
border-width: 2px; }
.comments__body {
padding: 10px 0; }
@media screen and (min-width: 768px) {
.comments__body {
padding: 20px 15px; } }
.comments__item + .comments__item {
border-top: 1px solid #f0f0f0; }
.comments .media {
padding: 15px; }
.comments .media__img {
width: 65px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px; }
@media screen and (min-width: 768px) {
.comments .media {
padding: 15px 0; }
.comments .media__img {
margin-top: 15px;
margin-bottom: 0; } }
@media screen and (min-width: 768px) {
.comments .media__body {
width: -webkit-calc(100% - 65px);
width: -moz-calc(100% - 65px);
width: calc(100% - 65px); } }
.main-tags {
margin-left: -5px;
margin-bottom: 25px; }
.main-tags__item {
font-family: 'latobold';
-height: 40px;
margin: 5px 5px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 10px;
color: #252525;
border: 2px solid #3AA69D; }
.opinion {
margin: 40px 0;
padding-top: 15px;
position: relative;
background: url("/local/templates/aist_portal_new/styles/../images/trangles.svg") repeat-x top center; }
.opinion-inner {
padding: 40px 0;
background: url("/local/templates/aist_portal_new/styles/../images/resort-back-m.svg") no-repeat center bottom, #fff; }
@media screen and (min-width: 1340px) {
.opinion-inner {
background: url("/local/templates/aist_portal_new/styles/../images/resort-back.svg") no-repeat center bottom, #fff; } }
.opinion h1 {
margin-bottom: 20px; }
.opinion-decor {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto; }
.journal-banner {
padding: 10px;
background-color: #fff; }
@media screen and (min-width: 768px) {
.journal-banner {
padding: 20px; } }
.journal-banner__img {
display: block;
position: relative;
margin-bottom: 20px; }
.aside-item .journal-banner__img{
height: 228px;
overflow: hidden;
}
.journal-banner__img img {
width: 100%; }
.journal-banner__date {
padding: 15px;
color: #fff;
background-color: #3AA69D;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.signme {
padding: 15px 10px;
margin: 0 0 25px;
background: url("/local/templates/aist_portal_new/styles/../images/signup_bg.png") no-repeat center center/cover; }
@media screen and (min-width: 768px) {
.signme {
padding: 20px; } }
@media screen and (min-width: 1340px) {
.signme {
padding: 10px 20px 40px;
margin: 30px 0; } }
.signme h4, .signme .news-list__item a, .news-list__item .signme a {
font-family: 'latoregular';
margin-bottom: 20px;
margin-top: 10px; }
.signme--a {
background: url("/local/templates/aist_portal_new/styles/../images/signme-a.png") no-repeat center center/cover; }
.search-block {
margin: 30px 0 0; }
.search-block h2 {
margin: 15px 0;
text-align: center;}
.search-block__body {
margin-top: 20px;
padding: 15px 10px;
background: url("/local/templates/aist_portal_new/styles/../images/search_bg.png") no-repeat center center/cover; }
@media screen and (min-width: 768px) {
.search-block__body {
padding: 35px 0; } }
.tags-list .btn {
font-size: 24px;
min-width: inherit;
padding: 5px;
width: 50px;
height: 50px;
margin-bottom: 10px; }
.tags-list-body {
margin-bottom: 30px;
padding: 0 10px;
background-color: #fff; }
@media screen and (min-width: 768px) {
.tags-list-body {
padding: 0 20px; } }
.tags-list__item {
padding: 10px 0; }
@media screen and (min-width: 768px) {
.tags-list__item {
padding: 20px 0; } }
.tags-list__item + .tags-list__item {
border-top: 1px solid #f0f0f0; }
.tags-list__item-num {
font-size: 36px;
font-family: 'latoheavy';
padding: 10px 10px 10px 0;
background: url("/local/templates/aist_portal_new/styles/../images/oval.png") no-repeat left center; }
.card-item {
display: block;
position: relative;
margin-bottom: 30px; }
.card-item--videobtn {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 60px;
text-align: center; }
.card-item h4, .card-item .news-list__item a, .news-list__item .card-item a {
margin-bottom: 8px; }
.card-item:hover {
text-decoration: none;
-webkit-box-shadow: 0 0 15px rgba(37, 37, 37, 0.3);
-moz-box-shadow: 0 0 15px rgba(37, 37, 37, 0.3);
box-shadow: 0 0 15px rgba(37, 37, 37, 0.3); }
.card-item__best {
position: absolute;
top: 10px;
left: 10px;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
font-family: 'latoheavy';
}
@media screen and (min-width: 1340px) {
.card-item__best {
top: 20px;
left: 20px; } }
.card-item__img {
position: relative;
height: 250px; }
.card-item__views {
color: #8c8c8c;
font-family: 'latoregular';
font-size: 12px;
text-transform: none;
line-height: 12px;
/*position: absolute;
top: 10px;
right: 10px;*/}
.card-item__title {
height: 70px;
overflow: hidden;
font-size: 18px;
margin-bottom: 15px;
font-family: 'latoheavy';
}
.card-item__title.best {
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.card-item__subtitle {
font-family: 'latobold';
color: #181818;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.card-item__desc {
height: 210px;
position: relative;
color: #252525;
padding: 25px 10px 8px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #fff; }
.card-item--about .card-item__subtitle{line-height: 20px;}
.card-item--about .card-item__desc.card-item__desc--about {
height:180px;
}
.card-item_anons {
color: #252525;
font:300 14px/18px 'MerriweatherRegular';
text-transform: none;
margin-bottom: 10px;
height:60px;
}
.card-item__desc:not(.not_line)::before {
content: '';
width: 60px;
height: 3px;
display: block;
background-color: #252525;
position: absolute;
left: 10px;
top: 17px; }
.card-item__desc--about {
text-transform: none; }
.card-item__uptitle {
color: #fff;
font-family: 'latobold';
position: absolute;
left: 10px;
bottom: 10px; }
.card-item__top {
height: 280px;
padding: 10px;
background-color: #fff; }
.card-item__list, .owner-page__header-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex; }
.card-item__revviews, .card-item__datetime {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex; }
.card-item__lists + .card-item__lists {
margin-top: 30px; }
.card-item__reviews, .card-item__time {
margin-left: 10px; }
@media screen and (min-width: 768px) {
/*.card-item__reviews, .card-item__time {
margin-left: 20px; } */}
.card-item__reviews {
font-family: 'latoheavy'; }
.card-item__ltitle {
font-size: 18px;
color: #fff;
font-family: 'latobold'; }
.card-item--best .card-item__desc {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: auto;
color: #fff;
background-color: transparent; }
@media screen and (min-width: 1340px) {
.card-item--best .card-item__desc {
padding: 15px 20px; } }
.card-item--best .card-item__desc::before {
content: '';
width: 80px;
height: 5px;
top: 0;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
background-color: #fff; }
@media screen and (min-width: 1340px) {
.card-item--best .card-item__desc::before {
left: 20px; } }
.card-item--best:hover .card-item__desc {
background-color: #404040; }
.card-item--best .card-item__views {
position: static; }
.card-item--best .card-item__title {
height: auto; }
.card-item--best .card-item__img {
height: 360px; }
.card-item--best .time,
.card-item--best .date {
color: #fff; }
.card-item--inter .card-item__desc {
text-transform: none; }
.card-item--inter .card-item__desc::before {
display: none; }
.card-item--inter .card-item__uptitle {
max-width: inherit;
width: auto; }
.card-item--theme {
padding: 20px 20px 30px;
color: #fff;
background-color: #404040;
height:460px;}
.card-item--theme h3 {
margin: 25px 0; }
.card-item--about .media {
margin-top: 60px; }
.card-item__lg .card-item__img {
height: 450px; }
.card-item__footer {
padding: 10px;
color: #252525;
border-top: 1px solid #f0f0f0;
background-color: #fff; }
.card-item__footer .media {
margin-top: 0;
margin-bottom: 0;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.tag {
display: inline-block;
padding: 6px 10px;
font-family: 'latoheavy';
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
position: absolute;
top: 10px;
left: 10px; }
.tag.detail{
top:0;
}
.tag--primary {
background-color: #3AA69D; }
.tag--secondary {
background-color: #694BA6; }
.tag--info {
background-color: #3A5EA6; }
.tag--success {
background-color: #3AA65E; }
.tag--danger {
background-color: #A63A3A; }
.tag--warning {
background-color: #FF9C59; }
.tag--pink {
background-color: #FF99B4; }
/* Structural */
.priority-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative; }
.priority-menu ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
text-align: center; }
@media screen and (min-width: 768px) {
.priority-menu ul {
-webkit-flex-basis: 95%;
-ms-flex-preferred-size: 95%;
flex-basis: 95%; } }
.priority-menu ul li, .priority-menu ul a {
white-space: nowrap;
text-align: center; }
.priority-menu .priority {
max-width: 1000px;
}
.fixed .priority-menu .priority {
max-width: 660px;
overflow:hidden;
}
@media screen and (max-width: 1319px) {
.priority-menu .priority {
max-width: 700px;
}
}
@media screen and (max-width: 767px) {
.priority-menu .priority {
max-width: 0;
}
}
.priority-menu .priority a {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
display: block; }
.priority-menu .overflow {
position: absolute;
top: 100%;
left: 0;
display: block;
-webkit-box-shadow: 0 0 15px rgba(37, 37, 37, 0.3);
-moz-box-shadow: 0 0 15px rgba(37, 37, 37, 0.3);
box-shadow: 0 0 15px rgba(37, 37, 37, 0.3);
background-color: #fff;
width: 290px;
z-index: 1000;
text-align: center;
margin-top: -1px;
}
@media screen and (max-width: 1339px) {
.media__body{max-width: 70%;}
.priority-menu .overflow {margin-top: 10px;}
.priority-menu--js3.priority-menu .overflow{margin-top: -1px;}
}
@media screen and (min-width: 768px) {
.priority-menu .overflow {
left: auto;
right: 0; } }
.priority-menu .overflow a {
display: block; }
.priority-menu .overflow-trigger {
cursor: pointer;
background: none;
border: none; }
.priority-menu [aria-hidden="true"] {
display: none; }
.priority-menu [aria-hiiden="false"] {
display: true; }
.priority-menu > .overflow-trigger > span {
display: block;
font-size: 30px;
line-height: 0px;
height: 15px;
line-height: 30px;
height: 15px;
padding: 0 10px 50px;
margin-bottom: -5px;
}
i, span, b {
vertical-align: middle; }
p i, p span, p b {
vertical-align: top; }
i + b,
i + span,
span + i {
margin-left: 5px; }
@media screen and (min-width: 768px) {
/* i + b,
i + span,
span + i {
margin-left: 10px; } */}
@media screen and (min-width: 768px) {
.is-col__md {
width: auto; } }
.time,
.date {
color: #8c8c8c;
font-family: 'latoregular';
font-size: 12px;
text-transform: none; }
.news-list {
background-color: #fff;
padding: 10px 0 21px; }
@media screen and (min-width: 768px) {
.news-list--long {
height: 100%; }
.fire-theme-line.news-list--long {
height: auto;
}
}
@media screen and (min-width: 1340px) {
.news-list--long {
height: auto; } }
.news-list h3, .news-list .gamma {
margin-top: 30px;
display: inline-block; }
@media screen and (min-width: 1340px) {
.news-list h3, .news-list .gamma {
display: block;
margin-left: 0; } }
.news-list__item .date {
margin-left: 20px; }
.news.news-list .news-list__item a,.fire-theme .news-list__item a {
padding: 8px 20px;
display: block;
border-left: 2px solid transparent;
margin: 5px 0 7px;
-height: 62px;
max-height: 82px;
min-height: 62px;
overflow: hidden;
}
.fire-theme .news-list__item a.active, .fire-theme .news-list__item a:hover,
.news-list.news .news-list__item a.active, .news-list.news .news-list__item a:hover
{
color: #fff;
text-decoration: none;
border-color: #3AA69D;
background-color: rgba(58, 166, 157, 0.5); }
.news-list__title {
padding: 0 20px;
margin-bottom: 20px; }
.news-list__body {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news-list__footer {
margin-bottom: 25px;
margin-left: 20px; }
@media screen and (min-width: 1340px) {
.news-list__footer {
margin-bottom: 0;
margin-top: 15px; } }
.news {
margin-bottom: 20px;
padding-bottom: 20px;
}
.news__item {
padding: 10px 10px 0;
display: inline-block;
width: 100%;}
.news__item-desc.wide .text--right.list--inline{margin-bottom:0;}
@media screen and (min-width: 768px) {
.news__item {
padding: 20px 20px 0; }
}
.news__item-img {
float:left;
margin-bottom: 10px; }
.news__item h4, .news__item .news-list__item a, .news-list__item .news__item a {
margin: 10px 0; }
.news__item h4 a, .news__item .news-list__item a a, .news-list__item .news__item a a {
color: #252525;}
.avatar {
border-radius: 50%;
min-width:62px;
}
.avatar img{
border-radius: 50%;
}
.white_link
{
/* color: #fff; */
color: #3AA69D;
}
.max_300
{
max-width: 300px;
max-height: 360px;
}
#banner_left img {
width:297px;
}
.shadow{
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
i.is-icons.is-icons--reviews-w {
cursor: pointer;
}
.time.padding
{
padding: 0px 20px;
}
#toTop {
width: 73px;
border: 2px solid #1DBFB2;
background: #1DBFB2;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.30);
border-radius: 3px;
text-align: center;
padding: 10px 5px;
position: fixed;
bottom: 10px;
right: 2%;
cursor: pointer;
display: none;
font-family: verdana;
font-size: 14px;
color: #FFFFFF;;
/* font-weight: 600; */
z-index: 1
}
div#toTop span {
display: block;
font-family: Lato-Black;
font-size: 14px;
color: #FFFFFF;
font-size: 35px;
height: 25px;
line-height: 31px;
}
tag.tag-success{
padding: 5px 10px;
background-color: #FF99B4;
}
.tag.tag--primary.detail
{
left:20px;
}
.owner-page__header.video {
top: -370px;
text-align: center;
z-index: 0;
display: none;
-height:0px;
margin-bottom: -370px;
}
.owner-page__header-in .tag.tag--primary.detail{top:-50px;}
.is-icons.is-icons--play.play
{
cursor:pointer;
}
i.is-icons.is-icons--coffee-cup {
float: left;
margin-top: -20px;
margin-right: 15px;
}
i.is-icons.is-icons--news{
float: left;
margin-top: -20px;
margin-right: 15px;
}
.card-item--theme .card-item__ltitle {
max-height: 76px;
overflow:hidden;
}
.card-item.card-item--about h4 {
height: 45px;
overflow: hidden;
}
.card-item.card-item--about .text--grey {
height: 45px;
overflow: hidden;
}
.help-krug{
float: left;
margin: 5px 15px 55PX 0;}
@media screen and (min-width: 1px) and (max-width: 1339px) {
i.is-icons.is-icons--news {
margin-top: 10px;
}
}
@media screen and (min-width: 780px) {
/* .card.is-row .card-item__desc {
height: 180px;}*/
.article-info .cell__md-3.cell__xs-12 {
margin-right: 30px;
}
}
@media screen and (max-width: 400px) {
.help-banner .text--uppercase {
margin-bottom:10px;
}
.search--body {
min-width: 260px;
}
}
span.text--grey.mnenie {
color: #858585;
font-family: 'latoregular';
font-size: 14px;
font-style: italic;
display: block;
margin-top: 10px;
height: auto!important;
padding-right:2px;
}
i.is-icons.is-icons--brain {
margin: 0 0 0 10px;
}
.margtop40 {
margin-top: 40px;
}
.fb_iframe_widget iframe {
width:100%!important;
}
.article-info h2 {
margin: 20px 0 10px;
}
a[rel='no_follow'] {
word-wrap: break-word;
}
input.form-control {
width: 70%;
height: 45px;
padding: 11px 15px;
font-size: 14px;
line-height: 1.42;
color: #313131;
background-color: #fff;
background-image: none;
border: 1px solid #e2e2e2;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
vertical-align: top;
margin-bottom: 15px;
}
p.text--lowercase {
margin:0;
}
.res-search p.text--lowercase a{
color: #8c8c8c;
font: 18px/24px 'LatoRegular';
font-weight: 700;
}
.res-search p.text--lowercase .api-tag{
color: #181818;
}
.text--lowercase:first-letter {
text-transform:capitalize;
}
.res-search p.text--lowercase b {
vertical-align: baseline;
}
.search--main__item.res-search {
margin-bottom: 30px;
}
.paginator {
width: 100%;
}
ul.pagination li {
display: inline-block;
}
ul.pagination {
text-align: center;
width: 100%;
font-size: 16px;
margin-bottom: 30px;
}
.float-r{
float:right;
margin-left:15px;
}
/*.poll {
margin: 30px 0;
}*/
.poll-results div {
padding: 20px;
}
.poll {
min-height: -webkit-calc(100% - 137px);
min-height: -moz-calc(100% - 137px);
min-height: calc(100% - 137px);
background-color: #fff;
}
.poll li {
vertical-align: middle;
}
.poll-title {
font-family: 'latoregular';
margin-bottom: 20px;
}
.poll-title h1 {
margin: 0;
}
.poll-results {
font-family: 'latoregular';
color: #152f3a;
}
.poll__result {
background-color: #f3a971;
padding: 10px 20px;
margin-bottom: 6px;
}
.poll-body {
font-family: 'latoregular';
}
.poll-body hr {
background-color: #152f3a;
margin-bottom: 20px;
}
.poll-body__item {
margin-bottom: 25px;
}
.poll-body__item h5 {
margin-top: 0;
font-weight: 700;
line-height: 1.3;
color: inherit;
font-size: 18px;
}
.poll-body__num {
font-size: 24px;
color: #000000;
background-color: #f5f5f5;
font-family: 'latoheavy';
display: inline-block;
padding: 4px 16px;
}
.poll-body__num sup {
color: #a4acaf;
font-size: 14px;
vertical-align: text-top;
}
.poll-footer {
font-family: 'latoregular';
border-top: 3px solid #f6f6f6;
}
.poll-footer h2 {
margin-top: 0;
}
.poll-footer p {
color: #808b90;
font-size: 18px;
}
.poll-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: #fff;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.poll-items__item {
width: 33.333333%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1.5px solid #f6f6f6;
padding: 30px;
min-height: 340px;
}
.poll-items__item--s {
background-color: #dbf5f4;
}
.poll-items__item--d {
background-color: #ffe4d1;
}
.poll-items__item>div {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.poll-items__item .num {
text-align: right;
}
.poll-items__item .img {
margin-bottom: 18px;
}
.poll-items__item .title {
margin-bottom: 22px;
max-width: 75%;
}
.poll-items__item .link {
text-align: right;
margin-top: auto;
}
.vote-note-box-text {
margin-top: 10px;
}
.text--default {
color: #808b90;
}
@media screen and (min-width: 1340px) {
.js-overflow-trigger.overflow-trigger:hover .overflow {
display: block;
}
}
.article {
padding: 30px;
color: #fff;
background: url("/local/templates/aist/images/img-article-920.jpg") no-repeat top center/cover;
}
a.oglavleniye {
display: inline-block;
float: right;
/* position: absolute; */
z-index: 1;
color: #007e85;
font-family: "ralewaybold";
font-size: 15px;
font-weight: 300;
line-height: 1.6;
display: inline-block;
border: 2px solid #007e85;
padding: 6px 12px;
/* top: 15px; */
margin-top: -35px;
}
.small-btn-quest{
width:135px
}
.article h3 {
margin-top: 0;
color: #fff;
}
.article a {
color: #fff;
text-shadow: 0px 1px 2px #000;
}
.article p {
text-shadow: 1px 1px 2px black
}
.article-info__item + .article-info__item p,
.article-info h2 ~ p,
.article-info h1 ~ p {
text-align: justify;
}
.article__title {
font-size: 30px;
margin-top: 13px;
max-width: 70%;
text-shadow: 1px 1px 2px black
}
.article__title_main {
max-width: 55%;
}
.article__title_lawer {
max-width: 70%;
margin-bottom: 0;
}
.article--banner-title{
font-size: 30px;
margin-top: 13px;
font-family: Raleway, Arial, sans-serif;
font-weight: bold;
max-width: 70%;
text-shadow: 1px 1px 2px black;
line-height: 39px;
}
.article--main {
padding: 60px;
}
.article--title {
padding: 33px 40px;
background-color: #fff;
overflow: hidden;
}
.article--title .oglavleniye {
margin-top: 0;
}
.article--title h2 {
margin: 0;
}
.article--title h1 {
margin:0 0 30px 0;
text-transform:uppercase;
font-size:24px;
}
.article--title .article__title_lawer {
margin-bottom: 0;
}
.article-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
background-color: #fff;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.article-items__item {
width: 33.333333%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1.5px solid #f6f6f6;
}
.article-items__item .inner {
padding: 30px;
}
.article-items__item--half {
width: 66.666666%;
}
.article-items__item--back h2, .article-items__item--back p, .article-items__item--back a {
color: #fff;
}
.article-items__item--back span.white {
color: #fff;
}
.article-items__item--back h2 {
text-shadow: 0 0 3px rgba(0, 0, 0, 0.61);
}
.article-items__item--back .inner {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin-top: auto;
}
.article-items__item--noimg .inner {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
margin: auto;
}
.article-items__item .header {
margin-top: 10px;
margin-bottom: 17px;
}
.article-items__item b {
display: block;
}
.article-items__item .img {
vertical-align: middle;
}
.article-detail {
height: 424px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: url("/local/templates/aist/images/article-img-10.jpg") no-repeat top center/cover;
}
.article-detail h1 {
max-width: inherit;
}
.article-detail .inner {
-webkit-align-self: baseline;
-ms-flex-item-align: baseline;
align-self: baseline;
margin-top: auto;
}
.article-detail--magaz {
background: url("/local/templates/aist/images/article-magaz.jpg") no-repeat top center/cover;
}
.article-detail--practice {
background: url("/local/templates/aist/images/article-practice.jpg") no-repeat top center/cover;
}
.article-info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.article-info .blockquote-body {
padding: 40.8px 0 24px;
}
.article-info b.text__lg {
font-family: 'latobold';
}
.article-info hr {
background-color: #152f3a;
margin: auto;
}
.article-info .media__img+a {
display: block;
text-decoration: none;
}
.card-item__desc.pressa{
height:180px;
}
.form__group input {
margin-bottom: 10px;
}
.hidden__lg #banner_left img{
max-height: 310px;
width: auto;
}
@media screen and (max-width: 767px)
{
.hidden__lg #banner_left img
{
max-height: 100%;
}
}
.hidden__lg .news-list__item
{
width: 100%;
}
.hidden__lg .news-list__title
{
height: unset;
}
.hidden__lg.hidden__md .help-banner{
margin-top:20px;
}
span.hidden__lg.close-menu {
position: absolute;
left: 0;
top: -22px;
background: white;
width: 290px;
text-align: left;
padding: 10px 10px 0;
cursor: pointer;
}
nav.overflow.active {
display: block!important;
}
.card-item__desc.card-item__desc--about {
height: auto;
}
.media.bl{
margin:5px 0;
height:75px;
}
@media screen and (max-width: 767px) {
.comments-inner .text--right{
text-align: center;
}
.comments .media__img {
margin: 0 10px 10px 0;
}
.comments__footer .media__body {width:80%;}
.comments__footer .media__body textarea {width:100%;}
img{max-width: 100%;}
.article-detail{
background-position: left;
}
.fixed .is-row.relative {
top: 9px;
}
.js-overflow-trigger.overflow-trigger .hidden__xs{
display: none; } }
@media screen and (max-width: 460px) {
.media__img.avatar{display: none;}
.media__body{max-width: 100%;}
.comments__footer .media__body {width:100%;}}
p.delta {
margin-bottom: 5px;
}
p.delta a {
color: #000000;
font-family: LatoRegular;
font-size: 18px;
font-weight: 700;
}
p.zeta {
font-family: LatoRegular;
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
.comments__body .media__head-item{
font-family: Latoregular;
}
.comments__body .comments__item .comments__item{
width:100%;
}
.other-theme .news-list__title{
margin-bottom:0;
}
.page-inner .other-theme p{margin-bottom:10px;}
.other-theme .news-list__item a {
height: auto;
}
.btn-wdt {
width: 200px;
}
.owner-page .social.mt10{margin-top:10px;}
.remark {
margin: 40px 0 30px;
line-height: 1.6;
position: relative;
text-align: center;
font-style: italic;
font-size: 16px;}
.remark {
background-color: #f7f7f7;
padding: 40px 15px 20px; }
.remark:before {
content: '';
width: 200px;
height: 45px;
background: url("/local/templates/aist_portal_new/styles/../images/icons/quotes.svg") no-repeat center center;
display: inline-block;
position: absolute;
top: -25px;
right: 0;
left: 0;
margin: auto; }
.remark p:last-child,
.remark ul:last-child,
.remark ol:last-child {
margin-bottom: 0; }
/* .remark{
border: 1px solid #007e85;
padding: 20px;
padding-bottom: 8px;
text-align: center;
background-color: rgba(0,0,0,.04);
font-style: italic;
}*/
.remark b{font-weight: normal;}
@media screen and (max-width: 479px) {
.page-header__middle .btn{width:100%;}
.pagination__item a{margin:0!important;}
}
h3.fs21 {
font-size: 16px;
text-align: left;
font-family: Cambria, serif, Arial;
font-weight: bold;
text-transform: none;
}
.upper {
text-transform: uppercase;
}
.popup-close.popup-modal-dismiss i {
display: none;
}
.disabled {
pointer-events: none;
}
#margin_0 {
margin:0px;
}
.is-row .is-col.is-col__lg-9.is-col__xs-12 noindex img {
margin-bottom: 20px;
}
.fire-theme .news-list__item a {
height: auto;
}
.banner_rubrik{
width:100%;
margin-bottom:0px;
}
.banner_rubrik>* {
margin-bottom: 30px;
}
.banner_rubrik img{
width:100%;
}
.navigat-journal {margin-top:30px;}
.is-row .is-col.is-col__lg-9.is-col__xs-12 noindex .social img {
margin-bottom: 0;
}
i.is-icons.is-icons--play {
z-index: 2;
position: relative;
}
main.page-inner {
margin-bottom: 30px;
min-height: 467px;
}
.card-item__desc.test-desc p {
min-height: 76px;
margin-bottom: 9px;
}
.desc-mnenie .text--grey {
margin-bottom: 26px;
}
.card-item--best .card-item__desc .card-item__views{
color:#fff;
}
/* ------- t_29762_start ------- */
@font-face {
font-family: 'MerriweatherRegular';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/RFda8w1V0eDZheqfcyQ4EK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'MerriweatherRegular';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Merriweather Regular'), local('Merriweather-Regular'), url(https://fonts.gstatic.com/s/merriweather/v19/RFda8w1V0eDZheqfcyQ4EJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
.mfp-bg.mfp-ny { background: rgba(255, 255, 255, 0.8);}
.mfp-wrap.mfp-ny .main-popup--md { max-width: 607px; padding: 0; }
.mfp-wrap.mfp-ny #form-id_14fbr.main-popup--md {max-width: 490px;}
.mfp-wrap.mfp-ny .mfp-close { width: 43px; height: 43px; background: no-repeat url('/local/templates/aist_portal_new/styles/../images/popup_ny/cls.png'); top: 112px; right: 153px;
opacity: 1; color: transparent; }
.mfp-wrap.mfp-ny #form-id_14fbr .mfp-close {top: 75px;right: 45px; }
.mfp-wrap.mfp-ny .ny-popup-body { width: 607px; height: 580px; background: no-repeat url('/local/templates/aist_portal_new/styles/../images/popup_ny/popup_ny_bg.png');
position: relative; opacity: 0; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease;
-o-transition: opacity 300ms ease; transition: opacity 300ms ease; }
.mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body {width:500px;height:500px;background: no-repeat url('/local/templates/aist_portal_new/styles/../images/popup_14/bg-popup-14fbr.png');display:block;}
.mfp-wrap.mfp-ny.mfp-ready .ny-popup-body { opacity: 1; }
.mfp-wrap.mfp-ny .ny-popup-body .inn { width: 360px; height: 280px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;
text-align: center; }
.mfp-wrap.mfp-ny .ny-popup-body .inn .logo_ny { margin-bottom: 38px;margin-top: -46px;margin-right: 16px; }
.mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn .logo_ny {
margin-bottom: 30px;
}
.mfp-wrap.mfp-ny .ny-popup-body .inn .logo_ny img { display: block; margin: 0 auto; }
.mfp-wrap.mfp-ny .ny-popup-body .inn .hd {font-size: 16px;color: 3aa69d;font-family: MerriweatherRegular;line-height: 1.55;margin-bottom: 14px; }
.mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn .hd {
color: #3aa69d;
font-size: 24px;
font-weight: 400;
line-height: 34px;
}
.mfp-wrap.mfp-ny .ny-popup-body .inn .hd br { color: transparent; }
.mfp-wrap.mfp-ny .ny-popup-body .inn .txt { font-size: 22px; color: #fff; font-family: latoregular; margin-bottom: 18px; }
.mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn .txt {
color: #252525;
font-weight: 400;
line-height: 24px;
margin: 20px 0 40px;
}
.mfp-wrap.mfp-ny .ny-popup-body .inn .btn { display: inline-block; font-size: 14px; color: #fff; text-transform: uppercase; line-height: 1;
padding: 13px 38px 16px 38px; min-width: 0; font-family: latoheavy;
background-color: #1dbfb2; }
.mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn .btn{
border:0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-radius: 3px;
background-color: #1dbfb2;
}
.mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn .btn:hover {opacity:0.8}
@media (max-width: 640px) {
.mfp-wrap.mfp-ny .ny-popup-body { width: 300px; height: 287px; background-size: 100% 100%; margin: 0 auto; }
.mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body { width: 320px; height: 320px; background-size: 100% 100%; margin: 0 auto;}
.mfp-wrap.mfp-ny .ny-popup-body .inn, .mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn { width: 200px; height: 140px; }
.mfp-wrap.mfp-ny .ny-popup-body .inn .logo_ny { margin-bottom: 4px; }
.mfp-wrap.mfp-ny .ny-popup-body .inn .logo_ny img { width: 90px; height: auto; }
.mfp-wrap.mfp-ny .ny-popup-body .inn .hd, .mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn .hd { font-size: 14px; line-height: 16px; margin-bottom: 5px; }
.mfp-wrap.mfp-ny .ny-popup-body .inn .txt, .mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn .txt { font-size: 10px; margin-bottom: 12px; }
.mfp-wrap.mfp-ny .ny-popup-body .inn .btn { font-size: 10px; padding: 6px 16px 6px 16px; height: auto; }
.mfp-wrap.mfp-ny .mfp-close { background-size: 100% 100%; width: 30px; height: 30px; top: 52px; right: 26px; /*right: 76px;*/ }
#form-id_23fbr .ny-popup-body .inn .hd{font-size: 14px;
line-height: 22px;
margin-bottom: 8px;
margin-top: 24px;}
.mfp-wrap.mfp-ny #form-id_14fbr .mfp-close {
width: 30px;
height: 30px;
top: 52px;
right: auto;
left: 80%;
}
.mfp-wrap.mfp-ny #form-id_14fbr .ny-popup-body .inn {
height: 180px;
}
}
/* ------- t_29762_end ------- */
table.otsenka-variantov {
border-collapse: inherit;
color: #8c8c8c;
border: 0px solid #8c8c8c;
}
.otsenka-variantov-wrap td, .otsenka-variantov-wrap th
{
border: 1px solid #8c8c8c;
padding: 5px;
font-size: 12px;
}
/* t_30069 */
.container .wpr_scroll { opacity: 0; transition: all 500ms ease; overflow:auto }
.container .wpr_scroll.showed { opacity: 1; }
.container table { opacity: 0; transition: all 500ms ease; }
.container table.showed { opacity: 1; }
.container .wpr_scroll.showed table { opacity: 1; }
.container table[border="1"] td { border: 1px solid #7BCDC9; }
.container table[border="2"] td { border: 2px solid #7BCDC9; }
.container table[border="3"] td { border: 3px solid #7BCDC9; }
.container table[border="4"] td { border: 4px solid #7BCDC9; }
.container table[border="5"] td { border: 5px solid #7BCDC9; }
.container table[border="6"] td { border: 6px solid #7BCDC9; }
.container table[border="7"] td { border: 7px solid #7BCDC9; }
.container table[border="8"] td { border: 8px solid #7BCDC9; }
.container table[border="9"] td { border: 9px solid #7BCDC9; }
.container table[border="10"] td { border: 10px solid #7BCDC9; }
.container table[cellpadding="1"] td { padding: 1px; }
.container table[cellpadding="2"] td { padding: 2px; }
.container table[cellpadding="3"] td { padding: 3px; }
.container table[cellpadding="4"] td { padding: 4px; }
.container table[cellpadding="5"] td { padding: 5px; }
.container table[cellpadding="6"] td { padding: 6px; }
.container table[cellpadding="7"] td { padding: 7px; }
.container table[cellpadding="8"] td { padding: 8px; }
.container table[cellpadding="9"] td { padding: 9px; }
.container table[cellpadding="10"] td { padding: 10px; }
/* */
h2.center {text-align:center !important;}
.block-rating {
width: calc(100% + 30px);
min-height:313px;
margin: 0 -15px 10px;
background: url('/local/templates/aist_portal_new/styles/../images/bg-rating.jpg');
padding:20px;
}
.title-rating{
color: #fff;
font: 18px/26px 'latoheavy';
text-transform: uppercase;
}
.block-rating-city{
border-radius: 5px;
border: 2px solid #3aa69d;
background-color: #ffffff;
padding: 15px;
margin-bottom:20px;
}
.block-rating-city__title{
display: block;
color: #252525;
font: 16px/26px 'latoheavy';
text-transform: uppercase;
font-weight: bold;
}
.block-rating-city__title:after{
content:'';
display: block;
width: 60px;
height: 3px;
background-color: #252525;
margin:5px 0;
}
.block-rating-city ul li{
color: #3aa69d;
font: 14px/22px 'latoregular';
margin-top:10px;
}
.block-rating-select__title{
display: block;
color: #fff;
font: 18px/24px 'latoregular';
font-weight: bold;
padding:8px 10px;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block;
max-height: 200px;
overflow: auto;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-selection__clear {
display: none;}
input.select2-search__field {
border-bottom: 1px solid #c1c1c1!important;
border: 0;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{
color:#fff;
padding: 7px;
}
.block-rating .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 3px;
line-height: 14px;
padding:8px 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
background: url(/local/templates/aist_portal_new/styles/../images/str-select.png) no-repeat center center;
width: 12px;
height: 7px;
margin-top: -4px;
position: absolute;
top: 50%;
right: 20px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single .select2-selection__arrow b {
transform: rotate(-180deg);
}
@media (min-width:1200px){
.col-lg-offset-1{margin-left:5.2%}
}
@media (max-width:1339px) {
.block-rating .select2,.block-rating-select__title {
margin-bottom:20px;
}
}
.btn.btn-search{
min-width: auto;
background-color: transparent;
}
.text--default{
color: #3aa69d;
font: 18px/24px 'LatoRegular';
font-weight: 700;
}
.pagination__item a{
width: auto;
min-width:30px;
display: block;
height: 30px;
margin:0 3px;
padding:0 5px;
border-radius: 3px;
border:1px solid #1dbfb2;
color: #1dbfb2;
font:900 18px/30px 'Latoregular';
text-transform: uppercase;
text-decoration: none;
}
.pagination__item.active a, .pagination__item a:hover{
background-color: #1dbfb2;
color:#fff;
}
.pagination__item .blog-page-dots{
color: #1dbfb2;
width: 30px;
margin-top: -15px;
display: inline-block;
line-height: 3px;
}
.pagination__item .page-next, .pagination__item .page-prev{
border:0;
}
.pagination__item .page-next i, .pagination__item .page-prev i{
height: 3px;
margin-top: -3px;
display: block;
}
.pagination__item .page-next:hover, .pagination__item .page-prev:hover{
background: transparent;
color: #1dbfb2;
opacity: 0.8;
}
input.control[type="search"] {
height:35px;
margin:4px 0;
}
.search--body .btn {
height: 35px;
margin-top: 4px;
border: 1px solid #e2e2e2;
padding: 0 15px;
border-left: 0;
background: #fff;
}
.search--js.active i:before {
width: 21px;
height: 18px;
background: url(/local/templates/aist_portal_new/styles/../images/icons/ico-search-close.png) no-repeat center center;
}
.search--body:before{
background:#fff;
content:'';
display:block;
height:45px;
position:absolute;
right: 0;
width: 500%;
}
.search--body .control:hover +.input-group--btn .btn {
border-color:#3AA69D;
}
.card-item__top .card-item_anons{height: auto; margin-top: 10px;}
@media (max-width:1319px) {
.card-item__desc {
height: 230px;
}
.card-item_anons{height: 80px;}
.card-item__top{height:300px;}
}
@media (max-width:767px) {
.card-item__top {height: 220px;}
.fixed .search--body{margin-top:-9px;}
}
.fire-theme-line .news-list__item {
margin: 10px 10px 0 0;}
.fire-theme-line .news-list__item,
.fire-theme-line .news-list__item a{
display:inline-block;
width: auto;
}
.fire-theme-line .news-list__item a {
color: #252525;
font-size: 17px;
font-weight: 700;
min-height: auto;
font-family: 'latoheavy';
padding: 10px 10px;
border-radius: 5px 5px 0 0;
border: 1px solid transparent;
margin-bottom: -1px;
}
a.active {}
.fire-theme-line {
background: transparent;
border-bottom: 1px solid #1cbfb1;
padding: 0;
margin-bottom: 20px;
}
.fire-theme-line .news-list__item a.active, .fire-theme-line .news-list__item a:hover, .fire-theme-line .news-list__item a:focus {
text-decoration: none;
color: #fff;
background: #1cbfb1;
border: 1px solid #1cbfb1;
}
.text--default-gray {
color: #808b90;
}
.list-rating ol {
margin: 0 0 20px 20px;
}
.list-rating .title_city {
font-weight: bold;
font-size: 15px;
}
.article-base{
font-size:12px;
}
.inner_left_articles > a {
border: 1px solid #cfdedd;
}
@media (max-width:1339px) {
.btn--primary,.btn-primary {
margin-bottom: 30px;
}
}
img.border {
margin: 10px;
}
button.comment_submit{
padding: 0px;
}
button.comment_submit span{
padding: 11px 15px;
}
button.comment_submit img{
display:none;
}
button.comment_submit.preloader span{
display:none;
}
button.comment_submit.preloader img{
display:inline;
}
.owner-page__body .rating_articles .card-item__desc::before{
left: 10px
}
.owner-page__body .rating_articles .card-item__desc {
padding: 25px 10px 8px;
}
.owner-page__body .rating_articles .card-item_anons{
overflow:hidden;
}
.owner-page__body .rating_articles .card-item.card-item--about .text--grey {
height: 54px;
}
.tags-recom.aside-item {
padding: 20px;
background-color: #fff;
}
.tags-list__title p {
color: #252525;
font-family: 'latobold';
font-size: 18px;
font-weight: 900;
line-height: 26px;
text-transform: uppercase;
margin: 0 0 20px;
}
.tags-list__body {
margin: 0 -5px;
}
.tags-list__body .main-tags__item {
margin: 5px 4px;
}
.subscription .form-control{
display:inline-block;
}
.subscription .btn--transparent{
border-color: #007e85;
width:unset;
}
.card-item__desc.inteview{
text-transform: none;
}
.inteview .card-item__subtitle{
font-size: 18px;
}
.inteview .card-item_anons.text--grey{
margin-bottom: 5px;
height: 57px;
}
.inteview .card-item_anons{
margin-bottom: 5px;
height: 41px;
}
.inteview .card-item__desc{
padding: 25px 0px 0px;
}
.main-nav__item{position:relative}
.main-nav__item ul li a {
color: #474747;
font-size: 16px;
font-family: 'latoregular';
padding: 10px 30px;
}
@media screen and (max-width: 767px) {
.rating_articles.hidden__md{display: none;}
.main-nav__item ul li a {
text-align: left;
}
.main-nav__item ul li{
list-style:none;
display:block;
list-style:none;
}
.dop-dropmenu ul {
flex-direction: column;
}
.page-footer .priority-menu .priority{max-width: 100%;width:100%;}
}
@media screen and (min-width: 768px) {
.main-nav__item .dop-dropmenu {
display: none;
position:absolute;
bottom:0;
top: 40px;
z-index:10000;
}
.main-nav__item ul {
display: block;
-webkit-box-shadow: 0 0 -15px rgba(37, 37, 37, 0.3);
-moz-box-shadow: 0 0 15px rgba(37, 37, 37, 0.3);
box-shadow: 0 0 15px rgba(37, 37, 37, 0.3);
z-index: 1000;
text-align: center;
}
.main-nav__item:hover .dop-dropmenu{
display:block;
}
.main-nav__item ul li{
width:290px;
background:#fff;
list-style:none;
}
}
@media screen and (max-width: 1319px) and (min-width: 768px){
.page-header__bottom .is-col__md-10 {
width: 73.33333%;
}
.page-header__bottom .priority-menu .priority {
max-width: 600px;
}
input.control[type="search"].minisearch {
width: 143px;
}
}
@media screen and (max-width: 400px){
input.control[type="search"].minisearch {
width: 123px;
}
}
.banner8800 #banner_left img{
width:100%
}
.plPodcast {
display: block;
height: 100%;
}
.card-item__uptitle:not(.test-title) {
background: rgba(0, 0, 0, 0.5);
padding: 10px 20px 10px;
margin: 0 -10px 0;
max-width: 100%;
width: 100%;
bottom: 0;
}
a .card-item__uptitle:not(.test-title) {
padding: 17px 20px 17px;
}
.card-item__uptitle:not(.test-title) .delta {
margin-bottom: 0;
}
.card-item--inter .card-item__uptitle.test-title {
bottom: 0;
margin: 0 -10px 0;
max-width: calc(100% + 20px);
width: 100%;
}
.test-title h4{
background: rgba(0, 0, 0, 0.5);
padding: 10px 20px 15px;
margin: 0 0 0;
}
.test-title .mb20 {padding-left: 10px;}
.test-desc .card-item_anons {height:145px}
.card-item a:hover {
text-decoration: none;
}
.card-item--inter .plPodcast .card-item__uptitle.test-title {
bottom: 50px;
padding-bottom: 0;
}
.plPodcast .test-title h4 { padding: 10px 20px;}
@media screen and (max-width: 767px){
.card-item__desc, .test-desc .card-item_anons {height:auto}
}
.owner-page__body .rating_articles .inner_left_articles .card-item__desc {
padding-bottom: 40px;
position: relative;
}
.owner-page__body .rating_articles .inner_left_articles .card-item__list {
position: absolute;
bottom: 5px;
width: calc(100% - 20px);
}
.oglavlenie{
min-height: 33px;
}
.material_content.oglavlenie {
border-bottom: 2px solid #3aa69d;
margin-bottom: 20px;
}
.block_oglavlenie-main{
font-size: 21px;
font-family: 'latoheavy';
color: #000;
text-transform: uppercase;
margin-bottom: 10px;
text-align: left;
font-weight: 600;
letter-spacing: 0.5px;
cursor: pointer;
text-transform: uppercase;
display: flex;
align-items: center;
}
.block_oglavlenie-main i {
width: 14px;
height: 10px;
display: inline-block;
margin-left: 15px;
background: url(/local/templates/aist_portal/images/oglavlenie-arrow.png) no-repeat center right;
}
.block_oglavlenie-item {
display: none;
position: absolute;
top: 37px;
left: 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 0 0 3px 3px;
border: 1px solid #9dd3ce;
border-top: 2px solid #9dd3ce;
background-color: #ffffff;
width: 100%;
padding: 5px 15px;
max-height: 500px;
overflow-y: auto;
z-index: 1;
}
.block_oglavlenie-item::-webkit-scrollbar { width:6px; height: 6px;}
.block_oglavlenie-item::-webkit-scrollbar-track { background-color: #f0f0f0;}
.block_oglavlenie-item::-webkit-scrollbar-thumb { height: 50px; background-color: #1dbfb2; border-radius: 3px;}
.block_oglavlenie-item br{
display: none!important
}
.block_oglavlenie-item a{
display: flex;
align-items: center;
color: #252525;
font-family: 'latoregular';
font-size: 18px;
padding: 5px 3px;
min-height: 40px;
font-weight: 500;
border-top: 1px solid #f0f0f0;
}
.block_oglavlenie-item a:first-child{
border-top:0;
}
.block_oglavlenie-item a.h2{
color: #3aa69d;
padding:2px 3px 4px;
font-family: 'latoheavy';
/* font-size: 22px;*/
font-weight: 700;
}
.block_oglavlenie-item a.h3{
padding-left: 20px;
}
.block_oglavlenie {
position: relative;
}
.block_oglavlenie-container.active .block_oglavlenie-main i {
transform: rotate(180deg);
}
.oglavlenie.fixed .block_oglavlenie {
position: fixed;
top: 45px;
margin:0 auto;
z-index: 100;
}
.fixed .block_oglavlenie-container{
background: white;
padding: 0;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border-bottom: 2px solid #9dd3ce;
}
.fixed h4.block_oglavlenie-main {
margin-bottom: 0;
font-size: 14px;
padding: 10px 0;
}
.fixed .block_oglavlenie-item {
background: white;
padding: 0;
top: unset;
}
.owner-page__body h4 {
margin-bottom: 10px;
}
@media (min-width: 1340px){
.oglavlenie.fixed .block_oglavlenie {
left: calc(50% - 640px);
width: 1280px;
}
.fixed .block_oglavlenie-container{
width: 74.4%;
padding-left: 26%;
}
.fixed .block_oglavlenie-item {
width: 75%;
padding-left: 15px;
/* max-width: 627px; */
margin-left: 323px;
}
}
@media (max-width: 1339px){
.oglavlenie.fixed .block_oglavlenie{
width: calc(100% - 40px);
left: 20px;
}
.fixed .block_oglavlenie-container{
width: 100%;
padding-left: 35%;
}
.fixed .block_oglavlenie-item {
width: calc(100% - 30px);
padding:5px 15px;
max-width: 846px;
margin-left: 34%;
}
}
@media (max-width: 1319px){
.oglavlenie.fixed .block_oglavlenie {
width: 100%;
left: calc(50% - 369px);
max-width: 739px;
}
.fixed .block_oglavlenie-container{
width: 100%;
padding-left: 35%;
}
.fixed .block_oglavlenie-item {
max-width: 100%;
}
}
@media (max-width: 775px){
.fixed .block_oglavlenie-container {
margin-left:0;
}
}
@media (max-width: 767px){
.oglavlenie.fixed .block_oglavlenie {
width: 100%;
left: 0;
max-width: 100%;
}
.fixed .block_oglavlenie-container {
width: calc(100% + 12px);
padding-left: 0px;
/* margin:0 -6px;
padding: 0 6px; */
}
.fixed h4.block_oglavlenie-main {
max-width: 425px;
margin: 0 auto;
justify-content: center;
}
.fixed .block_oglavlenie-item {
width: calc(100% - 30px);
padding: 5px 15px;
/* max-width: 447px; */
margin-left: 0;
/* left: calc(50% - 223.5px); */
}
.block_oglavlenie-item .h2{
font-size: 16px;
}
.block_oglavlenie-item .h3{
font-size: 14px;
}
}
@media (max-width: 733px){
.fixed .block_oglavlenie-container {
margin:0;
padding: 0;
}
.oglavlenie.fixed .block_oglavlenie {
width: 100%;
left: 0;
max-width: 100%;
}
.fixed h4.block_oglavlenie-main {
padding: 10px 15px;
}
.fixed .block_oglavlenie-item {
width: 100%;
margin-left: 0;
/* left: calc(50% - 223.5px); */
}
}
@media (max-width: 464px){
.fixed .block_oglavlenie-item {
left: unset;
}
}
h1.plusPodcast {
display:inline-block;
max-width:calc(100% - 245px);
width:100%;
}
.owner-page__header .hasPodcast, .card-item__uptitle .hasPodcast {
color: #ffffff;
font-family: latoheavy;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
letter-spacing: 0.8px;
display:inline-block;
}
.card-item__uptitle .hasPodcast {
font-size: 13px;
margin-top:6px;
}
.card-item__uptitle .hasPodcast div, .owner-page__header .hasPodcast div, .news__item-desc .hasPodcast div {
display:flex;
align-items:center;
justify-content:flex-end;
}
.owner-page__header .hasPodcast div:after{
content:'';
display:inline-block;
background:url('/local/templates/aist_portal/images/icons/sound.svg') center no-repeat;
}
.card-item__uptitle .hasPodcast div:before {
content:'';
display:inline-block;
background:url('/local/templates/aist_portal/images/icons/play-white.png') center no-repeat;
}
.owner-page__header .hasPodcast div:after {
margin-left:10px;
width:45px;
height:45px;
}
.card-item__uptitle .hasPodcast div:before {
margin-right:10px;
width:25px;
height:25px;
background-size:contain;
}
.news__item-desc .hasPodcast {
margin-top:-10px;
display:block;
color: #3aa69d;
font-family: latoheavy;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.owner-page__header .hasPodcast:hover, .card-item__uptitle .hasPodcast:hover, .news__item-desc .hasPodcast:hover{
text-decoration:none;
opacity:0.8;
}
.news__item-desc .hasPodcast div:before {
content:'';
display:inline-block;
background:url('/local/templates/aist_portal/images/icons/play-news.png') center no-repeat;
margin-right:10px;
width:25px;
height:25px;
}
.card-item__uptitle.noabs {
position: relative;
}
.plPodcast .card-item__uptitle {
bottom: 50px;
padding-bottom:5px
}
.plPodcast + .card-item__uptitle {padding-top:5px}
.card-item__img a {
display: block;
height: 100%;
}
#subscribe_avtor_button, .add_subscr {
/* width: 178px;
height: 45px;
border-radius: 3px;
background-color: #1dbfb2;
display:flex;
color: #ffffff;
font-family: "latoheavy", serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
justify-content:center;
align-items:center;
cursor:pointer;*/
}
#subscribe_avtor_button:hover,.add_subscr:hover{
opacity:0.8;
text-decoration: none;
}
#subscribe_avtor_button:before,.add_subscr:before {
display:block;
content:'+';
color:#1dbfb2;
font-family: "latoheavy", serif;
font-size: 21px;
font-weight: 700;
text-align:center;
line-height:25px;
width: 26px;
height: 26px;
background-color: #ffffff;
border-radius:50%;
margin-right:15px;
}
.count_subscr {
color: #3aa69d;
font-family: "latoregular", serif;
font-size: 14px;
font-weight: 500;
display: block;
margin: 10px 0 30px;
}
.pop-subscrub {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-color: rgba(255, 255, 255, 0.95);
width: 100%;
height: 100%;
}
.active.add_subscr + .pop-subscrub,
.active .pop-subscrub {
display: block;
}
.pop-subscrub_body {
width: 626px;
height: 242px;
border-radius: 3px;
background: url(/local/templates/aist_portal/images/fon-subscr.png) no-repeat center center;
top: calc(50% - 121px);
position: absolute;
left: calc(50% - 313px);
text-align: center;
padding: 30px;
}
.close_pop {
width: 15px;
height: 15px;
background: url(/local/templates/aist_portal/images/close-pop.png) no-repeat center center;
position: absolute;
top: -30px;
right: -31px;
}
.block_subscr_pop {
display: flex;
width: 100%;
}
.block_subscr_pop input {
width: 370px;
height: 45px;
border-radius: 3px;
background-color: #ffffff;
border: 0;
padding: 0 15px;
font-size: 16px;
font-weight: 400;
}
.title_subscr {
color: #252525;
font-family: latoheavy;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
margin-bottom:15px;
}
.pop-subscrub_body p {
color: #252525;
font-family: latoregular;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.pop-subscrub_body p.footer {
font-size: 18px;
font-weight: bold;
padding-top: 10px;
}
.pop-subscrub_body p.header {
font-size: 18px;
font-weight: bold;
}
#commentform .pop-subscrub_body , #comments .pop-subscrub_body {
padding: 17px;
}
h3.plus_subscr {
max-width: calc(100% - 235px);
display: inline-block;
width: 100%;
}
.subscribe_avtor {
display: inline-block;
max-width: 250px;
}
.add_subscr-comment {
display:flex;
color: #1dbfb2;
font-family: latoregular;
font-size: 16px;
font-weight: 500;
align-items: center;
}
.add_subscr-comment:before, #subscribe_avtor_button.add_subscr-comment:before {
display:block;
content:'';
/*background: url(/local/templates/aist_portal/images/view-comment.png) no-repeat center center;*/
/*margin-right: 10px;
width: 17px;
height: 10px;*/
}
.block_tooltip span:hover:after {
width: 10px;
height: 13px;
content: '';
display: block;
position: absolute;
top: 20px;
right: 3.8px;
z-index: 10;
background: url(/local/templates/aist_portal/images/str-quest.png) no-repeat center center, #fff;
}
.comment_subscr {
margin-bottom: 10px;
}
.block_tooltip{
position: relative;
}
.comment_subscr label{display:flex;align-items:center;}
.comment_subscr .block_tooltip span:before {
display:block;
content:'';
background: url(/local/templates/aist_portal/images/quest-icon.png) no-repeat center center;
margin-left: 10px;
width: 17px;
height: 20px;
}
.comment_subscr .block_tooltip-body{
display:none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
position: absolute;
width: 550px;
padding: 10px;
left: -100px;
top:28px;
}
.block_tooltip span {
display: block;
position: relative;
}
.comment_subscr .block_tooltip span:hover + .block_tooltip-body{
display: block;
}
.block_tooltip-body {
color: #252525;
font-family: latoregular;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
#subscribe_avtor_button.add_subscr-comment {
color: #1dbfb2;
font-family: latoregular;
font-size: 16px;
font-weight: 500;
align-items: center;
height: auto;
background: none;
text-transform: none;
line-height: normal;
width: 100%;
}
@media (min-width: 1320px){
.posreal {
position: relative;
}
.posreal .subscribe_avtor {
position: absolute;
right: 0;
top: calc(50% - 11px);
}
}
@media (max-width: 1319px){
.webavk_ibcomments_add_form .media__body{
overflow: visible;
}
.comment_subscr .block_tooltip-body {left: -300px;}
.posreal{
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media (max-width: 700px){
.close_pop {
right: 10px;
}
}
@media (max-width: 767px){
.posreal{
flex-direction: column;
}
.posreal .subscribe_avtor {
margin-top:10px;
}
.comment_subscr .block_tooltip-body {
left: -250px;
width: 310px;
}
}
@media (max-width: 626px){
.pop-subscrub_body {
width: 100%;
height: auto;
background: url(/local/templates/aist_portal/images/fon-subscr.png) no-repeat center top;
top: 30%;
left: auto;
padding: 30px 15px;
}
.block_subscr_pop input {
max-width: calc(100% - 178px);
width: 100%;
margin-bottom: 20px;
}
.pop-subscrub_body #subscribe_avtor_button {
margin: 0 auto;
}
}
@media (max-width: 480px){
h3.plus_subscr {max-width: 100%}
.comments__title .subscribe_avtor {
max-width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 390px){
.block_subscr_pop {
flex-direction: column;
}
.block_subscr_pop input{
max-width: 100%;
height: 40px;
margin-bottom: 10px;
font-size:15px;
}
.pop-subscrub_body {
padding: 20px 10px;
}
.pop-subscrub_body p {
margin-bottom: 10px;
line-height: 15px;
}
.pop-subscrub_body .title_subscr {font-size: 17px;margin-bottom: 0;margin: 0 -15px 3px;}
.pop-subscrub_body #subscribe_avtor_button {
height: 35px;
line-height:35px;
}
#subscribe_avtor_button:before, .add_subscr:before {
width: 22px;
height: 22px;
line-height: 21px;
font-size: 20px;
}
}
/*calc*/
.w140 .container {
max-width: 1040px;
}
.calc_preg {
padding:30px 0;
background: url('/local/templates/aist_portal/images/calc/bg-calc.png') no-repeat center calc(100% - 152px), linear-gradient(#fff calc(100% - 153px), transparent 20%);
}
.title_articles {
text-align: center;
margin:40px 0 20px;
color: #3aa69d;
font-family: latoheavy;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
}
.calc_form{
margin: 0 auto;
max-width: 625px;
width: 100%;
text-align: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
border-radius: 5px 5px 0 0;
background-color: #ffffff;
}
.first_block {
padding: 40px 88px 30px;
}
.first_block .select2-container {
width: 100% !important;
}
.first_block .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #3aa69d;
border-radius: 3px;
line-height: 14px;
padding: 8px 15px;
text-align: left;
}
.first_block .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #404040;
font-family: latoregular;
font-size: 16px;
font-weight: 400;
}
.first_block .block_btn {max-width: 170px;margin:40px auto 0; }
.first_block .btn,.third_block .btn {
color: #ffffff;
font-family: latoheavy;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
width: 100%;
height: 45px;
border-radius: 3px;
background-color: #1dbfb2;
min-width: 170px;
}
.third_block .btn {
width: auto;
}
.third_block .btn:hover {
color: #fff;
opacity: 0.8;
}
.second_block{
background: url(/local/templates/aist_portal/images/calc/green-dots.png) no-repeat center top;
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.second_block div {
width: 225px;
height: 225px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 50%;
position: relative;
font-family: latoheavy;
text-transform: uppercase;
color: #3aa69d;
font-size: 18px;
line-height: 25px;
font-weight: 700;
}
.second_block div span {
font-size: 64px;
font-weight: 700;
line-height: 64px;
display: block;
color: #3a3a3a;
}
.second_block .weeks{
left: 40px;
text-align: left;
padding: 72px 0 0 30px;
}
.second_block .months{
text-align: center;
right: 40px;
padding: 72px 20px 0 80px;
}
.second_block .months:after {
position: absolute;
content: '';
top:calc(50% - 20px);
left: 15px;
display: block;
width: 50px;
height:40px;
background: url(/local/templates/aist_portal/images/calc/pregnant.png) no-repeat center top;
}
.third_block {
padding: 15px;
background: url(/local/templates/aist_portal/images/calc/bg-formcalc-footer.png) no-repeat center 15px;
}
.birth {
color: #3a3a3a;
font-family: latoheavy;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.birth span {
display: block;
color: #3aa69d;
}
.more_detail {
color: #3a3a3a;
font-size: 16px;
font-family: latoregular;
}
.more_detail a {
font-family: latoheavy;
font-weight: 700;
}
.title_form-calc{
color: #3aa69d;
text-align: center;
margin-bottom: 30px;
font-family: latoheavy;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.calc_subscr {
margin-top: 30px;
padding: 80px 80px 60px;
background: url(/local/templates/aist_portal/images/calc/bg-calc-subscr.jpg) no-repeat right top;
}
.calc_subscr .title_subscr {
color: #30b6ab;
font-size: 32px;
text-transform: none;
line-height: 32px;
background: url(/local/templates/aist_portal/images/calc/bg-title.png) no-repeat left top;
padding: 10px 19px;
font-weight: normal;
}
.calc_subscr .title_subscr span{display: block;}
.calc_subscr .title_subscr + p {
color: #3a3a3a;
font-family: latoregular;
font-size: 18px;
font-weight: 400;
max-width: 330px;
margin: 35px 0 30px;
line-height: 19px;
}
.calc_subscr .control {
font-family: latoregular;
font-size: 16px;
font-weight: 400;
}
.pluslink {
width: calc(100% - 245px);
display: inline-block;
}
.calendar_preg-link {
color: #3aa69d;
font-family: latoheavy;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
display: inline-flex;
align-items: center;
justify-content: center;
}
.calendar_preg-link:after {
content: '';
width: 20px;
height: 10px;
display: block;
margin-left: 10px;
background-image: url(/local/templates/aist_portal/images/svg/sprite.svg);
-moz-background-position: -309px -10px;
background-position: -309px -10px;
}
@media (max-width: 767px){
.first_block .select2 {
margin-bottom: 8px;
}
.first_block {
padding: 25px;
}
.second_block {
padding: 30px 0;
}
.third_block {
background-size: 430px;
}
.first_block .block_btn {
margin: 10px auto 0;
}
.second_block div {
width: 210px;
height: 210px;
flex: 0 0 210px;
}
.second_block .weeks {
padding: 62px 0 0 30px;
}
.second_block .months {
padding: 62px 20px 0 80px;
}
.calc_subscr {
padding: 30px 30px 0;
background: #d7effb;
}
.calc_subscr .title_subscr {
background: #fff;
}
.calc_subscr .title_subscr span {
display: inline;
vertical-align: baseline;
}
}
@media (max-width: 400px){
.calendar_preg-link,.page-inner h1.pluslink {width: 100%;margin-bottom: 15px;}
.second_block div {
width: 180px;
height: 180px;
flex: 0 0 180px;
}
.second_block .weeks {
padding: 50px 0 0 20px;
}
.second_block .months {
padding: 50px 10px 0 60px;
}
.calc_subscr {
padding: 15px 15px 0;
}
.calc_subscr .title_subscr {
line-height: 28px;
font-size: 26px;
}
}
/*Calendar*/
.c-disc, .calendar-detail_body ul, .detailchoisename ul{
margin: 10px 0;
}
.c-disc li p, .calendar-detail_body ul li p, .detailchoisename ul li p {
margin: 0;
}
.c-disc li, .calendar-detail_body ul li, .detailchoisename ul li {
padding: 4px 0 10px;
position: relative;
padding-left: 20px;
line-height: 20px;
}
.c-disc li:before, .calendar-detail_body ul li:before, .detailchoisename ul li:before {
background-color: #3aa69d;
position: absolute;
content: " ";
width: 6px;
height: 6px;
display: block;
top: 14px;
margin-top: -3px;
left: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
h3.calendar_h3 {
text-align: center;
margin:40px 0 20px;
color: #3aa69d;
font-family: 'latobold';
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
h3.calendar_h3:before {
display: block;
content: '';
width: 100%;
background: url(/local/templates/aist_portal/images/calc/ico-calendar-title.png) no-repeat center;
height: 40px;
margin-bottom: 15px;
}
.green {
color: #3aa69d;
}
h2.green {
font-size: 24px;
font-weight: 700;
text-transform: none;
text-align: center;
margin-bottom: 20px;
}
.block_calendar {
display: flex;
flex-direction: column;
padding: 30px 20px 25px;
background: url(/local/templates/aist_portal/images/calc/bg-calendar.png) no-repeat left top;
}
.block_calendar > div {
display: flex;
margin-bottom: 10px;
}
.block_calendar > div ul {
display: flex;
flex-wrap: wrap;
}
.block_calendar-first_column {
color: #3aa69d;
font-family: latobold;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
max-width: 80px;
padding-right: 120px;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
}
.block_calendar > div:first-child div{
color: #333333;
min-width: 117px;
display: block;
font-family: "latobold";
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
max-width: 100%;
padding-right: 0;
}
.block_calendar > div:last-child {
margin-bottom: 0;
}
.block_calendar-first_column {width:200px}
.block_calendar-second_column{width:480px}
.block_calendar-second_column ul a {
color: #ffffff;
font-family: latobold;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
border-radius: 3px;
background-color: #65c4bc;
display: block;
text-align: center;
line-height: 40px;
margin-right: 15px;
margin-bottom: 15px;
}
.block_calendar-second_column ul a:hover{
text-decoration: none;
opacity: 0.8;
}
.block_calendar-title {
color: #ffffff;
font-family: latobold;
font-size: 24px;
font-weight: 700;
padding: 10px 20px 30px;
text-align: center;
border-radius: 5px 5px 0 0;
background-color: #65c4bc;
position: relative;
}
.block_calendar-title:after{
position: absolute;
content: '';
bottom: -33px;
left: 0;
display: block;
width: 100%;
height: 50px;
background: url(/local/templates/aist_portal/images/calc/calendar-top-pattern.png) repeat-x 15px top;
}
aside .calendar_preg-link {
margin-bottom: 25px;
}
@media (max-width: 1339px){
aside .calendar_preg-link {
margin-top: 25px;
}
}
@media (max-width: 767px){
.block_calendar {
background: #d5eefa;
margin-bottom: 30px;
}
.block_calendar-first_column {
padding-right: 37px;
}
.block_calendar > div ul {
width: calc(100% + 15px);
}
.block_calendar-second_column {
overflow: hidden;
}
}
/*calendar detail*/
.owner-calendar_detail {
position: relative;
height: 200px;
}
.calendar_detail-title{
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
right: 0;
padding: 10px;
background-color:rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
}
.calendar_detail-title h1{
font-size: 36px;
margin: 40px 0 0;
text-align: center;
font-weight: 800;
text-transform: uppercase;
color: #fff;
font-family: 'latoheavy';
}
.calendar-detail_body img{
margin-bottom: 15px;
}
.calendar-detail_body h2{
color: #3aa69d;
text-align: center;
text-transform: none;
font-family: "latobold";
font-size: 24px;
margin-bottom: 20px;
font-weight: 700;
}
.ico-plod:before, .ico-sostoyanie:before, .ico-obsled:before, .ico-sovet:before{
display: block;
content: '';
width: 100%;
height: 40px;
margin: 20px 0 15px;
}
.ico-plod:before {
background: url(/local/templates/aist_portal/images/calc/ico-plod.png) no-repeat center;
}
.ico-sostoyanie:before {
background: url(/local/templates/aist_portal/images/calc/ico-sostoyanie.png) no-repeat center;
}
.ico-obsled:before {
background: url(/local/templates/aist_portal/images/calc/ico-obsled.png) no-repeat center;
}
.ico-sovet:before {
background: url(/local/templates/aist_portal/images/calc/ico-sovet.png) no-repeat center;
}
.calendar-detail_body .material_content.oglavlenie {
margin: -5px -20px 20px;
padding: 0 20px;
border-bottom: 1px solid #9dd3ce;
}
.calendar-detail_body h4.block_oglavlenie-main {
color: #3aa69d;
font-family: latoheavy;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
}
.calendar-detail_body .block_oglavlenie-main i {
margin-left: 10px;
}
.calendar-detail_body .block_oglavlenie-item {
top: 32px;
margin: 0 -20px;
width: calc(100% + 40px);
}
.calendar-detail_body .fixed .block_oglavlenie-item {top: 37px;}
.calendar-detail_body .block_oglavlenie-item a.h2 {
color: #252525;
font-family: latoregular;
font-size: 18px;
font-weight: 500;
}
.calendar-detail_body .fixed .block_oglavlenie-container {
width: 100%;
padding-left: 15px;
}
.calendar-detail_body .fixed .block_oglavlenie-item {
margin: 0;
width: 100%;
max-width: 953px;
}
.calendar-detail_body .oglavlenie.fixed .block_oglavlenie {
width: 100%;
max-width: 953px;
}
.block_nav_arrow {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 20px;
}
.calendar_preg-link.back:after {
transform: rotate(180deg);
margin:0 10px 0 0;
}
.calendar_preg-link.back{
flex-direction:row-reverse;
}
.block_nav_arrow.bottom{
margin-bottom:0;
}
@media (max-width: 1339px){
.calendar-detail_body .oglavlenie.fixed .block_oglavlenie{
max-width: calc(100% - 60px);
left: 30px;
}
.calendar-detail_body .fixed .block_oglavlenie-item{
max-width: 100%;
left: 0;
}
}
@media (max-width: 1319px){
.calendar-detail_body .fixed .block_oglavlenie-container {
max-width: 737px;
left: auto;
margin: 0 auto;
}
.calendar-detail_body .fixed .block_oglavlenie-item {
max-width: 737px;
left: auto;
width: 100%;
margin: 0 -15px;
}
}
@media (max-width: 798px){
.calendar-detail_body .fixed .block_oglavlenie-container {
max-width: 740px;
}
.calendar-detail_body .oglavlenie.fixed .block_oglavlenie {
max-width: 100%;
left: 0;
}
.calendar-detail_body .fixed .block_oglavlenie-item {
max-width: 740px;
}
}
@media (max-width: 767px){
.calendar-detail_body .material_content.oglavlenie {
margin: 5px -10px;
}
.calendar-detail_body img {
width: 100%;
}
.block_nav_arrow{
flex-direction: column;
}
.block_nav_arrow .calendar_preg-link{
margin-bottom: 10px;
}
.block_nav_arrow .calendar_preg-link:last-child{
margin-bottom: 0
}
}
/*menu*/
.block_menu-dop {
background: #fff;
padding: 10px 15px;
margin-bottom: 30px;
}
.block_menu-dop ul li{
margin-top: 10px;
}
.block_menu-dop ul li a{
display: flex;
align-items: center;
justify-content: flex-start;
}
.block_menu-dop li img {
margin-right: 10px;
}
.block_menu-dop a {
color: #252525;
font-family: "latobold";
font-size: 18px;
line-height: 20px;
font-weight: 700;
}
.img-menu {
display: flex;
min-width: 38px;
height: 38px;
margin-right: 10px;
align-items: center;
justify-content: center;
max-width: 38px;
}
.img-menu img {
max-width: 100%;
}
h1 .align-unset.text--primary {
vertical-align: unset;
}
input.control[type="search"].search-big {
height:45px;
}
.signme h2 {
font-size: 23px;
color: #152f3a;
margin-top: 24px;
margin-bottom: 12px;
font-family: "Raleway", Arial, sans-serif;
font-weight: 700;
line-height: 1.3;
text-align: center;
}
.signme h4 {
font-family: "Raleway", Arial, sans-serif;
font-weight: 700;
line-height: 1.3;
}
.pop-modal .mfp-close { display:none;}
/*begin choise name*/
.block_namechoise-full {
display: flex;
flex-direction: column;
padding: 30px 20px 179px;
min-height: 490px;
}
.block_namechoise-txt {
padding: 25px 20px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: #ffffff;
max-width: 516px;
width: 100%;
margin: 0 auto 20px;
text-align: center;
}
.block_namechoise-txt h1 {
margin-bottom: 15px;
color: #3aa69d;
font-size: 24px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 0px;
}
.block_namechoise-txt h1 + p {margin-top:15px;}
.block_namechoise-txt p{
font-size: 14px;
margin-bottom: 0;
line-height: 20px;
}
.block_btn {
display: flex;
align-items: center;
justify-content: center;
}
.block_btn .btn {
margin: 0 15px;
}
.block_btn .btn:hover {
color: #fff;
opacity: 0.8;
}
.block_btn .btn-primary:focus {
color: #fff;
}
.girl, .boy {
display: flex;
align-items: center;
justify-content: flex-start;
}
.girl:before, .boy:before{
display: block;
content: '';
width: 62px;
height: 62px;
margin: 0 20px 0 0;
}
.girl:before {
background: url(/local/templates/aist_portal/images/choisename/girl.png) no-repeat left top;
}
.boy:before {
background: url(/local/templates/aist_portal/images/choisename/boy.png) no-repeat left top;
padding-left:50px;
}
.block_name-list {
display: flex;
flex-wrap: wrap;
align-items:flex-start;
justify-content:flex-start;
margin-bottom:35px;
}
.block_name-list > div {
margin: 20px 0 15px;
display: flex;
flex:0 0 50%;
}
.alphabet {
display: block;
width: 62px;
height: 62px;
margin-right: 30px;
}
.word-a {background: url(/local/templates/aist_portal/images/choisename/word-a.png) no-repeat left top;}
.word-b {background: url(/local/templates/aist_portal/images/choisename/word-b.png) no-repeat left top;}
.word-v {background: url(/local/templates/aist_portal/images/choisename/word-v.png) no-repeat left top;}
.word-g {background: url(/local/templates/aist_portal/images/choisename/word-g.png) no-repeat left top;}
.word-d {background: url(/local/templates/aist_portal/images/choisename/word-d.png) no-repeat left top;}
.word-e {background: url(/local/templates/aist_portal/images/choisename/word-e.png) no-repeat left top;}
.word-zh {background: url(/local/templates/aist_portal/images/choisename/word-zh.png) no-repeat left top;}
.word-z {background: url(/local/templates/aist_portal/images/choisename/word-z.png) no-repeat left top;}
.word-i {background: url(/local/templates/aist_portal/images/choisename/word-i.png) no-repeat left top;}
.word-k {background: url(/local/templates/aist_portal/images/choisename/word-k.png) no-repeat left top;}
.word-l {background: url(/local/templates/aist_portal/images/choisename/word-l.png) no-repeat left top;}
.word-m {background: url(/local/templates/aist_portal/images/choisename/word-m.png) no-repeat left top;}
.word-n {background: url(/local/templates/aist_portal/images/choisename/word-n.png) no-repeat left top;}
.word-o {background: url(/local/templates/aist_portal/images/choisename/word-o.png) no-repeat left top;}
.word-p {background: url(/local/templates/aist_portal/images/choisename/word-p.png) no-repeat left top;}
.word-r {background: url(/local/templates/aist_portal/images/choisename/word-r.png) no-repeat left top;}
.word-s {background: url(/local/templates/aist_portal/images/choisename/word-s.png) no-repeat left top;}
.word-t {background: url(/local/templates/aist_portal/images/choisename/word-t.png) no-repeat left top;}
.word-y {background: url(/local/templates/aist_portal/images/choisename/word-y.png) no-repeat left top;}
.word-f {background: url(/local/templates/aist_portal/images/choisename/word-f.png) no-repeat left top;}
.word-h {background: url(/local/templates/aist_portal/images/choisename/word-h.png) no-repeat left top;}
.word-c {background: url(/local/templates/aist_portal/images/choisename/word-c.png) no-repeat left top;}
.word-ch {background: url(/local/templates/aist_portal/images/choisename/word-ch.png) no-repeat left top;}
.word-sh {background: url(/local/templates/aist_portal/images/choisename/word-sh.png) no-repeat left top;}
.word-sha {background: url(/local/templates/aist_portal/images/choisename/word-sha.png) no-repeat left top;}
.word-ea {background: url(/local/templates/aist_portal/images/choisename/word-ea.png) no-repeat left top;}
.word-u {background: url(/local/templates/aist_portal/images/choisename/word-u.png) no-repeat left top;}
.word-ya {background: url(/local/templates/aist_portal/images/choisename/word-ya.png) no-repeat left top;}
.list-name {
display: flex;
width: calc(100% - 92px);
}
.list-name ul {
flex: 0 0 50%;
margin-bottom: 0;
}
.list-name ul li {
width: 50%;
}
.list-name a {
font-family: "latoheavy", serif;
color: #4a4a4a;
font-size: 18px;
line-height: 36px;
}
@media (max-width: 767px){
.block_btn {
flex-direction: column;
}
.block_btn .btn {
margin-bottom: 15px;
}
.block_namechoise-full {
padding: 30px 20px 83px;
}
.list-name {
flex-wrap: wrap;
}
.list-name ul {
flex: 0 0 100%;
}
.block_namechoise-txt h1 {
font-size: 18px;
}
.block_namechoise-full {
padding: 10px 10px 80px;
}
.block_namechoise-txt {
padding: 15px 10px;
}
}
@media (max-width: 470px){
.block_name-list > div {
flex: 0 0 100%;
}
}
@media (max-width: 340px){
.block_namechoise-full {
padding: 10px 10px 0;
}
}
/*end choise name*/
/*begin choise name detail*/
.detailchoisename p {
text-align: justify;
}
.block_namechoise_deteil-full{
padding: 60px 40px 85px;
min-height: 400px;
}
.block_namechoise_deteil-full .block_namechoise-txt {
max-width: 366px;
margin: 0;
text-align: left;
padding: 25px 15px 35px;
}
.block_namechoise_deteil-full .block_namechoise-txt p{
font-size: 16px;
line-height: 24px;
}
.block_namechoise_deteil-full .block_namechoise-txt h1 {
font-style: italic;
text-transform: none;
text-align: center;
}
h2.ico {
display: flex;
align-items: center;justify-content: flex-start;
font-size: 28px;
line-height: 24px;
text-transform: none;
margin: 30px 0 20px;
}
h2.ico:before{
display: block;
content: '';
width: 51px;
min-width: 51px;
height: 45px;
margin: 0 20px 0 0;
}
h2.ico-origin{margin-top:0;}
.ico-name:before {background: url(/local/templates/aist_portal/images/choisename/ico-name.png) no-repeat 7px top;}
.ico-origin:before {background: url(/local/templates/aist_portal/images/choisename/ico-origin.png) no-repeat left top;}
h2.ico-character:before {background: url(/local/templates/aist_portal/images/choisename/ico-character.png) no-repeat left top;margin-right: 15px; margin-left: 5px;}
h2.ico-astrology:before {background: url(/local/templates/aist_portal/images/choisename/Icn_astrology.png) no-repeat left top;}
.ico-middlename:before {background: url(/local/templates/aist_portal/images/choisename/ico-middlename.png) no-repeat left top;}
.ico-famous:before {background: url(/local/templates/aist_portal/images/choisename/ico-famous.png) no-repeat left top;}
.ico-age:before {background: url(/local/templates/aist_portal/images/choisename/Icn_age.png) no-repeat left top;}
.ico-health:before {background: url(/local/templates/aist_portal/images/choisename/Icn_health_02.png) no-repeat left top;}
.ico-mariage:before {background: url(/local/templates/aist_portal/images/choisename/Icn_marriage.png) no-repeat left top;}
.ico-name2:before {background: url('/local/templates/aist_portal/images/choisename/Icn_name day_02.png') no-repeat left top;}
.ico-proff:before {background: url(/local/templates/aist_portal/images/choisename/Icn_profession_02.png) no-repeat left top;}
.ico-season:before {background: url(/local/templates/aist_portal/images/choisename/Icn_season.png) no-repeat left top;}
.detailchoisename {
margin-bottom: 25px;
}
.detailchoisename p, .detailchoisename li {
font-size: 16px;
line-height: 24px
}
.detailchoisename strong {
font-weight: 600;
}
.detailchoisename p + ul {
margin-top: -15px;
}
.detailchoisename img + p {
margin-top: 20px;
}
.detailchoisename .star ul li {
padding-left: 30px;
}
.detailchoisename .star ul li:before {
width: 20px;
height: 20px;
background: url(/local/templates/aist_portal/images/choisename/list-star.png) no-repeat left top;
top: 8px;
}
blockquote.choisename_citata {
display: flex;
align-items: center;
justify-content: space-between;
}
blockquote.choisename_citata .txt-citata p, blockquote.choisename_citata .txt-citata {
color: #3aa69d;
font-size: 18px;
line-height: 24px;
font-family: 'latoregular';
}
.txt-citata{
max-width: 600px;
padding: 0 10px 0 45px;
}
.img-citata {
max-width: 320px;
}
.txt-citata p:last-child {
margin-bottom: 0;
}
.txt-citata:before {
content: '';
width: 190px;
height: 1px;
background-color: #3aa69d;
display: block;
margin: 0 auto 30px;
}
@media (max-width: 767px){
.block_namechoise_deteil-full {
padding: 20px;
}
blockquote.choisename_citata {
flex-direction: column;
}
blockquote.choisename_citata .txt-citata {
padding: 0 0 20px;
}
}
/*end choise name detail*/
.podcast .main-nav__link, .podcast a.main-nav__link {
background: #699ddd;
max-width: 138px;
width: 100%;
height: 35px;
line-height: 16px;
border-radius: 20px;
color:#fff;
padding: 0 16px;
display: flex;
align-items: center;
text-decoration: none;
}
.podcast .main-nav__link:hover{
opacity: 0.8;
}
.podcast .main-nav__link:before{
content:'';
width: 25px;
height:25px;
display:inline-block;
background:url('/local/templates/aist_portal/images/icons/sound.svg') center no-repeat;
background-size: 27px;
margin-right: 8px;
}
.podcast {display:flex;align-items:center;}
@media (max-width: 767px){
.podcast .main-nav__link{
margin: 15px auto 0;
}
}
h2,h3{
text-transform: none !important;
color:black;
}
.js-rubs{
width:100%;
}
.n-article-body .n-article-slider{
padding-left:0px;
width:100%
}
.card-item--theme h3{
color:#ffffff;
}
.subscribe_avtor { padding: 20px 0 16px; }
@media (max-width: 767px) {
.sitemap .sitemap--main .cell { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; }
.owner-page__header { height: auto; min-height: 370px; }
.owner-page__header-in { position: static; min-height: 370px; }
.owner-page__header-in .tag.tag--primary.detail { position: static; }
.owner-page__header-in > div[itemprop="image"] { padding: 50px 0 40px; }
.owner-page__header-in .owner-page__title h1 { min-height: 144px; display: block; max-width: 100%; }
.podcast .block-avtor { max-width: 86%; overflow: hidden; padding-left: 4%; max-height: 46px; padding-right: 14px; }
.podcast .block-avtor strong:empty { display: none; }
}
@media (max-width: 480px) {
.page-inner h1 { word-break: break-word; }
.journals_item { width: 100%; max-width: 300px; margin: 0 auto; }
}
@media (max-width: 420px) {
.sitemap .sitemap--main .cell { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; }
}
@media (max-width: 400px) {
.podcast .block-avtor { padding-right: 0; }
}
.test_new .n-news-detailed__text.js-fixed-share-anchor.js-mediator-article{ width: auto; }
.btn_all_tg { display: inline-block; -ms-flex-item-align: center; align-self: center; padding: 12px 20px; border-radius: 40px; font-size: 14px; line-height: 20px; color: #fff; -webkit-transition: all 0.5s;
transition: all 0.5s; background-color: #39A65E; margin-bottom: 24px; }
.tags-list { }
.tags-list .list--inline { margin: 0 0 50px; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.tags-list .list--inline .n-pregnancy__link { color: #000; font-weight: 600; }
.tags-list .list--inline li.number::before { background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg.svg); }
.tags-list .list--inline li.number:hover::before { background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg.svg); }
.tags-list .list--inline li.alpha_en::before { background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg--blue.svg); }
.tags-list .list--inline li.alpha_en:hover::before { background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg--blue.svg); }
.tags-list .list--inline li.alpha_rus::before { background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg--pink.svg); }
.tags-list .list--inline li.alpha_rus:hover::before { background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg--pink.svg); }
.tags-list .tags-list-body { padding-left: 0; }
.tags-list .tags-list__item { position: relative; padding: 0; min-height: 50px; margin-bottom: 8px; }
.tags-list .tags-list__item + .tags-list__item { border-top: none; }
.tags-list .tags-list__item-num { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: none; padding: 0; font-size: 26px; text-align: center; }
.tags-list .tags-list__item-num::before { z-index: 0; position: absolute; content: ""; width: 50px; height: 50px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(30deg);
transform: translate(-50%, -50%) rotate(30deg); background-repeat: no-repeat; background-position: center; background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg.svg); background-size: 100% auto; }
.tags-list .tags-list__item:nth-child(2n+2) .tags-list__item-num::before { transform: translate(-50%, -50%) rotate(257deg); }
.tags-list .tags-list__item.alpha_en .tags-list__item-num::before { background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg--blue.svg); }
.tags-list .tags-list__item.alpha_rus .tags-list__item-num::before { background-image: url(/local/templates/aist_portal_new/styles/../assets/img/pregnancy-week-bg--pink.svg); }
.tags-list .tags-list__item-num span { display: inline-block; padding-top: 5px; position: relative; z-index: 1; font-size: 22px; }
.tags-list .tags-list__item-desc { padding-left: 70px; }
.tags-list .tags-list__item-desc .main-tags { margin-bottom: 0; }
.tags-list .tags-list__item-desc .main-tags .main-tags__item { font-family: "PTSans", "Arial", sans-serif; border: none; display: inline-block; -ms-flex-item-align: center; align-self: center; padding: 10px 16px; border-radius: 40px; font-size: 14px;
line-height: 20px; color: #000; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #F8F8F8; margin-bottom: 12px; text-transform: none; }
.tags-recom.aside-item .tags-list__body .main-tags__item { border: none; display: inline-block; -ms-flex-item-align: center; align-self: center; padding: 10px 16px; border-radius: 40px; font-size: 14px;
line-height: 20px; color: #000; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #F8F8F8; margin-bottom: 12px; text-transform: none; }
@media (max-width: 768px) {
.tags-list .n-pregnancy__item:first-child { margin-left: 0; }
}
@media (max-width: 767px) {
.tags-list .tags-list__item-num { width: 38px; height: 40px; }
.tags-list .tags-list__item-num::before { width: 38px; height: 40px; }
.tags-list .tags-list__item-num span { padding-top: 0; font-size: 18px; }
.tags-list .tags-list__item-desc { padding-left: 50px; }
.tags-list .tags-list__item-desc .main-tags .main-tags__item { margin-top: 2px; padding: 6px 12px; }
.tags-recom.aside-item .tags-list__body .main-tags__item { margin-top: 2px; padding: 6px 12px; }
}
@media (max-width: 340px) {
.tags-list .n-pregnancy__item { margin-right: 8px; }
}
.fire-theme-line { border-bottom: none; border-bottom: 4px solid transparent; }
.fire-theme-line .news-list__item { margin-right: 33px; }
.fire-theme-line .news-list__item:last-child { margin-right: 0; }
.fire-theme-line .news-list__item a { border: none; border-bottom: 4px solid transparent; padding-left: 0; padding-right: 0; padding-bottom: 5px; }
.fire-theme-line .news-list__item a.active,
.fire-theme-line .news-list__item a:hover,
.fire-theme-line .news-list__item a:focus { border: none; border-bottom: 4px solid #3aa65e; background: none; color: #252525; }
.fire-theme-line .news-list__item a:not(.active):hover,
.fire-theme-line .news-list__item a:not(.active):focus { color: #a5a5a5; border-bottom-color: transparent; }
.fire-theme-line > .news-list__body { padding-left: 60px; padding-right: 60px; }
#btn_btn_add_123 { width: 100%; }
.n-articles__content-group.n-articles__content-group--ident { margin-bottom: 45px; }
.n-articles__content-group.n-articles__content-group--ident .n-article { max-width: 264px; margin-right: 20px; margin-bottom: 20px; }
.n-articles__content-group.n-articles__content-group--ident .n-article:nth-child(3n+3) { margin-right: 0; }
@media (max-width: 1221px) {
.n-articles__content-group.n-articles__content-group--ident .n-article { max-width: 100%; }
.n-articles__content-group.n-articles__content-group--ident .n-article:nth-child(3n+3) { margin-right: 20px; }
.n-articles__content-group.n-articles__content-group--ident .n-article:nth-child(2n+2) { margin-right: 0; }
}
@media (max-width: 1024px) {
.n-articles__content-group.n-articles__content-group--ident:last-of-type .n-article { margin-right: 18px; }
.n-articles__content-group.n-articles__content-group--ident:last-of-type .n-article:nth-child(2n+2) { margin-right: 18px; }
.n-articles__content-group.n-articles__content-group--ident:last-of-type .n-article:nth-child(3n+3) { margin-right: 0; }
.fire-theme-line > .news-list__body { padding-left: 30px; padding-right: 30px; }
}
@media (max-width: 767px) {
.n-articles__content-group.n-articles__content-group--ident .n-article { margin-right: 0!important; }
}
@media (max-width: 480px) {
.fire-theme-line > .news-list__body { padding-left: 15px; padding-right: 15px; }
.fire-theme-line .news-list__item { margin-right: 25px; }
.fire-theme-line .news-list__item a { font-size: 14px; padding-top: 1px; }
.n-articles-header + .n-articles .fire-theme-line > .news-list__body { margin-top: -30px; }
.n-articles-header + .n-articles .fire-theme-line + .container > .n-wrapper.n-articles__wrapper.new { padding-top: 4px; }
}
.tags_text {padding-left:60px;padding-top:20px;}
.n-articles__content.n-articles__content__full{width:100%; max-width: 100%;}
.aside-item.banners{padding-top:30px;}
.test.n-articles__aside{margin-left:40px; margin-right:0;}
.tags-left.n-articles__aside{margin-right:0;}
@media (max-width: 1024px) {
.aside-item.banners {
display: none;
width: 100%; } }
.n-news-detailed__header .n-article-header__bottomline { display: block; font-size: 0; }
.n-news-detailed__header .n-article-header__bottomline .n-author { display: inline-block; width: calc(50% - 30px); margin: 0 30px 30px 0; }
.n-news-detailed__header .n-article-header__bottomline .n-author:nth-child(2n+2) { margin-right: 0; }
.n-news-detailed__header .n-article-header__bottomline .n-author .n-author__inner { display: inline-block; vertical-align: middle; }
.n-news-detailed__header .n-article-header__bottomline .n-author .n-author__inner .n-author__img { display: inline-block; vertical-align: top; }
.n-news-detailed__header .n-article-header__bottomline .n-author .n-author__inner .n-author__info { display: inline-block; vertical-align: top; max-width: 100px; padding-left: 20px; }
.n-news-detailed__header .n-article-header__bottomline .n-author__info-link { display: inline-block; vertical-align: middle; }
@media (max-width: 1440px) {
.n-news-detailed__header .n-article-header__bottomline .n-author .n-author__inner { display: block; margin-bottom: 20px; }
.n-news-detailed__header .n-article-header__bottomline .n-author__info-link { display: block; }
}
@media (max-width: 768px) {
.n-article-header__bottomline .n-author__info-link { margin-left: 0; }
.n-news-detailed__header .n-article-header__bottomline .n-author { margin-bottom: 10px; }
.n-news-detailed__header .n-article-header__bottomline .n-author__info-link { margin-left: 0; }
}
@media (max-width: 589px) {
.n-news-detailed__header .n-article-header__bottomline .n-author .n-author__inner .n-author__info { padding-left: 0; }
}
@keyframes flash {
from,
50%,
to {
border-bottom: 1px solid #ed97b3 ;
}
25%,
75% {
border-bottom: 1px solid #e5e5e5 ;
}
}
.b-help__top-right-form-step2-fields-item input.flash {
-webkit-animation-name: flash;
animation-name: flash;
animation-timing-function: linear;
animation-duration: 3s;
animation-iteration-count: 2;
}
@keyframes flash1 {
from,
50%,
to {
border: 2px solid #ed97b3;
}
25%,
75% {
border: 2px solid #e2f2ff;
}
}
.b-help__top-right-form-accept-checkbox span.flash {
-webkit-animation-name: flash1;
animation-name: flash1;
animation-timing-function: linear;
animation-duration: 3s;
animation-iteration-count: 2;
}
div.b-help__top-right-form-fields.flash label {
-webkit-animation-name: flash1;
animation-name: flash1;
animation-timing-function: linear;
animation-duration: 3s;
animation-iteration-count: 2;
}
div.b-help__top-right-form-fields label{
background: unset;
border: 2px solid #e2f2ff;
border-radius: 17px;
margin: 6px 13px 6px 0;
width: 30%;
}
.n-news__week-top-item.end,.n-news-detailed__recommended-item.js-slider-double-slide.end{display:none !important;}
div.b-help__top-right-form-fields input:checked + label{ background: unset; background-color: #e2f2ff;}
.n-articles-preview__content-atricles-bottomline.in_article{text-align:right;}
.n-articles-preview__content-atricles-bottomline.in_article a.n-articles-preview__content-link{display: inline-block; background-color: #e6f4ff; border-radius: 24px; color: #8493a8;
font-size: 14px; font-weight: 400; padding: 13px 12px 12px; min-width: 117px; max-width: 100%; text-align: center;}
@media (max-width: 480px){
.n-news__week-top-item.end,.n-news-detailed__recommended-item.js-slider-double-slide.end{display:block !important;}
.n-article-promo__section.in_razdel .n-latest-news-carousel .n-article-promo__section-list{ width: 1250px;}
.n-article-promo__section.in_razdel .n-article-promo__section-group-link{display: inline-block; background-color: #e6f4ff; border-radius: 24px; color: #8493a8;
font-size: 14px; font-weight: 400; padding: 13px 12px 12px; min-width: 117px; max-width: 100%; text-align: center;}
}
@media (max-width: 768px){
.n-articles-preview__content-atricles-bottomline.in_article{text-align:center;}
.n-article-promo__section.in_razdel .n-latest-news-carousel .n-article-promo__section-list{ width: 1750px;}
.n-article-promo__section.in_razdel .n-latest-news-carousel .n-article-promo__section-list-item{ width: 24%;}
.n-article-promo__section.in_razdel .n-article-promo__section-group-link{display: inline-block; background-color: #e6f4ff; border-radius: 24px; color: #8493a8;
font-size: 14px; font-weight: 400; padding: 13px 12px 12px; min-width: 117px; max-width: 100%; text-align: center;}
.n-news__week-top-item.end a,.n-news-detailed__recommended-item.js-slider-double-slide.end a{display: inline-block; background-color: #e6f4ff; border-radius: 24px; color: #8493a8;
font-size: 14px; font-weight: 400; padding: 13px 12px 12px; min-width: 117px; max-width: 100%; text-align: center;}
}
@media (max-width: 767px) {
.block_oglavlenie {
width: 100%;
max-width: 100%;
left: 50% !important;
padding: 0 15px;
transform: translateX(-50%);
}
.fixed .block_oglavlenie-item {
width: calc(100% - 30px) !important;
left: 15px;
}
}
.opinion .opinion__item.black_item { border: 4px solid #000; padding-top: 15px; position: relative; }
.opinion .opinion__item.black_item::after { display: block; content: ''; width: 50px; height: 70px; position: absolute; bottom: 12px; right: 15px; background: no-repeat center url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIAEYAMgMBEQACEQEDEQH/xAB/AAACAwACAwAAAAAAAAAAAAAACQYICgQHAQMFAQEAAAAAAAAAAAAAAAAAAAAAEAAABAQDAwULDAMAAAAAAAABAgMEAAUGBxESCCETCTEUFVYZQVEi0zSUtJUWdldhcdEyUiMzJDUXNzihQiURAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AH+QEcmFYUjKXajCa1TKJY+RAoqs3b5uiqUDBmKJiHOBgxAcQ2QC0OK3WtOv9H9RI0/VsteTH2kkQkSl79FRbKDkREQBJQTYB3YChXBgqtowuhelap6lRZIHpaXlbqTR6VMpjA+HECiscAEQx7kBoY/cKgevFP7eT/ptfGQEuAQEAEBxAdoCEB5gCAzO8RnSfqPulq2uJWlvLOVHVlKzNnIyMJ9L2wKN1jN5U1RVApswY5DkMUflCAXLcPStqJtPTK9ZXItFUNHUu2XRbLzuYoAmgVZwbKkQRAw7TDsDZARC19lLrXqfzWWWpoSa13MJI3I6mzSVJAqdBFQ+7Ic4CIYAJtkB3a20HawyOEDn08VfkKoQTflC8gCGP+8BszYEOmxZJnKJDpoJlOQeUBAoAIQHLgFmuOLZo3auF2q1R1KVZsodJUoSFyOBiCJR2498ID09rnoy6yVN6gcwFJ+IFxAdOGofThOba21nU6e1U9ncpfN2z6VLtEhRaLCdURVP4ICAcgd2AqTwytUNpdL1dXOn92pjMJfL6okLSXyg0vYqPTHWRdb04GKntKGXujAOO7XPRl1kqb1C5+mAO1z0ZdZKm9QufpgPpdq9o+6w1J5Hz79Cc/g9/wCeAXRMOCfeB6/fPAvNRxAduFVikFrMMQBQ4mAB8D5YDidiLeH40Ud5pMPFwFetT/DMuFpetPMLs1HcmnamlkvmDKXnlUtbu01zGeqbspgMsUC4FHaMB0fpB0fVTrBqSsKbpWrpVSLmj5YhM3TiapLqkWIutuQIQEAEQEB2jjAX17EW8Pxoo7zSYeLgDsRbw/GijvNJh4uAkXYw3e+MVH/pHRvkkw+t9r6nJAaJoAgFj8XT+mVSe80h9JGAXxwQ/wCVb3+6kv8AThgNH8AQBAEAQCU9fmom2WonQlXE6t7ON+8p2tJNLasplzlTmMrdIvjpZHKJTGwKcSCKZwESnDkHEDAAVs4If8q3v91Jf6cMBo/gCAIAgCAyQ67tEdz9MFT1DWTF45qmzNdzRRRCqW2JBbruFjOE2M1QIOBTlP8AhnwyHwxDKfwACx3BMnEpZXku7KnkzatJnOaUa9ES5ZYhFnXN3mdYEEzCBlN2UQMbKA4BtHZAaUIAgCAIAgFj8XT+mVSe80h9JGAzR2gtzeGqQqq4FnGUyczezbZrUU1dyRYxJoxbmWFMrxsRMQVPujBifd4iUvhCGUDCAa8dFlzqtvHpgtHcWuniUxqyoZWr01MUkiog4VaulmwKimQAKBjlSATZQAM2OAAGyAtHAEAQBALL4t5CqaNajKdYiBRqaQ/eHAwh5SP2CmH/ABAL84JSCSV1L3ZHiLrGlJfiCYKBh+eHl3hCQGgSgfYP2Zb/ALa9EeyHOnvMugt1zDnHOleebrcfd4843mbLszZoCZwBAf/Z'); }
.opinion .opinion__item.black_item .blockquote-footer { padding-right: 60px; }
.opinion .opinion__item.black_item .opinion__item_img { position: relative; overflow: hidden; }
.opinion .opinion__item.black_item .opinion__item_img::after { display: block; content: ''; position: absolute; width: 200px; height: 20px; background: #000; bottom: 0; right: -50px; transform: rotate(-45deg);
box-shadow: 0 0 30px 1px white; }
@media (max-width: 1339px) {
.opinion .opinion__item.black_item { padding-bottom: 15px; }
}
@media (max-width: 419px) {
.opinion .opinion__item.black_item .opinion__item_img::after { height: 10px; right: -70px; }
.opinion .opinion__item.black_item .blockquote-footer:before { width: calc(100% - 60px); }
.opinion .opinion__item.black_item::after { width: 30px; height: 44px; background-size: 100% auto; }
}
/* End */
/* Start:/local/templates/aist_portal_new/styles/main_banner.css?15868004261490*/
.n-popup-fade {
position: relative;
display: none;
z-index: 9999; }
.n-popup-fade::before {
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(6, 6, 6, 0.7);
z-index: 9999; }
.n-popup {
position: fixed;
top: 10%;
left: 50%;
max-width: 600px;
margin-left: -300px;
width: 100%;
height: 500px;
background: transparent;
border-radius: 3px;
z-index: 99999;
/*overflow: hidden;*/
opacity: 1; }
.n-popup__btn-close {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 10px;
right: 10px;
width: 50px;
height: 50px;
background: transparent;
border: none;
box-shadow: none;
border-radius: 3px;
cursor: pointer;
z-index: 999999; }
.n-popup__btn-close svg {
width: 100%;
height: 100%; }
.n-popup__img {
width: 100%;
height: 100%;
border-radius: 3px;
overflow: hidden; }
.n-popup__img .img-1 {
display: block; }
.n-popup__img .img-2 {
display: none; }
.n-popup__img img {
width: 100%;
height: 100%; }
@media (max-width: 767.99px) {
.img-1 {
display: none; }
.img-2 {
display: block; }
.n-popup {
top: 6%;
max-width: 320px;
height: 480px;
margin-left: -160px; }
.n-popup__img .img-1 {
display: none; }
.n-popup__img .img-2 {
display: block; } }
/*# sourceMappingURL=main.css.map */
/* End */
/* Start:/local/templates/aist_portal_new/styles/slick.css?15804568351776*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* End */
/* Start:/local/templates/aist_portal_new/styles/slick-theme.css?15804568353145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('/local/templates/aist_portal_new/styles/./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('/local/templates/aist_portal_new/styles/./fonts/slick.eot');
src: url('/local/templates/aist_portal_new/styles/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/aist_portal_new/styles/./fonts/slick.woff') format('woff'), url('/local/templates/aist_portal_new/styles/./fonts/slick.ttf') format('truetype'), url('/local/templates/aist_portal_new/styles/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* End */
/* Start:/local/templates/aist_portal_new/styles/p-styles.css?162210843858367*/
/* */
html {
height: 100%;
}
html, body {
min-height: 100%;
}
/*===================== Constant ===================== */
.medical-new-reviews__wrote-photo img {
height: 37px;
}
.clv {
clear: both;
overflow: hidden;
}
.lk-user-photo__item.icon-circles img {
height: 60px;
}
.cla:after {
content: " ";
clear: both;
display: table;
}
.green-bg {
background-color: #81b6b6;
min-height: 126px;
}
.white-bg {
border-top: 3px solid #f6f6f6;
background-color: #fff;
}
.icon-circles {
position: relative;
}
.icon-circles:before {
background: url(/local/templates/aist_portal_new/styles/../images/imgAva-border.png) center center no-repeat;
content: "";
position: absolute;
left: 0;
top: 0;
height: 68px;
width: 68px;
}
.icon-circles span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
display: block;
font-size: 0;
height: 60px;
margin: 4px;
overflow: hidden;
position: relative;
width: 60px;
text-align: center;
}
.icon-circles span img {
display: inline-block;
font-size: 0;
line-height: 0;
}
.h1054 {
min-height: 1035px;
}
#donutchart {
height: 355px;
width: 100%;
}
#donutchart [dir="ltr"] {
width: 100% !important;
}
/* ======================== end Constant ======================== */
/* ======================== LK ======================== */
.ulk .page-header__logo a {
font-size: 13px;
line-height: 21px;
}
.ulk .page-header__logo span.logo_proaist_span {
margin-left: 36px;
}
.ulk .page-header__logo img {
margin-top: 7px;
width: 215px;
}
.ulk .page-header__rate a {
font-size: 18px;
line-height: 21px;
margin-top: 6px;
float: left;
}
.ulk .list--inline {
margin-bottom: 0;
}
.ulk .list--inline>li {
vertical-align: top;
}
.header-user {
color: #fff;
font: 15px "latoheavy", sans-serif;
padding: 0 5px 0 50px;
}
.header-user a {
color: #fff;
}
.header-user__lbl {
float: left;
width: 48%;
}
.header-user__people-photo {
float: left;
margin-top: 29px;
width: 88px;
}
.header-user__people-data {
overflow: hidden;
padding-top: 39px;
}
.header-user__people-data span {
display: block;
margin-bottom: 2px;
width: 100%;
}
.header-user__rbl {
overflow: hidden;
padding-top: 39px;
}
.header-user__link-menu {
margin-right: 32px;
}
.header-user .header-user__link-menu:last-child {
margin-right: 0;
}
.comment-user__item {
border-top: 3px solid #f6f6f6;
background-color: #fff;
padding: 27px 29px 40px 54px;
}
.comment-user__lbl {
float: left;
width: 84.7%;
}
.comment-user__title {
color: #152f3a;
font: 24px/26px "ralewayextrabold", sans-serif;
padding: 6px 0 28px 0;
text-transform: uppercase;
}
.comment-user__subject em {
color: #808b90;
display: block;
font: 15px/18px "latoregular", sans-serif;
font-style: normal;
}
.comment-user__subject span {
color: #152f3a;
display: block;
margin-top: 10px;
font: 15px/21px "latoheavy", sans-serif;
width: 79%;
}
.comment-user__text {
border: 3px solid #dcdcdc;
color: #808b90;
font: 15px/24px "latoregular", sans-serif;
margin-top: 14px;
padding: 10px 20px 37px;
}
.comment-user__rbl {
/*overflow: hidden;*/
font-size: 0;
text-align: right;
}
.comment-user__rbl img {
display: inline-block;
font-size: 0;
}
.comment-user__rbl a {
display: inline-block;
padding: 3px 1px 3px 3px;
}
.comment-user__data {
color: #808b90;
font: 13px/18px "latoregular", sans-serif;
display: block;
}
.comment-user__data span {
display: block;
}
.comment-user__edit {
padding-top: 14px;
}
.comment-user__dell {
padding-top: 14px;
}
.share-bl {
background: #fff url(/local/templates/aist_portal_new/styles/../img/bg-share-left.gif) 0 bottom no-repeat;
font-size: 0;
height: 93px;
position: relative;
padding-top: 28px;
text-align: center;
}
.share-bl:before {
background: #fff url(/local/templates/aist_portal_new/styles/../img/bg-share-right.gif) 0 bottom no-repeat;
content: "";
bottom: 0;
position: absolute;
right: 0;
height: 100%;
width: 160px;
}
.share-bl.silver-line {
border-top: 3px solid #f6f6f6;
}
.share-bl.jump {
margin-top: 20px;
}
.share-bl__name {
color: #152f3a;
display: inline-block;
font: 18px "ralewayextrabold", sans-serif;
padding: 6px 15px 0 0;
text-transform: uppercase;
vertical-align: top;
}
.share-bl__link {
display: inline-block;
vertical-align: top;
}
.my-comment__item {
border-top: 3px solid #f6f6f6;
background-color: #fff;
padding: 25px 29px 30px 54px;
}
.my-comment__title {
color: #152f3a;
font: 18px/22px "ralewayextrabold", sans-serif;
padding: 12px 0 30px 0;
text-transform: uppercase;
}
.my-comment__lbl {
float: left;
padding: 5px 0 0 3px;
width: 174px;
}
.my-comment__rbl {
overflow: hidden;
}
.my-comment__evaluation {
color: #fff;
float: left;
font: 24px/24px "latoheavy", sans-serif;
text-align: center;
width: 40px;
}
.my-comment__evaluation span {
display: table-cell;
height: 40px;
vertical-align: middle;
width: 40px;
}
.my-comment__evaluation.cbg-yellow {
background-color: #f36d25;
}
.my-comment__evaluation.cbg-green {
background-color: #007e85;
}
.my-comment__people-photo {
float: left;
font-size: 0;
width: 102px;
}
.my-comment__people-photo img {
display: inline-block;
font-size: 0;
max-height: 100%;
max-width: 100%;
}
.my-comment__data-cloud {
float: left;
width: 83%;
}
.my-comment__date {
display: block;
padding-bottom: 9px;
width: 100%;
}
.my-comment__date span {
margin-right: 3px;
}
.my-comment__dlbl {
float: left;
padding-right: 20px;
width: 278px;
}
.my-comment__drbl {
overflow: hidden;
}
.my-comment__dlbl span, .my-comment__drbl span {
display: block;
margin-top: 6px;
width: 100%;
}
.my-comment__dlbl em, .my-comment__drbl em {
display: block;
margin-top: 8px;
width: 100%;
}
.my-comment__instruments {
overflow: hidden;
text-align: right;
}
.my-comment__text {
clear: both;
border: 3px solid #dcdcdc;
color: #808b90;
font: 15px/24px "latoregular", sans-serif;
margin-top: 15px;
padding: 10px 20px 37px;
}
.sb-text span {
color: #808b90;
font: 15px/21px "latoregular", sans-serif;
}
.sb-text em {
color: #152f3a;
font: 15px/21px "latoheavy", sans-serif;
font-style: normal;
}
.header-notice {
color: #fff;
text-align: center;
}
.header-notice__wr {
display: table;
width: 100%;
}
.header-notice__text {
display: table-cell;
height: 126px;
vertical-align: middle;
width: 100%;
}
.header-notice__text span {
display: block;
font: 24px/26px "ralewayextrabold", sans-serif;
text-transform: uppercase;
width: 100%;
}
.header-notice__text em {
display: block;
font: 18px/22px "latoheavy", sans-serif;
font-style: normal;
margin-top: 12px;
width: 100%;
}
.header-notice__big-title {
font: 24px/26px "ralewayextrabold", sans-serif;
padding-top: 36px;
text-transform: uppercase;
text-align: center;
width: 100%;
}
.restore-password {
background-color: #fff;
padding: 30px 30px 30px 86px;
}
.restore-password__enter-text {
float: left;
width: 39.7%;
}
.restore-password__btn-send {
float: left;
padding-left: 15px;
width: 35.6%;
}
.restore-password__btn-send .btn {
width: 100%;
}
.restore-password__btn-close {
overflow: hidden;
padding-left: 15px;
}
.restore-password__info {
color: #152f3a;
clear: both;
font: 15px/21px "latoregular", sans-serif;
padding-top: 20px;
}
.restore-password__info span {
background: url(/local/templates/aist_portal_new/styles/../img/icon/info.gif) 1px 4px no-repeat;
display: block;
padding-left: 40px;
width: 54%;
}
.check-in {
background-color: #fff;
text-align: center;
}
.check-in__wr-form {
display: inline-block;
font-size: 0;
max-width: 354px;
width: 100%;
}
.check-in__captcha {
display: block;
padding-top: 15px;
}
.check-in__enter-code {
float: left;
width: 164px;
}
.check-in__img-code {
float: left;
text-align: center;
width: 140px;
}
.check-in__img-code span {
display: table-cell;
height: 55px;
vertical-align: middle;
width: 140px;
}
.check-in__update {
overflow: hidden;
padding-top: 17px;
text-align: left;
}
.check-in__two-btn {
padding-top: 15px;
}
.check-in__two-btn input {
min-width: inherit;
width: 100%;
}
.check-in__btn-send {
float: left;
padding-right: 15px;
width: 202px;
}
.check-in__btn-close {
overflow: hidden;
}
.lk-user-photo {
display: inline-block;
height: 71px;
position: relative;
text-align: center;
width: 100%;
}
.lk-user-photo__input-dlw-file {
cursor: pointer;
position: absolute;
height: 100px;
outline: 1px solid red;
opacity: 0;
left: 50%;
margin-left: -70px;
top: -40px;
width: 140px;
z-index: 99;
}
.lk-user-photo__item {
position: absolute;
left: 50%;
margin-left: -30px;
float: left;
top: -40px;
}
.lk-user-photo__info {
color: #007e85;
display: inline-block;
cursor: pointer;
font: 15px "latobold", sans-serif;
padding-top: 40px;
}
.ls-field-form {
display: block;
position: relative;
margin-top: 15px;
}
.ls-field-star {
color: #ff0000;
font: 18px "latoregular", sans-serif;
position: absolute;
right: -12px;
top: -9px;
}
.user-panel {
background-color: #fff;
padding-bottom: 52px;
text-align: center;
}
.user-panel__wr-form {
display: inline-block;
font-size: 0;
max-width: 384px;
padding: 0 15px;
}
.user-panel__wr-data {
clear: both;
padding-bottom: 12px;
}
.user-panel__data {
padding-top: 17px;
}
.user-panel__dname {
color: #808b90;
font: 15px/22px "latoregular", sans-serif;
float: left;
text-align: left;
width: 33%;
}
.user-panel__dinfo {
color: #152f3a;
font: 18px/22px "latoregular", sans-serif;
float: left;
text-align: left;
width: 57%;
}
.user-panel__dinfo input {
color: #152f3a;
background-color: inherit;
border: none;
font: 18px/22px "latoregular", sans-serif;
width: 100%;
padding:0;
}
.user-panel__dedit {
overflow: hidden;
font-size: 0;
text-align: right;
width: 10%;
}
.user-panel__dedit a {
display: inline-block;
padding: 3px 6px 3px 3px;
}
.user-panel__btn {
clear: both;
display: block;
padding-top: 15px;
width: 100%;
}
.user-panel__btn .btn {
width: 100%;
}
.user-panel__link-subscribe {
padding-top: 27px;
text-align: left;
}
.user-panel__link-subscribe a {
background: url(/local/templates/aist_portal_new/styles/../img/icon/line-arrow.gif) right center no-repeat;
color: #007e85;
font: 13px "ralewayblack", sans-serif;
padding-right: 32px;
text-transform: uppercase;
}
.reviews-comments {
background-color: #fff;
border-top: 3px solid #f6f6f6;
text-align: center;
}
.reviews-comments__lbl {
border-right: 3px solid #f6f6f6;
float: left;
width: 50%;
}
.reviews-comments__rbl {
display: table;
float: left;
padding-right: 3px;
width: 50%;
}
.reviews-comments__hcenter {
display: table;
height: 180px;
width: 100%;
}
.reviews-comments__hcenter span {
display: table-cell;
height: 100%;
font-size: 0;
vertical-align: middle;
width: 100%;
}
.reviews-comments__hcenter a {
color: #f36d25;
display: inline-block;
font: 13px/20px "ralewayblack", sans-serif;
padding-left: 59px;
max-width: 205px;
position: relative;
text-transform: uppercase;
text-align: left;
}
.reviews-comments__hcenter a:before {
content: "";
height: 35px;
left: 0;
position: absolute;
width: 46px;
}
.link-my-reviews:before {
background: url(/local/templates/aist_portal_new/styles/../img/icon/l-reviews.gif) 0 0 no-repeat;
top: -5px;
}
.link-my-comments:before {
background: url(/local/templates/aist_portal_new/styles/../img/icon/l-comments.gif) 0 0 no-repeat;
top: 3px;
}
.white-dr {
background-color: #fff;
padding: 26px 0 21px 26px;
}
.lk-big-title {
color: #152f3a;
font: 24px/26px "ralewayextrabold", sans-serif;
text-transform: uppercase;
}
.lk-big-title h1 {
margin: 0;
font-size: 100%;
font-weight: bold;
}
.filter-reviews {
border: 1px solid #e8e8e8;
background-color: #f9f9f9;
padding: 17px 0 17px 29px;
position:relative;
}
.filter-reviews__select {
float: left;
margin-right: 13px;
width: 200px;
}
.filter-reviews__select.xl {
width: 127px;
}
.filter-reviews__select.xl .form-control {
min-width: inherit;
width: 100%;
}
.filter-reviews__select.xxl {
width: 179px;
}
.filter-reviews__select.xxl .form-control {
min-width: inherit;
width: 100%;
}
.filter-reviews__select.sl {
margin-right: 9px;
width: 194px;
}
.filter-reviews__btn {
overflow: hidden;
padding-left: 4px;
}
.filter-reviews__btn .btn {
background: #fff url(/local/templates/aist_portal_new/styles/../img/icon/arrow-filter-reviews.gif) center center no-repeat;
min-width: inherit;
width: 70px;
}
.filter-reviews__check-one, .filter-reviews__check-two, .filter-reviews__check-three {
float: left;
margin-top: -4px;
}
.filter-reviews__check-one {
width: 74px;
}
.filter-reviews__check-two {
width: 122px;
}
.filter-reviews__check-three {
padding: 20px 0 0 8px;
width: 144px;
}
.filter-reviews__check-item {
clear: both;
display: block;
line-height: 16px;
position: relative;
}
.filter-reviews__check-item.checkbox {
margin-top: 0 !important;
}
.filter-reviews__check-item label,
.filter-reviews__check-item label a {
color: #808b90;
font-size: 13px;
font-family: "latoregular", sans-serif;
line-height: 1.7;
}
.filter-reviews__search {
overflow: hidden;
}
.filter-reviews__srch-enter-text {
border: 3px solid #007f86;
border-right: 0;
background-color: #fff;
font: 14px "latoregular", sans-serif;
float: left;
height: 55px;
padding: 0 5px 0 10px;
width: 145px;
}
.filter-reviews__srch-btn {
background: #007f86 url(/local/templates/aist_portal_new/styles/../img/icon/white-arrow-search.png) center center no-repeat;
border: none;
float: left;
height: 55px;
width: 46px;
cursor: pointer;
}
input.filter-reviews__srch-enter-text::-webkit-input-placeholder {
color: #007f86;
opacity: 1;
}
input.filter-reviews__srch-enter-text:-moz-placeholder {
color: #007f86;
opacity: 1;
}
input.filter-reviews__srch-enter-text::-moz-placeholder {
color: #007f86;
opacity: 1;
}
input.filter-reviews__srch-enter-text:focus::-webkit-input-placeholder {
color: #007f86 !important;
opacity: 1;
}
input.filter-reviews__srch-enter-text:focus::-moz-placeholder {
color: #007f86 !important;
opacity: 1;
}
.full-width{
width:100%;
}
.reviews-mcompany {
background-color: #fff;
float: left;
padding: 0 18px 43px 29px;
width: 100%;
}
.reviews-mcompany__item {
margin-top: 41px;
position: relative;
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.reviews-mcompany__item:before {
content: "";
border-top: 1px solid #e8e8e8;
height: 1px;
left: 0;
position: absolute;
top: -21px;
width: 100%;
}
.reviews-mcompany .reviews-mcompany__item:first-child {
border-top: 0;
margin-top: 28px;
}
.reviews-mcompany .reviews-mcompany__item:first-child:before {
display: none;
}
.reviews-mcompany__lbl {
/* float: left;*/
position: relative;
padding-right: 30px;
/* width: 333px; */
width:34%;
}
.reviews-mcompany__title {
color: #152f3a;
font: 15px "latoregular", sans-serif;
padding-top: 2px;
}
.reviews-mcompany__date-doctor {
min-height: 91px;
padding-top: 9px;
}
.reviews-mcompany__dd-lbl {
float: left;
width: 93px;
}
.reviews-mcompany__dd-rbl {
overflow: hidden;
}
.reviews-mcompany__doctor-name {
color: #152f3a;
font: 16px/20px "latoheavy", sans-serif;
padding-top: 2px;
}
.reviews-mcompany__mname {
color: #152f3a;
font: 16px/20px "latoheavy", sans-serif;
padding-top: 7px;
}
.reviews-mcompany__address {
color: #808b90;
font: 13px/16px "latoregular", sans-serif;
padding: 13px 0 4px 0;
}
.reviews-mcompany__doctor-info {
color: #808b90;
font: 13px/16px "latoregular", sans-serif;
padding-top: 4px;
}
.reviews-mcompany__doctor-length {
color: #808b90;
font: 13px/16px "latoregular", sans-serif;
padding-top: 8px;
}
.reviews-mcompany__doctor-work {
padding-top: 13px;
}
.reviews-mcompany__doctor-work span {
color: #152f3a;
display: block;
font: 15px/20px "latoregular", sans-serif;
}
.reviews-mcompany__doctor-work em {
color: #152f3a;
display: block;
font: 16px/21px "latoheavy", sans-serif;
font-style: normal;
}
.reviews-mcompany__doctor-work i {
color: #808b90;
display: block;
font: 13px/16px "latoregular", sans-serif;
font-style: normal;
padding-top: 10px;
}
.reviews-mcompany__rvs {
clear: both;
padding-top: 14px;
}
.reviews-mcompany__rating {
float: left;
width: 112px;
}
.reviews-mcompany__visit {
color: #808b90;
font: 13px/23px "latoregular", sans-serif;
overflow: hidden;
}
.reviews-mcompany__evaluation {
right: 11px;
position: absolute;
text-align: center;
top: 0;
}
.reviews-mcompany__evaluation span {
color: #7d7d7d;
border: 2px solid #dcdcdc;
display: table-cell;
font: 13px "latoregular", sans-serif;
height: 24px;
vertical-align: middle;
width: 24px;
}
.reviews-mcompany__rbl {
/* overflow: hidden;*/
padding-left: 20px;
width:66%;
}
.reviews-mcompany__rbl:before {
/* content: "";
border-left: 1px solid #d0d0d0;
height: 100%;
left: 333px;
position: absolute;
top: 0;
width: 1px; */
}
.reviews-mcompany__text {
color: #808b90;
font: 13px/24px "latoregular", sans-serif;
padding: 5px 40px 17px 0;
}
.reviews-mcompany__wrote {
float: left;
width: 65%;
}
.reviews-mcompany__wrote-photo {
float: left;
font-size: 0;
width: 51px;
}
.reviews-mcompany__wrote-photo span {
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
height: 37px;
overflow: hidden;
width: 37px;
}
.reviews-mcompany__wrote-photo span img {
display: inline-block;
font-size: 0;
}
.reviews-mcompany__wrote-data {
overflow: hidden;
padding-top: 2px;
}
.reviews-mcompany__wrote-data span {
color: #152f3a;
display: block;
font: 13px/18px "latoheavy", sans-serif;
}
.reviews-mcompany__wrote-data em {
color: #808b90;
display: block;
font: 13px/20px "latoregular", sans-serif;
font-style: normal;
}
.reviews-mcompany__wrote-data.rtop {
padding-top: 10px;
}
.reviews-mcompany__date-publication {
color: #808b90;
font: 13px "latoregular", sans-serif;
overflow: hidden;
padding: 21px 6px 0 0;
text-align: right;
}
.navigation-pages-bl {
background-color: #fff;
border-top: 3px solid #f6f6f6;
clear: both;
overflow: hidden;
}
.medical-card {
background-color: #fff;
border-bottom: 18px solid #f6f6f6;
padding: 33px 17px 27px 24px;
}
.medical-card__title {
color: #152f3a;
font: 24px/26px "ralewayextrabold", sans-serif;
overflow: hidden;
padding: 0 0 18px 5px;
text-transform: uppercase;
}
.medical-card__lbl {
float: left;
margin-right: 20px;
width: 62%;
}
.medical-card__photo {
float: left;
margin-top: 2px;
width: 93px;
}
.medical-card__info {
font: 15px/18px "latoregular", sans-serif;
overflow: hidden;
}
.medical-card__rating {
float: left;
font-size: 0;
line-height: 0;
}
.medical-card__status {
color: #007f86;
line-height: 16px;
float: right;
text-align: right;
}
.medical-card__description {
color: #808b90;
padding-top: 14px;
}
.medical-card__list-advantages {
color: #007f86;
padding-top: 14px;
}
.medical-card__list-advantages span {
display: inline-block;
font-size: 15px;
margin-right: 11px;
position: relative;
}
.medical-card__list-advantages span:before {
content: "|";
color: inherit;
right: -6px;
position: absolute;
top: 0;
}
.medical-card__list-advantages span:last-child:before {
display: none;
}
.medical-card__cld {
border-top: 1px solid #f3f7f8;
margin-top: 15px;
padding: 22px 0 0 0;
}
.medical-card__main-cont {
color: #808b90;
float: left;
font: 15px/18px "latoregular", sans-serif;
padding: 0 35px 0 5px;
width: 60%;
}
.medical-card__main-cont a {
color: #808b90;
}
.medical-card__main-cont a:hover {
color: #007f86;
}
.medical-card__item-contacts {
padding: 7px 0 5px 32px;
}
.medical-card__statistics {
overflow: hidden;
}
.medical-card__nomination {
font-size: 0;
text-align: center;
}
.medical-card__nomination .dt-nomination:nth-child(2) {
width: 118px;
}
.medical-card__btn-gfeedback {
padding-top: 14px;
}
.medical-card__btn-gfeedback .btn {
font: 13px "latoregular", sans-serif;
padding: 3px 0;
height: 32px;
text-transform: inherit;
min-width: inherit;
width: 100%;
}
.medical-card__rbl {
border-left: 1px solid #f3f7f8;
overflow: hidden;
margin-top: 25px;
padding-left: 22px;
}
.r-star {
background: url(/local/templates/aist_portal_new/styles/../img/icon/star-hover.gif) center center no-repeat;
display: inline-block;
height: 13px;
margin-right: 3px;
width: 15px;
}
.medical-card__rating.fmsm-value {
font-size:14px; color: #7d7d7d;
}
tr td.rating-line__data {vertical-align: top;}
.rating-line__chart span.r-star{-height: 13px;background-position: top;}
.medical-card__rating.star .fmsm-value-tooltip{right:unset;}
.rating-line__chart.star, .medical-card__info.star { overflow: visible; }
.rating-line__chart .r-star {
margin-right: 0px;
}
.r-star.hvr {
background-image: url(/local/templates/aist_portal_new/styles/../img/icon/star.gif);
}
.dt-nomination {
display: inline-block;
text-align: center;
}
.dt-nomination:hover, .dt-nomination:active, .dt-nomination:focus {
text-decoration: none;
}
.dt-nomination span {
color: #767676;
display: block;
font: 30px/32px "latobold", sans-serif;
width: 100%;
}
.dt-nomination em {
color: #808b90;
display: block;
font: 15px/18px "latoregular", sans-serif;
font-style: normal;
width: 100%;
}
.ic-map {
background: url(/local/templates/aist_portal_new/styles/../img/icon/leyba.gif) 3px 7px no-repeat;
}
.ic-metro {
background: url(/local/templates/aist_portal_new/styles/../img/icon/metro.gif) 3px 12px no-repeat;
}
.ic-time {
background: url(/local/templates/aist_portal_new/styles/../img/icon/calendar.gif) 0 9px no-repeat;
}
.ic-site {
background: url(/local/templates/aist_portal_new/styles/../img/icon/globe.gif) 2px 9px no-repeat;
}
.ic-mob {
background: url(/local/templates/aist_portal_new/styles/../img/icon/mob.gif) 5px 10px no-repeat;
}
.myandex {
height: 292px;
width: 100%;
}
.myandex-two {
height: 326px;
width: 100%;
}
.medical-staff {
background-color: #fff;
border-bottom: 18px solid #f6f6f6;
}
.medical-staff__title {
color: #152f3a;
background-color: #fff;
font: 24px/26px "ralewayextrabold", sans-serif;
overflow: hidden;
padding: 33px 0 17px 29px;
text-transform: uppercase;
}
.medical-staff__item {
margin-top: 41px;
position: relative;
}
.medical-staff__item:before {
border-top: 1px solid #e8e8e8;
content: "";
height: 1px;
left: 0;
position: absolute;
top: -21px;
width: 100%;
}
.medical-staff__list {
padding: 0 18px 40px 27px;
}
.medical-staff__list .medical-staff__item:first-child {
margin-top: 20px;
}
.medical-staff__list .medical-staff__item:first-child:before {
display: none;
}
.medical-staff__photo {
float: left;
margin-top: 12px;
width: 93px;
}
.medical-staff__data {
padding: 17px 10px 0 0;
float: left;
width: 264px;
}
.medical-staff__data b {
color: #152f3a;
display: block;
font: 18px/22px "latoheavy", sans-serif;
font-weight: normal;
}
.medical-staff__data span, .medical-staff__data em {
color: #808b90;
display: block;
font: 15px/18px "latoregular", sans-serif;
}
.medical-staff__data span {
margin-top: 16px;
}
.medical-staff__data em {
margin-top: 8px;
}
.medical-staff__rating {
float: right;
margin-right: 5px;
font-size: 0;
padding-top: 17px;
width: 106px;
}
.medical-staff__rnr {
float: right;/*
margin-right: 20px;
width: 145px;*/
}
.medical-staff__nomination {
font-size: 0;
padding-top: 17px;
}
.medical-staff__nomination .dt-nomination {
width: 50%;
padding: 5px;
}
.medical-staff__btn-gfeedback {
padding-top: 10px;
}
.medical-staff__btn-gfeedback .btn {
font: 13px "latoregular", sans-serif;
padding: 3px 0;
height: 32px;
text-transform: inherit;
min-width: inherit;
width: 100%;
}
.medical-staff__review {
overflow: hidden;
padding-left: 23px;
}
.medical-staff__review:before {
/*border-left: 1px solid #d0d0d0;*/
content: "";
height: 100%;
left: 627px;
position: absolute;
top: 0;
width: 1px;
}
.medical-staff__review p {
color: #808b90;
font: 13px/16px "latoregular", sans-serif;
margin-bottom: 0;
}
.medical-staff__id-review {
padding-top: 8px;
}
.medical-staff__id-photo {
float: left;
font-size: 0;
margin-top: 2px;
width: 49px;
}
.medical-staff__id-photo span {
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
height: 37px;
overflow: hidden;
width: 37px;
}
.medical-staff__id-photo span img {
display: inline-block;
font-size: 0;
}
.medical-staff__id-name {
overflow: hidden;
}
.medical-staff__id-name span {
color: #152f3a;
display: block;
font: 13px/16px "latoheavy", sans-serif;
}
.medical-staff__id-name em {
color: #828383;
display: block;
font: 13px/16px "latoregular", sans-serif;
font-style: normal;
margin-top: 1px;
}
.medical-reviews-anchor {
display: block;
position: relative;
top: -116px;
}
.medical-reviews {
background-color: #fff;
padding: 33px 20px 20px 29px;
border-bottom: 18px solid #f6f6f6;
}
.medical-reviews__title {
color: #152f3a;
font: 24px/26px "ralewayextrabold", sans-serif;
text-transform: uppercase;
padding-bottom: 6px;
}
.medical-reviews__btn-see-all {
clear: both;
border-top: 1px solid #e8e8e8;
margin-top: 20px;
padding-top: 20px;
}
.cbtn {
text-align: center;
}
.cbtn .btn {
color: #007f86;
font: 15px "latoregular", sans-serif;
height: 47px;
min-width: 184px;
text-transform: inherit;
}
.medical-new-reviews {
background-color: #fff;
border: 1px solid #e8e8e8;
/*margin-top: 25px;*/
padding: 46px 0 32px 29px;
margin-bottom: 20px;
}
.medical-new-reviews__list {
padding-top: 34px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.medical-new-reviews__item {
float: left;
padding-right: 29px;
position: relative;
width: 33.3%;
margin-bottom: 30px;
padding-bottom: 20px;
}
.medical-new-reviews__vitem {
border-top: 1px solid #e3f1f2;
display: block;
padding-top: 21px;
position: relative;
margin-top: 24px;
width: 100%;
}
.medical-new-reviews__name {
color: #152f3a;
font: 18px/22px "latoheavy", sans-serif;
min-height: 44px;
position: relative;
}
.medical-new-reviews__name:before {
background-color: #152f3a;
content: "";
bottom: -3px;
height: 3px;
left: 0;
position: absolute;
width: 59px;
}
.medical-new-reviews__vname {
color: #152f3a;
font: 18px/22px "latoheavy", sans-serif;
max-width: 80%;
}
.medical-new-reviews__vposition {
color: #808b90;
display: block;
font: 15px/18px "latoregular", sans-serif;
padding-top: 6px;
}
.medical-new-reviews__text {
color: #808b90;
font: 15px/24px "latoregular", sans-serif;
padding-top: 31px;
}
.medical-new-reviews__vtext {
color: #808b90;
font: 15px/24px "latoregular", sans-serif;
padding-top: 40px;
}
.medical-new-reviews__vname + .medical-new-reviews__vposition + .medical-new-reviews__vtext {padding-top: 18px;}
.medical-new-reviews__wrote {
padding: 15px 0 0 3px;
}
.medical-new-reviews__wrote-photo {
float: left;
font-size: 0;
width: 55px;
}
.medical-new-reviews__wrote-photo span {
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
height: 37px;
overflow: hidden;
width: 37px;
}
.medical-new-reviews__wrote-photo span img {
display: inline-block;
font-size: 0;
}
.medical-new-reviews__wrote-data {
overflow: hidden;
padding-top: 2px;
}
.medical-new-reviews__wrote-data span {
color: #152f3a;
display: block;
font: 13px/18px "latoheavy", sans-serif;
}
.medical-new-reviews__wrote-data em {
color: #828383;
display: block;
font: 13px/15px "latoregular", sans-serif;
font-style: normal;
}
.medical-new-reviews__btn-see-all {
clear: both;
padding-top: 32px;
text-align: center;
}
.medical-new-reviews__v-btn-see-all {
clear: both;
border-top: 1px solid #e3f1f2;
padding-top: 12px;
margin-top: 24px;
text-align: center;
}
.medical-new-reviews__evaluation {
right: 30px;
position: absolute;
text-align: center;
top: 28px;
}
.medical-new-reviews__evaluation span {
color: #7d7d7d;
border: 2px solid #dcdcdc;
display: table-cell;
font: 13px "latoregular", sans-serif;
height: 24px;
vertical-align: middle;
width: 24px;
}
.medical-new-reviews__vevaluation {
right: 0;
position: absolute;
text-align: center;
top: 42px;
}
.medical-new-reviews__vevaluation span {
color: #7d7d7d;
border: 2px solid #dcdcdc;
display: table-cell;
font: 13px "latoregular", sans-serif;
height: 29px;
vertical-align: middle;
width: 29px;
}
.doctor-treats {
background-color: #fff;
border-bottom: 18px solid #f6f6f6;
padding: 32px 29px 32px 29px;
position: relative;
}
.doctor-treats__lbl {
float: left;
width: 51%;
}
.doctor-treats__info {
min-height: 136px;
padding: 16px 0 10px 3px;
}
.doctor-treats__state {
border-top: 1px solid #ebf2f4;
padding-top: 21px;
float: left;
}
.doctor-treats__rating {
float: left;
padding-top: 18px;
width: 110px;
}
.doctor-treats__nomination {
float: left;
font-size: 0;
padding-right: 20px;
text-align: center;
width: 178px;
}
.doctor-treats__nomination .dt-nomination {
width: 50%;
}
.doctor-treats__btn-gfeedback {
padding-top: 2px;
display: inline-block;
}
.doctor-treats__btn-gfeedback .btn {
color: #007f86;
font: 13px/15px "latoregular", sans-serif;
height: 44px;
min-width: inherit;
padding-top: 11px;
text-transform: inherit;
width: 100%;
}
.doctor-treats__photo {
float: left;
width: 85px;
}
.doctor-treats__position {
color: #808b90;
font: 15px/18px "latoregular", sans-serif;
overflow: hidden;
padding-top: 5px;
}
.doctor-treats__position span {
display: block;
width: 60%;
}
.doctor-treats__position i {
display: block;
margin-top: 12px;
font-style: normal;
}
.doctor-treats__rbl {
float: right;
width: 47.7%;
}
.doctor-treats__info-text {
color: #808b90;
font: 15px/18px "latoregular", sans-serif;
margin-top: 21px;
/*min-height: 250px;*/
position: relative;
}
.doctor-treats__info-text:before {
border-left: 1px solid #f3f7f8;
content: "";
height: 100%;
left: -20px;
position: absolute;
top: 1px;
width: 1px;
}
.doctor-treats__info-text p {
margin-bottom: 18px;
}
.doctor-visit {
background-color: #fff;
border-bottom: 13px solid #f6f6f6;
padding: 32px 16px 38px 24px;
position: relative;
}
.doctor-visit .lk-big-title {
padding-left: 5px;
}
.doctor-visit__wr {
border-top: 1px solid #e0eff0;
margin-top: 28px;
overflow: hidden;
}
.doctor-visit__lbl {
float: left;
padding-right: 22px;
position: relative;
width: 64%;
}
.doctor-visit__lbl:before {
content: "";
border-left: 1px solid #f3f7f8;
right: -1px;
height: 100%;
position: absolute;
top: 40px;
}
.doctor-visit__lbl .doctor-visit__item:first-child {
border-top-color: #fff;
margin-top: 0;
}
.doctor-visit__item {
border-top: 1px solid #e8e8e8;
padding: 30px 0;
}
.medical-all-reviews__lbl .doctor-visit__item:last-child {
padding-bottom: 30px;
}
.doctor-visit__xlbl {
float: left;
padding-right: 15px;
width: 450px;
}
.doctor-visit__photo {
float: left;
width: 92px;
}
.doctor-visit__name {
overflow: hidden;
padding-top: 9px;
}
.doctor-visit__name span {
color: #152f3a;
display: block;
font: 18px/22px "latoheavy", sans-serif;
}
.doctor-visit__name em {
color: #808b90;
display: block;
font: 15px/18px "latoregular", sans-serif;
font-style: normal;
}
.doctor-visit__contacts {
color: #808b90;
font: 15px/18px "latoregular", sans-serif;
padding: 12px 0 0 6px;
}
.doctor-visit__item-contacts {
clear: both;
padding: 7px 0 11px 32px;
}
.doctor-visit__list-advantages {
color: #007f86;
font: 15px/18px "latoregular", sans-serif;
padding: 10px 0 0 7px;
}
.doctor-visit__list-advantages span {
display: inline-block;
font-size: 15px;
margin-right: 11px;
position: relative;
}
.doctor-visit__list-advantages span:before {
content: "|";
color: inherit;
right: -7px;
position: absolute;
top: 0;
}
.doctor-visit__list-advantages span:last-child:before {
display: none;
}
.doctor-visit__xrbl {
overflow: hidden;
text-align: center;
}
.doctor-visit__rating {
padding: 16px 0 0 3px;
line-height: 12px;
}
.doctor-visit__nomination .dt-nomination {
padding-top: 14px;
width: 100%;
}
.doctor-visit__btn-gfeedback {
padding-top: 4px;
}
.doctor-visit__btn-gfeedback .btn {
height: 32px;
font: 13px/13px "latoregular", sans-serif;
min-width: inherit;
padding-top: 7px;
text-transform: inherit;
width: 100%;
}
.doctor-visit__rbl {
padding: 49px 0 0 21px;
overflow: hidden;
}
.medical-rating {
background-color: #fff;
border-bottom: 16px solid #f6f6f6;
padding: 21px 17px 12px 30px;
position: relative;
}
.medical-rating__title {
float: left;
width: 640px;
}
.medical-rating__title span {
display: table-cell;
height: 55px;
vertical-align: middle;
}
.medical-rating__btn-doctor {
float: right;
width: 280px;
}
@media (max-width:1300px) and (min-width:780px){
.medical-rating__btn-doctor {
margin: 0 0 30px 30px;
}
}
.medical-rating__btn-doctor .btn {
display: table;
min-width: 100%;
font: 15px/18px "latoregular", sans-serif;
text-transform: inherit;
width: 100%;
padding: 7px 0 5px;
font-family: latoregular, sans-serif;
font-weight: 100;
line-height: 35px;
}
.medical-rating__btn-doctor .btn span {
display: table-cell;
height: 49px;
vertical-align: middle;
width: 100%;
}
/*
// .medical-rating__btn-doctor a.btn{
// padding-top: 24px;
// padding-bottom: 12px;
// font-family: Raleway, Arial, sans-serif;
// font-size: 30px;
// font-weight: bold;
// line-height: 39px;
// }
*/
.medical-rating__info-text {
color: #808b90;
font: 15px/24px "latoregular", sans-serif;
padding-top: 18px;
}
.medical-rating__sst {
clear: both;
padding-top: 25px;
max-height: 326px;
overflow: hidden;
transition: all 1s linear;
}
.medical-rating__sst.active {
/* max-height: 1921px; */
max-height: 1000px;
}
.medical-rating__js {
padding-top: 20px;
cursor: pointer;
transition: all 0.3s linear;
}
.medical-rating__js.active {
transform: rotate(180deg);
}
.medical-rating__soft {
font-size: 0;
float: left;
-padding-top: 22px;
width: 663px;
}
.medical-rating__item-group {
display: inline-block;
position: relative;
padding-right: 7px;
text-align: center;
vertical-align: top;
-width: 135px;
max-width: 150px;
min-width: 135px
}
.medical-rating__item-group input {
position: absolute;
opacity: 0;
}
.medical-rating__item-group.mr01 {
width: 80px;
}
.medical-rating__item-group.mr02 {
width: 178px;
}
.medical-rating__label {
border: 3px solid #dddddd;
color: #7b8d91;
display: table;
height: 55px;
font: 15px/18px "latoregular", sans-serif;
padding: 0 5px;
width: 100%;
}
.medical-rating__label:hover, .medical-rating__label.active {
color: #007f86;
border-color: #007f86;
text-decoration: none;
}
.medical-rating__label span {
display: table-cell;
height: 100%;
vertical-align: middle;
width: 100%;
}
.medical-rating__statistics {
background-color: #95bae4;
color: #fff;
font: 11px/11px "latoregular", sans-serif;
float: left;
text-align: center;
width: 270px;
}
.medical-rating__statistics a {
color: #fff;
}
.medical-rating__statistics .medical-rating__sbl:first-child {
border-right-color: #a6c5e8 !important;
}
.medical-rating__sbl {
border-left: 1px solid #a6c5e8;
float: left;
padding-top: 6px;
min-height: 55px;
width: 33.3%;
}
.medical-rating__sbl span, .medical-rating__sbl em {
display: block;
width: 100%;
}
.medical-rating__sbl span {
font-size: 26px;
line-height: 26px;
}
.medical-rating__signature {
border-top: 1px solid #fff;
clear: both;
display: block;
min-height: 22px;
padding-top: 3px;
width: 100%;
}
.medical-rating__directions {
float: left;
margin-top: -6px;
width: 663px;
}
.medical-rating__directions ul {
list-style-position: inside;
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.medical-rating__directions a {
color: #007f86;
display: inline-block;
font: 15px/18px "latoregular", sans-serif;
}
.medical-all-reviews {
background-color: #fff;
position: relative;
}
.medical-all-reviews__title {
padding: 32px 30px 18px;
}
.medical-all-reviews__list {
padding: 36px 17px 47px 24px;
}
.medical-all-reviews__wr-list {
overflow: hidden;
}
.medical-all-reviews__doctor-item {
clear: both;
display: block;
padding-top: 60px;
}
.medical-all-reviews__doctor-item .medical-staff__rnr {
margin-right: 0;
}
.medical-all-reviews__doctor-item .medical-staff__photo {
margin-top: 5px;
}
.medical-all-reviews__doctor-item .medical-staff__data,
.medical-all-reviews__doctor-item .medical-staff__rating,
.medical-all-reviews__doctor-item .medical-staff__nomination {
padding-top: 10px;
}
.medical-all-reviews__lbl {
float: left;
padding: 0 20px 0 0;
position: relative;
width: 621px;
}
.medical-all-reviews__lbl:before {
border-left: 1px solid #f3f7f8;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 14px;
width: 1px;
}
.medical-all-reviews__lbl.npr {
padding: 0;
}
.medical-all-reviews__lbl .doctor-visit__item:first-child {
border-top-color: #fff;
margin-top: 0;
padding-top: 0;
}
.medical-all-reviews__lbl .medical-all-reviews__doctor-item:first-child {
padding-top: 0;
}
.medical-all-reviews__list-address {
clear: both;
/* border-top: 1px solid #e8e8e8;*/
display: block;
margin: 17px 13px 0 0;
}
.medical-all-reviews__doctor-item {
border-top: 1px solid #e8e8e8;
padding: 15px 0!important;
}
.medical-all-reviews__address-item {
clear: both;
color: #808b90;
display: block;
font: 15px/17px "latoregular", sans-serif;
padding-top: 9px;
}
.medical-all-reviews__address-item a {
color: #007f86;
}
.medical-all-reviews__tbl-one {
float: left;
padding: 0 20px 0 7px;
width: 42%;
}
.medical-all-reviews__tbl-two {
float: left;
padding-right: 20px;
width: 34%;
}
.medical-all-reviews__tbl-three {
float: left;
padding-right: 10px;
width: 24%;
}
.medical-all-reviews__rbl {
overflow: hidden;
padding: 11px 0 0 22px;
}
.medical-all-reviews__rbl-title {
color: #152f3a;
font: 24px/26px "ralewayextrabold", sans-serif;
padding-top: 17px;
text-transform: uppercase;
}
.medical-all-reviews__rdoctor-list .medical-new-reviews__vitem:first-child {
border-top-color: #fff;
margin-top: 0;
}
.add-reviews {
background-color: #fff;
padding: 29px 30px 33px;
text-align: center;
}
.add-reviews__title {
width: 100%;
text-align: left;
}
.add-reviews__wr {
display: inline-block;
text-align: left;
width: 687px;
}
.add-reviews__nn {
padding-top: 25px;
}
.add-reviews__full-name, .add-reviews__name-med, .add-reviews__name, .add-reviews__email {
float: left;
min-height: 55px;
width: 50%;
}
.add-reviews__name, .add-reviews__email {
margin-top: 10px;
margin-bottom: 10px;
}
.add-reviews__full-name, .add-reviews__name {
padding-right: 10px;
position: relative;
z-index: 10000;
}
.add-reviews__full-name .ico:before {
background: url(/local/templates/aist_portal_new/styles/../img/icon/search-green.png) center center no-repeat;
right: 24px;
}
.add-reviews__name-med, .add-reviews__email {
padding-left: 10px;
}
.add-reviews__name-med .ico:before {
background: url(/local/templates/aist_portal_new/styles/../img/icon/leyba-green.png) center center no-repeat;
right: 18px;
}
.add-reviews .ico {
display: none;
position: relative;
z-index: 10;
}
.add-reviews .ico:before {
content: "";
position: absolute;
height: 18px;
top: 18px;
width: 18px;
z-index: -1;
}
.add-reviews .ico.active {
display: block;
}
.add-reviews .ico .form-control {
background-color: inherit;
padding-right: 45px;
}
.add-reviews .ico:hover .form-control {
border-color: #a9a9a9;
}
.add-reviews__wr-scroll {
background-color: #fff;
border: 3px solid #a9a9a9;
border-top: 0;
// display: none;
left: 0;
position: absolute;
top: -15px;
width: 100%;
z-index: 3;
}
.add-reviews__wr-scroll ul li {
cursor: pointer;
font: 15px/18px "latoregular", sans-serif;
padding: 15px 15px;
}
.add-reviews__wr-scroll ul li:hover {
background-color: #f3f3f3;
}
.add-reviews__wr-scroll {
max-height: 350px;
overflow: auto;
width: 80%;
}
#suggestions3, .add-reviews__open-list {
position: relative;
}
.add-reviews__opted {
border: 3px solid #dcdcdc;
display: none;
padding: 12px 12px 6px;
position: relative;
width: 100%;
}
.add-reviews__opted:before {
background: url(/local/templates/aist_portal_new/styles/../img/icon/arrow-opted.gif) 0 0 no-repeat;
content: "";
bottom: 25px;
height: 16px;
position: absolute;
right: 11px;
width: 21px;
}
.add-reviews__opted.active {
display: block;
}
.add-reviews__opted-photo {
float: left;
width: 64px;
}
.add-reviews__opted-photo span {
border: 3px solid #e8e8e8;
display: block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
height: 46px;
overflow: hidden;
width: 46px;
}
.add-reviews__opted-np {
overflow: hidden;
padding: 4px 27px 0 0;
}
.add-reviews__opted-np span {
color: #152f3a;
display: block;
font: 16px/18px "ralewayextrabold", sans-serif;
text-transform: uppercase;
width: 100%;
}
.add-reviews__opted-np em {
color: #808b90;
display: block;
font: 15px/18px "latoregular", sans-serif;
margin-top: 4px;
width: 100%;
}
.add-reviews__opted-close {
clear: both;
padding-top: 5px;
}
.add-reviews__opted-close a {
color: #007f86;
font: 15px/18px "latoregular", sans-serif;
}
.add-reviews__info-text {
color: #3f4547;
border-bottom: 1px solid #f5f5f5;
display: block;
font: 13px/16px "latoregular", sans-serif;
padding: 14px 0 24px;
width: 100%;
}
.add-reviews__info-text a {
color: #007f86;
}
.add-reviews__date-visit {
float: left;
padding-right: 10px;
width: 50%;
}
.add-reviews__date-visit .add-reviews__dv-field {
display: block;
position: relative;
width: 100%;
z-index: 1;
}
.add-reviews__date-visit .add-reviews__dv-field:before {
background: url(/local/templates/aist_portal_new/styles/../img/icon/calendar-green.gif) 0 0 no-repeat;
content: "";
position: absolute;
height: 18px;
right: 24px;
top: 18px;
width: 18px;
z-index: -1;
}
.add-reviews__date-visit .form-control {
background-color: inherit;
}
.add-reviews__evaluation {
background-color: #fff;
float: left;
padding-left: 10px;
width: 50%;
}
.add-reviews__evaluation .add-reviews__dv-field {
border: 3px solid #dcdcdc;
height: 55px;
}
.add-reviews__evaluation .add-reviews__dv-field input {
opacity: 0;
position: absolute;
}
.add-reviews__evaluation .add-reviews__dv-field input:checked+.add-reviews__label {
color: #fff;
background-color: #007f86;
}
.add-reviews__evaluation .add-reviews__dv-field .add-reviews__label:last-child {
border-right: none;
width: 67px;
}
.add-reviews__label {
border-right: 1px solid #dddddd;
cursor: pointer;
color: #808b90;
float: left;
font: 15px/18px "latoheavy", sans-serif;
text-align: center;
width: 65px;
}
.add-reviews__label span {
display: table-cell;
height: 49px;
vertical-align: middle;
width: 66px;
}
.add-reviews__dv-name {
color: #3f4547;
font: 15px/18px "latoregular", sans-serif;
padding: 19px 0 10px;
}
.add-reviews__enter-text {
clear: both;
padding-top: 7px;
}
.add-reviews__dv-textarea textarea {
height: 187px;
}
.add-reviews__info-text-textarea {
color: #3f4547;
font: 15px/18px "latoregular", sans-serif;
padding: 11px 0 0;
margin-bottom: 10px;
}
.add-reviews__btn-feedback {
padding-top: 20px;
text-align: center;
}
.add-reviews__btn-feedback .btn {
min-width: 333px;
font: 18px/19px "latoregular", sans-serif;
text-transform: inherit;
}
.rating-header__title {
background-color: #fff;
padding: 36px 10px 10px 10px;
min-height: 98px;
}
.rating-header__big-map {
border: 3px solid #e8e8e8;
height: 377px;
}
.rating-tblock {
padding-top: 8px;
}
.rating-tblock__lbl, .rating-tblock__rbl {
float: left;
width: 50%;
}
.rating-tblock__lbl {
padding-right: 4px;
}
.rating-tblock__rbl {
padding-left: 4px;
}
.rating-tblock__wwr {
background-color: #fff;
padding: 19px 10px 25px 29px;
min-height: 317px;
}
.rating-tblock__graph {
padding-top: 10px;
}
.brating-title {
color: #152f3a;
font: 24px/30px "latoheavy", sans-serif;
}
.agreen-sc {
color: #007e85;
display: inline-block;
font: 15px/21px "latoregular", sans-serif;
}
.rating-quality {
padding-top: 15px;
}
.rating-quality__title {
background-color: #fff;
padding: 36px 10px 10px 29px;
}
.rating-quality__two-graph {
border: 1px solid #e8e8e8;
background-color: #fff;
padding: 18px 0 20px 29px;
}
.rating-quality__select-region {
border-right: 1px solid #e8e8e8;
float: left;
min-height: 300px;
width: 50%;
}
.rating-quality__name-region {
color: #152f3a;
font: 18px/22px "latoheavy", sans-serif;
float: left;
padding-top: 14px;
width: 159px;
}
.rating-quality__cloud-region {
float: left;
width: 210px;
}
.rating-quality__photo-region {
clear: both;
min-height: 300px;
padding-top: 21px;
text-align: center;
cursor: pointer;
}
.rating-quality__diagram {
overflow: hidden;
position: relative;
text-align: center;
}
.rating-quality__diagram-text {
/*left: 50%;*/
/*margin-left: -60px;*/
position: absolute;
top: 136px;
/*width: 120px;*/
width: 100%;
z-index: 99;
}
.rating-quality__diagram-text span {
color: #152f3a;
display: block;
font: 16px/18px "latoheavy", sans-serif;
width: 100%;
}
.rating-quality__diagram-text em {
color: #a4a4a4;
display: block;
font: 13px/16px "latoregular", sans-serif;
font-style: normal;
padding-top: 5px;
width: 100%;
}
.select-city {
background-color: #fff;
padding: 13px 29px 29px;
margin-top: 15px;
}
.select-city__wrb {
padding-top: 16px;
position: relative;
margin-left: -20px;
}
.select-city__bl-item {
float: left;
padding: 0 0 20px 20px;
width: 33.3%;
}
.select-city__bl-item.bigw {
width: 50%;
}
.select-city__bl-item.bigw .select-city__wbi {
border-color: #007e85 !important;
}
.select-city__wbi {
border: 3px solid #dcdcdc;
display: block;
padding: 17px 26px 14px;
}
.select-city__name-city {
clear: both;
color: #152f3a;
display: block;
font: 18px/20px "ralewayextrabold", sans-serif;
padding-bottom: 16px;
position: relative;
text-transform: uppercase;
}
.select-city__name-city:before {
background-color: #152f3a;
content: "";
bottom: -3px;
height: 3px;
left: 0;
position: absolute;
width: 59px;
}
.select-city__lservices {
clear: both;
display: block;
max-height: 58px;
overflow: hidden;
padding-top: 15px;
}
.select-city__all-doctor {
clear: both;
display: block;
padding-top: 19px;
}
.select-city__filter {
clear: both;
display: block;
padding-top: 4px;
width: 100%;
}
.select-city__filter-name {
color: #152f3a;
float: left;
font: 18px/20px "latoheavy", sans-serif;
padding: 15px 0 0 10px;
width: 34%;
}
.select-city__filter-field {
float: left;
padding-right: 7px;
}
.select-city__filter-field.xs {
width: 23%;
}
.select-city__filter-field.xxs {
width: 27%;
}
.select-city__filter-btn {
overflow: hidden;
}
.select-city__filter-btn button {
background-color: #007e85;
border: 0;
color: #fff;
cursor: pointer;
display: block;
height: 55px;
font: 15px/25px "latoregular", sans-serif;
width: 100%;
}
.select-city__filter-btn button:hover {
background-color: #152f3a;
}
.select-city__filter-btn span {
background: url(/local/templates/aist_portal_new/styles/../img/icon/white-arrow-search.png) right center no-repeat;
display: inline-block;
padding-right: 25px;
}
.bl-about-us {
background-color: #fff;
clear: both;
padding: 33px 20px 54px 47px;
margin-top: 15px;
}
.bl-about-us__photo {
float: left;
font-size: 0;
padding-top: 3px;
width: 280px;
}
.bl-about-us__photo img {
display: inline-block;
font-size: 0;
line-height: 0;
max-width: 220px;
}
.bl-about-us__info-text {
overflow: hidden;
}
.bl-about-us__title {
clear: both;
color: #152f3a;
display: block;
font: 24px/24px "ralewayextrabold", sans-serif;
padding-bottom: 22px;
position: relative;
}
.bl-about-us__title:before {
background-color: #152f3a;
content: "";
bottom: -3px;
height: 3px;
left: 0;
position: absolute;
width: 59px;
}
.bl-about-us__text {
clear: both;
color: #808b90;
display: block;
font: 15px/24px "latoregular", sans-serif;
padding-top: 31px;
}
.bl-about-us__text p {
margin-bottom: 44px;
}
.bl-about-us__text p:last-child {
margin-bottom: 0;
}
.bl-about-us__text1 {
clear: both;
/*color: #808b90;*/
display: block;
font: 15px/24px "latoregular", sans-serif;
padding-top: 20px;
}
.bl-about-us__text1 p {
margin: 0px 12px 14px 0px;
}
.bl-about-us__text1 p:last-child {
margin-bottom: 0;
}
.rating-line__item {
border-collapse: collapse !important;
border-spacing: 0 !important;
padding: 0;
border: 0;
outline: 0;
margin: 3px 0 0;
width: 100%;
}
.rating-line__item td {
font: 16px/18px "latoregular", sans-serif;
padding: 4px 0;
vertical-align: middle;
}
.rating-line__item.tb01 .rating-line__name {
width: 60%;
}
.rating-line__item.tb02 .rating-line__name {
width: 60%;
}
.rating-line__name {
color: #007e85;
border-right: 1px solid #e8e8e8;
padding-right: 20px !important;
}
.rating-underline{
text-decoration:underline;
}
.rating-line__name a {
color: #007e85;
}
.rating-line__name span {
color: #808b90;
display: block;
margin: 2px 0;
}
.rating-line__number {
color: #a4a4a4;
float: left;
padding: 8px 13px;
width: 60px;
}
.rating-line__number span {
display: table-cell;
height: 33px;
vertical-align: middle;
}
.rating-line__chart {
font-size: 0;
line-height: 0;
overflow: hidden;
padding-left: 5px;
}
.rating-line__chart span {
display: inline-block;
height: 33px;
}
.rating-line__chart .clr01 {
background-color: #9ac952;
}
.rating-line__chart .clr02 {
background-color: #3bb05b;
}
.rating-line__chart .clr03 {
background-color: #2aa8cd;
}
.rating-line__chart .clr04 {
background-color: #267e9e;
}
.rating-line__chart .clr05 {
background-color: #595da6;
}
.rating-line__chart .clr06 {
background-color: #911b47;
}
.rating-line__chart .clr07 {
background-color: #b02c3f;
}
.rating-line__chart .clr08 {
background-color: #e6575e;
}
.rating-line__chart .clr09 {
background-color: #fb8d32;
}
.rating-line__chart .clr10 {
background-color: #ffc55b;
}
.rating-line__chart .clr010 {
background-color: #ffc55b;
}
.rating-line__chart .cls01 {
background-color: #b10403;
}
.rating-line__chart .cls02 {
background-color: #da0100;
}
.rating-line__chart .cls03 {
background-color: #ff4800;
}
.rating-line__chart .cls04 {
background-color: #ff6e04;
}
.rating-line__chart .cls05 {
background-color: #ff9600;
}
.rating-line__chart .cls06 {
background-color: #fcb700;
}
.rating-line__chart .cls07 {
background-color: #ffe500;
}
.rating-line__chart .cls08 {
background-color: #c0f000;
}
.rating-line__chart .cls09 {
background-color: #83e000;
}
.rating-line__chart .cls010 {
background-color: #37c200;
}
.rating-line__chart .cls011 {
background-color: #019f00;
}
.filter-reviews_border-bottom{
border-bottom:none;
}
.filter-reviews_border-top-none{
border-top:none
}
.rating-btn-del+div {
display: none!important;
}
/* ======================= end LK ======================= */
.bx_filter_parameters_box.filtr-rating_row {
width: 100%!important;
}
.filter-reviews__check-one_rating {
/*width: auto;*/
width: 100%;
}
.filter-reviews__check-item.checkbox.rating {
float: left;
width: 25%;
clear: none;
}
.filter-reviews__check-one_rating:after{
clear:both;
display:table;
content:"";
}
.filter-reviews__check-item.checkbox.rating {
float: left;
}
.name-field-search-filter {
margin-bottom: 15px;
}
.spoiler__title span {
position: relative;
}
.spoiler__title span:after{
position:absolute;
content:url(/local/templates/aist_copy/img/stroke.png);
right: -35px;
}
.rating-btn-ok, .rating-btn-del {
width: 49%;
cursor: pointer;
display: inline-block;
color: #8493a8;
}
.rating-btn-ok:hover,
.rating-btn-del:hover{
border-color: #007e85;
}
.spoiler{
display: block;
width: 100%;
}
.spoiler__title {
color: #808b90;
font-family: latoregular, sans-serif;
font-size: 15px;
text-align: center;
cursor: pointer;
}
.spoiler__body {
display: none;
}
.pt-0{
padding-top:0
}
.medical-rating.medical-rating-new { border-bottom: none; }
.medical-rating__statistics { margin-top: 22px; }
.medical-rating__sst.rating_sst_flex { max-height: none; padding-top: 40px; margin-right: -17px; padding-bottom: 20px; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft { width: 100%; float: none; display: flex; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col { }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col.rtcol-01 { width: 13.7%; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col.rtcol-02 { width: 36.3%; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col.rtcol-03 { width: 50%; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col h2 { font-weight: bold; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #333333; margin: 0 0 24px; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group { width: auto; text-align: left; padding-right: 0; min-width: auto; max-width: 100%; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group { padding-right: 28px; }
.medical-rating__sst.rating_sst_flex .medical-rating__label { padding: 0; margin: 0; border: none; display: inline-block; height: auto; width: auto; text-decoration: underline; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group:last-child .medical-rating__label { padding-right: 0; }
.medical-rating__sst.rating_sst_flex .medical-rating__label.active { text-decoration: none; }
.medical-rating__sst.rating_sst_flex .medical-rating__label span { display: inline; font-weight: normal; font-size: 15px; line-height: 18px; }
.medical-rating__sst.rating_sst_flex .medical-rating__label.active span,
.medical-rating__sst.rating_sst_flex .medical-rating__label:hover span { color: #007F86; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group-row { display: flex; }
.medical-rating-filter { font-size: 0; }
.medical-rating-filter > .filter-reviews { font-size: 100%; }
.medical-rating-filter > .filter-reviews { font-size: 100%; }
.medical-rating-filter > .filter-reviews .filter-reviews__select.xl .form-control { line-height: 1; white-space: normal; }
.medical-rating-filter > .filter-reviews.filter-reviews_border-top-none .bx_filter .bx_filter_param_label > span { word-break: break-word; }
.medical-rating__soft_top { display: none; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_top_hd { display: none; }
.medical-rating.medical-rating-new .medical-rating__statistics.mobile_duble { display: none; margin: 16px 0 0; }
.medical-rating-filter > .filter-reviews.filter-reviews_border-top-none .bx_filter .bx_filter_parameters_box_container .rating-btn-ok,
.medical-rating-filter > .filter-reviews.filter-reviews_border-top-none .bx_filter .bx_filter_parameters_box_container .rating-btn-del { margin-right: 2px; margin-left: 2px; }
@media (max-width: 1299px) {
.medical-rating__sst.rating_sst_flex { padding-bottom: 0; margin-right: 0; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft { flex-direction: column; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col { margin-bottom: 20px; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col h2 { margin-bottom: 10px; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col.rtcol-01 { width: auto; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col.rtcol-02 { width: auto; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col.rtcol-03 { width: auto; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group:last-child { padding-right: 0; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group-row { flex-wrap: wrap; }
.medical-rating-filter > .filter-reviews.filter-reviews_border-top-none .filter-reviews__check-one_rating { display: flex; flex-wrap: wrap; justify-content: space-between; }
.medical-rating-filter > .filter-reviews.filter-reviews_border-top-none .filter-reviews__check-item.checkbox.rating { flex-shrink: 0; }
}
@media (max-width: 779px) {
.medical-rating__sst.rating_sst_flex { padding-top: 0; border-bottom: 3px solid #dcdcdc; margin-top: 28px; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group-row { flex-direction: column; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group { padding-right: 0; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_top { display: block; border: 3px solid #dcdcdc; padding: 15px 40px 15px 16px; font-size: 15px; line-height: 18px; color: #54657E;
font-family: "latoregular", sans-serif; position: relative; border-bottom: none; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_top::after { display: block; content: ''; width: 14px; height: 8px; position: absolute; top: 50%; margin-top: -4px; right: 18px;
-webkit-transition: all 300ms ease; transition: all 300ms ease; background: no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAPklEQVR4AWNgqG+7D8H1CgyEQH27Alw9lPEfphm/JoRasAABzVjV4JPAL4dPAT5NeDXj1ERYM6YmojTj0wQAfxJmDTsGUfYAAAAASUVORK5CYII='); }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_top.opened { }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_top.opened::after { transform: rotate(180deg); }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_top_hd { display: block; font-style: normal; font-weight: bold; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #333333;
font-family: "ralewayextrabold", sans-serif; margin-bottom: 11px; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft { border: 3px solid #dcdcdc; padding-bottom: 12px; border-top: none; border-bottom: none; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_top + .medical-rating__soft { display: none; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col { margin-bottom: 0; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col.rtcol-01 h2 { display: none; }
.medical-rating__sst.rating_sst_flex .medical-rating__item-group { padding: 8px 16px; margin-bottom: 0; }
.medical-rating__sst.rating_sst_flex .medical-rating__label { text-decoration: none; }
.medical-rating__sst.rating_sst_flex .medical-rating__label span { font-style: normal; font-weight: normal; font-size: 15px; line-height: 18px; color: #7F9094; }
.medical-rating__sst.rating_sst_flex .medical-rating__soft_col h2 { font-weight: bold; font-size: 14px; line-height: 20px; color: #333333; padding: 8px 16px; margin-bottom: 0; margin-top: 8px; }
.medical-rating.medical-rating-new { border-bottom: 16px solid #f6f6f6; margin-bottom: 14px; }
.medical-rating.medical-rating-new .medical-rating__statistics { display: none; }
.medical-rating.medical-rating-new .medical-rating__statistics.mobile_duble { display: block; }
}
/* End */
/* Start:/local/templates/aist_portal_new/static/css/common.css?164059445172539*/
@charset "UTF-8";@font-face {
font-weight: 700;
font-family: "Marta";
src: url(/local/templates/aist_portal_new/static/css/../fonts/Marta-Bold.ttf);
}@font-face {
font-weight: 400;
font-family: "Marta";
src: url(/local/templates/aist_portal_new/static/css/../fonts/Marta.ttf);
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
min-width: 320px;
-webkit-text-size-adjust: 100%;
}body,
button,
input,
optgroup,
select,
textarea {
margin: 0;
}details,
main {
display: block;
}hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}code,
kbd,
pre,
samp {
font-size: 1em;
}a {
background-color: transparent;
}abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
border-bottom: none;
}b,
strong {
font-weight: bolder;
}small {
font-size: 80%;
}sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}sub {
bottom: -0.25em;
}sup {
top: -0.5em;
}img {
border-style: none;
}button,
hr,
input {
overflow: visible;
}button,
select {
text-transform: none;
}[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;
}[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none;
}[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}fieldset {
padding: 0.35em 0.75em 0.625em;
}legend {
display: table;
max-width: 100%;
color: inherit;
white-space: normal;
}progress {
vertical-align: baseline;
}textarea {
overflow: auto;
}[type=checkbox],
[type=radio],
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
}[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}summary {
display: list-item;
}template {
display: none;
}[hidden] {
display: none!important;
}*,
::after,
::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}body *,
body ::-webkit-scrollbar {
scrollbar-height: none;
scrollbar-width: none;
}input::-ms-clear,
input::-ms-reveal {
display: none;
}@media (max-width:1024px) {
.header-preview-pc {
display: none;
}
}.header-preview-mbl {
display: none;
}@media (max-width:1024px) {
.header-preview-mbl {
display: block;
}.footer-preview-pc {
display: none;
}
}.footer-preview-mbl {
display: none;
}@media (max-width:1024px) {
.footer-preview-mbl {
display: block;
}
}.M,
.M__cover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
pointer-events: none;
}.M {
z-index: 111;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: 0.1s opacity;
-o-transition: 0.1s opacity;
transition: 0.1s opacity;
}.M[data-active] {
top: 0;
opacity: 1;
pointer-events: all;
}.M[data-MW_scrolled] {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow-y: scroll;
}.M__cover {
z-index: 0;
background: rgba(0,0,0,0.32);
}.M__wrapper {
position: absolute;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
pointer-events: none;
}.M__wrapper[data-MW_scrolled] {
padding: 100px 0;
}@media (max-width:699px) {
.M__wrapper[data-MW_scrolled] {
padding: 0;
}
}@media (max-width:1024px) {
.M__wrapper {
width: 100%;
}
}@media (max-width:699px) {
.M__wrapper {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
min-height: 100%;
}
}.M__main-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: auto;
max-width: 100%;
height: auto;
margin-top: 50px;
padding: 37px 32px;
background: #ffffff;
cursor: default;
opacity: 0;
}@media (max-width:699px) {
.M__main-wrapper {
width: 100%;
padding: 0;
}
}.M__main-wrapper[data-active] {
margin-top: 0;
opacity: 1;
-webkit-transition: 0.3s opacity,0.3s margin;
-o-transition: 0.3s opacity,0.3s margin;
transition: 0.3s opacity,0.3s margin;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
pointer-events: all;
}.M__main-wrapper:nth-child(1) {
margin-top: 0;
}.M__close-btn {
position: absolute;
top: 0;
right: calc(-40px - 16px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
background: #ffffff;
border-radius: 50%;
cursor: pointer;
}@media (max-width:699px) {
.M__close-btn {
top: 16px;
right: 24px;
background: #ffffff;
}
}.M__close-btn:after,
.M__close-btn:before {
content: "";
position: absolute;
width: 18px;
height: 2px;
background: #000000;
}.M__close-btn:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}.M__close-btn:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}.M__header-title {
text-align: left;
}@media (max-width:699px) {
.M__header-title {
width: 100%;
padding: 24px 70px 24px 24px;
}
}.M__header-subtitle {
margin-top: 16px;
margin-bottom: 24px;
}@media (max-width:699px) {
.M__header-subtitle {
margin-top: 16px;
margin-bottom: 16px;
padding: 0 24px;
}
}.M__header-hr {
height: 2px;
background: gray;
border: unset;
}@media (max-width:699px) {
.M__header-hr {
width: calc(100% - 24px*2);
margin: auto;
}
}.M__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}@media (max-width:699px) {
.M__footer {
margin-top: auto;
padding: 0 24px 24px;
}
}.M__footer-hr {
height: 2px;
margin: 24px 0 16px;
background: gray;
border: unset;
}@media (max-width:699px) {
.M__footer-hr {
margin-top: 0;
}
}.M__footer-title {
text-align: left;
}.M__footer-subtitle {
margin-top: 16px;
margin-bottom: 24px;
}.M__footer-flexRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}@media (max-width:699px) {
.M__footer-flexRow:nth-last-child(1) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}.M__footer-flexRow-title:before {
content: "Общая сумма заказа:";
}@media (max-width:699px) {
.M__footer-flexRow-title:before {
content: "Cумма заказа:";
}.M__footer-flexRow-price {
font-size: 12px;
line-height: 20px;
}
}.M__footer-button {
margin-top: 16px;
}.M__footer-button:nth-child(1) {
margin-right: 37px;
padding: 12px 33px;
}@media (max-width:699px) {
.M__footer-button:nth-child(1) {
margin-right: 0;
}
}.M__footer-button:nth-child(2) {
padding: 12px 33px;
}.M__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
padding: 0 16px;
}.M__input-title {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: gray;
}@media (max-width:699px) {
.M__input-title {
font-size: 10px;
line-height: 11.7px;
}
}.M__input-wrapper {
width: 100%;
}.M__input-wrapper_deadline,
.M__input-wrapper_mark {
width: calc(100%/3 - 20px*2/3);
}@media (max-width:699px) {
.M__input-wrapper_deadline,
.M__input-wrapper_mark {
width: 100%;
}
}.M__input-wrapper_deadline {
margin-right: 20px;
}@media (max-width:699px) {
.M__input-wrapper_deadline {
margin-right: 0;
}
}.M__input-wrapper div,
.M__input-wrapper input {
height: 40px;
padding: 9px 10px 10px;
background: #ffffff;
border: unset;
border-radius: 10px;
}@media (max-width:699px) {
.M__input-wrapper div,
.M__input-wrapper input {
line-height: 14px;
border-radius: 5px;
}
}.M__custom-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.M__custom-input svg {
margin-left: auto;
}.M__custom-input .mark_circle {
margin: 0 15px 0 5px;
}.M__custom-input_mark span {
margin-right: auto;
color: gray;
}.M__custom-input input,
.M__input-wrapper input,
.M__textarea-wrapper {
width: 100%;
}.M__custom-select select,
.M__textarea-wrapper textarea {
width: 100%;
padding: 9px 10px 10px;
border: unset;
border-radius: 10px;
}.M__textarea-wrapper textarea {
top: 21px;
left: 0;
height: 124px;
background: #ffffff;
}@media (max-width:699px) {
.M__textarea-wrapper textarea {
line-height: 14px;
border-radius: 5px;
}
}.M__input-wrapper,
.M__select-wrapper,
.M__textarea-wrapper {
margin-top: 10px;
}.M__input-wrapper[data-issue] input[type=text],
.M__input-wrapper[data-issue] textarea,
.M__select-wrapper[data-issue] input[type=text],
.M__select-wrapper[data-issue] textarea,
.M__textarea-wrapper[data-issue] input[type=text],
.M__textarea-wrapper[data-issue] textarea {
border-color: red;
}.M__input-wrapper[data-issue] .M__issue-message,
.M__select-wrapper[data-issue] .M__issue-message,
.M__textarea-wrapper[data-issue] .M__issue-message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}.M__select-wrapper {
width: calc(100%/3 - 20px*2/3);
}.M__select-wrapper_priority {
margin-right: 20px;
}@media (max-width:699px) {
.M__select-wrapper_priority {
margin-right: 0;
}
}.M__select-wrapper svg {
pointer-events: none;
}@media (max-width:699px) {
.M__select-wrapper {
width: 100%;
}
}.M__custom-select {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
background: #ffffff;
border-radius: 10px;
}@media (max-width:699px) {
.M__custom-select {
border-radius: 5px;
}
}.M__custom-select select {
height: 40px;
font-size: 18px;
line-height: 21px;
outline: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}@media (max-width:699px) {
.M__custom-select select {
font-size: 12px;
line-height: 14px;
}
}.M__custom-select svg {
position: absolute;
right: 15px;
}.M__issue-message {
display: none;
margin-top: 5px;
color: red;
}.M-message__form-add-question.form-add-question input,
.M-message__form-add-question.form-add-question textarea,
.M-new-question__form-add-question.form-add-question input,
.M-new-question__form-add-question.form-add-question textarea {
width: 100%;
}.M-new-question .form-add-question__title {
margin-bottom: 22px;
font-weight: 700;
font-size: 18px;
line-height: 20px;
font-family: "Marta";
color: #000000;
}@media (max-width:1024px) {
.M-new-question .form-add-question__title {
margin-top: 20px;
}
}.M-new-question__select-block {
margin-bottom: 24px;
}.M-new-question__close-btn {
position: absolute;
top: 33px;
right: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}.M-filters__close-btn:before,
.M-message__close-btn:before,
.M-new-question__close-btn:before,
.M-sorting__close-btn:before {
content: url("data:image/svg+xml;utf8,");
position: absolute;
width: 32px;
height: 32px;
background: #ffffff;
}@media (max-width:1024px) {
.M-new-question__close-btn {
top: 16px;
right: 16px;
}
}.M-filters__main-wrapper,
.M-new-question__main-wrapper {
width: 560px;
background: #ffffff;
}.M-filters__main-wrapper {
padding: 30px 24px 32px;
}.M-filters__title {
margin-bottom: 30px;
font-weight: 700;
font-size: 18px;
line-height: 20px;
font-family: "Marta";
color: #000000;
}.M-filters__close-btn {
position: absolute;
top: 24px;
right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}.M-filters__footer {
display: grid;
margin-top: 32px;
grid-column-gap: 16px;
grid-template-columns: repeat(2,1fr);
}.M-filters__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}.M-filters__filter-capsule {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 36px;
margin-bottom: 12px;
padding: 0 16px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
font-family: PT Sans;
text-align: center;
color: #8c8c8c;
background: #f8f8f8;
border-radius: 64px;
}.M-filters__filter-capsule.is-active {
color: #ffffff;
background: #5cb8ff;
}.M-filters__filter-capsule:nth-last-child(1),
.M-sorting__filter-capsule:nth-last-child(1) {
margin-bottom: 0;
}.M-sorting__main-wrapper {
width: 560px;
padding: 30px 24px 32px;
background: #ffffff;
}.M-sorting__title {
margin-bottom: 30px;
font-weight: 700;
font-size: 18px;
line-height: 20px;
font-family: "Marta";
color: #000000;
}.M-sorting__close-btn {
position: absolute;
top: 24px;
right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}.M-sorting__footer {
display: grid;
margin-top: 32px;
grid-column-gap: 16px;
grid-template-columns: repeat(2,1fr);
}.M-sorting__content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}.M-sorting__filter-capsule {
margin-bottom: 12px;
}.M-sorting .show-limit {
width: 100%;
margin-bottom: 32px;
}.M-sorting .show-limit-panel {
margin-left: auto;
}.M-sorting .show-limit-panel-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 48px;
}.M-sorting__list li,
.m-container li {
list-style: none;
}.M-sorting__list-item {
padding: 16px 0;
border-top: 1px solid #eeeeee;
}.M-sorting__list-item > ul li {
margin: 16px 0 0;
padding-left: 15px;
}.M-sorting__list-item a {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
text-decoration: unset;
}.M-message__close-btn {
position: absolute;
top: 33px;
right: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
cursor: pointer;
}@media (max-width:1024px) {
.M-message__close-btn {
top: 16px;
right: 16px;
}
}.M-message__title {
font-weight: 700;
font-size: 18px;
line-height: 20px;
font-family: "Marta";
color: #000000;
}@media (max-width:699px) {
.M-message__title {
width: 210px;
}
}.M-message__text {
margin-top: 30px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}@media (max-width:699px) {
.M-message__text {
margin-top: 12px;
}
}.M-message__submit-button {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-top: 32px;
}@media (max-width:1024px) {
.M-message__submit-button {
margin-top: 16px;
}
}.M-message__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.M-message__main-wrapper {
width: 560px;
background: #ffffff;
}@media (max-width:1024px) {
.M-message__main-wrapper {
position: absolute;
top: 0;
bottom: 0;
width: calc(100% - 16px*2);
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: auto!important;
padding: 24px;
}
}body {
font-weight: 300;
font-size: 14px;
line-height: 1.42;
font-family: "Merriweather",Arial,sans-serif;
color: #252525;
background-color: #f7f7f7;
}.m-container {
max-width: 1288px;
margin: auto;
}.m-container a {
text-decoration: unset;
}.s-lk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 64px;
background: #ffffff;
}@media (max-width:1024px) {
.s-lk {
margin-bottom: 48px;
padding: 0;
}
}.s-lk__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 40px;
padding: 0;
overflow-x: scroll;
}.s-lk__menu::-webkit-scrollbar {
display: none;
}@media (max-width:1024px) {
.s-lk__menu {
margin: 0 0 32px;
padding: 24px 0 0 16px;
white-space: nowrap;
}
}.s-lk__menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-right: 64px;
padding: 0 0 16px;
border-bottom: 1px solid transparent;
cursor: pointer;
-webkit-transition: 0.15s all;
-o-transition: 0.15s all;
transition: 0.15s all;
}@media (max-width:1024px) {
.s-lk__menu-item {
margin-right: 24px;
padding-bottom: 8px;
}
}.s-lk__menu-item:nth-last-child(1) {
margin-right: 0;
}.s-lk__menu-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.s-lk__menu-item-svg-wrapper svg {
margin-right: 8px;
}@media (max-width:1024px) {
.s-lk__menu-item-svg-wrapper svg {
width: 24px;
height: 24px;
}
}.s-lk__menu-item-svg-wrapper svg:nth-child(1) {
display: none;
}.s-lk__menu-item-svg-wrapper svg:nth-child(2),
.s-lk__menu-item.is-active svg:nth-child(1) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}.s-lk__menu-item span {
padding-top: 2px;
font-weight: 700;
font-size: 20px;
line-height: 24px;
font-family: Marta;
color: #000000;
}@media (max-width:1024px) {
.s-lk__menu-item span {
font-size: 16px;
line-height: 20px;
}
}.s-lk__menu-item.is-active {
border-color: #5cb8ff;
}.s-lk__menu-item.is-active span {
color: #5cb8ff;
}.s-lk__menu-item.is-active svg:nth-child(2) {
display: none;
}.s-lk__menu-item:not(.is-active):hover {
opacity: 0.5;
}.s-lk__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}.s-lk__header--margin--top {
margin-top: 32px;
}@media (max-width:1024px) {
.s-lk__header-faq {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin: 0;
padding: 0 16px;
grid-row-gap: 24px;
}.s-lk__header-downloads {
display: none;
}
}.s-lk__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 7px;
overflow: hidden;
overflow-x: scroll;
}@media (max-width:1024px) {
.s-lk__categories {
display: none;
}
}.s-lk__categories::-webkit-scrollbar {
width: 100%;
height: 5px;
background-color: #fafafa;
}.s-lk__categories::-webkit-scrollbar-thumb {
background: #eeeeee;
}.s-lk__categories-item {
margin-right: 24px;
}.s-lk__limit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.s-lk__limit-text {
margin: 0;
}.s-lk__limit-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
margin: 0 0 0 16px;
padding: 0;
overflow: hidden;
border-radius: 64px;
}.s-lk__limit-panel-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 12px;
background: #f8f8f8;
}.s-lk__limit-panel-item.is-active {
color: #ffffff;
background: #5cb8ff;
}.s-lk__limit-panel-item.is-active a {
color: #ffffff;
}.s-lk__limit-panel-item a {
font-family: "PT Sans";
color: #8c8c8c;
}.s-lk__materials {
margin-top: 40px;
}@media (max-width:1024px) {
.s-lk__materials {
margin-top: 32px;
}
}.s-lk__faq-categories {
margin-top: 40px;
}@media (max-width:1024px) {
.s-lk__faq-categories {
margin-top: 32px;
}
}.s-lk__back-button,
.s-lk__back-button a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}@media (max-width:1024px) {
.s-lk__back-button {
padding: 0 16px;
}.s-lk__back-button-faq {
display: none;
}
}.s-lk__back-button a {
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #5cb8ff;
}.s-lk__back-button--border {
padding: 24px 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}@media (max-width:1024px) {
.s-lk__back-button--border {
padding: 0 16px;
border: unset;
}
}.answer__go-answer-button svg,
.question__go-answer-button svg,
.s-lk__back-button svg {
margin-right: 2px;
}.s-lk__questions-list {
width: 860px;
margin-top: 40px;
}@media (max-width:1024px) {
.s-lk__questions-list {
width: 100%;
margin-top: 24px;
padding: 0 16px;
}
}.s-lk__questions-list > .question {
margin-bottom: 24px;
}@media (max-width:1024px) {
.s-lk__questions-list > .question:nth-child(1) {
padding: 24px 0;
border-top: 1px solid #eeeeee;
}
}.s-lk__questions-list > .question:nth-last-child(1) {
margin-bottom: 0;
}.s-lk__questions-list > .question:nth-child(1):nth-last-child(1) {
padding-bottom: 0;
border-bottom: unset;
}.s-lk__question-detail {
width: 860px;
margin-top: 24px;
}@media (max-width:1024px) {
.s-lk__question-detail {
width: 100%;
padding: 0 16px 24px;
}
}.s-lk__question-detail > .question {
padding-bottom: 0;
border-bottom: unset;
}.s-lk__question-detail > .answer {
margin-top: 24px;
border-radius: 8px;
}.s-lk__form-add-question {
margin-top: 32px;
}div.s-lk__form-add-question-select-block {
width: 560px;
margin-bottom: 24px;
}@media (max-width:1024px) {
div.s-lk__form-add-question-select-block {
width: 100%;
}
}.s-lk__form-item {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}.s-lk__form-item input,
.s-lk__form-item label {
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.s-lk__form-item label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
font-style: normal;
font-weight: 700;
}.s-lk__form-item label span {
height: 16px;
}.s-lk__form-item label span svg {
width: 16px;
height: 16px;
}.s-lk__form-item input {
padding: 14px 16px;
font-weight: 400;
background: 0 0;
border: 1px solid #e2e2e2;
border-radius: 3px;
outline: 0;
}.s-lk__form-item input.issue,
.s-lk__form-item textarea.issue {
border-color: red;
}.s-lk__form-item,
.s-lk__form-pass_view {
position: relative;
}.s-lk__form-pass_view .view_pass {
background: url(/local/templates/aist_portal_new/static/css/../img/ico-open.svg) no-repeat center;
}.s-lk__form-pass_view .hide_pass {
background: url(/local/templates/aist_portal_new/static/css/../img/ico_close_eye.svg) no-repeat center;
}.s-lk__form-pass_view a {
position: absolute;
top: 0;
right: 8px;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 26px;
height: 20px;
margin: auto;
-webkit-transition: unset;
-o-transition: unset;
transition: unset;
}.s-lk__check-inputs-container {
margin-top: 8px;
}@media (max-width:1024px) {
.s-lk__check-inputs-container {
padding: 0 16px 32px;
}.s-lk__pagination {
width: calc(100% - 24px*2);
margin: 32px auto!important;
}
}.s-lk__pick-a-theme {
display: none;
}@media (max-width:959px) {
.s-lk__pick-a-theme {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% - 16px*2);
margin: auto;
}
}@media (max-width:1024px) {
.s-lk__downloads {
padding: 0 16px;
}.s-lk__downloads .download-panel:nth-child(1) {
margin-top: 0;
padding-top: 24px;
border-top: 1px solid #eeeeee;
}
}.s-lk__m-sort-downloads {
display: none!important;
padding: 0 16px 24px;
grid-column-gap: 16px;
}@media (max-width:1024px) {
.s-lk__m-sort-downloads {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
}
}.s-lk__m-sort-downloads > .border-button,
.s-materials__videos-wrapper .material--video {
width: 100%;
}.s-lk > .s-lk-menu > .s-lk-menu__list,
.select-block--transparent.select-block ul input + label {
padding: 0;
}.s-lk-header {
position: relative;
max-width: 1160px;
margin: 48px auto 40px;
font-family: "PTSans","Arial",sans-serif;
}@media (max-width:1024px) {
.s-lk-header {
margin: 24px auto;
padding: 0 16px;
}
}.s-lk-header__title {
font-weight: 400;
font-size: 13px;
line-height: 36px;
color: #8c8c8c;
text-transform: uppercase;
}@media (max-width:1024px) {
.s-lk-header__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 24px;
}
}.s-lk-header__user-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}@media (max-width:1024px) {
.s-lk-header__user-info {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 24px;
}
}.s-lk-header__user-info-img-wrapper {
width: 64px;
height: 64px;
margin-right: 24px;
overflow: hidden;
border-radius: 50%;
}@media (max-width:1024px) {
.s-lk-header__user-info-img-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 48px;
height: 48px;
margin-right: 16px;
}
}.s-lk-header__user-info-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}.s-lk-header__user-info-flexCol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}.s-lk-header__user-info-title {
margin: 0;
font-weight: 700;
font-size: 24px;
line-height: 32px;
font-family: "PT Sans";
color: #000000;
}@media (max-width:1024px) {
.s-lk-header__user-info-title {
font-size: 18px;
line-height: 28px;
}
}.s-lk-header__user-info-subtitle {
margin: 0;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #8c8c8c;
}@media (max-width:1024px) {
.s-lk-header__user-info-subtitle {
font-size: 12px;
line-height: 18px;
}
}.s-lk-header__button-out {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #000000;
}@media (max-width:1024px) {
.s-lk-header__button-out {
position: absolute;
top: 0;
right: 16px;
}
}.s-lk-header__button-out img {
margin-left: 8px;
}.s-lk-menu {
margin: 0 0 40px;
}@media (max-width:1024px) {
.s-lk-menu {
margin: 0 0 48px;
padding: 0 16px;
}
}.s-lk-menu__list {
display: grid;
margin: 0;
padding: 64px;
background: #ffffff;
grid-column-gap: 40px;
grid-template-columns: repeat(4,1fr);
}@media (max-width:1024px) {
.s-lk-menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
background: 0 0;
grid-row-gap: 24px;
}
}.s-lk-menu__list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}@media (max-width:1024px) {
.s-lk-menu__list-item {
padding: 16px;
background: #ffffff;
}
}.s-lk-menu__list-item-svg {
margin-bottom: 16px;
}.s-lk-menu__list-item-title {
margin-bottom: 4px;
font-weight: 700;
font-size: 20px;
line-height: 32px;
color: #5cb8ff;
}.s-lk-menu__list-item-text {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #8c8c8c;
}.s-materials {
display: grid;
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: repeat(3,1fr);
}@media (max-width:1024px) {
.s-materials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
grid-row-gap: 32px;
}
}.s-materials__videos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% + 64px*2);
margin-left: -64px;
padding: 40px 64px 56px;
background: #f0f0f0;
grid-column: span 3;
}@media (max-width:1024px) {
.s-materials__videos {
width: 100%;
margin-left: 0;
padding: 24px 16px;
}
}.s-materials-detail__modify h2,
.s-materials__videos-title {
margin: 0 0 24px;
font-weight: 700;
font-size: 24px;
line-height: 32px;
font-family: Marta;
color: #000000;
}@media (max-width:1024px) {
.s-materials__videos-title {
margin: 0 0 16px;
}
}.s-materials__videos-wrapper {
display: grid;
grid-column-gap: 40px;
grid-template-columns: 1fr 360px;
}@media (max-width:1024px) {
.s-materials__videos-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}@media (max-width:1024px) {
.s-materials__videos-wrapper .material--mini {
padding: 0;
}
}.s-materials-detail__header {
width: 845px;
margin: 48px auto;
}@media (max-width:1024px) {
.s-materials-detail__header {
width: 100%;
margin: 32px auto 24px;
padding: 0 16px;
}
}.s-materials-detail__header-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.s-materials-detail__header-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 32px;
padding: 0 8px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #1899ff;
background: #c2e4ff;
}.s-materials-detail__header-date {
margin-left: 12px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #8c8c8c;
}.s-materials-detail__header-title {
margin-top: 16px;
font-style: normal;
font-weight: 700;
font-size: 38px;
line-height: 46px;
font-family: Marta;
color: #000000;
}@media (max-width:1024px) {
.s-materials-detail__header-title {
font-size: 32px;
line-height: 40px;
word-wrap: break-word;
}
}.s-materials-detail__preview-img-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
overflow: hidden;
}.s-materials-detail__preview-img-wrapper video {
max-height: 600px;
}.s-materials-detail__preview-img-wrapper .youtube,
.s-materials-detail__preview-img-wrapper iframe {
width: 100%;
height: 470px;
}.s-materials-detail__preview-img-wrapper .youtube {
position: relative;
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
outline: 0;
cursor: pointer;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
-o-object-fit: cover;
object-fit: cover;
}.s-materials-detail__preview-img-wrapper .youtube .play {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 65px;
height: 65px;
margin: auto;
color: #ffffff;
background: #ffffff;
border-radius: 100px;
}.s-materials-detail__preview-img-wrapper .youtube .play:before {
content: url("data:image/svg+xml;utf8,");
position: absolute;
width: 24px;
height: 24px;
margin: 1px 0 0 4px;
}.s-materials-detail__preview-img-wrapper .youtube:hover .play {
background-position: 0 0;
}.s-materials-detail__preview-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}.s-materials-detail__modify {
width: 560px;
margin: 48px auto 0;
}@media (max-width:1024px) {
.s-materials-detail__modify {
width: 100%;
margin: 24px auto 0;
padding: 0 16px 24px;
}
}.s-materials-detail__modify h2 {
margin: 70px 0 16px;
font-style: normal;
font-size: 32px;
font-family: "Marta";
}@media (max-width:1024px) {
.s-materials-detail__modify h2 {
margin: 24px 0 16px;
font-size: 26px;
line-height: 32px;
}
}.s-materials-detail__modify p,
.s-materials-detail__modify ul li {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 30px;
font-family: "PT Serif";
color: #000000;
}@media (max-width:1024px) {
.s-materials-detail__modify p,
.s-materials-detail__modify ul li {
font-size: 16px;
line-height: 28px;
}
}.s-materials-detail__modify p {
margin: 0;
}@media (max-width:1024px) {
.s-materials-detail__modify p {
word-wrap: break-word;
}
}.s-materials-detail__modify ul {
padding-left: 30px;
}.s-materials-detail__modify ul li {
position: relative;
}.s-materials-detail__modify ul li::before {
content: "";
position: absolute;
top: 15px;
left: -17px;
width: 4px;
height: 4px;
background-color: #000000;
border-radius: 50%;
}.s-materials-detail__modify img {
width: 100%;
margin-top: 32px;
}@media (max-width:1024px) {
.s-materials-detail__modify img {
margin-top: 24px;
}
}.s-faq-categories {
display: grid;
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: repeat(3,1fr);
}@media (max-width:1024px) {
.s-faq-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 16px 24px;
grid-row-gap: 32px;
}
}.capsule,
.s-lk__categories-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 40px;
padding: 0 16px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #8c8c8c;
background: #f8f8f8;
border-radius: 64px;
}.capsule.is-active,
.is-active.s-lk__categories-item {
color: #ffffff;
background: #5cb8ff;
}.mini-materials-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}.mini-materials-wrapper .material {
margin-bottom: 32px;
}.mini-materials-wrapper .material:nth-last-child(1) {
margin-bottom: 0;
}.material {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}.material--horizontal {
display: grid;
height: 300px;
grid-column: span 2;
grid-template-columns: calc(50% + 20px) calc(50% - 20px);
}@media (max-width:1024px) {
.material--horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
}
}.material--horizontal .material__img-wrapper {
height: 100%;
}@media (max-width:1024px) {
.material--horizontal .material__img-wrapper {
max-height: 240px;
}
}.material--horizontal .material__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px;
background: #fafafa;
}@media (max-width:1024px) {
.material--horizontal .material__content {
padding: 16px;
}
}.material--horizontal .material__content-title {
margin-top: 16px;
font-weight: 700;
font-size: 20px;
line-height: 28px;
font-family: Marta;
color: #000000;
}.material--horizontal .material__content-text {
margin-top: 16px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #000000;
}.material--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}@media (max-width:1024px) {
.material--vertical {
padding: 0 16px;
}
}.material--vertical .material__img-wrapper {
height: 270px;
}@media (max-width:1024px) {
.material--vertical .material__img-wrapper {
height: 100%;
}
}.material--vertical .material__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 24px 0 0;
}@media (max-width:1024px) {
.material--vertical .material__content {
margin: 16px 0 0;
}
}.material--vertical .material__content-title {
margin-top: 16px;
font-weight: 700;
font-size: 20px;
line-height: 28px;
font-family: Marta;
color: #000000;
}@media (max-width:1024px) {
.material--vertical .material__content-title {
margin: 12px 0 0;
line-height: 24px;
}
}.material--vertical .material__content-text {
display: none;
}.material--mini {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}@media (max-width:1024px) {
.material--mini {
padding: 0 16px;
}
}.material--mini .material__img-wrapper {
width: 104px;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
max-height: 80px;
}@media (max-width:1024px) {
.material--mini .material__img-wrapper {
width: 80px;
height: 80px;
}
}.material--mini .material__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0 0 16px;
}@media (max-width:1024px) {
.material--mini .material__content {
padding: 0 0 24px 16px;
}.material--mini .material__content-date {
position: absolute;
bottom: 0;
margin: 0;
}
}.material--mini .material__content-title {
margin-top: 12px;
font-weight: 700;
font-size: 16px;
line-height: 20px;
font-family: Marta;
color: #000000;
}.material--mini .material__content-text {
display: none;
}.material--noimg .material__img-wrapper {
height: 100%;
}.material--noimg .material__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 32px;
background: #fafafa;
}@media (max-width:1024px) {
.material--noimg .material__content {
padding: 16px;
}
}.material--noimg .material__content-title {
margin-top: 16px;
font-weight: 700;
font-size: 20px;
line-height: 28px;
font-family: Marta;
color: #000000;
}.material--noimg .material__content-text {
margin-top: 16px;
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #000000;
}.material--video {
position: relative;
z-index: 1;
height: 428px;
}@media (max-width:1024px) {
.material--video {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
}
}.material--video .material__img-wrapper {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
}.material--video .material__img-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear,left bottom, left top,from(#000000),to(transparent));
background: -o-linear-gradient(bottom,#000000,transparent);
background: linear-gradient(to top,#000000,transparent);
}@media (max-width:1024px) {
.material--video .material__img-wrapper {
position: relative;
width: 100%;
}
}.material--video .material__content {
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: auto 0 0;
padding: 32px;
}@media (max-width:1024px) {
.material--video .material__content {
padding: 16px 0 32px;
}
}.material--video .material__content-title {
margin-top: 16px;
font-weight: 700;
font-size: 20px;
line-height: 28px;
font-family: Marta;
color: #ffffff;
}@media (max-width:1024px) {
.material--video .material__content-title {
margin-top: 12px;
color: #000000;
}
}.material--video .material__content-text {
display: none;
}.material--video .material__content-date {
color: #ffffff;
}@media (max-width:1024px) {
.material--video .material__content-date {
color: #8c8c8c;
}
}.material__img-wrapper {
overflow: hidden;
}.material__img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}.material__content-header,
.material__content-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.material__content-label {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 32px;
padding: 0 8px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #1899ff;
background: #c2e4ff;
}.material__content-date {
margin-left: 12px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #8c8c8c;
}.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 64px;
grid-column-gap: 16px;
}.pagination__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 32px;
height: 32px;
font-weight: 400;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #d5d5d5;
border: 1px solid #d5d5d5;
border-radius: 50%;
cursor: pointer;
}.pagination__item.is-active {
color: #ffffff;
background: #d5d5d5;
}.pagination__item:not(.is-active):hover {
opacity: 0.7;
}.download-panel {
margin: 24px 0 0;
padding: 0 0 24px;
border-bottom: 1px solid #eeeeee;
}.download-panel__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.download-panel__date,
.download-panel__label {
font-weight: 400;
font-size: 12px;
line-height: 16px;
}.download-panel__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 32px;
padding: 0 8px;
color: #1899ff;
background: #c2e4ff;
}.download-panel__date {
margin-left: 12px;
color: #8c8c8c;
}.download-panel__title {
margin: 12px 0 0;
font-weight: 700;
font-size: 18px;
line-height: 22px;
font-family: Marta;
color: #000000;
}.download-panel__text {
margin: 4px 0 0;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.download-panel__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 4px;
}.avatar-change__button svg,
.download-panel__link img {
margin-right: 8px;
}.download-panel__link span {
font-weight: 400;
font-size: 14px;
line-height: 24px;
font-family: "PT Sans";
color: #000000;
text-decoration: underline;
}@media (max-width:1024px) {
.download-panel__link span {
font-size: 14px;
line-height: 20px;
}
}.faq-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}.faq-category,
.faq-category--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}.faq-category--vertical .faq-category__img-wrapper {
height: 100%;
}.faq-category--vertical .faq-category__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 24px 0 0;
}.faq-category--vertical .faq-category__content-title {
margin-top: 16px;
font-weight: 700;
font-size: 20px;
line-height: 28px;
font-family: Marta;
color: #000000;
}.faq-category--vertical .faq-category__content-text {
display: none;
}.faq-category__img-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}.answer__avatar-wrapper img,
.avatar-change__img-wrapper img,
.faq-category__img-wrapper img,
.question__avatar-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}.faq-category__title {
margin-top: 20px;
font-weight: 700;
font-size: 20px;
line-height: 24px;
font-family: Marta;
color: #000000;
}@media (max-width:1024px) {
.faq-category__title {
margin-top: 16px;
}
}.faq-category__text {
margin: 8px 0 0;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16px;
font-family: "PT Sans";
color: #8c8c8c;
}@media (max-width:1024px) {
.button-a {
width: 100%;
padding: 10px 32px;
}
}.button-a--border.is-disabled,
.button-a.is-disabled {
color: #a3a3a3;
background: #f8f8f8;
}.button-a--border {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px 32px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
text-align: center;
color: #5cb8ff;
background: #5cb8ff;
background: 0 0;
border: 1px solid #5cb8ff;
border-radius: 32px;
outline: 0;
cursor: pointer;
}@media (max-width:1024px) {
.button-a--border {
width: 100%;
padding: 10px 32px;
}
}.slide-checkbox-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
font-size: 16px;
line-height: 20px;
font-family: "PT Sans";
color: #5cb8ff;
}.slide-checkbox-wrapper label {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 24px;
margin: 0 8px 0 0;
}.slide-checkbox-wrapper input[type=checkbox] {
position: absolute;
opacity: 0;
pointer-events: none;
}.slide-checkbox-wrapper input[type=checkbox].slide-checkbox + label:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #d1e7f5;
border-radius: 16px;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}.slide-checkbox-wrapper input[type=checkbox].slide-checkbox + label:after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background: #fafafa;
border-radius: 50%;
-webkit-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}.slide-checkbox-wrapper input[type=checkbox].slide-checkbox:checked + label:before {
background: #5cb8ff;
}.slide-checkbox-wrapper input[type=checkbox].slide-checkbox:checked + label:after {
left: 18px;
}.question {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 24px;
border-bottom: 1px solid #eeeeee;
}.question__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.question__avatar-wrapper {
width: 32px;
height: 32px;
margin-right: 8px;
overflow: hidden;
border-radius: 50%;
}.question__date,
.question__name {
font-weight: 400;
font-size: 14px;
line-height: 16px;
font-family: "PT Sans";
}.question__name {
margin-right: 8px;
color: #000000;
}.question__date {
color: #8c8c8c;
}.question__title {
margin-top: 12px;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
font-family: "Marta";
color: #000000;
}.question__go-answer-button,
.question__text {
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
}.question__text {
margin: 4px 0 0;
font-style: normal;
font-weight: 400;
color: #000000;
}.question__go-answer-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-top: 12px;
padding: 4px 12px 4px 8px;
font-weight: 700;
text-align: center;
color: #ffffff;
background: #5cb8ff;
border-radius: 32px;
}.answer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 24px;
background: #f8f8f8;
}@media (max-width:1024px) {
.answer {
padding: 16px;
}
}.answer__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.answer__avatar-wrapper {
width: 32px;
height: 32px;
margin-right: 8px;
overflow: hidden;
border-radius: 50%;
}.answer__date,
.answer__name {
font-weight: 400;
font-size: 14px;
line-height: 16px;
font-family: "PT Sans";
}.answer__name {
margin-right: 8px;
color: #000000;
}.answer__date {
color: #8c8c8c;
}@media (max-width:1024px) {
.answer__date {
font-size: 12px;
line-height: 16px;
}
}.answer__text {
margin: 16px 0 0;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.answer__go-answer-button,
.custom-radios {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
border-radius: 32px;
}.answer__go-answer-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 12px;
padding: 4px 12px 4px 8px;
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
text-align: center;
color: #ffffff;
background: #5cb8ff;
}.custom-radios {
height: 40px;
overflow: hidden;
}.custom-radios__item input {
display: none!important;
}.custom-radios__item-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 16px;
color: #5cb8ff;
background: #f8f8f8;
cursor: pointer;
}input:checked + .custom-radios__item-button {
color: #ffffff;
background: #5cb8ff;
}.form-add-question {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}@media (max-width:1024px) {
.form-add-question {
padding: 0 16px 24px;
}
}.form-add-question__title {
margin: 0 0 32px;
font-weight: 700;
font-size: 32px;
line-height: 40px;
font-family: "Marta";
color: #000000;
}@media (max-width:1024px) {
.form-add-question__title {
margin: 0 0 24px;
font-size: 26px;
line-height: 32px;
}
}.form-add-question__custom-radios {
margin-bottom: 24px;
}.form-add-question input,
.form-add-question textarea,
.form-add-question__subtitle {
margin-bottom: 8px;
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.form-add-question input,
.form-add-question textarea {
width: 560px;
margin-bottom: 24px;
font-weight: 400;
background: #f8f8f8;
border: unset;
border-radius: 8px;
outline: 0;
resize: unset;
}@media (max-width:1024px) {
.form-add-question input,
.form-add-question textarea {
width: 100%;
}
}.form-add-question__select {
margin-bottom: 24px;
}.form-add-question select {
width: 560px;
}.form-add-question input {
padding: 14px 16px;
}.form-add-question textarea {
padding: 16px;
}@media (max-width:1024px) {
.form-add-question__submit-button {
width: 100%;
}
}.button-a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px 32px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
text-align: center;
color: #ffffff;
background: #5cb8ff;
border: unset;
border-radius: 32px;
outline: 0;
cursor: pointer;
}@media (max-width:1024px) {
.button-a {
width: 100%;
padding: 10px 32px;
}
}.custom-select {
position: relative;
}.custom-select::before,
.select-block ul::before {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.custom-select::before {
content: url("data:image/svg+xml;utf8,");
top: 0;
right: 12px;
bottom: 0;
z-index: 2;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: auto;
padding-top: 5px;
}.custom-select select,
.select-block input + label {
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.custom-select select {
padding: 14px 16px;
background: #f8f8f8;
border: unset;
border-radius: 8px;
outline: 0;
resize: unset;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}.check-inputs-container__avatar-change {
margin: 16px 0 64px;
}@media (max-width:1024px) {
.check-inputs-container__avatar-change {
margin: 16px 0 32px;
}
}.check-inputs-container__item {
margin-bottom: 32px;
}@media (max-width:1024px) {
.check-inputs-container__item {
width: 100%;
margin-bottom: 24px;
}
}.check-inputs-container__item input {
width: 260px;
}@media (max-width:1024px) {
.check-inputs-container__item input {
width: 100%;
height: 48px;
}
}.check-inputs-container__subtitle {
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.avatar-change {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 24px;
}.avatar-change__button {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 48px;
padding: 0 32px;
color: #5cb8ff;
border: 1px solid #5cb8ff;
border-radius: 32px;
}@media (max-width:1024px) {
.avatar-change__button {
height: 40px;
}
}.avatar-change__button input {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0;
}.avatar-change__button.js-avatar-set span::before {
content: "Загрузить фото";
}.avatar-change__button.js-avatar-remove span::before {
content: "Удалить фото";
}.avatar-change__button.js-avatar-remove input,
.select-block--transparent.select-block ul.show::before {
display: none;
}.avatar-change__button--full {
opacity: 0.3;
pointer-events: none;
}.avatar-change__label {
width: 100%;
margin-top: 8px;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.avatar-change__img-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 128px;
height: 128px;
margin-right: 32px;
overflow: hidden;
border-radius: 50%;
}@media (max-width:1024px) {
.avatar-change__img-wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 104px;
height: 104px;
margin-right: 16px;
}
}.avatar-change__img-close-btn {
position: absolute;
top: -11px;
right: -11px;
z-index: 1;
cursor: pointer;
}.block_select {
position: relative;
z-index: 2;
}.s-lk__form-select_custom {
position: absolute;
z-index: 1;
}.select-block,
.select-block ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 48px;
}.select-block {
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.select-block--transparent.select-block,
.select-block--transparent.select-block ul.show li {
height: auto;
}.select-block--transparent.select-block ul {
height: auto;
padding: 0;
background: 0 0;
}.select-block--transparent.select-block ul::before {
top: -2px;
right: 0;
}.select-block--transparent.select-block ul.show {
top: -20px;
left: -10px;
padding: 10px;
}.select-block--transparent.select-block input + label {
padding: 0 21px 0 0;
}.select-block ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 16px;
background: #f8f8f8;
border-radius: 8px;
}.select-block ul::before {
content: url("data:image/svg+xml;utf8,");
top: 12px;
right: 16px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}.select-block ul li {
display: none;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}.select-block ul li.active {
display: block;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}.select-block ul.show {
position: absolute;
top: 0;
height: auto;
background: #ffffff;
-webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.16);
box-shadow: 0 8px 16px rgba(0,0,0,0.16);
}.select-block ul.show::before {
top: 16px;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}.select-block ul.show li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
}.select-block ul.show li.active input + label:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}.select-block input {
display: none!important;
}.select-block input + label {
position: relative;
display: block;
margin: 0;
padding: 0 27px 0 0;
cursor: pointer;
}.select-block .show input:checked + label {
color: #5cb8ff;
}.s-lk__sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 48px;
}@media (max-width:1024px) {
.s-lk__sort-downloads {
display: none;
}
}.s-lk__sort-title {
margin-right: 16px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.s-lk__sort-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 24px;
cursor: pointer;
}.s-lk__sort-item.is-active a,
.s-lk__sort-item.is-active span,
.s-lk__sort-item:hover a,
.s-lk__sort-item:hover span {
color: #5cb8ff;
}.s-lk__sort-item.is-active svg.asc,
.s-lk__sort-item.is-active svg.desc,
.s-lk__sort-item:hover svg.asc,
.s-lk__sort-item:hover svg.desc {
fill: #5cb8ff;
stroke: #5cb8ff;
}.s-lk__sort-item a,
.s-lk__sort-item span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
}.s-lk__sort-item svg {
width: 16px;
min-width: 16px;
height: 16px;
margin-left: 4px;
stroke: #101820;
}.s-lk__sort-item svg.desc {
-webkit-transform: scale(1,-1);
-ms-transform: scale(1,-1);
transform: scale(1,-1);
}.s-lk__sort-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}.s-lk__sort-select-block {
width: 97px;
margin-left: 4px;
}.s-lk__sort-select-block ul.show {
width: 120px;
}.styled-select {
position: relative;
}.styled-select::before {
content: url("data:image/svg+xml;utf8,");
position: absolute;
top: 0;
right: 8px;
bottom: 0;
width: 16px;
height: 16px;
margin: auto;
}.styled-select select {
width: 100%;
padding: 10px 12px;
border: 1px solid #e2e2e2;
border-radius: 3px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}.flex-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}.space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}.align-items-center,
.border-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.border-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
padding: 0 16px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: "PT Sans";
color: #000000;
background: 0 0;
border: 1px solid #e2e2e2;
border-radius: 3px;
}.border-button span {
margin-right: 16px;
}.border-button svg {
margin-left: auto;
}.filter-capsule input {
display: none;
}.filter-capsule input:checked + label {
color: #ffffff;
background: #5cb8ff;
}.filter-capsule label {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 36px;
padding: 0 16px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
font-family: PT Sans;
text-align: center;
color: #8c8c8c;
background: #f8f8f8;
border-radius: 64px;
}.filter-capsule label,
.show-limit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.show-limit-text {
margin: 0;
}.show-limit-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
margin: 0 0 0 16px;
padding: 0;
overflow: hidden;
border-radius: 64px;
}.show-limit-panel-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 12px;
background: #f8f8f8;
}.show-limit-panel-item.is-active {
color: #ffffff;
background: #5cb8ff;
}.show-limit-panel-item.is-active a {
color: #ffffff;
}.show-limit-panel-item a {
font-family: "PT Sans";
color: #8c8c8c;
}
.oldbody{
font-family: "PTSans", "Arial", sans-serif !important;
}
/* Правки Геннадия 30.06.2021 */
.owner-page{
margin: 0 auto;
}
.owner-page h1{
font-family: Marta;
font-style: normal;
font-weight: normal;
font-size: 38px;
line-height: 46px;
color: #000000;
}
.owner-page b{
font-family: PTSerif-Bold;
font-size: 20px;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
}
.owner-page img{
width: 100% !important;
}
.owner-page__container{
display: flex;
flex-direction: column;
align-items: center;
}
.owner-page ul{
margin: 23px 0 20px 0;
padding: 15px 0 25px 22px;
margin-left: 0;
border-top: 2px solid #1DBFB2;
border-bottom: 6px solid #1DBFB2;
}
.owner-page ul li{
font-family: PTSerifPro-Book;
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
}
.owner-page__preview-image{
width: 100vw;
max-width: max-content;
}
.owner-page .article-info p{
font-family: PTSerifPro-Book;
font-size: 18px;
line-height: 26px;
letter-spacing: 0em;
text-align: left;
}
.owner-page .btn.btn--outlined{
margin-top: 40px;
height: unset;
padding: 12px 52px;
font-family: PTSans;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
color: #1DBFB2;
border-radius: 0;
border: 2px solid #1DBFB2;
}
.owner-page .article-info__item{
margin-top: 40px;
}
@media screen and (max-width: 990px){
.owner-page{
padding: 0;
}
.owner-page__preview-image{
/* margin-left: -16px; */
max-width: unset;
}
.owner-page h1{
margin-top: 30px;
font-size: 26px;
line-height: 34px;
font-weight: 700;
}
.owner-page b{
font-size: 18px;
line-height: 22px;
}
.owner-page p{
font-size: 16px;
line-height: 25px;
}
.owner-page .btn.btn--outlined{
padding: 12px 24px;
}
}
.owner-page img[src$="arr-b.png"] { width: auto !important; }
/* End */
/* Start:/local/templates/aist_portal_new/assets/css/style.css?1623080107541571*/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0; }
/**
* Render the `main` element consistently in IE.
*/
main {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */ }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none; }
@font-face {
font-weight: normal;
font-family: "PTSansNarrow";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSansNarrow-Regular.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSansNarrow-Regular.woff") format("woff"); }
@font-face {
font-weight: 700;
font-family: "PTSansNarrow";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSansNarrow-Bold.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSansNarrow-Bold.woff") format("woff"); }
@font-face {
font-weight: normal;
font-family: "PTSans";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSans-Regular.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSans-Regular.woff") format("woff"); }
@font-face {
font-weight: 700;
font-family: "PTSans";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSans-Bold.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSans-Bold.woff") format("woff"); }
@font-face {
font-weight: 400;
font-family: "PTSerif";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif.woff") format("woff"); }
@font-face {
font-weight: 400;
font-family: "PTSerif";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif.woff") format("woff"); }
@font-face {
font-weight: 700;
font-family: "PTSerif";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif-Bold.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif-Bold.woff") format("woff"); }
@font-face {
font-weight: normal;
font-family: "Marta";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/Marta-Regular.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/Marta-Regular.woff") format("woff"); }
@font-face {
font-weight: 700;
font-family: "Marta";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/Marta-Bold.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/Marta-Bold.woff") format("woff"); }
@font-face {
font-weight: 400;
font-family: "PTSerif-Regular";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif-Regular.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif-Regular.woff") format("woff"); }
@font-face {
font-weight: 700;
font-family: "PTSerif-Bold";
font-style: normal;
font-display: swap;
src: url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif-Bold.woff2") format("woff2"), url("/local/templates/aist_portal_new/assets/css/../fonts/PTSerif-Bold.woff") format("woff"); }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
font-family: "PTSans", "Arial", sans-serif;
font-size: 14px;
font-weight: 400;
color: #000000;
background-color: #f8f8f8; }
main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
a {
color: inherit;
text-decoration: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent; }
img {
display: block;
max-width: 100%;
height: auto; }
button {
outline: 0;
-webkit-tap-highlight-color: transparent; }
.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip: rect(0 0 0 0);
overflow: hidden; }
.container {
max-width: 1400px;
width: 100%;
margin: 0 auto;
padding: 0 60px; }
@media (max-width: 1024px) {
.container {
padding: 0 30px; } }
@media (max-width: 480px) {
.container {
padding: 0 15px; } }
.n-common-links {
font-size: 13px;
color: #a5a5a5;
text-align: center;
background-color: white;
border-radius: 30px;
/* background-image: url("/local/templates/aist_portal_new/assets/css/../img/arrow-right@desktop1x.png");
background-repeat: no-repeat;
background-size: 13px; */
-webkit-transition: all 0.3s;
transition: all 0.3s;
position: relative;
}
.n-common-links::after {
position: absolute;
content: "";
display: block;
width: 11px;
height: 12px;
background: url(/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png) -210px -84px;
right: 34px;
top: 50%;
transform: translateY(-50%);
background-size: 266px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.n-common-links:hover, .n-common-links:focus {
color: #000000; }
/* @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-common-links {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/arrow-right@desktop2x.png"); } } */
@-webkit-keyframes header-icon-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes header-icon-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@-webkit-keyframes header-help-rotate {
0% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg); }
40% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg); }
45% {
-webkit-transform: rotate(175deg);
transform: rotate(175deg); }
55% {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
60% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg); }
0% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg); } }
@keyframes header-help-rotate {
0% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg); }
40% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg); }
45% {
-webkit-transform: rotate(175deg);
transform: rotate(175deg); }
55% {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
60% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg); }
0% {
-webkit-transform: rotate(25deg);
transform: rotate(25deg); } }
@-webkit-keyframes header-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes header-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes stork-fly {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
25% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px); }
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes stork-fly {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
25% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px); }
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes left-entrance {
0% {
-webkit-transform: translateY(-161px);
transform: translateY(-161px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes left-entrance {
0% {
-webkit-transform: translateY(-161px);
transform: translateY(-161px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@media (max-width: 1023px) {
@-webkit-keyframes left-entrance {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes left-entrance {
0% {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } } }
@media (max-width: 767px) {
@-webkit-keyframes left-entrance {
0% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes left-entrance {
0% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } } }
@-webkit-keyframes right-entrance {
0% {
-webkit-transform: translateY(-151px);
transform: translateY(-151px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes right-entrance {
0% {
-webkit-transform: translateY(-151px);
transform: translateY(-151px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@media (max-width: 1023px) {
@-webkit-keyframes right-entrance {
0% {
-webkit-transform: translateY(-90px);
transform: translateY(-90px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes right-entrance {
0% {
-webkit-transform: translateY(-90px);
transform: translateY(-90px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } } }
@media (max-width: 767px) {
@-webkit-keyframes right-entrance {
0% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes right-entrance {
0% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
60% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } } }
@-webkit-keyframes animation-on-hover {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes animation-on-hover {
0% {
-webkit-transform: translateY(0);
transform: translateY(0); }
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@-webkit-keyframes shake-x {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0); }
10%,
30%,
50%,
70% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px); }
20%,
40%,
60% {
-webkit-transform: translateX(2px);
transform: translateX(2px); }
80% {
-webkit-transform: translateX(1px);
transform: translateX(1px); }
90% {
-webkit-transform: translateX(-1px);
transform: translateX(-1px); } }
@keyframes shake-x {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0); }
10%,
30%,
50%,
70% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px); }
20%,
40%,
60% {
-webkit-transform: translateX(2px);
transform: translateX(2px); }
80% {
-webkit-transform: translateX(1px);
transform: translateX(1px); }
90% {
-webkit-transform: translateX(-1px);
transform: translateX(-1px); } }
/**
* Swiper 4.5.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2019 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 22, 2019
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }
.swiper-slide-invisible-blank {
visibility: hidden; }
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform; }
/* 3D Effects */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-lock {
display: none; }
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%; }
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
transform: scale(0.33);
position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33); }
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff; }
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform; }
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff; }
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff; }
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000; }
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000; }
.swiper-pagination-lock {
display: none; }
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
.swiper-scrollbar-lock {
display: none; }
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain; }
.swiper-slide-zoomed {
cursor: move; }
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube {
overflow: visible; }
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }
.swiper-container-flip {
overflow: visible; }
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px; }
.ss-main {
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #666666;
width: 100%; }
.ss-main .ss-single-selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
width: 100%;
height: 30px;
padding: 6px;
border-radius: 4px;
background-color: #ffffff;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color .3s;
transition: background-color .3s; }
.ss-main .ss-single-selected.ss-disabled {
background-color: #dcdee2;
cursor: not-allowed; }
.ss-main .ss-single-selected.ss-open-above {
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
.ss-main .ss-single-selected.ss-open-below {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
.ss-main .ss-single-selected .placeholder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
width: calc(100% - 30px);
line-height: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.ss-main .ss-single-selected .placeholder * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: auto; }
.ss-main .ss-single-selected .placeholder .ss-disabled {
cursor: pointer;
color: #8a8a8a; }
.ss-main .ss-single-selected .ss-deselect {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0 6px 0 6px;
font-weight: bold; }
.ss-main .ss-single-selected .ss-deselect.ss-hide {
display: none; }
.ss-main .ss-single-selected .ss-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0 6px 0 6px; }
.ss-main .ss-single-selected .ss-arrow span {
border: solid #666666;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
-webkit-transition: margin .2s, -webkit-transform .2s;
transition: margin .2s, -webkit-transform .2s;
transition: transform .2s, margin .2s;
transition: transform .2s, margin .2s, -webkit-transform .2s; }
.ss-main .ss-single-selected .ss-arrow span.arrow-up {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
margin: 3px 0 0 0; }
.ss-main .ss-single-selected .ss-arrow span.arrow-down {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: -3px 0 0 0; }
.ss-main .ss-multi-selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
cursor: pointer;
min-height: 30px;
width: 100%;
padding: 0 0 0 3px;
border: 1px solid #dcdee2;
border-radius: 4px;
background-color: #ffffff;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color .3s;
transition: background-color .3s; }
.ss-main .ss-multi-selected.ss-disabled {
background-color: #dcdee2;
cursor: not-allowed; }
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
color: #666666; }
.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
cursor: not-allowed; }
.ss-main .ss-multi-selected.ss-open-above {
border-top-left-radius: 0px;
border-top-right-radius: 0px; }
.ss-main .ss-multi-selected.ss-open-below {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
.ss-main .ss-multi-selected .ss-values {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: calc(100% - 30px); }
.ss-main .ss-multi-selected .ss-values .ss-disabled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4px 5px;
margin: 2px 0px;
line-height: 1em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
color: #8a8a8a;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
@-webkit-keyframes scaleIn {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@keyframes scaleIn {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@-webkit-keyframes scaleOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
100% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; } }
@keyframes scaleOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
100% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; } }
.ss-main .ss-multi-selected .ss-values .ss-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
padding: 3px 5px;
margin: 3px 5px 3px 0px;
color: #ffffff;
background-color: #5897fb;
border-radius: 4px;
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
-webkit-animation-name: scaleOut;
animation-name: scaleOut;
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
margin: 0 0 0 5px;
cursor: pointer; }
.ss-main .ss-multi-selected .ss-add {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 3px;
flex: 0 1 3px;
margin: 9px 12px 0 5px; }
.ss-main .ss-multi-selected .ss-add .ss-plus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #666666;
position: relative;
height: 10px;
width: 2px;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s; }
.ss-main .ss-multi-selected .ss-add .ss-plus:after {
background: #666666;
content: "";
position: absolute;
height: 2px;
width: 10px;
left: -4px;
top: 4px; }
.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.ss-main .ss-content {
position: absolute;
width: 100%;
margin: -1px 0 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1010;
background-color: #ffffff;
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, -webkit-transform .2s;
transition: transform .2s, opacity .2s;
transition: transform .2s, opacity .2s, -webkit-transform .2s;
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0); }
.ss-main .ss-content.ss-open {
display: block;
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
border-radius: 0 0 30px 30px;
overflow: hidden; }
.ss-main .ss-content .ss-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 8px 8px 6px 8px; }
.ss-main .ss-content .ss-search.ss-hide {
height: 0px;
opacity: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; }
.ss-main .ss-content .ss-search.ss-hide input {
height: 0px;
opacity: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; }
.ss-main .ss-content .ss-search input {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: inherit;
line-height: inherit;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
min-width: 0px;
height: 30px;
padding: 6px 8px;
margin: 0;
border: 0;
border-radius: 0px;
background-color: #ffffff;
outline: 0;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: textfield; }
.ss-main .ss-content .ss-search input::-webkit-input-placeholder {
color: #bdbdbd;
vertical-align: middle; }
.ss-main .ss-content .ss-search input:-ms-input-placeholder {
color: #bdbdbd;
vertical-align: middle; }
.ss-main .ss-content .ss-search input::-ms-input-placeholder {
color: #bdbdbd;
vertical-align: middle; }
.ss-main .ss-content .ss-search input::placeholder {
color: #bdbdbd;
vertical-align: middle; }
.ss-main .ss-content .ss-search input:focus {
-webkit-box-shadow: 0 0 1px #f0f0f0;
box-shadow: 0 0 1px #f0f0f0; }
.ss-main .ss-content .ss-search .ss-addable {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
font-size: 22px;
font-weight: bold;
-webkit-box-flex: 0;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
height: 30px;
margin: 0 0 0 8px;
border: 1px solid #dcdee2;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.ss-main .ss-content .ss-addable {
padding-top: 0px; }
.ss-main .ss-content .ss-list {
max-height: 200px;
margin-right: -20px;
overflow-x: hidden;
overflow-y: auto;
text-align: left; }
.ss-main .ss-content .ss-list .ss-optgroup .ss-optgroup-label {
padding: 6px 10px 6px 10px;
font-weight: bold; }
.ss-main .ss-content .ss-list .ss-optgroup .ss-option {
padding: 6px 6px 6px 25px; }
.ss-main .ss-content .ss-list .ss-optgroup-label-selectable {
cursor: pointer; }
.ss-main .ss-content .ss-list .ss-optgroup-label-selectable:hover {
color: #ffffff;
background-color: #5897fb; }
.ss-main .ss-content .ss-list .ss-option {
padding: 6px 16px 6px 16px;
cursor: pointer;
border-top: 1px solid #F8F8F8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: 0.3s;
transition: 0.3s; }
.ss-main .ss-content .ss-list .ss-option * {
display: inline-block; }
.ss-main .ss-content .ss-list .ss-option:hover, .ss-main .ss-content .ss-list .ss-option.ss-highlighted {
color: #42cabe;
background-color: transparent; }
.ss-main .ss-content .ss-list .ss-option.ss-disabled {
cursor: default;
color: #bdbdbd;
background-color: #ffffff; }
.ss-main .ss-content .ss-list .ss-option.ss-hide {
display: none; }
.ss-main .ss-content .ss-list .ss-option .ss-search-highlight {
background-color: #fff70062; }
.n-page-main--main-page .n-page-main__decoration {
height: 614px;
background-size: 925px 600px;
background-position: 40vw 57px; }
@media (max-width: 480px) {
.n-page-main--main-page .n-page-main__decoration {
height: 398px; } }
.n-articles-header--main-page {
position: relative;
background-color: #e2f2ff;
background-repeat: no-repeat;
background-position: 69% 57px;
background-size: contain;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/page-main-header-bg.svg"); }
@media (max-width: 1440px) {
.n-articles-header--main-page {
background-position: 63% 57px; } }
@media (max-width: 1280px) {
.n-articles-header--main-page {
background-position: right 280px top 57px; } }
@media (max-width: 1024px) {
.n-articles-header--main-page {
background-position: right 140px top 150px; } }
@media (max-width: 768px) {
.help-page-btn-more{
display: inline-flex !important;
}
.help-page-text-content{
max-height: 100px;
overflow: hidden;
}
.footer-img{
display: none;
}
.n-articles-header--main-page {
background-size: 450px;
background-position: right 40px bottom;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/page-main-header-bg-mobile.svg"); } }
@media (max-width: 480px) {
.n-articles-header--main-page {
background-size: 229px;
background-position: 50% 100%; } }
.n-articles-header--main-page img {
position: absolute;
left: 67.5%;
bottom: -47px;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
@media (max-width: 1440px) {
.n-articles-header--main-page img {
left: auto;
right: 20px;
-webkit-transform: none;
transform: none; } }
@media (max-width: 1024px) {
.n-articles-header--main-page img {
max-width: 600px;
bottom: 0; } }
@media (max-width: 768px) {
.n-articles-header--main-page img {
max-width: 450px;
right: 15px; } }
@media (max-width: 480px) {
.n-articles-header--main-page img {
max-width: 229px;
left: 50%;
right: auto;
bottom: -10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); } }
.n-articles-header--main-page h1 {
margin: 0;
margin-bottom: 43px;
max-width: 394px;
font-family: "Marta", "Arial", sans-serif;
font-size: 52px;
line-height: 1.076923077; }
@media (max-width: 1024px) {
.n-articles-header--main-page h1 {
max-width: 535px;
font-size: 36px; } }
@media (max-width: 768px) {
.n-articles-header--main-page h1 {
margin-bottom: 20px;
font-size: 36px; } }
@media (max-width: 480px) {
.n-articles-header--main-page h1 {
max-width: 205px;
margin-bottom: 10px;
font-size: 26px;
line-height: 30px; } }
.n-articles-header--main-page .n-articles-header__block {
width: 535px; }
.n-articles-header--main-page .n-articles-header__block p {
max-width: 535px;
margin: 0 0 56px;
font-size: 16px;
line-height: 22px;
color: #666666; }
@media (max-width: 1024px) {
.n-articles-header--main-page .n-articles-header__block p {
max-width: 450px;
font-size: 14px; } }
@media (max-width: 768px) {
.n-articles-header--main-page .n-articles-header__block p {
max-width: 340px;
margin-bottom: 35px; } }
@media (max-width: 480px) {
.n-articles-header--main-page .n-articles-header__block p {
max-width: 243px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font-size: 13px; } }
@media (max-width: 480px) {
.n-articles-header--main-page .n-articles-header__block p span {
display: none; } }
.n-articles-header--main-page .n-articles-header__block .n-articles-header__block-link {
position: relative;
width: auto;
margin-left: 0;
padding-left: 0;
padding-right: 30px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-align: left;
color: #666666;
background: none; }
.n-articles-header--main-page .n-articles-header__block .n-articles-header__block-link::after {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-5px);
transform: translateY(-50%) translateX(-5px);
/* width: 15px;
height: 10px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/right-arrow-main-page.png");
background-repeat: no-repeat; */
width: 15px; height: 10px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -246px -84px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.n-articles-header--main-page .n-articles-header__block .n-articles-header__block-link:hover::after, .n-articles-header--main-page .n-articles-header__block .n-articles-header__block-link:focus::after {
-webkit-transform: translateY(-50%) translateX(0px);
transform: translateY(-50%) translateX(0px); }
@media (max-width: 480px) {
.n-articles-header--main-page .n-articles-header__block .n-articles-header__block-link {
margin-bottom: 12px;
font-weight: normal;
font-size: 13px;
line-height: 36px;
color: #808080;
background-position: 118px center; } }
@media (max-width: 768px) {
.n-articles-header--main-page .n-articles-header__block {
width: auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
@media (max-width: 480px) {
.n-articles-header--main-page .n-articles-header__block {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: 13px;
line-height: 36px;
color: #808080; } }
.login-block {
display: none; }
@media (max-width: 480px) {
.login-block {
position: relative;
z-index: 1;
display: block;
border-bottom: 1px solid #f0f0f0;
background-color: #ffffff; } }
.login-block__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 21px 15px;
font-size: 12px;
line-height: 0;
color: #434343; }
.login-block__link svg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
fill: #d1ebff; }
.section {
max-width: 1400px;
margin: 0 auto;
margin-bottom: 100px; }
@media (max-width: 768px) {
.section {
margin-bottom: 10px; } }
.section__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px; }
@media (max-width: 1024px) {
.section__header {
margin-bottom: 30px; } }
@media (max-width: 480px) {
.section__header {
margin-bottom: 20px; } }
.section__title {
margin: 0;
font-family: "Marta", "Arial", sans-serif;
font-size: 32px;
line-height: 34px;
color: #333333; }
@media (max-width: 768px) {
.section__title {
font-size: 24px; } }
@media (max-width: 480px) {
.section__title {
margin-top: 0;
margin-bottom: 0; } }
.section__header-link {
-ms-flex-item-align: center;
align-self: center;
padding: 12px 29px;
background-color: #f8f8f8;
border-radius: 40px;
font-size: 14px;
line-height: 20px;
color: #a4a4a4;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.section__header-link:hover {
color: #333333; }
@media (max-width: 768px) {
.section__header-link {
padding: 12px 14px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 100% 50%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-arrow-link.svg"); } }
@media (max-width: 480px) {
.section__header-link {
padding: 3px 16px 0 16px;
background-position: 100% 65%; } }
@media (max-width: 480px) {
.n-articles-all .section__header {
padding: 0 15px; } }
@media (max-width: 480px) {
.n-articles-all .section__header-link {
display: none; } }
@media (max-width: 480px) {
.n-news-preview .section__header-link:hover, .n-news-preview .section__header-link:focus {
background-color: transparent;
color: #000000; } }
.n-articles-preview {
position: relative;
z-index: 1;
max-width: 1400px;
margin: 0 auto 100px;
background-color: #ffffff;
overflow-x: hidden;
width: 100%;
padding: 90px 60px; }
@media (max-width: 1440px) {
.n-articles-preview {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-articles-preview {
width: calc(100% - 80px);
margin-bottom: 60px;
padding: 60px 30px; } }
@media (max-width: 768px) {
.n-articles-preview {
width: 100%;
margin-bottom: 45px;
padding: 45px 30px; } }
@media (max-width: 480px) {
.n-articles-preview {
margin-bottom: 10px;
padding-top: 30px;
padding-bottom: 26px;
padding-left: 15px;
padding-right: 15px; } }
.n-articles-preview__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-articles-preview__main-article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 88px; }
@media (max-width: 1024px) {
.n-articles-preview__main-article {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 35px; } }
@media (max-width: 480px) {
.n-articles-preview__main-article {
margin-bottom: 0; } }
.n-articles-preview__main-link {
max-width: 844px;
margin-right: 51px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-articles-preview__main-link:hover, .n-articles-preview__main-link:focus {
opacity: 0.8; }
@media (max-width: 1024px) {
.n-articles-preview__main-link {
display: block;
min-width: 100%;
margin-right: 0;
margin-bottom: 20px; }
.n-articles-preview__main-link img {
width: 100%; } }
@media (max-width: 768px) {
.n-articles-preview__main-link img {
-o-object-fit: cover;
object-fit: cover; } }
@media (max-width: 480px) {
.n-articles-preview__main-link {
height: 160px;
margin-bottom: 13px; }
.n-articles-preview__main-link img {
height: 100%; } }
.n-articles-preview__main-link--option {
position: relative; }
.n-articles-preview__main-link--option::after {
content: "";
position: absolute;
top: 57px;
right: -25px;
display: block;
width: 52px; height: 54px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -210px -10px;
/* width: 50px;
height: 51px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/horn.png");
background-repeat: no-repeat;
background-size: cover; */ }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-articles-preview__main-link--option::after {
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -210px -10px;
}
}
@media (max-width: 1024px) {
.n-articles-preview__main-link--option::after {
top: auto;
bottom: -25px;
left: 0; } }
@media (max-width: 480px) {
.n-articles-preview__main-link--option::after {
bottom: -15px;
width: 30px;
height: 30px; } }
.n-articles-preview__main-link--option img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-articles-preview__main-heading {
max-width: 379px;
padding-top: 69px; }
@media (max-width: 1280px) {
.n-articles-preview__main-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 0; } }
@media (max-width: 1024px) {
.n-articles-preview__main-heading {
max-width: 900px; } }
@media (max-width: 480px) {
.n-articles-preview__main-heading {
max-width: 100%; } }
.n-articles-preview__main-heading-title {
display: block;
margin-bottom: 20px;
font-size: 16px;
font-weight: 700;
line-height: 36px;
color: #38c7bb;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-articles-preview__main-heading-title:hover, .n-articles-preview__main-heading-title:focus {
opacity: 0.8; }
@media (max-width: 480px) {
.n-articles-preview__main-heading-title {
margin-bottom: 4px;
font-weight: normal;
font-size: 13px;
line-height: 36px;
text-transform: uppercase; } }
.n-articles-preview__main-content-text {
display: block;
margin-bottom: 51px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-articles-preview__main-content-text a {
margin: 0;
font-family: "Marta", "Arial", sans-serif;
font-size: 32px;
line-height: 36px; }
@media (max-width: 1280px) {
.n-articles-preview__main-content-text a {
font-size: 28px;
line-height: 34px; } }
@media (max-width: 1024px) {
.n-articles-preview__main-content-text a {
font-size: 26px;
line-height: 31px; } }
@media (max-width: 480px) {
.n-articles-preview__main-content-text a {
font-size: 24px;
line-height: 26px; } }
.n-articles-preview__main-content-text:hover, .n-articles-preview__main-content-text:focus {
opacity: 0.5; }
@media (max-width: 1024px) {
.n-articles-preview__main-content-text {
margin: 0 0 23px; } }
.n-articles-preview__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 768px) {
.n-articles-preview__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.n-articles-preview__content-atricles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1000px;
margin-right: 40px; }
@media (max-width: 1179px) {
.n-articles-preview__content-atricles {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media (max-width: 1023px) {
.n-articles-preview__content-atricles {
width: 100%;
margin-right: 0; } }
.n-articles-preview__content-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 480px;
margin-right: 40px;
margin-bottom: 88px; }
.n-articles-preview__content-item:nth-child(even) {
margin-right: 0; }
@media (max-width: 768px) {
.n-articles-preview__content-item:nth-child(even) {
margin: 0 auto 66px; } }
@media (max-width: 480px) {
.n-articles-preview__content-item:nth-child(even) {
margin-bottom: 0; } }
.n-articles-preview__content-item:nth-child(3), .n-articles-preview__content-item:nth-child(4) {
margin-bottom: 40px; }
@media (max-width: 480px) {
.n-articles-preview__content-item:nth-child(3), .n-articles-preview__content-item:nth-child(4) {
margin-bottom: 0; } }
@media (max-width: 1440px) {
.n-articles-preview__content-item {
max-width: calc(50% - 20px); } }
@media (max-width: 1280px) {
.n-articles-preview__content-item {
margin-right: 30px; } }
@media (max-width: 1179px) {
.n-articles-preview__content-item {
max-width: calc(50% - 15px); } }
@media (max-width: 1024px) {
.n-articles-preview__content-item {
margin-right: 0; } }
@media (max-width: 768px) {
.n-articles-preview__content-item {
width: 100%;
max-width: 100%;
margin: 0 auto 50px;
min-width: auto; } }
@media (max-width: 480px) {
.n-articles-preview__content-item {
position: relative;
padding-top: 30px;
margin-bottom: 0; }
.n-articles-preview__content-item::before {
content: "";
position: absolute;
top: 0;
left: -15px;
display: block;
width: 150%;
height: 1px;
background-color: #f0f0f0; } }
.n-articles-preview__content-item-heading {
display: block;
margin-bottom: 8px;
font-size: 13px;
line-height: 36px;
text-transform: uppercase;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-articles-preview__content-item-heading--live {
color: #59bdff; }
.n-articles-preview__content-item-heading--live span svg {
fill: #BDECFF; }
.n-articles-preview__content-item-heading--health {
color: #003b71; }
.n-articles-preview__content-item-heading--health span svg {
fill: #B5CFE5;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--schooling {
color: #3aa65e; }
.n-articles-preview__content-item-heading--schooling span svg {
fill: #C6F2DB;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--education {
color: #a63a6a; }
.n-articles-preview__content-item-heading--education span svg {
fill: #F6C8D9;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--psychology {
color: #7295d0; }
.n-articles-preview__content-item-heading--psychology span svg {
fill: #d4ddec;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--beauty {
color: #ff4040; }
.n-articles-preview__content-item-heading--beauty span svg {
fill: #ff4040;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--demography {
color: #b0cce9; }
.n-articles-preview__content-item-heading--demography span svg {
fill: #dfe8f4;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--pregnancy {
color: #f589a6; }
.n-articles-preview__content-item-heading--pregnancy span svg {
fill: #ffe2e8;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--schooling {
color: #3aa65e; }
.n-articles-preview__content-item-heading--schooling span svg {
fill: #c6f2db;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--travels {
color: #00c96e; }
.n-articles-preview__content-item-heading--travels span svg {
fill: #a7efbb;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--family {
color: #d47e21; }
.n-articles-preview__content-item-heading--family span svg {
fill: #fcd8bc;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--story {
color: #f7c25f; }
.n-articles-preview__content-item-heading--story span svg {
fill: #fbe9c8;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading--advice {
color: #efa378; }
.n-articles-preview__content-item-heading--advice span svg {
fill: #ffdac5;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles-preview__content-item-heading:hover, .n-articles-preview__content-item-heading:focus {
opacity: 0.5; }
.n-articles-preview__content-item-title {
display: block;
max-width: 395px;
margin-top: 0;
margin-bottom: 14px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-articles-preview__content-item-title a {
margin: 0;
font-family: "Marta", "Arial", sans-serif;
font-size: 23px;
line-height: 26px; }
@media (max-width: 1024px) {
.n-articles-preview__content-item-title a {
font-size: 20px;
line-height: 23px; } }
@media (max-width: 480px) {
.n-articles-preview__content-item-title a {
display: inline-block;
font-size: 18px;
line-height: 22px; } }
.n-articles-preview__content-item-title:hover, .n-articles-preview__content-item-title:focus {
opacity: 0.5; }
@media (max-width: 768px) {
.n-articles-preview__content-item-title {
max-width: 100%; } }
@media (max-width: 480px) {
.n-articles-preview__content-item-title {
margin-bottom: 19px; } }
.n-articles-preview__content-item-text {
max-width: 362px;
margin: 0;
margin-bottom: 22px;
line-height: 20px; }
@media (max-width: 480px) {
.n-articles-preview__content-item-text {
display: none; } }
.n-articles-preview__content-item-img {
display: block;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
margin-top: auto; }
.n-articles-preview__content-item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-articles-preview__content-item-img:hover, .n-articles-preview__content-item-img:focus {
opacity: 0.8; }
@media (max-width: 480px) {
.n-articles-preview__content-item-img {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
height: 160px;
margin-bottom: 12px; }
.n-articles-preview__content-item-img img {
height: 100%; } }
.n-article-preview__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 233px; }
.n-article-preview__social-btn {
position: relative;
display: block;
padding: 0;
padding-left: 30px;
margin-right: 30px;
margin-bottom: 32px;
background-color: transparent;
border: none;
font-size: 13px;
color: #a4a4a4;
cursor: inherit; }
a.n-article-preview__social-btn { cursor: pointer; }
.n-article-preview__social-btn svg {
position: absolute;
top: 50%;
left: 0;
fill: #dadada;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-article-preview__social-btn--comment {
padding-left: 20px; }
.n-article-preview__social-btn:last-child {
margin-right: 0; }
@media (max-width: 480px) {
.n-article-preview__social-btn {
margin-bottom: 28px; } }
.n-articles-preview__content-atricles-bottomline {
width: 100%; text-align:right; }
.n-news-preview.section .n-articles-preview__content-atricles-bottomline { width: 100%; text-align:right; max-width: 1040px; margin-top: 30px;}
@media (max-width: 480px) {
.n-articles-preview__content-atricles-bottomline {
display: none; } }
.n-articles-preview__content-link {
display: block;
max-width: 121px;
padding: 12px;
background: #f8f8f8;
border-radius: 40px;
line-height: 20px;
color: #a4a4a4;
text-align: center;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.n-articles-preview__content-link:hover, .n-articles-preview__content-link:focus {
color: #333333; }
.n-articles-preview__content-aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 240px;
padding-top: 15px;
padding-bottom: 85px; }
@media (max-width: 1023px) {
.n-articles-preview__content-aside {
display: none; } }
@media (max-width: 600px) {
.n-articles-preview__content-aside {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 100%;
padding-top: 60px;
padding-bottom: 0;
margin: 0 auto; } }
@media (max-width: 555px) {
.n-articles-preview__content-aside {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media (max-width: 480px) {
.n-articles-preview__content-aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 0; }
.n-articles-preview__content-aside .n-promo-block-240x400 {
display: none; } }
.n-articles-preview__content-aside--p-0 {
padding: 0; }
.n-help-banner.n-help-banner--main-page {
margin-bottom: 20px;
padding-top: 60px;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
border: 6px solid #f8e0f1; }
.n-help-banner.n-help-banner--main-page .n-help-banner__text {
max-width: 140px;
margin-bottom: 20px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 20px;
color: #333333;
line-height: 24px; }
@media (max-width: 1024px) {
.n-help-banner.n-help-banner--main-page .n-help-banner__text {
margin-left: auto;
margin-right: auto; } }
@media (max-width: 480px) {
.n-help-banner.n-help-banner--main-page .n-help-banner__text {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-bottom: 22px;
font-size: 24px;
line-height: 22px;
letter-spacing: 0.8px;
color: #ffffff; } }
.n-help-banner.n-help-banner--main-page .n-help-banner__slogan {
display: block;
margin: 0;
margin-bottom: 26px;
padding: 0 20px;
font-size: 14px;
line-height: 18px;
text-align: center;
color: #808080; }
@media (max-width: 480px) {
.n-help-banner.n-help-banner--main-page .n-help-banner__slogan {
padding: 0 30px;
margin-bottom: 121px;
font-size: 15px;
line-height: 19px;
color: #ffffff; }
.n-help-banner.n-help-banner--main-page .n-help-banner__slogan br {
display: none; } }
.n-help-banner.n-help-banner--main-page .n-help-banner__link {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 47px;
padding-right: 19px;
font-weight: bold;
font-size: 14px;
line-height: 36px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -10px -10px;
width: 180px; height: 45px; }
@media (max-width: 1440px) {
.n-help-banner.n-help-banner--main-page .n-help-banner__link {
width: auto; } }
@media (max-width: 1024px) {
.n-help-banner.n-help-banner--main-page .n-help-banner__link {
width: 80%;
margin: 0 auto; } }
@media (max-width: 480px) {
.n-help-banner.n-help-banner--main-page .n-help-banner__link {
position: relative;
max-width: 169px;
padding: 3px 0 3px 18px;
background-image: none;
background-color: #ffffff;
border-radius: 30px;
color: #fcb6d5; }
.n-help-banner.n-help-banner--main-page .n-help-banner__link::before {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 34px;
height: 34px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/telephone-help-banner.svg"); }
.n-help-banner.n-help-banner--main-page .n-help-banner__link::after {
content: "";
position: absolute;
top: auto;
bottom: -9px;
left: 50%;
display: block;
width: 200px;
height: 200px;
padding: 0;
background-color: transparent;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/help-banner-pseudo@mobile1x.png");
background-repeat: no-repeat;
background-size: 81%;
background-position: center;
-webkit-transform: scale(1) translateX(-50%);
transform: scale(1) translateX(-50%); } }
@media (max-width: 1024px) {
.n-help-banner.n-help-banner--main-page {
display: block;
margin-bottom: auto; } }
@media (max-width: 768px) {
.n-help-banner.n-help-banner--main-page {
min-width: 240px;
margin-right: 15px; }
.n-help-banner.n-help-banner--main-page::before, .n-help-banner.n-help-banner--main-page::after {
display: none; } }
@media (max-width: 480px) {
.n-help-banner.n-help-banner--main-page {
padding-top: 60px;
padding-bottom: 39px;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 20px;
border: none;
background-color: #fcb6d5;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/main-page-help-banner-bg-mobile.png");
background-repeat: no-repeat;
background-size: cover; } }
@media (max-width: 480px) and (min-device-pixel-ratio: 1.5), (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 480px) and (min-resolution: 144dpi), (max-width: 480px) and (min-resolution: 1.5dppx) {
.n-help-banner.n-help-banner--main-page {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/main-page-help-banner-bg-mobile@2x.png"); } }
/* Стили, навешиваемы через js */
.n-articles-preview__content-item.n-articles-preview__content-item--transparent {
display: block;
margin: 40px 40px 40px 0;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 768px) {
.n-articles-preview__content-item.n-articles-preview__content-item--transparent {
margin-right: 0; } }
.n-articles-preview__content-item.n-articles-preview__content-item--visible {
opacity: 1; }
.n-news-preview {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px;
margin-bottom: 78px;
padding-top: 90px;
padding-bottom: 90px;
background-color: #ffffff; }
@media (max-width: 1024px) {
.n-news-preview {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-news-preview {
padding: 0 15px; } }
@media (max-width: 1440px) {
.n-news-preview {
width: calc(100% - 120px);
margin: 0 auto 78px; } }
@media (max-width: 1024px) {
.n-news-preview {
width: calc(100% - 80px);
padding: 60px 30px 52px;
margin-bottom: 60px; } }
@media (max-width: 768px) {
.n-news-preview {
width: 100%;
margin-bottom: 45px;
padding: 45px 30px; } }
@media (max-width: 480px) {
.n-news-preview {
padding-left: 0;
padding-right: 0;
padding-top: 32px;
padding-bottom: 0; } }
@media (max-width: 480px) {
.n-news-preview__header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 15px;
padding-right: 15px; } }
.n-news-preview__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%; }
@media (max-width: 1199px) {
.n-news-preview__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.n-news-preview__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1040px; }
@media (max-width: 480px) {
.n-news-preview__content {
max-width: 100%; } }
.n-news-preview .n-news__big {
width: 46.3%; }
@media (max-width: 767px) {
.n-news-preview .n-news__big {
width: 100%; } }
@media (max-width: 480px) {
.n-news-preview .n-news__big {
padding-left: 15px;
padding-right: 15px; } }
.n-news-preview .n-news__big img {
max-width: none;
max-height: none; }
.n-news-preview .n-news-item-big__image {
height: 280px;
margin-bottom: 39px; }
.n-news-preview .n-news-item-big__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 480px) {
.n-news-preview .n-news-item-big__image {
height: 160px; }
.n-news-preview .n-news-item-big__image img {
height: 100%; } }
@media (max-width: 768px) {
.n-news-preview .n-news__carousel {
width: 100%;
margin: 0; } }
@media (max-width: 480px) {
.n-news-preview .n-news__carousel {
padding-left: 15px;
padding-top: 30px;
border-top: 1px solid #f0f0f0; } }
.n-news-preview .n-news__smalls-top {
width: 47.5%; }
.n-news-preview .n-news__smalls-top li {
height: auto; }
.n-news-preview .n-news__smalls-top li + li {
margin-top: 17px; }
@media (max-width: 767px) {
.n-news-preview .n-news__smalls-top {
width: 100%; } }
.n-news-preview .n-news-item-small__title {
margin-top: 10px;
margin-bottom: 5px; }
@media (max-width: 480px) {
.n-news-preview .n-news-item-small__title {
font-size: 15px;
line-height: 19px;
margin-top: 0;
overflow: hidden; } }
@media (max-width: 480px) {
.n-news-preview .n-news-item-small__date {
font-size: 11px; } }
.n-news-preview .n-news__smalls-bottom {
margin-top: 18px; }
@media (max-width: 480px) {
.n-news-preview .n-news__smalls-bottom {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.n-news-preview .n-news__smalls-bottom li {
width: 47.5%;
height: auto;
margin-bottom: 17px; }
@media (max-width: 767px) {
.n-news-preview .n-news__smalls-bottom li {
width: 100%;
margin-bottom: 0; } }
@media (max-width: 480px) {
.n-news-preview .n-news__smalls-bottom li {
width: 258px;
height: 88px;
margin-top: 0;
margin-bottom: 15px;
margin-right: 12px;
padding: 0;
border: none; }
.n-news-preview .n-news__smalls-bottom li:nth-child(even) {
margin-right: 12px; } }
.n-news-preview__aside {
justify-self: center; }
.n-news-preview .n-promo-block-290x449 {
min-width: 240px;
width: 240px;
margin-top: 0; }
/* JS классы */
@media (min-width: 481px) {
.n-news__smalls-top-added-item {
display: none; } }
.n-rating {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px;
margin-bottom: 88px; }
@media (max-width: 1024px) {
.n-rating {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-rating {
padding: 0 15px; } }
@media (max-width: 1440px) {
.n-rating {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-rating {
width: calc(100% - 80px);
padding: 0 30px; } }
@media (max-width: 768px) {
.n-rating {
width: 100%;
margin-bottom: 10px; } }
@media (max-width: 480px) {
.n-rating {
padding: 0 15px; } }
.n-rating__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-size: 621px;
background-repeat: no-repeat;
background-position: 100% 0%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/rating-map.png"); }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-rating__wrapper {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/rating-map@2x.png"); } }
@media (max-width: 768px) {
.n-rating__wrapper {
background-size: 180px;
background-position: 44% 38%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/rating-map-mobile.png"); } }
@media (max-width: 768px) and (min-device-pixel-ratio: 1.5), (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 768px) and (min-resolution: 144dpi), (max-width: 768px) and (min-resolution: 1.5dppx) {
.n-rating__wrapper {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/rating-map-mobile@2x.png"); } }
.n-rating__column {
width: 50%; }
@media (max-width: 1199px) {
.n-rating__column {
width: 100%; } }
.n-rating__content {
max-width: 530px; }
@media (max-width: 768px) {
.n-rating__content {
max-width: none;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; } }
.n-rating__animation {
position: relative;
display: block;
width: 51px;
height: 51px;
margin-bottom: 26px; }
@media (max-width: 768px) {
.n-rating__animation {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 36px;
height: 36px;
margin-bottom: 5px; } }
.n-rating__title {
margin-top: 0;
margin-bottom: 26px;
padding-right: 65px;
font-family: "Marta", "Arial", sans-serif;
font-size: 36px;
line-height: 40px; }
@media (max-width: 768px) {
.n-rating__title {
margin-bottom: 43px;
padding-right: 0;
font-size: 24px;
line-height: 28px;
text-align: center; } }
.n-rating__text {
padding-right: 65px;
font-size: 16px;
line-height: 22px;
color: #666666; }
@media (max-width: 768px) {
.n-rating__text {
padding: 0 10px;
font-size: 15px;
text-align: center; } }
.n-rating__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 54px;
margin-bottom: 30px; }
@media (max-width: 768px) {
.n-rating__controls {
margin-top: 34px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.n-rating__controls .ss-main {
width: 216px; }
@media (max-width: 768px) {
.n-rating__controls .ss-main {
display: none; } }
.n-rating__controls .ss-single-selected {
position: relative;
height: 50px;
border-radius: 30px;
padding: 6px 20px 6px 50px; }
.n-rating__controls .ss-single-selected::before {
position: absolute;
content: "";
width: 10px;
height: 14px;
top: 16px;
left: 30px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-location.svg"); }
.n-rating__link {
width: 134px;
margin-bottom: 20px;
padding: 15px 20px;
background-color: #f0f0f0;
border-radius: 40px;
font-size: 14px;
line-height: 20px;
color: #a4a4a4;
text-align: center;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.n-rating__link:hover {
color: #333333; }
@media (max-width: 768px) {
.n-rating__link {
background-color: #ffffff;
color: #808080; }
.n-rating__link:hover {
background-color: #eeeeee; }
.n-rating__link:first-of-type {
margin-right: 20px; } }
.n-rating__subtitle {
margin-top: 70px;
margin-bottom: 10px;
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #333333; }
@media (max-width: 768px) {
.n-rating__subtitle {
display: none; } }
.n-rating__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
color: #a5a5a5; }
@media (max-width: 768px) {
.n-rating__row {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 20px; } }
.n-rating__row span {
margin-left: 8px;
margin-bottom: 10px; }
@media (max-width: 768px) {
.n-rating__row span {
display: none; } }
.n-rating__stars {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-rating__star:not(:last-child) {
margin-right: 4px; }
.n-rating__star--filled svg path {
fill: #fac917; }
.n-rating__rate {
font-size: 16px;
color: #333333; }
.n-rating__city {
font-size: 16px;
color: #333333; }
.n-rating span.n-rating__reviews {
margin-left: 20px; }
.n-rating span.n-rating__doctors {
margin-left: 20px; }
.n-rating span.n-rating__stats {
margin-left: 17.5%; }
@media (max-width: 1199px) {
.n-rating span.n-rating__stats {
margin-left: 0; } }
.n-articles-all {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px;
margin-bottom: 100px;
padding-top: 90px;
padding-bottom: 62px;
background-color: #ffffff; }
@media (max-width: 1024px) {
.n-articles-all {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-articles-all {
padding: 0 15px; } }
.n-articles-all__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 767px) {
.n-articles-all__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.n-articles-all__aside {
min-width: 290px;
padding-top: 14px;
margin-right: 40px; }
@media (max-width: 1440px) {
.n-articles-all__aside {
margin-right: 20px; } }
@media (max-width: 1023px) {
.n-articles-all__aside {
display: none; } }
@media (max-width: 767px) {
.n-articles-all__aside {
width: 100%;
margin-right: 0; } }
@media (max-width: 480px) {
.n-articles-all__aside {
display: block;
padding-top: 19px;
padding-bottom: 20px; } }
.n-articles-all__aside .n-article__preview-heading {
margin-bottom: 0;
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 36px;
text-transform: uppercase;
white-space: nowrap;
color: #333333; }
@media (max-width: 480px) {
.n-articles-all__aside .n-article__preview-heading {
position: relative;
display: block;
width: 100%;
max-width: 100%;
padding-left: 39px;
font-weight: normal;
font-size: 14px;
line-height: 50px;
text-transform: lowercase;
border-top: 1px solid #f0f0f0;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-arrow-link.svg");
background-repeat: no-repeat;
background-position: 95% center; }
.n-articles-all__aside .n-article__preview-heading::first-letter {
text-transform: uppercase; } }
.n-articles-all__aside .n-article__preview-heading span {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s; }
@media (max-width: 480px) {
.n-articles-all__aside .n-article__preview-heading span {
position: absolute;
top: -50%;
left: 13px;
opacity: 1;
-webkit-transform: translateY(50%);
transform: translateY(50%); } }
.n-articles-all__aside .n-article__preview-heading:hover {
opacity: 1; }
.n-articles-all__aside .n-article__preview-heading:hover span {
opacity: 1; }
.n-articles-all__aside .n-article__preview-heading--travels svg {
fill: #A7EFBB; }
.n-articles-all__aside .n-article__preview-heading--story svg {
fill: #FBE9C8;
-webkit-transform: matrix(0.87, -0.5, 0.5, 0.87, 0, 0);
transform: matrix(0.87, -0.5, 0.5, 0.87, 0, 0); }
.n-articles-all__aside .n-article__preview-heading--psychology svg {
fill: #D4DDEC;
-webkit-transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0);
transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0); }
.n-articles-all__aside .n-article__preview-heading--advice svg {
fill: #FFDAC5;
-webkit-transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0);
transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0); }
.n-articles-all__aside .n-article__preview-heading--demography svg {
fill: #DFE8F4;
-webkit-transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0);
transform: matrix(0.97, -0.26, 0.26, 0.97, 0, 0); }
.n-articles-all__tag-list {
margin: 0;
margin-bottom: 89px;
padding: 0;
padding-left: 37px;
list-style: none;
border-left: 2px solid #e2f2ff; }
@media (max-width: 480px) {
.n-articles-all__tag-list {
padding-left: 0;
margin-bottom: 0;
border-left: none; } }
.n-articles-all__tag-item {
margin-bottom: 8px;
-webkit-transform: translateY(-12px);
transform: translateY(-12px); }
@media (max-width: 480px) {
.n-articles-all__tag-item {
margin-bottom: 0; }
.n-articles-all__tag-item:last-child a {
border-bottom: 1px solid #f0f0f0; } }
.n-articles-all__tag-item--all {
display: none; }
@media (max-width: 480px) {
.n-articles-all__tag-item--all {
display: block;
border-bottom: 10px solid #f0f0f0; } }
.n-articles-all__poll {
margin-bottom: 96px; }
@media (max-width: 480px) {
.n-articles-all__poll {
width: 100%;
padding: 47px 15px 36px;
margin-bottom: 0;
background-color: #e2f2ff; } }
.n-articles-all__poll-title {
margin-right: 10px;
font-family: "Marta", "Arial", sans-serif;
font-size: 20px;
line-height: 24px;
color: #333333; }
@media (max-width: 480px) {
.n-articles-all__poll-title {
margin: 0 auto 16px;
padding: 0 19px;
font-size: 18px;
line-height: 22px;
text-align: center; } }
.n-articles-all__poll-icon {
fill: #38c7bb; }
@media (max-width: 480px) {
.n-articles-all__poll-icon {
height: 11px;
fill: #333333;
-webkit-transform: rotate(-15deg) translate(-5px, -2px);
transform: rotate(-15deg) translate(-5px, -2px); } }
.n-articles-all__poll-form {
margin-bottom: 28px;
padding-top: 9px; }
@media (max-width: 480px) {
.n-articles-all__poll-form {
margin-bottom: 18px; } }
.n-articles-all__poll-label {
position: relative;
display: block;
padding-left: 22px;
font-size: 13px;
line-height: 20px;
margin-bottom: 24px;
color: #333333; }
.n-articles-all__poll-label::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 9px;
height: 9px;
background-color: #e2f2ff;
border-radius: 30px; }
@media (max-width: 480px) {
.n-articles-all__poll-label::before {
display: none; } }
@media (max-width: 480px) {
.n-articles-all__poll-label {
margin-bottom: 6px;
padding: 10px 20px;
border-radius: 30px;
background-color: #F5FAFF; } }
.n-articles-all__poll-radio:checked + .n-articles-all__poll-label::before {
background-color: #38c7bb; }
.n-articles-all__poll-link {
padding: 12px 20px;
font-size: 14px;
line-height: 36px;
color: #808080;
background-color: #f8f8f8;
border-radius: 30px;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.n-articles-all__poll-link:hover {
color: #333333; }
@media (max-width: 480px) {
.n-articles-all__poll-link {
background-color: transparent;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/right-arrow-main-page.png");
background-repeat: no-repeat;
background-size: 12px;
background-position: right 18px; }
.n-articles-all__poll-link:hover, .n-articles-all__poll-link:focus {
color: #000000;
background-color: transparent; } }
.n-articles-all__poll-output {
padding-top: 13px;
padding-right: 30px;
margin-bottom: 21px; }
@media (max-width: 480px) {
.n-articles-all__poll-output {
display: none; } }
.n-articles-all__poll-answer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 6px;
padding: 9px 37px 9px 20px;
font-size: 13px;
line-height: 20px;
color: #333333;
background-repeat: no-repeat;
background-position: 0% 50%; }
.n-articles-all__poll-answer--first {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/poll-bg-first.png"); }
.n-articles-all__poll-answer--second {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/poll-bg-second.png"); }
.n-articles-all__poll-answer--third {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/poll-bg-third.png"); }
@media (max-width: 480px) {
.n-articles-all__poll-answer {
display: none; } }
.n-articles-all__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 26px; }
.n-articles-all__content .n-article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 48%;
margin-bottom: 88px; }
.n-articles-all__content .n-article:first-child {
width: 100%; }
.n-articles-all__content .n-article:first-child .n-article__img {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
@media (max-width: 767px) {
.n-articles-all__content .n-article:nth-last-child(-n+3) {
width: 100%; } }
@media (max-width: 767px) {
.n-articles-all__content .n-article {
width: 100%; } }
.n-articles-all__content .n-article__img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media (max-width: 480px) {
.n-articles-all__content {
padding-top: 15px; } }
@media (max-width: 1440px) {
.n-articles-all {
width: calc(100% - 120px);
margin: 0 auto 94px; } }
@media (max-width: 1410px) {
.n-articles-all {
padding-bottom: 90px; } }
@media (max-width: 1024px) {
.n-articles-all {
width: calc(100% - 80px);
margin-bottom: 60px;
padding: 60px 30px 0; } }
@media (max-width: 768px) {
.n-articles-all {
width: 100%;
margin-bottom: 45px;
padding: 45px 30px 0; } }
@media (max-width: 480px) {
.n-articles-all {
padding: 32px 0 0 0;
margin-bottom: 10px; } }
@media (max-width: 480px) {
.n-articles-all__poll-answers .n-articles-all__poll-title,
.n-articles-all__poll-answers .n-articles-all__poll-link {
display: none; } }
.n-podcasts {
padding-top: 90px;
padding-bottom: 50px;
background-color: #ffffff; }
@media (max-width: 1440px) {
.n-podcasts {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-podcasts {
width: calc(100% - 80px);
margin-bottom: 60px;
padding-top: 60px;
padding-bottom: 20px; } }
@media (max-width: 768px) {
.n-podcasts {
width: 100%;
margin-bottom: 45px;
padding: 45px 0 5px; } }
@media (max-width: 480px) {
.n-podcasts {
padding-top: 33px;
padding-bottom: 0;
margin-bottom: 10px; } }
.n-podcasts__header {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px;
margin-bottom: 38px; }
@media (max-width: 1024px) {
.n-podcasts__header {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-podcasts__header {
padding: 0 15px; } }
@media (max-width: 768px) {
.n-podcasts__header {
margin-bottom: 20px; } }
.n-podcasts__slider {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px; }
@media (max-width: 1024px) {
.n-podcasts__slider {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-podcasts__slider {
padding: 0 15px; } }
@media (max-width: 1440px) {
.n-podcasts__slider {
margin: 0 60px;
padding: 0; } }
@media (max-width: 1024px) {
.n-podcasts__slider {
margin: 0 30px;
padding: 0; } }
@media (max-width: 768px) {
.n-podcasts__slider {
margin: 0;
padding: 0 30px; } }
@media (max-width: 480px) {
.n-podcasts__slider {
padding: 0 15px; } }
.n-podcasts__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: initial; }
.n-podcasts__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 290px;
min-height: 420px;
height: auto;
padding: 38px 28px 32px 28px;
margin-bottom: 40px; }
@media (max-width: 1440px) {
.n-podcasts__card {
width: calc(25% - 30px); } }
@media (max-width: 1280px) {
.n-podcasts__card {
width: 270px; } }
@media (max-width: 1024px) {
.n-podcasts__card {
width: 274px; } }
@media (max-width: 768px) {
.n-podcasts__card {
width: 240px;
min-height: 210px;
padding: 20px 20px 25px; } }
.n-podcasts__card--champagne {
background-color: #fbe9c8; }
.n-podcasts__card--pink {
background-color: #ffc6c5; }
.n-podcasts__card--blue {
background-color: #e2f2ff; }
.n-podcasts__card--all {
padding-left: 3px;
padding-right: 40px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/podcasts-headphones.png");
background-repeat: no-repeat;
background-position: 60px 170px; }
@media (max-width: 1440px) {
.n-podcasts__card--all {
background-position: 30px 170px; } }
@media (max-width: 768px) {
.n-podcasts__card--all {
padding-right: 20px;
padding-bottom: 0;
background: none; } }
.n-podcasts__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-podcasts__btn {
position: relative;
width: 36px;
height: 36px;
margin-right: 10px;
border: 0;
padding: 0;
font-size: 0;
border-radius: 50%;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center;
cursor: pointer; }
.n-podcasts__btn:hover {
background-color: #eeeeee; }
.n-podcasts__btn--stroke {
background-color: #f8f8f8; }
.n-podcasts__btn--play {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-podcasts-play.svg"); }
.n-podcasts__btn--pause {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-podcasts-pause.svg"); }
.n-podcasts__author:hover {
color: #259e94; }
.n-podcasts__subtitle {
margin: 30px 0;
font-family: "Marta", "Arial", sans-serif;
font-size: 18px;
line-height: 22px;
color: #333333; }
@media (max-width: 768px) {
.n-podcasts__subtitle {
margin: 28px 0 20px 0;
font-size: 16px;
line-height: 20px; } }
.n-podcasts__letter {
-ms-flex-item-align: center;
align-self: center;
margin-top: auto;
margin-bottom: 14px;
font-family: "Marta", "Arial", sans-serif;
font-size: 150px;
line-height: 150px;
color: #ffffff;
opacity: 0.6; }
@media (max-width: 768px) {
.n-podcasts__letter {
display: none; } }
.n-podcasts__text {
margin-top: 28px;
margin-bottom: 24px;
font-size: 14px;
line-height: 22px;
color: #333333; }
@media (max-width: 768px) {
.n-podcasts__text {
margin: 15px 0; } }
.n-podcasts__link {
font-size: 14px;
line-height: 22px;
color: #aea694;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.n-podcasts__link--all {
-ms-flex-item-align: start;
align-self: flex-start;
line-height: 45px;
padding: 0 28px;
border-radius: 30px;
background-color: #f8f8f8; }
.n-podcasts__link:hover {
color: #333333; }
@media (max-width: 768px) {
.n-podcasts__link {
margin-top: auto; } }
.n-blog {
margin-bottom: 50px;
padding-top: 90px;
padding-bottom: 50px;
background-color: #ffffff; }
@media (max-width: 1440px) {
.n-blog {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-blog {
width: calc(100% - 80px);
margin-bottom: 60px;
padding-top: 60px;
padding-bottom: 20px; } }
@media (max-width: 768px) {
.n-blog {
width: 100%;
margin-bottom: 45px;
padding: 45px 0 5px; } }
@media (max-width: 480px) {
.n-blog {
padding-bottom: 0;
padding-top: 33px;
margin-bottom: 30px; } }
.n-blog__header {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px;
margin-bottom: 24px; }
@media (max-width: 1024px) {
.n-blog__header {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-blog__header {
padding: 0 15px; } }
@media (max-width: 768px) {
.n-blog__header {
margin-bottom: 20px; } }
.n-blog__slider {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px; }
@media (max-width: 1024px) {
.n-blog__slider {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-blog__slider {
padding: 0 15px; } }
@media (max-width: 1440px) {
.n-blog__slider {
margin: 0 60px;
padding: 0; } }
@media (max-width: 1024px) {
.n-blog__slider {
margin: 0 30px;
padding: 0; } }
@media (max-width: 768px) {
.n-blog__slider {
margin: 0;
padding: 0 30px; } }
@media (max-width: 480px) {
.n-blog__slider {
padding: 0 15px; } }
.n-blog__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-blog__card {
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 290px;
min-height: 430px;
padding: 35px 20px 35px 30px;
margin-bottom: 40px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 1440px) {
.n-blog__card {
width: calc(25% - 30px); } }
@media (max-width: 1280px) {
.n-blog__card {
width: 270px; } }
@media (max-width: 1024px) {
.n-blog__card {
width: 274px; } }
@media (max-width: 768px) {
.n-blog__card {
width: 240px;
min-height: 240px;
padding: 20px; } }
.n-blog__card::before {
z-index: 1;
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(29.13deg, rgba(18, 130, 120, 0.8) 4.45%, rgba(56, 199, 187, 0) 60.64%); }
.n-blog__card:hover, .n-blog__card:focus {
opacity: 0.8; }
.n-blog__photo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
min-width: 100%;
max-width: none;
height: auto; }
.n-blog__subtitle {
margin-top: 15px;
margin-bottom: 17px;
z-index: 1;
font-family: "Marta", "Arial", sans-serif;
font-size: 23px;
line-height: 27px;
color: #ffffff; }
@media (max-width: 1024px) {
.n-blog__subtitle {
font-size: 20px;
line-height: 23px; } }
@media (max-width: 768px) {
.n-blog__subtitle {
margin-top: 13px;
margin-bottom: 13px;
font-size: 18px;
line-height: 22px; } }
.n-blog__icon {
z-index: 1; }
.n-blog__icon svg {
width: 27px;
height: 25px;
fill: #ffffff;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
@media (max-width: 768px) {
.n-blog__icon svg {
width: 20px;
height: 18px; } }
.n-blog__info {
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-blog__avatar {
margin-right: 10px; }
@media (max-width: 768px) {
.n-blog__avatar {
width: 30px;
height: 30px; } }
.n-blog__author {
font-weight: 700;
font-size: 14px;
line-height: 30px;
color: #ffffff; }
@media (max-width: 768px) {
.n-blog__author {
font-size: 13px; } }
.n-pregnancy {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px; }
@media (max-width: 1024px) {
.n-pregnancy {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-pregnancy {
padding: 0 15px; } }
@media (max-width: 1440px) {
.n-pregnancy {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-pregnancy {
width: calc(100% - 80px);
padding: 0 30px; } }
@media (max-width: 768px) {
.n-pregnancy {
width: 100%;
padding: 0; } }
.n-pregnancy__wrapper {
padding-top: 100px;
padding-bottom: 33px;
background-repeat: no-repeat;
background-position: 88% 100%;
background-size: 489px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-bg.jpg"); }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-pregnancy__wrapper {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-bg@2x.jpg"); } }
@media (max-width: 1279px) {
.n-pregnancy__wrapper {
background-position: 100% 100%; } }
@media (max-width: 768px) {
.n-pregnancy__wrapper {
padding-top: 0;
padding-bottom: 0;
background-size: 112px;
background-position: 60% 75%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-bg-mobile.png"); } }
@media (max-width: 768px) and (min-device-pixel-ratio: 1.5), (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 768px) and (min-resolution: 144dpi), (max-width: 768px) and (min-resolution: 1.5dppx) {
.n-pregnancy__wrapper {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-bg-mobile@2x.png"); } }
.n-pregnancy__content {
max-width: 600px; }
@media (max-width: 768px) {
.n-pregnancy__content {
margin: 0 auto; } }
@media (max-width: 768px) {
.n-pregnancy__content {
max-width: none;
min-height: 582px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.n-pregnancy__title {
display: inline-block;
position: relative;
margin-bottom: 22px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 40px;
color: #333333;
margin-top: 19.92px; }
.n-pregnancy__title::before {
content: "";
position: absolute;
top: -80px;
left: 0;
width: 44px;
height: 51px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-baby-foot.svg"); }
@media (max-width: 768px) {
.n-pregnancy__title {
margin-bottom: 3px;
margin-left: 15px;
margin-right: 15px;
font-size: 24px;
line-height: 28px;
text-align: center; }
.n-pregnancy__title::before {
display: none; } }
.n-pregnancy__text {
margin-right: 15px;
font-size: 16px;
line-height: 22px;
color: #666666; }
@media (max-width: 768px) {
.n-pregnancy__text {
font-size: 14px;
text-align: center;
margin-right: 30px;
margin-left: 30px; } }
@media (max-width: 480px) {
.n-pregnancy__text {
margin-right: 15px;
margin-left: 15px; } }
.n-pregnancy__slider {
margin-top: 45px;
margin-bottom: 35px; }
@media (max-width: 768px) {
.n-pregnancy__slider {
margin: 0;
margin-top: 13px; } }
.n-pregnancy__list {
margin: 0;
padding: 0 5px;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (max-width: 768px) {
.n-pregnancy__list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.n-pregnancy__item {
position: relative;
width: 38px;
height: 40px;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
cursor: pointer; }
.n-pregnancy__item::before {
z-index: 0;
position: absolute;
content: "";
width: 38px;
height: 40px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(30deg);
transform: translate(-50%, -50%) rotate(30deg);
background-repeat: no-repeat;
background-position: center;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-week-bg--blue.svg"); }
.n-pregnancy__item:nth-child(-n + 11)::before {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-week-bg.svg"); }
.n-pregnancy__item:nth-last-child(-n + 17)::before {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-week-bg--pink.svg"); }
.n-pregnancy__item:nth-child(1)::before {
-webkit-transform: translate(-50%, -50%) rotate(161deg);
transform: translate(-50%, -50%) rotate(161deg); }
.n-pregnancy__item:nth-child(2)::before {
-webkit-transform: translate(-50%, -50%) rotate(277deg);
transform: translate(-50%, -50%) rotate(277deg); }
.n-pregnancy__item:nth-child(3)::before {
-webkit-transform: translate(-50%, -50%) rotate(289deg);
transform: translate(-50%, -50%) rotate(289deg); }
.n-pregnancy__item:nth-child(4)::before {
-webkit-transform: translate(-50%, -50%) rotate(268deg);
transform: translate(-50%, -50%) rotate(268deg); }
.n-pregnancy__item:nth-child(5)::before {
-webkit-transform: translate(-50%, -50%) rotate(274deg);
transform: translate(-50%, -50%) rotate(274deg); }
.n-pregnancy__item:nth-child(6)::before {
-webkit-transform: translate(-50%, -50%) rotate(56deg);
transform: translate(-50%, -50%) rotate(56deg); }
.n-pregnancy__item:nth-child(7)::before {
-webkit-transform: translate(-50%, -50%) rotate(273deg);
transform: translate(-50%, -50%) rotate(273deg); }
.n-pregnancy__item:nth-child(8)::before {
-webkit-transform: translate(-50%, -50%) rotate(216deg);
transform: translate(-50%, -50%) rotate(216deg); }
.n-pregnancy__item:nth-child(9)::before {
-webkit-transform: translate(-50%, -50%) rotate(185deg);
transform: translate(-50%, -50%) rotate(185deg); }
.n-pregnancy__item:nth-child(10)::before {
-webkit-transform: translate(-50%, -50%) rotate(200deg);
transform: translate(-50%, -50%) rotate(200deg); }
.n-pregnancy__item:nth-child(11)::before {
-webkit-transform: translate(-50%, -50%) rotate(101deg);
transform: translate(-50%, -50%) rotate(101deg); }
.n-pregnancy__item:nth-child(12)::before {
-webkit-transform: translate(-50%, -50%) rotate(15deg);
transform: translate(-50%, -50%) rotate(15deg); }
.n-pregnancy__item:nth-child(13)::before {
-webkit-transform: translate(-50%, -50%) rotate(232deg);
transform: translate(-50%, -50%) rotate(232deg); }
.n-pregnancy__item:nth-child(14)::before {
-webkit-transform: translate(-50%, -50%) rotate(287deg);
transform: translate(-50%, -50%) rotate(287deg); }
.n-pregnancy__item:nth-child(15)::before {
-webkit-transform: translate(-50%, -50%) rotate(293deg);
transform: translate(-50%, -50%) rotate(293deg); }
.n-pregnancy__item:nth-child(16)::before {
-webkit-transform: translate(-50%, -50%) rotate(348deg);
transform: translate(-50%, -50%) rotate(348deg); }
.n-pregnancy__item:nth-child(17)::before {
-webkit-transform: translate(-50%, -50%) rotate(56deg);
transform: translate(-50%, -50%) rotate(56deg); }
.n-pregnancy__item:nth-child(18)::before {
-webkit-transform: translate(-50%, -50%) rotate(6deg);
transform: translate(-50%, -50%) rotate(6deg); }
.n-pregnancy__item:nth-child(19)::before {
-webkit-transform: translate(-50%, -50%) rotate(307deg);
transform: translate(-50%, -50%) rotate(307deg); }
.n-pregnancy__item:nth-child(20)::before {
-webkit-transform: translate(-50%, -50%) rotate(153deg);
transform: translate(-50%, -50%) rotate(153deg); }
.n-pregnancy__item:nth-child(21)::before {
-webkit-transform: translate(-50%, -50%) rotate(161deg);
transform: translate(-50%, -50%) rotate(161deg); }
.n-pregnancy__item:nth-child(22)::before {
-webkit-transform: translate(-50%, -50%) rotate(257deg);
transform: translate(-50%, -50%) rotate(257deg); }
.n-pregnancy__item:nth-child(23)::before {
-webkit-transform: translate(-50%, -50%) rotate(47deg);
transform: translate(-50%, -50%) rotate(47deg); }
.n-pregnancy__item:nth-child(24)::before {
-webkit-transform: translate(-50%, -50%) rotate(164deg);
transform: translate(-50%, -50%) rotate(164deg); }
.n-pregnancy__item:nth-child(25)::before {
-webkit-transform: translate(-50%, -50%) rotate(210deg);
transform: translate(-50%, -50%) rotate(210deg); }
.n-pregnancy__item:nth-child(26)::before {
-webkit-transform: translate(-50%, -50%) rotate(335deg);
transform: translate(-50%, -50%) rotate(335deg); }
.n-pregnancy__item:nth-child(27)::before {
-webkit-transform: translate(-50%, -50%) rotate(132deg);
transform: translate(-50%, -50%) rotate(132deg); }
.n-pregnancy__item:nth-child(28)::before {
-webkit-transform: translate(-50%, -50%) rotate(40deg);
transform: translate(-50%, -50%) rotate(40deg); }
.n-pregnancy__item:nth-child(29)::before {
-webkit-transform: translate(-50%, -50%) rotate(22deg);
transform: translate(-50%, -50%) rotate(22deg); }
.n-pregnancy__item:nth-child(30)::before {
-webkit-transform: translate(-50%, -50%) rotate(125deg);
transform: translate(-50%, -50%) rotate(125deg); }
.n-pregnancy__item:nth-child(31)::before {
-webkit-transform: translate(-50%, -50%) rotate(319deg);
transform: translate(-50%, -50%) rotate(319deg); }
.n-pregnancy__item:nth-child(32)::before {
-webkit-transform: translate(-50%, -50%) rotate(255deg);
transform: translate(-50%, -50%) rotate(255deg); }
.n-pregnancy__item:nth-child(33)::before {
-webkit-transform: translate(-50%, -50%) rotate(85deg);
transform: translate(-50%, -50%) rotate(85deg); }
.n-pregnancy__item:nth-child(34)::before {
-webkit-transform: translate(-50%, -50%) rotate(61deg);
transform: translate(-50%, -50%) rotate(61deg); }
.n-pregnancy__item:nth-child(35)::before {
-webkit-transform: translate(-50%, -50%) rotate(212deg);
transform: translate(-50%, -50%) rotate(212deg); }
.n-pregnancy__item:nth-child(36)::before {
-webkit-transform: translate(-50%, -50%) rotate(344deg);
transform: translate(-50%, -50%) rotate(344deg); }
.n-pregnancy__item:nth-child(37)::before {
-webkit-transform: translate(-50%, -50%) rotate(280deg);
transform: translate(-50%, -50%) rotate(280deg); }
.n-pregnancy__item:nth-child(38)::before {
-webkit-transform: translate(-50%, -50%) rotate(297deg);
transform: translate(-50%, -50%) rotate(297deg); }
.n-pregnancy__item:nth-child(39)::before {
-webkit-transform: translate(-50%, -50%) rotate(47deg);
transform: translate(-50%, -50%) rotate(47deg); }
.n-pregnancy__item:nth-child(40)::before {
-webkit-transform: translate(-50%, -50%) rotate(96deg);
transform: translate(-50%, -50%) rotate(96deg); }
.n-pregnancy__item:nth-child(41)::before {
-webkit-transform: translate(-50%, -50%) rotate(197deg);
transform: translate(-50%, -50%) rotate(197deg); }
.n-pregnancy__item:nth-child(42)::before {
-webkit-transform: translate(-50%, -50%) rotate(84deg);
transform: translate(-50%, -50%) rotate(84deg); }
.n-pregnancy__item:nth-child(43)::before {
-webkit-transform: translate(-50%, -50%) rotate(277deg);
transform: translate(-50%, -50%) rotate(277deg); }
.n-pregnancy__item:nth-child(44)::before {
-webkit-transform: translate(-50%, -50%) rotate(238deg);
transform: translate(-50%, -50%) rotate(238deg); }
.n-pregnancy__item:hover::before, .n-pregnancy__item:focus::before {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-week-bg--white.svg"); }
@media (max-width: 768px) {
.n-pregnancy__item:first-child {
margin-left: 25px; } }
@media (max-width: 480px) {
.n-pregnancy__item:first-child {
margin-left: 10px; } }
.n-pregnancy__link {
z-index: 1;
position: relative;
display: block;
font-size: 14px;
line-height: 40px;
text-align: center;
color: #808080; }
@media (max-width: 768px) {
.n-pregnancy__info {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.n-pregnancy__button {
display: inline-block;
font-size: 14px;
line-height: 22px;
color: #666666;
-webkit-transition: color 0.3s, background-position-x 0.3s;
transition: color 0.3s, background-position-x 0.3s; }
.n-pregnancy__button:hover, .n-pregnancy__button:focus {
color: #000000; }
@media (max-width: 768px) {
.n-pregnancy__button {
padding: 10px 35px 10px 19px;
margin-left: 0;
background: #ffffff;
border-radius: 30px;
line-height: 22px;
color: #808080;
margin-bottom: 50px;
background-repeat: no-repeat;
background-position: 95% 50%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-button-arrow.svg"); } }
.n-pregnancy__button:nth-child(2) {
padding: 0 47px 0 28px;
margin-left: 20px;
background: #ffffff;
border-radius: 30px;
line-height: 45px;
color: #a5a5a5;
margin-bottom: 50px;
background-repeat: no-repeat;
background-position: 85% 50%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-button-arrow.svg"); }
.n-pregnancy__button:nth-child(2):hover, .n-pregnancy__button:nth-child(2):focus {
background-position-x: 88%; }
@media (max-width: 768px) {
.n-pregnancy__button:nth-child(2) {
display: none; } }
.n-tests {
padding-top: 90px;
padding-bottom: 50px;
background-color: #ffffff; }
@media (max-width: 1440px) {
.n-tests {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-tests {
width: calc(100% - 80px);
margin-bottom: 60px;
padding-top: 60px;
padding-bottom: 20px; } }
@media (max-width: 768px) {
.n-tests {
width: 100%;
margin-bottom: 45px;
padding: 45px 0 5px; } }
@media (max-width: 480px) {
.n-tests {
margin-bottom: 10px;
padding-top: 33px;
padding-bottom: 0; } }
.n-tests__header {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px;
margin-bottom: 23px; }
@media (max-width: 1024px) {
.n-tests__header {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-tests__header {
padding: 0 15px; } }
@media (max-width: 768px) {
.n-tests__header {
margin-bottom: 20px; } }
.n-tests__slider {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px; }
@media (max-width: 1024px) {
.n-tests__slider {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-tests__slider {
padding: 0 15px; } }
@media (max-width: 1440px) {
.n-tests__slider {
margin: 0 60px;
padding: 0; } }
@media (max-width: 1024px) {
.n-tests__slider {
margin: 0 30px;
padding: 0; } }
@media (max-width: 768px) {
.n-tests__slider {
margin: 0;
padding: 0 30px; } }
@media (max-width: 480px) {
.n-tests__slider {
padding: 0 15px; } }
.n-tests__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-tests__card {
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 290px;
min-height: 420px;
padding: 37px;
padding-bottom: 30px;
margin-bottom: 40px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 1440px) {
.n-tests__card {
width: calc(25% - 30px); } }
@media (max-width: 1280px) {
.n-tests__card {
width: 270px; } }
@media (max-width: 1024px) {
.n-tests__card {
width: 274px; } }
@media (max-width: 768px) {
.n-tests__card {
width: 240px;
min-height: 290px; } }
.n-tests__card--education {
background-color: rgba(248, 224, 241, 0.9); }
.n-tests__card--health {
background-color: rgba(226, 242, 255, 0.9); }
.n-tests__card--schooling {
background-color: rgba(198, 242, 219, 0.9); }
.n-tests__card:hover, .n-tests__card:focus {
opacity: 0.8; }
.n-tests__photo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
min-width: 100%;
background-color: inherit; }
.n-tests__photo img {
z-index: 0;
min-width: 100%;
width: auto;
max-width: none;
height: auto; }
.n-tests__photo::after {
z-index: 1;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: inherit; }
.n-tests__picture {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
min-width: 100%; }
.n-tests__picture img {
z-index: 0;
min-width: 100%;
width: auto;
max-width: none;
height: auto; }
.n-tests__tag {
z-index: 10; }
.n-tests__tag a {
width: auto;
margin: 0;
line-height: 14px; }
.n-tests__subtitle {
z-index: 10;
margin-top: 26px;
font-family: "Marta", "Arial", sans-serif;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #333333; }
.n-tests__link {
z-index: 10;
font-size: 14px;
color: #808080;
line-height: 45px;
padding: 0 28px;
border-radius: 50px;
background-color: #ffffff;
margin-top: auto;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.n-tests__link:hover {
color: #333333; }
.n-magazines {
margin-bottom: 0;
padding-top: 90px;
padding-bottom: 50px;
background-color: #ffffff; }
@media (max-width: 1440px) {
.n-magazines {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-magazines {
width: calc(100% - 80px);
margin-bottom: 60px;
padding-top: 60px;
padding-bottom: 20px; } }
@media (max-width: 768px) {
.n-magazines {
width: 100%;
margin-bottom: 45px;
padding: 45px 0 5px; } }
@media (max-width: 480px) {
.n-magazines {
margin-bottom: 10px;
padding-top: 33px;
padding-bottom: 0; } }
.n-magazines__header {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px;
margin-bottom: 24px; }
@media (max-width: 1024px) {
.n-magazines__header {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-magazines__header {
padding: 0 15px; } }
@media (max-width: 768px) {
.n-magazines__header {
margin-bottom: 20px; } }
.n-magazines__slider {
max-width: 1400px;
margin: 0 auto;
padding: 0 60px; }
@media (max-width: 1024px) {
.n-magazines__slider {
padding: 0 30px; } }
@media (max-width: 480px) {
.n-magazines__slider {
padding: 0 15px; } }
@media (max-width: 1440px) {
.n-magazines__slider {
margin: 0 60px;
padding: 0; } }
@media (max-width: 1024px) {
.n-magazines__slider {
margin: 0 30px;
padding: 0; } }
@media (max-width: 768px) {
.n-magazines__slider {
margin: 0;
padding: 0 30px; } }
@media (max-width: 480px) {
.n-magazines__slider {
padding: 0 15px; } }
.n-magazines__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-magazines__card {
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 290px;
min-height: 420px;
padding: 37px;
margin-bottom: 40px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 1440px) {
.n-magazines__card {
width: calc(25% - 30px); } }
@media (max-width: 1280px) {
.n-magazines__card {
width: 270px; } }
@media (max-width: 1024px) {
.n-magazines__card {
width: 274px; } }
@media (max-width: 768px) {
.n-magazines__card {
width: 240px;
min-height: 347px; } }
.n-magazines__card:hover, .n-magazines__card:focus {
opacity: 0.8; }
@media (max-width: 480px) {
.n-magazines__card {
margin-bottom: 30px; } }
.n-magazines__photo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
min-width: 100%;
background-color: inherit;
width: auto;
max-width: none;
height: auto; }
@media (max-width: 768px) {
.n-magazines__photo {
width: 100%; } }
.link-to-lk-d{
position: absolute;
bottom: 28px;
left: 33px;
}
@media (max-width: 1024px) {
.link-to-lk-d{
left: 5px;
}
}
.n-header {
width: 100%;
background-color: #ffffff;
}
@media (max-width: 768px) {
.n-header a:hover,
.n-header a:focus,
.n-header button:hover,
.n-header button:focus {
opacity: 1; } }
.n-header__desktop {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 1660px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 768px) {
.n-header__desktop {
display: none; } }
.n-header__animation {
display: block;
position: absolute;
top: 24px;
left: 24px;
width: 51px;
height: 51px; }
@media (max-width: 1024px) {
.n-header__animation {
top: 30px;
left: 0;
width: 40px;
height: 40px;
}
}
.n-header__animation-sign {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/stopham__center-sign.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
.n-header__animation-text {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/stopham__round-text.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
will-change: transform;
-webkit-animation-name: header-spin;
animation-name: header-spin;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-play-state: running;
animation-play-state: running; }
.n-header__animation-tooltip {
position: absolute;
left: 0;
bottom: -74px;
width: 195px;
height: 68px;
padding-top: 25px;
padding-bottom: 15px;
padding-left: 24px;
padding-right: 18px;
color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 15px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/stopham__quote-bg.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
pointer-events: none; }
.n-header__animation:hover .n-header__animation-tooltip {
opacity: 1; }
.n-header__wrapper-top {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1440px) {
.n-header__wrapper-top {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-header__wrapper-top {
position: relative;
width: calc(100% - 140px); } }
.n-header__site-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 1440px) {
.n-header__site-nav {
max-width: 1280px; } }
.n-header__logotype-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 64px; }
@media (max-width: 768px) {
.n-header__logotype-wrapper {
margin-bottom: 0; } }
.n-header__logotype {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 30px;
z-index: 1; }
@media (max-width: 768px) {
.n-header__logotype {
margin-right: 15px;
padding-top: 0; } }
.n-header__logotype::before,
.n-header__logotype::after {
content: "";
position: absolute;
top: -10px;
z-index: -1; }
@media (max-width: 768px) {
.n-header__logotype::before,
.n-header__logotype::after {
top: -35px; } }
.n-header__logotype::before {
left: 42px;
width: 53px;
height: 161px;
background-color: #e2f2ff; }
@media (max-width: 1023px) {
.n-header__logotype::before {
left: -6px;
height: 100px; } }
@media (max-width: 768px) {
.n-header__logotype::before {
left: 0;
width: 30px;
height: 75px; } }
.n-header__logotype::after {
left: 95px;
width: 33px;
height: 151px;
background-color: #f8e0f1; }
@media (max-width: 1023px) {
.n-header__logotype::after {
left: 47px;
height: 90px; } }
@media (max-width: 768px) {
.n-header__logotype::after {
left: 30px;
width: 20px;
height: 70px; } }
.n-header__logotype--afterload::before {
-webkit-animation-name: left-entrance;
animation-name: left-entrance;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.n-header__logotype--afterload::after {
-webkit-animation-name: right-entrance;
animation-name: right-entrance;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.n-header__logotype--hovered::before {
-webkit-animation-name: animation-on-hover;
animation-name: animation-on-hover;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.n-header__logotype--hovered::after {
-webkit-animation-name: animation-on-hover;
animation-name: animation-on-hover;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
.n-header__logotype-icon {
margin-bottom: 20px; }
@media (max-width: 768px) {
.n-header__logotype-icon {
width: 47px;
margin-bottom: 0; } }
.n-header__logotype-name {
margin-bottom: 10px; }
@media (max-width: 1023px) {
.n-header__logotype-name {
display: none; } }
@media (max-width: 1023px) {
.n-header__logotype-descr {
display: none; } }
.n-header__help {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 26px;
right: 30px;
width: 48px;
height: 50px;
font-size: 0;
background-repeat: no-repeat;
background-position: center;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-help-bg.svg");
overflow: hidden; }
.n-header__help::before {
content: "";
position: absolute;
border-radius: 50%;
border: 135px solid transparent;
border-bottom-width: 100px;
border-top-color: #ffffff;
top: -106px;
left: -105px;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-animation: header-help-rotate 10s linear infinite;
animation: header-help-rotate 10s linear infinite; }
.n-header__help::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-help-fg.svg"); }
@media (max-width: 1024px) {
.n-header__help {
top: 31px;
right: -55px;
width: 35px;
height: 36px;
background-size: cover; }
.n-header__help::after {
background-size: cover; } }
.n-header__wrapper-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1440px) {
.n-header__wrapper-bottom {
width: calc(100% - 120px);
padding: 0 60px; } }
@media (max-width: 1024px) {
.n-header__wrapper-bottom {
width: calc(100% - 80px);
padding: 0 30px; } }
.n-header__search-toggle {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 17px;
height: 17px;
margin-bottom: 40px;
padding: 0;
border: none;
background-color: transparent;
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
outline: none; }
@media (max-width: 768px) {
.n-header__search-toggle {
width: 40px;
height: 20px;
margin-bottom: 0; } }
.n-header__search-toggle:hover,
.n-header__search-toggle:focus {
opacity: 0.5; }
.n-header__search-toggle svg {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
@media (max-width: 768px) {
.n-header__search-toggle svg {
left: auto;
right: 0;
width: 14px;
height: 14px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); } }
.n-header__search-toggle svg:first-of-type {
opacity: 1; }
.n-header__search-toggle svg:last-of-type {
opacity: 0; }
.n-header__search-toggle--on svg:first-of-type {
opacity: 0; }
.n-header__search-toggle--on svg:last-of-type {
opacity: 1; }
.n-header__division-nav {
position: relative;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
padding-bottom: 28px; }
.n-header__search-wrapper {
display: none;
position: absolute;
left: 0;
top: -5px;
width: 100%;
height: 100%;
padding-top: 5px;
background-color: #ffffff;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 768px) {
.n-header__search-wrapper {
top: 0;
padding-top: 0; } }
.n-header__search-wrapper--enabled {
display: block; }
.n-header__search-wrapper--visible {
opacity: 1; }
.n-header__search-input {
width: calc(100% - 80px);
margin-left: 30px;
margin-right: 50px;
padding-bottom: 10px;
font-family: "PTSans", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
border-top: none;
border-bottom: 1px solid #d9ebf9;
border-left: none;
border-right: none;
outline: none;
caret-color: #c0c0c0; }
@media (max-width: 768px) {
.n-header__search-input {
width: calc(100% - 60px);
margin-left: 30px;
margin-right: 30px;
padding-bottom: 5px;
padding-right: 50px; } }
@media (max-width: 480px) {
.n-header__search-input {
width: calc(100% - 30px);
margin-left: 15px;
margin-right: 15px;
font-size: 18px; } }
.n-header__search-input::-webkit-input-placeholder {
font-family: inherit;
color: #a5a5a5; }
.n-header__search-input:-ms-input-placeholder {
font-family: inherit;
color: #a5a5a5; }
.n-header__search-input::-ms-input-placeholder {
font-family: inherit;
color: #a5a5a5; }
.n-header__search-input::placeholder {
font-family: inherit;
color: #a5a5a5; }
.n-header__search-button {
position: absolute;
top: 5px;
right: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 17px;
height: 17px;
padding: 0;
font-size: 0;
cursor: pointer;
border: none;
background-color: transparent;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
outline: none; }
@media (max-width: 768px) {
.n-header__search-button {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
top: 0;
right: 30px;
width: 40px;
height: 20px; } }
@media (max-width: 480px) {
.n-header__search-button {
right: 15px; } }
.n-header__search-button:hover,
.n-header__search-button:focus {
opacity: 0.5; }
@media (max-width: 768px) {
.n-header__search-button svg {
width: 12px;
height: 12px; } }
.n-header__menu-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 24px;
height: 12px;
padding: 0;
margin-bottom: 40px;
background-color: transparent;
border: none;
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
outline: none; }
@media (max-width: 768px) {
.n-header__menu-btn {
max-width: 160px;
width: 100%;
flex: 0 1 auto;
height: 20px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
padding: 0;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
background-color: transparent; } }
.n-header__menu-btn:hover,
.n-header__menu-btn:focus {
opacity: 0.5; }
.n-header__menu-btn--dot {
position: relative; }
.n-header__menu-btn--dot::after {
content: "";
position: absolute;
top: -2px;
right: -2px;
width: 4px;
height: 4px;
border-radius: 50%;
border: 2px solid #ffffff;
background-color: #76c4c0; }
.n-header__mobile {
display: none; }
@media (max-width: 768px) {
.n-header__mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media (max-width: 768px) {
.n-header__mobile-wrapper-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
margin-top: 22px;
margin-bottom: 45px;
margin-left: 30px;
margin-right: 30px; } }
@media (max-width: 480px) {
.n-header__mobile-wrapper-top {
margin-left: 15px;
margin-right: 15px; } }
@media (max-width: 768px) {
.n-header__mobile-nav {
position: relative; } }
.n-site-nav {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: calc((100% - 174px) / 2); }
@media (max-width: 1440px) {
.n-site-nav {
width: calc((100% - 90px) / 2); } }
@media (max-width: 1440px) {
.n-site-nav--left {
padding-left: 60px; } }
@media (max-width: 1024px) {
.n-site-nav--left {
padding-left: 0; } }
@media (max-width: 1440px) {
.n-site-nav--right {
padding-right: 60px; } }
@media (max-width: 1024px) {
.n-site-nav--right {
padding-right: 0; } }
.n-site-nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
margin-top: 42px;
padding: 0;
list-style: none; }
.n-site-nav__list--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.n-site-nav__item {
margin-right: 30px;
margin-bottom: 12px; }
.n-site-nav__item:last-child {
margin-right: 0; }
@media (max-width: 1199px) {
.n-site-nav__item {
margin-right: 15px; } }
@media (max-width: 1024px) {
.n-site-nav__item {
margin-right: 12px; } }
@media (max-width: 780px) {
.n-site-nav__item {
margin-right: 10px; } }
.n-site-nav__list--right .n-site-nav__item {
margin-left: 30px;
margin-right: 0; }
@media (max-width: 1199px) {
.n-site-nav__list--right .n-site-nav__item {
margin-left: 15px; }
.n-site-nav__list--right .n-site-nav__item:first-child {
margin-left: 0; } }
@media (max-width: 1024px) {
.n-site-nav__list--right .n-site-nav__item {
margin-left: 12px; }
.n-site-nav__list--right .n-site-nav__item--login {
margin-left: 10px; } }
.n-site-nav__list--right-authorized {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 32px; }
.n-site-nav__list--right-authorized .n-site-nav__item {
margin-left: 30px;
margin-right: 0; }
.n-site-nav__list--right-authorized .n-site-nav__item:nth-child(3) {
margin-left: 29px; }
.n-site-nav__item--login {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-site-nav__item--login svg {
fill: #e4e4e4;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-site-nav__item--login img {
display: none; }
.n-site-nav__item--login-authorized svg {
display: none; }
.n-site-nav__item--login-authorized img {
display: block;
width: 36px;
height: 36px;
border-radius: 50%; }
.n-site-nav__item--login a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 1440px) {
.n-site-nav__item--login a {
padding-right: 0; } }
.n-site-nav__item--login a:hover svg,
.n-site-nav__item--login a:focus svg {
fill: #808080; }
.n-site-nav_link {
color: #808080;
font-size: 14px;
font-weight: 400;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.n-site-nav_link:hover,
.n-site-nav_link--active {
color: #259e94; }
.n-site-nav_link--active {
cursor: default; }
.n-division-nav {
z-index: 0; }
.n-division-nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
padding-left: 60px;
list-style: none; }
@media (max-width: 1440px) {
.n-division-nav__list {
padding-left: 23px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media (max-width: 768px) {
.n-division-nav__list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-left: 0;
border-bottom: 1px solid #f0f0f0; } }
.n-division-nav__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 49px;
margin-bottom: 12px; }
@media (max-width: 1440px) {
.n-division-nav__item {
margin-right: 38px; } }
@media (max-width: 1390px) {
.n-division-nav__item--family {
display: none; } }
@media (max-width: 1365px) {
.n-division-nav__item {
margin-right: 40px; } }
@media (max-width: 1240px) {
.n-division-nav__item--beauty {
display: none; } }
@media (max-width: 1150px) {
.n-division-nav__item--travel {
display: none; } }
@media (max-width: 1024px) {
.n-division-nav__item--beauty {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (max-width: 940px) {
.n-division-nav__item--beauty {
display: none; } }
@media (max-width: 840px) {
.n-division-nav__item--schooling {
display: none; } }
@media (max-width: 768px) {
.n-division-nav__item {
width: auto;
margin-right: 25px;
margin-bottom: 0;
-ms-flex-negative: 0;
flex-shrink: 0; } }
@media (max-width: 768px) {
.n-division-nav__item:first-of-type {
padding-left: 30px; } }
@media (max-width: 480px) {
.n-division-nav__item:first-of-type {
padding-left: 15px; } }
@media (max-width: 768px) {
.n-division-nav__item:last-of-type {
padding-right: 30px;
margin-right: 0; } }
@media (max-width: 480px) {
.n-division-nav__item:last-of-type {
padding-right: 15px; } }
.n-division-nav__link {
color: #333333;
font-size: 14px;
font-weight: 700;
text-transform: uppercase; }
@media (max-width: 768px) {
.n-division-nav__link {
padding-bottom: 18px;
font-size: 11px;
font-weight: 400; } }
@media (max-width: 479px) {
.n-division-nav__link {
font-size: 13px; } }
.n-division-nav__link--active {
cursor: default; }
@media (max-width: 768px) {
.n-division-nav__link--active {
border-bottom: 2px solid #3aa65e; } }
.n-division-nav__item-decoration {
position: absolute;
bottom: 0;
right: -28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25px;
height: 25px;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-animation-name: header-icon-rotate;
animation-name: header-icon-rotate;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.n-division-nav__link--active + .n-division-nav__item-decoration {
opacity: 1; }
.n-division-nav__link:hover + .n-division-nav__item-decoration {
opacity: 1;
-webkit-animation-play-state: running;
animation-play-state: running; }
.n-division-nav__item-decoration svg {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
fill: currentColor; }
.n-header-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
z-index: 999;
display: none;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
opacity: 0; }
@media (max-width: 768px) {
.n-header-popup {
display: block;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
will-change: transform;
opacity: 1; } }
.n-header-popup--enabled {
display: block; }
.n-header-popup--visible {
opacity: 1; }
@media (max-width: 768px) {
.n-header-popup--visible {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.n-header-popup__bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000000;
opacity: 0.7; }
.n-header-popup__wrapper {
position: absolute;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 400px;
height: 100%;
padding-top: 55px;
padding-right: 60px;
padding-left: 60px;
padding-bottom: 60px;
background-color: #ffffff;
overflow-x: hidden;
overflow-y: scroll; }
@media (max-width: 768px) {
.n-header-popup__wrapper {
position: relative;
width: 100%;
padding: 0;
background-color: #f8f8f8; } }
.n-header-popup__close {
position: absolute;
top: 60px;
right: 60px;
width: 17px;
height: 17px;
padding: 0;
border: none;
font-size: 0;
background-color: transparent;
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
outline: none; }
@media (max-width: 768px) {
.n-header-popup__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 20px;
left: 30px;
width: 40px;
height: 20px; } }
@media (max-width: 480px) {
.n-header-popup__close {
left: 15px; } }
.n-header-popup__close:hover,
.n-header-popup__close:focus {
opacity: 0.5; }
.n-header-popup__title {
margin-bottom: 28px;
color: #333333;
font-size: 24px;
font-weight: 700;
line-height: 1.15; }
.n-header-popup__nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
margin-bottom: 15px;
padding: 0;
list-style: none; }
.n-header-popup__nav-item {
color: #333333;
font-size: 16px;
font-weight: 400;
line-height: 1.15; }
.n-header-popup__nav-item + .n-header-popup__nav-item {
margin-top: 19px; }
.n-header-popup__nav-link--active {
cursor: default; }
.n-header-popup__nav-item-decoration {
display: inline-block;
margin-left: 6px;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-animation-name: header-icon-rotate;
animation-name: header-icon-rotate;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-play-state: paused;
animation-play-state: paused; }
.n-header-popup__nav-link--active + .n-header-popup__nav-item-decoration {
opacity: 1; }
.n-header-popup__nav-link:hover + .n-header-popup__nav-item-decoration {
opacity: 1;
-webkit-animation-play-state: running;
animation-play-state: running; }
.n-header-popup__nav-item-decoration svg {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
fill: currentColor; }
.n-header-popup__call-help {
margin-top: auto; }
@media (max-width: 768px) {
.n-header-popup__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 60px;
padding-top: 20px;
min-height: 60px;
background-color: #ffffff; } }
@media (max-width: 768px) {
.n-header-popup__logo-name {
height: 20px; } }
@media (max-width: 768px) {
.n-header-popup__search-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: absolute;
top: 20px;
right: 30px;
width: 40px;
height: 20px;
border: none;
padding: 0;
font-size: 0;
background-color: transparent; } }
@media (max-width: 480px) {
.n-header-popup__search-button {
right: 15px; } }
@media (max-width: 768px) {
.n-header-popup__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0; } }
@media (max-width: 768px) {
.n-header-popup__rating {
position: relative;
padding-top: 15px;
padding-bottom: 16px;
padding-left: 30px;
padding-right: 60px;
font-size: 15px;
font-weight: 400;
background-color: #e2f2ff;
color: #53626f; } }
@media (max-width: 480px) {
.n-header-popup__rating {
padding-left: 15px; } }
@media (max-width: 359px) {
.n-header-popup__rating {
font-size: 12px; } }
@media (max-width: 768px) {
.n-header-popup__rating::after,
.n-header-popup__rating::before {
content: "";
position: absolute;
top: calc(50% - 15px);
right: 30px;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; } }
@media (max-width: 480px) {
.n-header-popup__rating::after,
.n-header-popup__rating::before {
right: 15px; } }
@media (max-width: 768px) {
.n-header-popup__rating::before {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/stopham__center-sign.svg"); } }
@media (max-width: 768px) {
.n-header-popup__rating::after {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/stopham__round-text.svg");
-webkit-animation-name: header-spin;
animation-name: header-spin;
-webkit-animation-duration: 10s;
animation-duration: 10s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-play-state: running;
animation-play-state: running; } }
@media (max-width: 768px) {
.n-header-popup__call {
min-height: 46px; } }
@media (max-width: 768px) {
.n-header-popup__login {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 15px;
padding-bottom: 16px;
padding-left: 30px;
padding-right: 30px;
color: #434343;
font-size: 15px;
font-weight: 400;
background-color: #ffffff; }
.n-header-popup__login img {
display: none; }
.n-header-popup__login--authorized img {
display: block;
margin-right: 12px; }
.n-header-popup__login--authorized svg {
display: none; } }
@media (max-width: 480px) {
.n-header-popup__login {
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 359px) {
.n-header-popup__login {
font-size: 12px; } }
@media (max-width: 768px) {
.n-header-popup__login svg {
margin-right: 12px;
fill: #808080; } }
@media (max-width: 768px) {
.n-header-popup__mobile-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
margin-top: 10px;
padding: 0;
list-style: none; } }
@media (max-width: 768px) {
.n-header-popup__mobile-nav-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 1px;
color: #333333; } }
@media (max-width: 768px) {
.n-header-popup__mobile-nav-item:last-of-type {
margin-bottom: 0; } }
@media (max-width: 768px) {
.n-header-popup__mobile-nav-item--expanded {
margin-bottom: 10px; } }
@media (max-width: 768px) {
.n-header-popup__mobile-nav-item--active {
color: #38c7bb; } }
@media (max-width: 768px) {
.n-header-popup__mobile-nav-item--separated {
margin-top: 9px; } }
@media (max-width: 768px) {
.n-header-popup__mobile-nav-item-link {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 17px;
padding-bottom: 16px;
padding-left: 30px;
padding-right: 35px;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
background-color: #ffffff; } }
@media (max-width: 480px) {
.n-header-popup__mobile-nav-item-link {
font-size: 16px;
padding-left: 15px; } }
@media (max-width: 768px) {
.n-header-popup__submenu-item::after,
.n-header-popup__mobile-nav-item-link::after {
content: "";
position: absolute;
top: 50%;
right: 30px;
width: 6px;
height: 6px;
border-top: 1px solid #808080;
border-right: 1px solid #808080;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg); } }
@media (max-width: 480px) {
.n-header-popup__submenu-item::after,
.n-header-popup__mobile-nav-item-link::after {
right: 15px; } }
@media (max-width: 768px) {
.n-header-popup__mobile-nav-item-link span:nth-of-type(2) {
color: #808080;
font-size: 12px;
font-weight: 400;
line-height: 1.15; } }
@media (max-width: 479px) {
.n-header-popup__mobile-nav-item-link span:nth-of-type(2) {
font-size: 14px; } }
@media (max-width: 768px) {
.n-header-popup__submenu {
margin: 0;
margin-top: 1px;
padding: 0;
list-style: none; } }
@media (max-width: 768px) {
.n-header-popup__submenu-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #ffffff; } }
@media (max-width: 768px) {
.n-header-popup__submenu-item + .n-header-popup__submenu-item {
margin-top: 1px; } }
@media (max-width: 768px) {
.n-header-popup__submenu-link {
width: 100%;
padding-top: 16px;
padding-bottom: 17px;
padding-left: 55px;
padding-right: 35px;
color: #333333;
font-size: 14px;
font-weight: 400;
line-height: 1.15; } }
@media (max-width: 480px) {
.n-header-popup__submenu-link {
padding-left: 40px;
font-size: 16px; } }
@media (max-width: 768px) {
.n-header-popup__submenu-item-decoration {
position: absolute;
top: 50%;
left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); } }
@media (max-width: 480px) {
.n-header-popup__submenu-item-decoration {
left: 15px; } }
@media (max-width: 768px) {
.n-header-popup__submenu-item-decoration svg {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
fill: currentColor; } }
@media (max-width: 768px) {
.n-header-popup__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #ffffff; } }
.n-call-help {
width: 280px;
height: 366px;
padding-top: 40px; }
@media (max-width: 768px) {
.n-call-help {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
background-color: #f8e0f1; } }
@media (max-width: 480px) {
.n-call-help {
padding-left: 15px;
padding-right: 15px; } }
.n-call-help--onpage {
width: 290px; }
@media (max-width: 1440px) {
.n-call-help--onpage {
width: 260px; } }
.n-call-help__wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 80px;
padding-bottom: 70px;
border: 4px solid #fcb6d5; }
@media (max-width: 768px) {
.n-call-help__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px; } }
.n-call-help__wrapper::before,
.n-call-help__wrapper::after {
content: "";
position: absolute;
display: block;
background-repeat: no-repeat;
background-size: cover; }
@media (max-width: 768px) {
.n-call-help__wrapper::before,
.n-call-help__wrapper::after {
display: none; } }
.n-call-help__wrapper::before {
top: -46px;
left: 76px;
width: 87px;
height: 58px;
padding: 13px;
background-color: #ffffff;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/oblako.svg");
background-size: 75%;
background-position: 19px -1px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1); }
.n-call-help__wrapper::after {
top: -35px;
left: 90px;
width: 103px;
height: 64px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/aist.svg");
-webkit-transform: scaleX(-1);
transform: scaleX(-1); }
.n-call-help__text {
margin: 0;
margin-bottom: 22px;
padding-left: 35px;
padding-right: 35px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.46;
text-align: center; }
@media (max-width: 1440px) {
.n-call-help__text {
font-size: 15px; } }
@media (max-width: 768px) {
.n-call-help__text {
margin: 0;
margin-right: 15px;
padding: 0;
padding-top: 15px;
padding-bottom: 16px;
color: #766060;
font-family: "PTSans", "Arial", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.15; } }
@media (max-width: 359px) {
.n-call-help__text {
font-size: 12px; } }
.n-call-help__phone {
-ms-flex-item-align: center;
align-self: center;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 25px;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 1.15;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/call-help/call-help__phone-bg.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: contain; }
@media (max-width: 1440px) {
.n-call-help__phone {
font-size: 15px; } }
@media (max-width: 768px) {
.n-call-help__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 14px;
padding-right: 14px;
color: #fcb6d5;
background-image: none;
border-radius: 14px;
background-color: #ffffff; } }
@media (max-width: 359px) {
.n-call-help__phone {
font-size: 12px; } }
.n-call-help__phone svg {
margin-right: 10px;
fill: #ffffff;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
@media (max-width: 768px) {
.n-call-help__phone svg {
margin-right: 7px;
fill: #fcb6d5; } }
@media (min-width: 769px) {
.n-call-help__phone:hover svg,
.n-call-help__phone:focus svg {
-webkit-animation-name: shake-x;
animation-name: shake-x;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.5, 0.03, 0.53, 0.96);
animation-timing-function: cubic-bezier(0.5, 0.03, 0.53, 0.96); } }
.n-popup-search {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
z-index: 10;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-popup-search--enabled {
display: block; }
.n-popup-search--visible {
opacity: 1; }
.n-popup-search__wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
padding-bottom: 20px;
background-color: #ffffff;
overflow-x: hidden;
overflow-y: scroll; }
.n-popup-search__close {
position: absolute;
top: 20px;
left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 20px;
padding: 0;
border: none;
font-size: 0;
background-color: transparent;
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 480px) {
.n-popup-search__close {
left: 15px; } }
.n-popup-search__close:hover,
.n-popup-search__close:focus {
opacity: 0.5; }
.n-popup-search__search-button {
position: absolute;
top: 20px;
right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 40px;
height: 20px;
padding: 0;
border: none;
font-size: 0;
background-color: transparent;
cursor: pointer;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 480px) {
.n-popup-search__search-button {
right: 15px; } }
.n-popup-search__search-button:hover,
.n-popup-search__search-button:focus {
opacity: 0.5; }
.n-popup-search__search-input {
width: calc(100% - 60px);
margin-top: 20px;
margin-left: 30px;
margin-right: 30px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 7px;
font-family: "PTSans", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
border-top: none;
border-bottom: 1px solid #d9ebf9;
border-left: none;
border-right: none;
outline: none;
caret-color: #c0c0c0; }
@media (max-width: 480px) {
.n-popup-search__search-input {
width: calc(100% - 30px);
margin-left: 15px;
margin-right: 15px; } }
.n-popup-search__results-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 65px;
padding: 0;
list-style: none; }
@media (max-width: 480px) {
.n-popup-search__results-list {
margin-left: 15px; } }
.n-popup-search__result {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-popup-search__result + .n-popup-search__result {
margin-top: 20px; }
.n-popup-search__result-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 60px;
height: 60px;
margin-right: 15px; }
.n-popup-search__result-img img {
max-width: 60px;
max-height: 60px; }
.n-popup-search__result-txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-popup-search__result-txt a {
margin-bottom: 10px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.15; }
.n-popup-search__result-txt a:hover {
color: #808080; }
.n-popup-search__result-txt span {
color: #c0c0c0;
font-size: 11px;
font-weight: 400;
line-height: 1.15; }
.n-popup-search__show-all {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: calc(100% - 50px);
margin-top: auto;
margin-bottom: 0;
margin-left: 25px;
margin-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
color: #808080;
font-family: inherit;
font-size: 11px;
font-weight: 400;
line-height: 1.15;
text-transform: uppercase;
background-color: #f8f8f8;
border: none;
cursor: pointer; }
.n-popup-search__show-all::before,
.n-popup-search__show-all::after {
content: "";
position: absolute;
top: 0;
width: 30px;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
.n-popup-search__show-all::before {
left: -10px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/button__edge-left.svg"); }
.n-popup-search__show-all::after {
right: -10px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/button__edge-right.svg"); }
.n-footer {
position: relative;
width: 100%;
padding-top: 60px;
padding-bottom: 56px;
color: #adadad;
background-color: #ffffff; }
@media (max-width: 768px) {
.n-footer {
padding-top: 50px;
padding-bottom: 30px; } }
.n-footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1440px) {
.n-footer__container {
width: calc(100% - 120px);
padding: 0 60px; } }
@media (max-width: 1024px) {
.n-footer__container {
width: calc(100% - 80px);
padding: 0 30px; } }
@media (max-width: 768px) {
.n-footer__container {
width: 100%;
padding-left: 15px;
padding-right: 15px; } }
.n-footer__wrapper-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
.n-footer__wrapper-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.n-footer__phone {
position: relative;
margin-top: 4px;
margin-right: 4px; }
@media (max-width: 768px) {
.n-footer__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: static;
width: 100%;
max-width: 350px;
margin: 0;
background-color: #76c4c0;
border-radius: 25px; } }
@media (max-width: 480px) {
.n-footer__phone {
margin-bottom: 20px; } }
.n-footer__phone-link {
color: #808080;
font-size: 24px;
font-weight: 400;
line-height: 1.08;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 768px) {
.n-footer__phone-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 36px;
height: 36px;
margin-right: 8px;
background-color: #90cecd;
font-size: 0;
border-radius: 50%; } }
.n-footer__phone-link:hover,
.n-footer__phone-link:focus {
opacity: 0.5; }
@media (max-width: 768px) {
.n-footer__phone-link:hover,
.n-footer__phone-link:focus {
opacity: 1; } }
.n-footer__phone-link svg {
display: none; }
@media (max-width: 768px) {
.n-footer__phone-link svg {
display: block;
fill: #ffffff; } }
.n-footer__phone-tooltip {
position: absolute;
top: -100px;
right: -125px;
width: 200px;
height: 90px;
padding-top: 23px;
padding-bottom: 34px;
padding-left: 30px;
padding-right: 25px;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 1.15;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/footer__phone-tooltip.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
@media (max-width: 768px) {
.n-footer__phone-tooltip {
position: static;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
width: auto;
height: auto;
margin-right: 16px;
padding-top: 19px;
padding-bottom: 19px;
padding-left: 25px;
padding-right: 0;
font-size: 11px;
background-image: none;
-webkit-transition: none;
transition: none; } }
.n-footer__phone-link:hover + .n-footer__phone-tooltip,
.n-footer__phone-link:focus + .n-footer__phone-tooltip {
-webkit-transform: translate(2%, -2%);
transform: translate(2%, -2%); }
@media (max-width: 768px) {
.n-footer__phone-link:hover + .n-footer__phone-tooltip,
.n-footer__phone-link:focus + .n-footer__phone-tooltip {
-webkit-transform: none;
transform: none; } }
.n-footer__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 25px;
padding-bottom: 5px; }
@media (max-width: 768px) {
.n-footer__logo {
display: none; } }
.n-footer__logo img {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.n-footer__logo a:hover img {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
@media (max-width: 768px) {
.n-footer__socials {
margin-top: 30px; } }
.n-footer__navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 60px;
margin-bottom: 50px; }
@media (max-width: 768px) {
.n-footer__navigation {
display: none; } }
.n-footer__nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
margin-right: -35px;
padding: 0;
list-style: none; }
@media (max-width: 1440px) {
.n-footer__nav-list {
margin: 0; } }
.n-footer__nav-item {
margin-right: 30px; }
.n-footer__nav-link {
font-size: 14px;
font-weight: 400;
line-height: 2;
text-transform: uppercase;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.n-footer__nav-link--help {
position: relative; }
.n-footer__nav-link--help::after {
position: absolute;
content: "";
top: -3px;
right: -15px;
width: 11px;
height: 9px;
background-repeat: no-repeat;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/icons/icon-heart.svg"); }
.n-footer__nav-link:hover {
color: #259e94; }
.n-footer__wrapper-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 55px;
border-top: 1px solid #eeeeee; }
@media (max-width: 768px) {
.n-footer__wrapper-bottom {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 34px;
border-top: none; } }
.n-footer__agreement {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.n-footer__agreement a {
text-decoration: underline;
}
.n-footer__agreement .info{
font-size: 12px;
line-height: 18px;
color: #5A575B;
width: 100%;
margin-top: 24px;
}
.n-footer__agreement p{
margin: 0;
width: 73%;
font-size: 12px;
font-weight: 400;
line-height: 1.5; }
@media (max-width: 768px) {
.n-footer__agreement p{
width: 100%;
text-align: center;
order: 1;
}
.n-footer__agreement .info{
text-align: center;
order: 2;
}
.n-footer__agreement .rate{
margin: 24px auto;
order: 3;
}
.n-footer__group-links{
display: flex;
flex-direction: column;
margin-bottom: 34px;
width: 100%;
text-align: center;
}
}
.n-footer__designed-by {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
font-size: 12px;
line-height: 2; }
@media (max-width: 768px) {
.n-footer__designed-by {
width: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media (max-width: 479px) {
.n-footer__designed-by {
font-size: 14px; } }
.n-footer__developer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-footer__additional-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.n-footer__designed-by span {
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0; }
@media (max-width: 480px) {
.n-footer__designed-by span {
font-size: 10px; } }
.n-footer__designed-by a {
opacity: 0.6;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 768px) {
.n-footer__designed-by a {
opacity: 1;
-webkit-transition: none;
transition: none; } }
@media (max-width: 480px) {
.n-footer__designed-by a {
padding: 7.5px 21px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/aidem.png");
background-repeat: no-repeat;
background-size: 42px 15px;
background-position: center; }
.n-footer__designed-by a img {
display: none; } }
@media (max-width: 480px) and (min-device-pixel-ratio: 1.5), (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 480px) and (min-resolution: 144dpi), (max-width: 480px) and (min-resolution: 1.5dppx) {
.n-footer__designed-by a {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/aidem@2x.png"); } }
.n-footer__designed-by--trinet {
margin-right: 20px; }
@media (max-width: 480px) {
.n-footer__designed-by--trinet a {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/trinet-dark.svg"); } }
.n-footer__designed-by a:hover {
opacity: 1; }
.n-footer__additional-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 25px;
font-size: 14px;
font-weight: 400;
line-height: 2; }
@media (max-width: 768px) {
.n-footer__additional-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0; }
.n-footer__additional-links .n-footer__additional-link {
color: black;
margin: 0;
}
}
.n-footer__additional-links a {
margin-right: 15px;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.n-footer__additional-links a:last-child {
margin-right: 0;
}
.n-footer__additional-links a:hover {
color: #259e94; }
.n-footer__donate {
display: none; }
@media (max-width: 480px) {
.n-footer__donate {
display: block; }
.n-footer__donate .n-footer__donate-btn {
display: block;
width: 220px;
max-width: 220px;
padding: 16px 57px 16px 45px;
font-size: 12px;
line-height: 16px;
border: 1px solid #F0F0F0;
border-radius: 60px;
background-color: transparent;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/footer-donate-btn-bg@2x.png");
background-repeat: no-repeat;
background-size: 27px 28px;
background-position: 79% center;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; } }
@media (max-width: 480px) and (min-device-pixel-ratio: 1.5), (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 480px) and (min-resolution: 144dpi), (max-width: 480px) and (min-resolution: 1.5dppx) {
.n-footer__donate .n-footer__donate-btn {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/footer-donate-btn-bg@2x.png"); } }
@media (max-width: 480px) {
.n-footer__donate .n-footer__donate-btn:hover, .n-footer__donate .n-footer__donate-btn:focus {
opacity: 0.5; } }
.n-socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none; }
.n-socials__item {
margin-right: 10px; }
.n-socials__item:last-child {
margin-right: 0; }
.n-socials__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eeeeee;
-webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
transition: border-color 0.3s, background-color 0.3s, color 0.3s; }
.n-socials__link--36x36 {
width: 36px;
height: 36px; }
.n-socials__link:hover,
.n-socials__link:focus {
border-color: #808080; }
.n-socials__link svg {
fill: #d5d5d5;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-socials__link:hover svg,
.n-socials__link:focus svg {
fill: #808080; }
.n-socials__link--ok {
border-color: #e5ae5e;
background-color: #e5ae5e; }
.n-socials__link--ok:hover {
border-color: #e5ae5e;
color: #e5ae5e; }
.n-socials__link--fb {
border-color: #4979d9;
background-color: #4979d9; }
.n-socials__link--fb:hover {
border-color: #4979d9;
color: #4979d9; }
.n-socials__link--tw {
border-color: #42c2f1;
background-color: #42c2f1; }
.n-socials__link--tw:hover {
border-color: #42c2f1;
color: #42c2f1; }
.n-socials__link--vk {
border-color: #42a1f1;
background-color: #42a1f1; }
.n-socials__link--vk:hover {
border-color: #42a1f1;
color: #42a1f1; }
.n-socials__link--ok,
.n-socials__link--fb,
.n-socials__link--tw,
.n-socials__link--vk {
color: #ffffff; }
.n-socials__link--ok svg,
.n-socials__link--fb svg,
.n-socials__link--tw svg,
.n-socials__link--vk svg {
fill: currentColor; }
.n-socials__link--ok:hover,
.n-socials__link--fb:hover,
.n-socials__link--tw:hover,
.n-socials__link--vk:hover {
background-color: #ffffff; }
.n-socials__link--ok:hover svg,
.n-socials__link--fb:hover svg,
.n-socials__link--tw:hover svg,
.n-socials__link--vk:hover svg {
fill: currentColor; }
.n-news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 1400px;
margin-left: auto;
margin-right: auto;
padding-bottom: 100px; }
@media (max-width: 1440px) {
.n-news {
width: calc(100% - 120px);
padding-bottom: 80px; } }
@media (max-width: 1024px) {
.n-news {
width: calc(100% - 80px);
padding-bottom: 0; } }
@media (max-width: 767px) {
.n-news {
width: 100%; } }
.n-news__title {
margin: 0;
margin-top: 70px;
margin-bottom: 52px;
margin-left: 60px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1.15; }
@media (max-width: 1024px) {
.n-news__title {
margin-left: 30px;
margin-top: 50px;
margin-bottom: 40px; } }
@media (max-width: 767px) {
.n-news__title {
margin-top: 30px;
margin-bottom: 25px;
font-size: 24px; } }
@media (max-width: 480px) {
.n-news__title {
font-size: 26px; } }
.n-news__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 75px;
padding-bottom: 100px;
padding-left: 60px;
padding-right: 60px;
background-color: #ffffff; }
@media (max-width: 1199px) {
.n-news__wrapper {
padding-bottom: 0; } }
@media (max-width: 1024px) {
.n-news__wrapper {
padding-top: 60px;
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 767px) {
.n-news__wrapper {
padding-top: 28px; } }
@media (max-width: 480px) {
.n-news__wrapper {
padding-left: 15px;
padding-right: 15px; } }
.n-news__today {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 75%;
margin-bottom: 76px; }
@media (max-width: 1365px) {
.n-news__today {
width: 70%; } }
@media (max-width: 1199px) {
.n-news__today {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
width: 100%; } }
@media (max-width: 767px) {
.n-news__today {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 0;
padding-bottom: 30px;
border-bottom: 1px solid #f0f0f0; } }
.n-news__subtitle {
width: 100%;
margin: 0;
margin-bottom: 48px;
color: #333333;
font-size: 18px;
font-weight: 700;
line-height: 1.15;
text-transform: uppercase; }
@media (max-width: 767px) {
.n-news__subtitle {
margin-bottom: 28px;
font-size: 11px; } }
@media (max-width: 479px) {
.n-news__subtitle {
font-size: 13px; } }
.n-news__subtitle--top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 55px;
color: #cc6f9c; }
@media (max-width: 767px) {
.n-news__subtitle--top {
margin-bottom: 28px;
margin-left: 30px; } }
.n-news__subtitle--top svg {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 12px;
fill: currentColor; }
@media (max-width: 767px) {
.n-news__subtitle--top svg {
width: 8px;
height: 11px;
margin-right: 10px; } }
.n-news__big {
width: 46%; }
@media (max-width: 767px) {
.n-news__big {
width: 100%; } }
.n-news__smalls-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 44%;
margin: 0;
margin-right: 25px;
padding: 0;
list-style: none; }
@media (max-width: 1199px) {
.n-news__smalls-top {
width: 46%;
margin-right: 0; } }
@media (max-width: 767px) {
.n-news__smalls-top {
width: 100%;
margin-right: 0; } }
.n-news__smalls-top li {
width: 100%; }
@media (max-width: 767px) {
.n-news__smalls-top li {
padding-top: 18px;
border-top: 1px solid #f0f0f0; } }
.n-news__smalls-top li + li {
margin-top: 37px; }
@media (max-width: 767px) {
.n-news__smalls-top li + li {
margin-top: 20px; } }
@media (max-width: 767px) {
.n-news__yesterday .n-news__smalls-top li:nth-of-type(n + 3) {
display: none; } }
.n-news__call-help {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 25%;
min-width: 280px;
margin-top: 7px; }
@media (max-width: 1365px) {
.n-news__call-help {
width: 30%; } }
@media (max-width: 1199px) {
.n-news__call-help {
display: none; } }
.n-news__yesterday {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 75%;
margin-bottom: 94px; }
@media (max-width: 1365px) {
.n-news__yesterday {
width: 70%; } }
@media (max-width: 1199px) {
.n-news__yesterday {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%; } }
@media (max-width: 767px) {
.n-news__yesterday {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 30px; } }
.n-news__smalls-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0;
margin-top: 35px;
padding: 0;
list-style: none; }
@media (max-width: 767px) {
.n-news__smalls-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 20px; } }
.n-news__smalls-bottom li {
width: 44%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-bottom: 37px; }
@media (max-width: 1199px) {
.n-news__smalls-bottom li {
width: 46%; } }
@media (max-width: 767px) {
.n-news__smalls-bottom li {
width: 100%;
margin-bottom: 0;
padding-top: 20px;
border-top: 1px solid #f0f0f0; } }
.n-news__smalls-bottom li:nth-of-type(even) {
margin-right: 25px; }
@media (max-width: 1199px) {
.n-news__smalls-bottom li:nth-of-type(even) {
margin-right: 0; } }
@media (max-width: 767px) {
.n-news__smalls-bottom li + li {
margin-top: 20px; } }
.n-news__smalls-bottom li:nth-child(2n+1):nth-last-child(-n+2),
.n-news__smalls-bottom li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
margin-bottom: 0; }
.n-news__week-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 75%;
margin-bottom: 80px; }
@media (max-width: 1440px) {
.n-news__week-top {
width: calc(100% - 260px); } }
@media (max-width: 1024px) {
.n-news__week-top {
width: 100%; } }
@media (max-width: 767px) {
.n-news__week-top {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: calc(100% + 60px);
margin-bottom: 0;
margin-left: -30px;
margin-right: -30px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
overflow: hidden; } }
@media (max-width: 480px) {
.n-news__week-top {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px; } }
@media (max-width: 767px) {
.n-news__week-top-container {
width: 100%; } }
.n-news__week-top-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
padding-right: 150px;
list-style: none; }
@media (max-width: 1440px) {
.n-news__week-top-list {
padding-right: 40px; } }
@media (max-width: 1024px) {
.n-news__week-top-list {
padding-right: 0; } }
@media (max-width: 767px) {
.n-news__week-top-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
@media (max-width: 767px) {
.n-news__week-top-item {
width: 200px;
padding-left: 30px; } }
@media (max-width: 480px) {
.n-news__week-top-item {
padding-left: 15px; } }
.n-news__week-top-item + .n-news__week-top-item {
margin-top: 58px; }
@media (max-width: 767px) {
.n-news__week-top-item + .n-news__week-top-item {
margin-top: 0; } }
.n-news__week-top-show-more {
width: 100%;
margin-top: 60px;
margin-left: 10px; }
@media (max-width: 767px) {
.n-news__week-top-show-more {
display: none; } }
.n-news__subscription {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-item-align: start;
align-self: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 25%;
min-width: 290px;
margin-top: 95px; }
@media (max-width: 1440px) {
.n-news__subscription {
width: 260px;
min-width: auto; } }
@media (max-width: 1024px) {
.n-news__subscription {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; } }
@media (max-width: 767px) {
.n-news__subscription {
margin-top: 30px; } }
.n-news__all {
width: 75%; }
@media (max-width: 1365px) {
.n-news__all {
width: 70%; } }
@media (max-width: 1199px) {
.n-news__all {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: calc(100% - 260px); } }
@media (max-width: 1440px) {
.n-news__all h3 {
font-size: 14px; } }
@media (max-width: 1024px) {
.n-news__all {
width: 100%; } }
@media (max-width: 767px) {
.n-news__all {
padding-top: 30px; } }
.n-news__all-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
padding: 0;
list-style: none; }
@media (max-width: 767px) {
.n-news__all-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.n-news__all-item {
width: 44%;
margin-bottom: 37px; }
@media (max-width: 767px) {
.n-news__all-item {
width: 100%;
margin-bottom: 0;
padding-top: 20px;
border-top: 1px solid #f0f0f0; } }
li.n-news__all-item.n-news__all-item--transparent {
display: block;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
li.n-news__all-item.n-news__all-item--visible {
opacity: 1; }
@media (max-width: 767px) {
.n-news__all-item:first-of-type {
padding-top: 0;
border-top: none; } }
@media (max-width: 767px) {
.n-news__all-item + .n-news__all-item {
margin-top: 20px; } }
.n-news__all-item:nth-of-type(even) {
margin-right: 25px; }
@media (max-width: 767px) {
.n-news__all-item:nth-of-type(even) {
margin-right: 0; } }
.n-news__all-item:nth-child(2n+1):nth-last-child(-n+2),
.n-news__all-item:nth-child(2n+1):nth-last-child(-n+2) ~ .n-news__all-item {
margin-bottom: 0; }
.n-news__all-show-more {
width: 100%;
margin-top: 60px;
margin-left: 10px; }
@media (max-width: 767px) {
.n-news__all-show-more {
margin-top: 20px; } }
@media (max-width: 768px) {
.n-news .n-news-preview {
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 768px) {
.n-news .n-news__big {
padding-left: 0px;
padding-right: 0px; } }
.n-news-item-big {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%; }
.n-news-item-big__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 0;
margin-bottom: 20px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 23px;
font-weight: 700;
line-height: 1.13; }
@media (max-width: 767px) {
.n-news-item-big__title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 10px;
font-size: 16px; } }
@media (max-width: 479px) {
.n-news-item-big__title {
font-size: 18px; } }
.n-news-item-big__title a {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-news-item-big__title a:hover,
.n-news-item-big__title a:focus {
opacity: 0.5; }
.n-news-item-big__date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 26px;
color: #c0c0c0;
font-size: 14px;
font-weight: 400;
line-height: 1.15; }
@media (max-width: 767px) {
.n-news-item-big__date {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 28px;
font-size: 11px; } }
@media (max-width: 479px) {
.n-news-item-big__date {
font-size: 13px; } }
.n-news-item-big__time {
font-size: 13px; }
@media (max-width: 767px) {
.n-news-item-big__time {
font-size: 11px; } }
.n-news-item-big__image {
width: 100%;
height: 0;
padding-bottom: calc(100% * 210 / 440);
position: relative;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-bottom: 24px; }
@media (max-width: 767px) {
.n-news-item-big__image {
width: 100%;
height: auto;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0; } }
.n-news-item-big__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
max-width: 440px;
max-height: 210px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 1280px) {
.n-news-item-big__image img {
max-width: none;
max-height: none; } }
@media (max-width: 767px) {
.n-news-item-big__image img {
position: static;
max-width: none;
max-height: none; } }
.n-news-item-big__image:hover img,
.n-news-item-big__image:focus img {
opacity: 0.8; }
.n-news-item-big__paragraph {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin: 0;
color: #808080;
font-size: 14px;
font-weight: 400;
line-height: 1.43; }
@media (max-width: 767px) {
.n-news-item-big__paragraph {
display: none; } }
.n-news-item-big__stats {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin-top: 20px; }
@media (max-width: 767px) {
.n-news-item-big__stats {
display: none; } }
/* Блок для главной страницы */
@media (max-width: 768px) {
.n-news-preview .n-news-item-big {
margin-bottom: 27px; } }
@media (max-width: 480px) {
.n-news-preview .n-news-item-big {
margin-bottom: 27px; } }
@media (max-width: 768px) {
.n-news-preview .n-news-item-big__image {
margin-bottom: 12px; } }
@media (max-width: 480px) {
.n-news-preview .n-news-item-big__image {
margin-bottom: 12px; } }
.n-news-preview .n-news-item-big__publication-date {
display: none; }
@media (max-width: 480px) {
.n-news-preview .n-news-item-big__publication-date {
display: block;
margin: 0;
margin-bottom: 8px;
font-size: 13px;
line-height: 36px;
color: #C4C4C4; } }
.n-news-preview .n-news-item-big__title {
max-width: 90%;
margin-bottom: 13px;
line-height: 26px; }
@media (max-width: 480px) {
.n-news-preview .n-news-item-big__title {
line-height: 22px; } }
.n-news-preview .n-news-item-big__stats {
margin-top: 22px; }
@media (max-width: 768px) {
.n-news-preview .n-news-item-big__stats {
display: block;
margin-top: 7px; } }
@media (max-width: 480px) {
.n-news-preview .n-news-stats__views svg {
margin-right: 10px; } }
@media (max-width: 480px) {
.n-news-preview .n-news-stats__views {
margin-right: 30px; } }
.n-news-preview .n-news-stats__comments {
margin-right: 30px; }
@media (max-width: 480px) {
.n-news-preview .n-news-stats__comments svg {
margin-right: 10px; } }
@media (max-width: 480px) {
.n-news-preview .n-news-stats__comments {
margin-right: 34px; } }
.n-news-preview .n-news-stats__comments-count {
font-size: 13px; }
a.n-news-stats__comments { cursor: pointer; }
.n-news-preview .n-news-stats__share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-news-preview .n-news-stats__share span {
font-size: 13px; }
.n-news-preview .n-news-stats__share span:first-child {
font-size: 0; }
.n-news-preview .n-news-stats__share svg {
margin-right: 10px;
fill: #dadada;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-news-preview .n-news-stats__share:hover svg, .n-news-preview .n-news-stats__share:focus svg {
fill: #808080; }
.n-news-preview__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 76px; }
.n-news-item-small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; }
.n-news-item-small__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 60px;
height: 60px;
margin-right: 20px; }
@media (max-width: 767px) {
.n-news-item-small__image {
margin-right: 14px; } }
.n-news-item-small__image img {
width: 60px;
height: 60px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-news-item-small__image:hover img,
.n-news-item-small__image:focus img {
opacity: 0.8; }
.n-news-item-small__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: 81%;
max-width: 335px;
margin-bottom: 8px; }
@media (max-width: 767px) {
.n-news-item-small__text {
max-width: none;
margin-bottom: 0; } }
.n-news-item-small__title {
margin: 0;
margin-bottom: 11px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.12; }
@media (max-width: 767px) {
.n-news-item-small__title {
font-size: 14px; } }
@media (max-width: 479px) {
.n-news-item-small__title {
font-size: 16px; } }
.n-news-item-small--title18px .n-news-item-small__title {
font-size: 18px; }
@media (max-width: 767px) {
.n-news-item-small--title18px .n-news-item-small__title {
font-size: 14px; } }
@media (max-width: 479px) {
.n-news-item-small--title18px .n-news-item-small__title {
font-size: 16px; } }
.n-news-item-small__title a {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-news-item-small__title a:hover,
.n-news-item-small__title a:focus {
opacity: 0.5; }
.n-news-item-small__date {
color: #a5a5a5;
font-size: 14px;
font-weight: 400;
line-height: 1.15; }
@media (max-width: 767px) {
.n-news-item-small__date {
color: #c0c0c0;
font-size: 11px; } }
@media (max-width: 479px) {
.n-news-item-small__date {
font-size: 13px; } }
.n-news-stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #a4a4a4;
font-weight: 400;
line-height: 1.15; }
.n-news-stats a {
cursor: inherit; }
.n-news-stats__views {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
font-size: 0; }
@media (max-width: 767px) {
.n-news-stats__views {
margin-right: 18px; } }
.n-news-stats__views-count {
font-size: 13px; }
@media (max-width: 767px) {
.n-news-stats__views-count {
font-size: 11px; } }
@media (max-width: 479px) {
.n-news-stats__views-count {
font-size: 13px; } }
.n-news-stats__comments {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0; }
.n-news-stats__comments-count {
font-size: 13px; }
@media (max-width: 767px) {
.n-news-stats__comments-count {
font-size: 11px; } }
.n-news-stats__views svg,
.n-news-stats__comments svg {
margin-right: 10px;
fill: #dadada;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
@media (max-width: 767px) {
.n-news-stats__views svg,
.n-news-stats__comments svg {
margin-right: 5px; } }
@media (max-width: 767px) {
.n-news-stats__views svg {
width: 19px;
height: 11px; } }
.n-news-stats--big .n-news-stats__views svg {
width: 30px;
height: 18px; }
@media (max-width: 767px) {
.n-news-stats--big .n-news-stats__views svg {
width: 18px;
height: 11px; } }
@media (max-width: 767px) {
.n-news-stats__comments svg {
width: 11px;
height: 11px; } }
.n-news-stats--big .n-news-stats__comments svg {
width: 19px;
height: 18px; }
@media (max-width: 767px) {
.n-news-stats--big .n-news-stats__comments svg {
width: 12px;
height: 11px; } }
.n-load-more {
position: relative;
width: calc(100% - 20px);
padding-top: 16px;
padding-bottom: 16px;
padding-left: 0;
padding-right: 0;
color: #808080;
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.15;
text-transform: uppercase;
background-color: #f8f8f8;
border: none;
cursor: pointer;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
@media (max-width: 767px) {
.n-load-more {
font-size: 11px; } }
@media (max-width: 479px) {
.n-load-more {
font-size: 13px; } }
.n-load-more:hover,
.n-load-more:focus {
color: #000000; }
.n-load-more::before,
.n-load-more::after {
content: "";
position: absolute;
top: 0;
width: 30px;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
.n-load-more::before {
left: -10px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/button__edge-left.svg"); }
.n-load-more::after {
right: -10px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/button__edge-right.svg"); }
.n-subscription--small {
position: relative;
width: 290px;
min-height: 420px;
padding-top: 78px;
padding-left: 30px;
padding-right: 30px;
font-weight: 400;
line-height: 1.15;
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
background-image: linear-gradient(to top, transparent 0, transparent 10px, #e2f2ff 10px, #e2f2ff 100%);
text-align: center; }
@media (max-width: 1440px) {
.n-subscription--small {
width: 260px;
padding-right: 20px;
padding-left: 20px; } }
@media (max-width: 1024px) {
.n-subscription--small {
display: none;
width: 100%; } }
@media (max-width: 767px) {
.n-subscription--small {
height: 330px;
min-height: unset;
padding-top: 40px;
padding-left: 25px;
padding-right: 25px;
text-align: left; } }
.n-subscription--small::after {
content: "";
position: absolute;
left: 33px;
bottom: 0;
width: 237px;
height: 147px;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/stork.svg");
-webkit-animation-name: stork-fly;
animation-name: stork-fly;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-play-state: paused;
animation-play-state: paused; }
@media (max-width: 1440px) {
.n-subscription--small::after {
left: 10px; } }
@media (max-width: 767px) {
.n-subscription--small::after {
left: calc(50% - 70px);
right: auto;
bottom: 0;
width: 140px;
height: 87px; } }
.n-subscription--small:hover::after {
-webkit-animation-play-state: running;
animation-play-state: running; }
.n-subscription__title {
margin: 0;
margin-bottom: 20px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 23px;
font-weight: 700; }
@media (max-width: 1440px) {
.n-subscription__title {
font-size: 21px; } }
@media (max-width: 479px) {
.n-subscription__title {
font-size: 25px; } }
.n-subscription__text {
margin: 0;
margin-bottom: 35px;
color: #434343;
font-size: 14px; }
@media (max-width: 767px) {
.n-subscription__text {
margin-bottom: 25px; } }
@media (max-width: 479px) {
.n-subscription__text {
font-size: 16px; } }
.n-subscription__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 46px;
margin-bottom: 155px;
background-color: #fbfdff; }
@media (max-width: 767px) {
.n-subscription__form {
height: 50px;
margin-bottom: 0; } }
.n-subscription__input {
width: calc(100% - 65px);
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 18px;
padding: 0;
color: #a4a4a4;
font-size: 13px;
line-height: 1.85;
caret-color: #c0c0c0;
border: none;
background-color: transparent;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
outline: none; }
@media (max-width: 479px) {
.n-subscription__input {
font-size: 15px; } }
.n-subscription__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 25px;
height: 25px;
margin-right: 16px;
padding: 0;
border: none;
background-color: transparent;
font-size: 0;
cursor: pointer;
outline: none; }
.n-subscription__button svg {
fill: #dcf2ff;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
@media (max-width: 767px) {
.n-subscription__button svg {
width: 25px;
height: 23px; } }
.n-subscription__button:hover svg,
.n-subscription__button:focus svg {
fill: #76c4c0; }
.n-news-item-week-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; }
@media (max-width: 767px) {
.n-news-item-week-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.n-news-item-week-top--transparent {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-news-item-week-top--visible {
opacity: 1; }
.n-news-item-week-top__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 250px;
height: 201px;
overflow: hidden;
margin-right: 40px; }
@media (max-width: 767px) {
.n-news-item-week-top__image {
width: 119px;
height: 130px;
margin-right: 0;
margin-bottom: 18px; } }
.n-news-item-week-top__image img {
max-width: none;
width: auto;
height: 201px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 767px) {
.n-news-item-week-top__image img {
width: auto;
height: 130px; } }
.n-news-item-week-top__image:hover img,
.n-news-item-week-top__image:focus img {
opacity: 0.8; }
.n-news-item-week-top__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 72.9%;
margin-top: 19px; }
@media (max-width: 767px) {
.n-news-item-week-top__text {
width: 100%; } }
.n-news-item-week-top__title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0;
margin-bottom: 17px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 23px;
font-weight: 700;
line-height: 1.15; }
@media (max-width: 767px) {
.n-news-item-week-top__title {
margin-bottom: 0;
font-size: 14px; } }
@media (max-width: 479px) {
.n-news-item-week-top__title {
font-size: 16px; } }
.n-news-item-week-top__title a {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-news-item-week-top__title a:hover,
.n-news-item-week-top__title a:focus {
opacity: 0.5; }
.n-news-item-week-top__date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-bottom: 22px;
font-size: 14px;
font-weight: 400;
line-height: 1.15;
color: #c0c0c0; }
@media (max-width: 767px) {
.n-news-item-week-top__date {
display: none; } }
.n-news-item-week-top__time {
font-size: 13px; }
.n-news-item-week-top__paragraph {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 0;
color: #808080;
font-size: 14px;
font-weight: 400;
line-height: 1.43; }
@media (max-width: 767px) {
.n-news-item-week-top__paragraph {
display: none; } }
.n-news-item-week-top__stats {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: 23px; }
@media (max-width: 767px) {
.n-news-item-week-top__stats {
margin-top: 10px; } }
/* Правки из главной страницы */
@media (max-width: 1440px) {
.n-news-item-week-top__text {
margin-top: 0; } }
.n-news-detailed {
border-top: 1px solid #eeeeee;
background-color: #ffffff; }
.n-news-detailed__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 1400px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1400px) {
.n-news-detailed__wrapper {
width: 100%;
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 1439px) {
.n-news-detailed__wrapper {
width: 100%; } }
@media (max-width: 1024px) {
.n-news-detailed__wrapper {
width: 100%;
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 767px) {
.n-news-detailed__wrapper {
padding-left: 0;
padding-right: 0; } }
.n-news-detailed__article {
padding-top: 75px; }
@media (max-width: 767px) {
.n-news-detailed__article {
padding-top: 28px; } }
.n-news-detailed__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 845px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1439px) {
.n-news-detailed__header {
width: 752px; } }
@media (max-width: 1024px) {
.n-news-detailed__header {
max-width: 752px;
width: 100%; } }
@media (max-width: 767px) {
.n-news-detailed__header {
margin-bottom: 28px;
padding-left: 15px;
padding-right: 15px; } }
.n-news-detailed__date {
width: 100%;
margin-bottom: 25px;
font-size: 13px;
color: #a4a4a4; }
@media (max-width: 767px) {
.n-news-detailed__date {
margin-bottom: 20px;
font-size: 11px; } }
@media (max-width: 767px) {
.n-news-detailed__date {
font-size: 13px; } }
.n-news-detailed__title {
width: 590px;
margin: 0;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 1.05263; }
@media (max-width: 1023px) {
.n-news-detailed__title {
width: 100%;
margin-bottom: 30px; } }
@media (max-width: 767px) {
.n-news-detailed__title {
margin-bottom: 20px;
font-size: 24px; } }
@media (max-width: 767px) {
.n-news-detailed__title {
font-size: 26px; } }
.n-news-detailed__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1439px) {
.n-news-detailed__image {
max-width: 1040px;
width: 100%; } }
@media (max-width: 1024px) {
.n-news-detailed__image {
max-width: 752px;
width: 100%; } }
@media (max-width: 767px) {
.n-news-detailed__image {
margin-bottom: 20px; } }
.n-news-detailed__image img,
.n-news-detailed__image iframe {
width: 1140px !important;
height: 461px;
/* -o-object-fit: cover;
object-fit: cover; */
margin-left: auto;
margin-right: auto; }
@media (max-width: 1199px) {
.n-news-detailed__image img,
.n-news-detailed__image iframe {
width: 100%;
height: 360px; } }
@media (max-width: 1023px) {
.n-news-detailed__image img,
.n-news-detailed__image iframe {
height: 270px; } }
@media (max-width: 767px) {
.n-news-detailed__image img,
.n-news-detailed__image iframe {
height: 170px; } }
.n-news-detailed__image picture {
display: block;
width: 100%; }
.n-news-detailed__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 147px; }
@media (max-width: 1439px) {
.n-news-detailed__content {
width: 1040px;
padding-left: 148px; } }
@media (max-width: 1280px) {
.n-news-detailed__content {
max-width: 100%;
padding-left: 0; } }
@media (max-width: 1179px) {
.n-news-detailed__content {
width: 100%;
padding-left: 0; } }
@media (max-width: 1024px) {
.n-news-detailed__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 752px;
width: 100%;
padding-left: 0; } }
@media (max-width: 767px) {
.n-news-detailed__content {
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 1024px) {
.n-news-detailed__wrapper .n-promo-block-290x449 {
display: none; } }
.n-news-detailed__text {
max-width: 645px;
color: #333333;
font-family: "PTSerif-Regular", "Times New Roman", serif;
font-size: 18px;
line-height: 1.66667; }
@media (max-width: 1439px) {
.n-news-detailed__text {
padding-right: 15px; } }
@media (max-width: 1280px) {
.n-news-detailed__text {
max-width: 700px;
margin-right: 15px; } }
@media (max-width: 1024px) {
.n-news-detailed__text {
max-width: none;
margin-right: 0;
padding-right: 0; } }
@media (max-width: 767px) {
.n-news-detailed__text {
padding-right: 15px;
font-size: 14px;
line-height: 1.57143; } }
@media (max-width: 479px) {
.n-news-detailed__text {
padding-right: 0;
margin-right: 0;
font-size: 16px; } }
.n-news-detailed__text p {
margin: 0; }
.n-news-detailed__text p + p {
margin-top: 10px; }
.n-news-detailed__ad {
margin-top: 10px;
margin-left: 50px; }
@media (max-width: 1023px) {
.n-news-detailed__ad {
display: none; } }
.n-news-detailed__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1140px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 48px;
padding-left: 147px;
padding-right: 348px; }
@media (max-width: 1439px) {
.n-news-detailed__footer {
width: 1040px; } }
@media (max-width: 1280px) {
.n-news-detailed__footer {
width: 700px;
margin: 0;
padding-left: 0;
padding-right: 0; } }
@media (max-width: 1024px) {
.n-news-detailed__footer {
max-width: 752px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0; } }
@media (max-width: 767px) {
.n-news-detailed__footer {
padding-top: 30px;
padding-bottom: 25px;
padding-left: 15px;
padding-right: 15px; } }
.n-news-detailed__tags-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 0;
margin-bottom: 55px;
padding: 0;
list-style: none; }
@media (max-width: 767px) {
.n-news-detailed__tags-list {
margin-bottom: 15px; } }
.n-news-detailed__tags-list li {
margin-bottom: 8px;
margin-right: 20px; }
@media (max-width: 767px) {
.n-news-detailed__tags-list li {
margin-right: 6px; } }
.n-news-detailed__bookmark {
margin-top: 5px; }
.n-news-detailed__comments-stats {
margin-top: 8px;
margin-left: auto;
margin-right: 30px; }
@media (max-width: 767px) {
.n-news-detailed__comments-stats {
margin-top: 5px;
margin-right: 15px; } }
@media (max-width: 767px) {
.n-news-detailed__share {
margin-top: 5px; } }
.n-news-detailed__same-topic {
width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 58px;
padding-bottom: 70px;
border-top: 1px solid #eeeeee; }
@media (max-width: 1400px) {
.n-news-detailed__same-topic {
width: 100%; } }
@media (max-width: 767px) {
.n-news-detailed__same-topic {
padding-top: 28px;
padding-bottom: 22px; } }
.n-news-detailed__block-title {
margin: 0;
margin-bottom: 35px;
color: #333333;
font-size: 18px;
font-weight: 700;
text-transform: uppercase; }
@media (max-width: 767px) {
.n-news-detailed__block-title {
margin-bottom: 28px;
padding-left: 15px;
padding-right: 15px;
font-size: 11px; } }
@media (max-width: 479px) {
.n-news-detailed__block-title {
font-size: 13px; } }
@media (max-width: 1023px) {
.n-news-detailed__same-topic-container {
width: calc(100% + 120px);
margin-left: -15px; } }
@media (max-width: 767px) {
.n-news-detailed__same-topic-container {
width: 100%;
margin-left: 0; } }
.n-news-detailed__same-topic-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none; }
@media (max-width: 1023px) {
.n-news-detailed__same-topic-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.n-news-detailed__same-topic-item {
width: 31%;
margin-bottom: 35px;
margin-right: 3.5%; }
@media (max-width: 1023px) {
.n-news-detailed__same-topic-item {
width: 360px;
margin-bottom: 0;
margin-right: 0;
padding-left: 15px; } }
@media (max-width: 767px) {
.n-news-detailed__same-topic-item {
width: 250px; } }
.n-news-detailed__same-topic-item:nth-of-type(3n) {
margin-right: 0; }
.n-news-detailed__same-topic-item:nth-child(3n+1):nth-last-child(-n+3),
.n-news-detailed__same-topic-item:nth-child(3n+1):nth-last-child(-n+3) ~ .n-news-detailed__same-topic-item {
margin-bottom: 0; }
.n-news-detailed__recommended {
width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 80px;
border-top: 1px solid #eeeeee; }
@media (max-width: 1400px) {
.n-news-detailed__recommended {
width: 100%; } }
@media (max-width: 767px) {
.n-news-detailed__recommended {
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
border-top: none; } }
@media (max-width: 1023px) {
.n-news-detailed__recommended-container {
width: calc(100% + 120px);
margin-left: -15px; } }
@media (max-width: 767px) {
.n-news-detailed__recommended-container {
width: 100%;
margin-left: 0; } }
.n-news-detailed__recommended-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none; }
@media (max-width: 1023px) {
.n-news-detailed__recommended-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.n-news-detailed__recommended-item {
width: 31%;
margin-bottom: 40px;
margin-right: 3.5%; }
@media (max-width: 1023px) {
.n-news-detailed__recommended-item {
width: 360px;
margin-bottom: 0;
margin-right: 0;
padding-left: 15px; } }
@media (max-width: 767px) {
.n-news-detailed__recommended-item {
width: 250px; } }
.n-news-detailed__recommended-item:nth-of-type(3n) {
margin-right: 0; }
.n-news-detailed__recommended-item:nth-child(3n+1):nth-last-child(-n+3),
.n-news-detailed__recommended-item:nth-child(3n+1):nth-last-child(-n+3) ~ .n-news-detailed__recommended-item {
margin-bottom: 0; }
.n-news-detailed__commentaries {
width: 1280px;
margin-bottom: 75px;
margin-left: auto;
margin-right: auto;
padding-top: 67px;
padding-right: 330px;
border-top: 1px solid #eeeeee; }
@media (max-width: 1439px) {
.n-news-detailed__commentaries {
padding-top: 159px;
padding-bottom: 54px; } }
@media (max-width: 1399px) {
.n-news-detailed__commentaries {
width: 950px;
margin-left: 0;
margin-right: auto;
padding-right: 0; } }
@media (max-width: 1069px) {
.n-news-detailed__commentaries {
width: 100%;
margin-left: 0;
margin-right: auto;
padding-right: 0; } }
@media (max-width: 767px) {
.n-news-detailed__commentaries {
padding-bottom: 20px;
padding-top: 32px;
padding-left: 15px;
padding-right: 15px;
border-top: none; } }
.n-news-detailed__read-also {
width: 100%;
padding-top: 75px;
padding-bottom: 75px;
background-color: #f5f5f5; }
@media (max-width: 767px) {
.n-news-detailed__read-also {
padding-top: 30px;
padding-bottom: 25px; } }
.n-news-detailed__read-also-title {
width: 1280px;
margin: 0;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 23px;
font-weight: 700; }
@media (max-width: 1400px) {
.n-news-detailed__read-also-title {
width: 100%;
padding-left: 60px;
padding-right: 60px; } }
@media (max-width: 767px) {
.n-news-detailed__read-also-title {
display: none; } }
.n-news-detailed__read-also-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 1280px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
list-style: none; }
@media (max-width: 1439px) {
.n-news-detailed__read-also-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
padding-left: 0;
padding-right: 0; } }
.n-news-detailed__read-also-item {
margin-bottom: 30px;
margin-right: 40px; }
@media (max-width: 1439px) {
.n-news-detailed__read-also-item {
width: 330px;
padding-left: 40px; } }
@media (max-width: 1023px) {
.n-news-detailed__read-also-item {
width: 305px;
margin-bottom: 0;
margin-right: 0;
padding-left: 15px; } }
@media (max-width: 767px) {
.n-news-detailed__read-also-item {
width: 265px;
padding-left: 15px; } }
.n-news-detailed__read-also-item:nth-of-type(4n) {
margin-right: 0; }
.n-news-detailed__read-also-item:nth-child(4n+1):nth-last-child(-n+4),
.n-news-detailed__read-also-item:nth-child(4n+1):nth-last-child(-n+4) ~ .n-news-detailed__read-also-item {
margin-bottom: 0; }
.n-ad-290x460 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
width: 290px;
height: 460px;
padding-bottom: 35px;
padding-left: 30px;
padding-right: 50px; }
.n-ad-290x460::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/ads/290x460-overlay.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto; }
.n-ad-290x460 img {
position: absolute;
top: 0;
left: 0;
width: 290px;
height: 460px;
opacity: 0.8; }
.n-ad-290x460__txt {
margin-bottom: 30px;
color: #ffffff;
font-family: "PTSerif-Bold", "Times New Roman", serif;
font-size: 18px;
font-weight: 700;
line-height: 1.33333;
z-index: 1; }
.n-ad-290x460__descr {
color: #b4b3b1;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
text-transform: uppercase;
z-index: 1; }
.n-tag {
display: block;
padding-top: 7px;
padding-bottom: 6px;
padding-left: 16px;
padding-right: 16px;
color: #808080;
font-size: 13px;
text-transform: uppercase;
border-radius: 5px;
background-color: #f8f8f8;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
@media (max-width: 767px) {
.n-tag {
padding-top: 8px;
padding-bottom: 7px;
color: #808080;
font-size: 11px; } }
@media (max-width: 479px) {
.n-tag {
font-size: 13px; } }
.n-tag:hover,
.n-tag:focus {
background-color: #dadada; }
.n-bookmark {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #a5a5a5; }
.n-bookmark__add {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
font-size: 0; }
@media (max-width: 767px) {
.n-bookmark__add {
margin-right: 15px; } }
.n-bookmark__add svg {
fill: #dadada;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
@media (max-width: 767px) {
.n-bookmark__add svg {
width: 8px;
height: 13px; } }
.n-bookmark__add:hover svg,
.n-bookmark__add:focus svg {
fill: #808080; }
.n-bookmark__count {
margin-left: 10px;
color: #a5a5a5;
font-size: 13px; }
@media (max-width: 767px) {
.n-bookmark__count {
display: none; } }
.n-bookmark_copy-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 13px; }
@media (max-width: 767px) {
.n-bookmark_copy-link {
font-size: 11px; } }
@media (max-width: 479px) {
.n-bookmark_copy-link {
font-size: 13px; } }
@media (max-width: 767px) {
.n-bookmark_copy-link span:nth-of-type(1) {
display: none; } }
.n-bookmark_copy-link span:nth-of-type(2) {
display: none; }
@media (max-width: 767px) {
.n-bookmark_copy-link span:nth-of-type(2) {
display: inline; } }
.n-bookmark_copy-link svg {
margin-right: 10px;
fill: #dadada;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
@media (max-width: 767px) {
.n-bookmark_copy-link svg {
width: 12px;
height: 12px; } }
.n-bookmark_copy-link:hover svg,
.n-bookmark_copy-link:focus svg {
fill: #808080; }
.n-comments-stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0;
cursor: inherit; }
.n-comments-stats__count {
margin-right: 10px;
color: #c0c0c0;
font-size: 13px;
font-weight: 400; }
@media (max-width: 767px) {
.n-comments-stats__count {
margin-right: 5px;
font-size: 11px; } }
@media (max-width: 479px) {
.n-comments-stats__count {
font-size: 13px; } }
.n-comments-stats svg {
fill: #dadada;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
@media (max-width: 767px) {
.n-comments-stats svg {
width: 14px;
height: 13px;
margin-top: 2px; } }
.n-share {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-share__mobile-link {
display: none; }
@media (max-width: 767px) {
.n-share__mobile-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #c0c0c0;
font-size: 11px; } }
@media (max-width: 767px) {
.n-share__mobile-link svg {
margin-left: 5px;
fill: #dadada;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; } }
@media (max-width: 767px) {
.n-share__mobile-link:hover svg,
.n-share__mobile-link:focus svg {
fill: #808080; } }
.n-share__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none; }
@media (max-width: 767px) {
.n-share__list {
display: none; } }
.n-share__item {
margin-right: 10px; }
.n-share__item:last-child {
margin-right: 0; }
.n-share__link {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eeeeee;
-webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
transition: border-color 0.3s, background-color 0.3s, color 0.3s; }
.n-share__link:hover,
.n-share__link:focus {
border-color: #808080; }
.n-share__link svg {
fill: #d5d5d5;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-share__link:hover svg,
.n-share__link:focus svg {
fill: #808080; }
.n-share__count {
position: absolute;
top: -5px;
right: -4px;
color: #a4a4a4;
font-size: 12px;
background-color: #ffffff; }
.n-commentaries__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.n-commentaries__title {
margin: 0;
margin-top: 10px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 23px;
font-weight: 700; }
@media (max-width: 767px) {
.n-commentaries__title {
margin-top: 6px;
font-family: "PTSans", "Arial", sans-serif;
font-size: 11px;
text-transform: uppercase; } }
@media (max-width: 479px) {
.n-commentaries__title {
font-size: 13px; } }
.n-commentaries__count {
margin-left: 10px; }
@media (max-width: 767px) {
.n-commentaries__count {
margin-left: 5px; } }
.n-commentaries__subscribe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 28px;
padding-right: 30px;
color: #a5a5a5;
font-size: 13px;
-webkit-transition: color 0.3s;
transition: color 0.3s;
cursor: pointer;
border-radius: 22px;
border: 2px solid #f0f0f0;
background-color: transparent; }
@media (max-width: 767px) {
.n-commentaries__subscribe {
padding: 0;
font-size: 0;
border: none; } }
.n-commentaries__subscribe:hover,
.n-commentaries__subscribe:focus {
color: #808080; }
.n-commentaries__subscribe svg {
margin-right: 10px;
fill: #d5d5d5;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
@media (max-width: 767px) {
.n-commentaries__subscribe svg {
margin-right: 0; } }
.n-commentaries__subscribe:hover svg,
.n-commentaries__subscribe:focus svg {
fill: #808080; }
.n-commentaries__write-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-top: 44px; }
@media (max-width: 767px) {
.n-commentaries__write-form {
margin-top: 28px; } }
.n-commentaries__write-user-link {
width: 50px;
height: 50px;
margin-top: 14px;
margin-right: 20px;
padding: 0;
border-radius: 50%;
border: none;
background-color: #d9ebf9;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/unauthorized-user@desktop1x.jpg");
background-repeat: no-repeat;
background-size: cover;
cursor: pointer; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-commentaries__write-user-link {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/unauthorized-user@desktop2x.jpg"); } }
@media (max-width: 767px) {
.n-commentaries__write-user-link {
width: 40px;
height: 40px;
margin-top: 0;
margin-right: 10px; } }
.n-commentaries__write-form--authorized .n-commentaries__write-user-link {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/authorized-user@desktop1x.jpg"); }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-commentaries__write-form--authorized .n-commentaries__write-user-link {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/authorized-user@desktop2x.jpg"); } }
.n-commentaries__write-textarea {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 75px;
padding-top: 26px;
padding-bottom: 22px;
padding-left: 32px;
padding-right: 32px;
color: #333333;
font-size: 16px;
line-height: 1.5;
border-radius: 5px;
border: none;
background-color: #f5f5f5;
resize: none;
outline: none;
-webkit-transition: padding 0.3s, height 0.3s;
transition: padding 0.3s, height 0.3s; }
@media (max-width: 767px) {
.n-commentaries__write-textarea {
height: 40px;
padding-top: 12px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
line-height: 1.16667;
background-color: transparent;
border: 1px solid #f0f0f0; } }
@media (max-width: 479px) {
.n-commentaries__write-textarea {
font-size: 14px; } }
.n-commentaries__write-textarea::-webkit-input-placeholder {
color: #a5a5a5; }
.n-commentaries__write-textarea:-ms-input-placeholder {
color: #a5a5a5; }
.n-commentaries__write-textarea::-ms-input-placeholder {
color: #a5a5a5; }
.n-commentaries__write-textarea::placeholder {
color: #a5a5a5; }
.n-commentaries__write-textarea:focus, .n-commentaries__write-textarea:not(:placeholder-shown) {
height: 100px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 22px;
padding-right: 22px; }
@media (max-width: 767px) {
.n-commentaries__write-textarea:focus, .n-commentaries__write-textarea:not(:placeholder-shown) {
height: 80px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 15px;
padding-right: 15px; } }
.n-commentaries__write-bottomline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% - 70px);
margin-top: 20px;
margin-left: auto; }
@media (max-width: 767px) {
.n-commentaries__write-bottomline {
width: calc(100% - 50px); } }
.n-commentaries__write-bottomline .n-commentaries__write-input {
display: none;
width: 290px;
padding: 10px 21px;
margin-right: 1%;
font-size: 15px;
line-height: 24px;
border: 0;
border-radius: 5px;
background-color: #f5f5f5;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-commentaries__write-bottomline .n-commentaries__write-input:focus {
outline: none; }
@media (max-width: 767px) {
.n-commentaries__write-bottomline .n-commentaries__write-input {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px; }
.n-commentaries__write-bottomline .n-commentaries__write-input::-webkit-input-placeholder {
font-size: 12px;
line-height: 14px; }
.n-commentaries__write-bottomline .n-commentaries__write-input:-ms-input-placeholder {
font-size: 12px;
line-height: 14px; }
.n-commentaries__write-bottomline .n-commentaries__write-input::-ms-input-placeholder {
font-size: 12px;
line-height: 14px; }
.n-commentaries__write-bottomline .n-commentaries__write-input::placeholder {
font-size: 12px;
line-height: 14px; } }
@media (max-width: 479px) {
.n-commentaries__write-bottomline .n-commentaries__write-input {
font-size: 14px; }
.n-commentaries__write-bottomline .n-commentaries__write-input::-webkit-input-placeholder {
font-size: 14px; }
.n-commentaries__write-bottomline .n-commentaries__write-input:-ms-input-placeholder {
font-size: 14px; }
.n-commentaries__write-bottomline .n-commentaries__write-input::-ms-input-placeholder {
font-size: 14px; }
.n-commentaries__write-bottomline .n-commentaries__write-input::placeholder {
font-size: 14px; } }
.n-commentaries__write-bottomline .n-commentaries__write-input--visible {
display: block;
opacity: 1; }
.n-commentaries__write-bottomline .n-commentaries__write-subscribe {
display: none;
width: 13px;
height: 16px;
padding: 0;
margin-right: 1%;
border: 0;
background-color: transparent;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
cursor: pointer; }
.n-commentaries__write-bottomline .n-commentaries__write-subscribe svg {
fill: #d5d5d5;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-commentaries__write-bottomline .n-commentaries__write-subscribe.active svg {
fill: #808080; }
.n-commentaries__write-bottomline .n-commentaries__write-subscribe--visible {
display: block;
opacity: 1; }
.n-commentaries__write-bottomline .n-commentaries__write-submit {
display: block;
padding-top: 12px;
padding-bottom: 14px;
padding-left: 49px;
padding-right: 49px;
border: none;
border-radius: 22px;
background-color: #1dbfb2;
font-size: 16px;
color: #ffffff;
cursor: pointer;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s; }
.n-commentaries__write-bottomline .n-commentaries__write-submit:disabled {
background-color: #ccc; }
.n-commentaries__write-bottomline .n-commentaries__write-submit:disabled:hover, .n-commentaries__write-bottomline .n-commentaries__write-submit:disabled:focus {
background-color: #ccc; }
.n-commentaries__write-bottomline .n-commentaries__write-submit:hover, .n-commentaries__write-bottomline .n-commentaries__write-submit:focus {
background-color: #259e94; }
@media (max-width: 1352px) {
.n-commentaries__write-bottomline .n-commentaries__write-submit {
margin-top: 20px; } }
@media (max-width: 767px) {
.n-commentaries__write-bottomline .n-commentaries__write-submit {
margin-right: 9px;
padding-top: 8px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
border-radius: 15px;
font-size: 11px; } }
@media (max-width: 479px) {
.n-commentaries__write-bottomline .n-commentaries__write-submit {
font-size: 13px; } }
.n-commentaries__write-form--authorized .n-commentaries__write-input--visible {
display: none; }
.n-commentaries__write-form--authorized .n-commentaries__write-bottomline {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-commentaries__write-form--authorized .n-commentaries__write-submit {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: 20px; }
.n-commentaries__comments-section {
margin-top: 62px; }
@media (max-width: 767px) {
.n-commentaries__comments-section {
margin-top: 30px; } }
.n-commentaries__content-list {
margin: 0;
padding: 0;
list-style: none; }
.n-commentaries__content-item .n-commentaries__content-list {
padding-top: 35px;
padding-left: 70px; }
@media (max-width: 767px) {
.n-commentaries__content-item .n-commentaries__content-list {
padding-top: 15px;
padding-left: 50px; }
.n-commentaries__content-item .n-commentaries__content-list .n-commentaries__content-list {
padding-left: 0; } }
.n-commentaries__content-item .n-commentaries__content-list .n-commentaries__content-item + .n-commentaries__content-item {
margin-top: 37px; }
@media (max-width: 767px) {
.n-commentaries__content-item .n-commentaries__content-list .n-commentaries__content-item + .n-commentaries__content-item {
margin-top: 23px;
padding-top: 0;
border-top: none; } }
.n-commentaries__content-item + .n-commentaries__content-item {
margin-top: 57px; }
@media (max-width: 767px) {
.n-commentaries__content-item + .n-commentaries__content-item {
margin-top: 18px;
padding-top: 20px;
border-top: 1px solid #f0f0f0; } }
.n-commentary {
position: relative;
padding-left: 70px; }
@media (max-width: 767px) {
.n-commentary {
padding-left: 0; } }
.n-commentary__avatar {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-transition: top 0.3s;
transition: top 0.3s; }
@media (max-width: 767px) {
.n-commentary__avatar {
width: 40px;
height: 40px; } }
.n-commentary__avatar:hover,
.n-commentary__avatar:focus {
top: -3px; }
@media (max-width: 767px) {
.n-commentary--nested .n-commentary__avatar {
width: 30px;
height: 30px; } }
.n-commentary__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 13px;
font-size: 16px; }
@media (max-width: 767px) {
.n-commentary__header {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
padding-left: 50px; } }
@media (max-width: 767px) {
.n-commentary--nested .n-commentary__header {
padding-top: 0;
padding-left: 40px; } }
.n-commentary__author {
margin-right: 18px;
color: #000000;
font-weight: 700;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-commentary__author:hover, .n-commentary__author:focus {
opacity: 0.5; }
@media (max-width: 767px) {
.n-commentary__author {
margin-right: 0;
font-size: 13px; } }
@media (max-width: 479px) {
.n-commentary__author {
margin-right: 0;
margin-bottom: 5px;
font-size: 15px; } }
.n-commentary__date {
color: #a5a5a5;
font-weight: 400; }
@media (max-width: 767px) {
.n-commentary__date {
width: 100%;
font-size: 11px; } }
@media (max-width: 479px) {
.n-commentary__date {
font-size: 13px; } }
.n-commentary__menu-button {
display: none; }
@media (max-width: 767px) {
.n-commentary__menu-button {
position: relative;
display: block;
margin-left: auto;
padding: 2px;
font-size: 0;
border: none;
outline: none;
background-color: transparent;
cursor: pointer; } }
.n-commentary__menu-button::after {
display: inline-block;
content: "...";
padding-bottom: 10px;
color: #c0c0c0;
font-size: 20px;
font-weight: 700;
line-height: 0.1;
letter-spacing: 1px; }
.n-commentary__inner-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 12px;
padding-right: 30px; }
@media (max-width: 767px) {
.n-commentary__inner-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-right: 20px; } }
.n-commentary__text {
width: 77%;
margin: 0;
color: #333333;
font-size: 15px;
font-weight: 400;
line-height: 1.46667; }
@media (max-width: 767px) {
.n-commentary__text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto;
font-size: 12px;
line-height: 1.16667; } }
@media (max-width: 479px) {
.n-commentary__text {
font-size: 14px; } }
.n-commentary__text p {
margin: 0; }
.n-commentary__text p + p {
margin-top: 5px; }
@media (max-width: 767px) {
.n-commentary__stats {
width: 50px;
padding-top: 6px;
padding-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
text-align: center; } }
@media (max-width: 767px) {
.n-commentary--nested .n-commentary__stats {
padding-top: 0; } }
@media (max-width: 767px) {
.n-commentary--nested .n-commentary__stats {
width: 40px;
padding-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0; } }
.n-commentary__votes {
color: #a5a5a5;
font-size: 14px;
cursor: default; }
@media (max-width: 767px) {
.n-commentary__votes {
font-size: 11px; } }
@media (max-width: 479px) {
.n-commentary__votes {
font-size: 13px; } }
.n-commentary__votes--positive {
color: #24b024; }
.n-commentary__votes--negative {
color: #bb2222; }
.n-commentary__reply-button {
padding: 0;
color: #a5a5a5;
font-size: 14px;
background-color: transparent;
border: none;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
@media (max-width: 767px) {
.n-commentary__reply-button {
display: none; } }
.n-commentary__reply-button:hover,
.n-commentary__reply-button:focus {
color: #808080; }
.n-commentary__show-all {
display: none; }
@media (max-width: 767px) {
.n-commentary__show-all {
display: block;
margin-left: 50px;
padding: 0;
font-size: 12px;
color: #bfbfbf;
background-color: transparent;
border: none;
cursor: pointer; } }
.n-commentary-menu {
display: none;
position: absolute;
top: 4px;
right: 26px;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 767px) {
.n-commentary-menu {
top: 0;
right: 0;
width: 144px; } }
.n-commentary-menu--enabled {
display: block; }
@media (max-width: 767px) {
.n-commentary-menu--enabled {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-shadow: 0 5px 29px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 29px 2px rgba(0, 0, 0, 0.05);
border-radius: 5px;
background-color: #ffffff; } }
.n-commentary-menu--visible {
opacity: 1; }
.n-commentary-menu__button {
display: block;
padding: 0;
color: #d5d5d5;
background-color: transparent;
border: none;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
@media (max-width: 767px) {
.n-commentary-menu__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
height: 36px; } }
.n-commentary-menu__button svg {
fill: currentColor; }
@media (max-width: 767px) {
.n-commentary-menu__button svg {
width: 13px;
height: 13px; } }
.n-commentary-menu__button--upvote {
margin-bottom: 35px; }
@media (max-width: 767px) {
.n-commentary-menu__button--upvote {
margin-bottom: 0;
color: #24b024;
border-right: 1px solid #f0f0f0; } }
.n-commentary-menu__button--upvote:hover,
.n-commentary-menu__button--upvote:focus {
color: #24b024; }
.n-commentary-menu__button--downvote {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
@media (max-width: 767px) {
.n-commentary-menu__button--downvote {
color: #bb2222; } }
.n-commentary-menu__button--downvote:hover,
.n-commentary-menu__button--downvote:focus {
color: #bb2222; }
.n-commentary-menu__reply {
display: none; }
@media (max-width: 767px) {
.n-commentary-menu__reply {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 36px;
padding: 0;
font-size: 11px;
color: #000000;
background-color: transparent;
border: none;
border-top: 1px solid #f0f0f0;
cursor: pointer; } }
@media (max-width: 479px) {
.n-commentary-menu__reply {
font-size: 13px; } }
.n-commentary-reply {
display: none;
width: 100%;
padding-top: 32px;
opacity: 0;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s; }
@media (max-width: 767px) {
.n-commentary-reply {
padding-top: 12px; } }
.n-commentary-reply--enabled {
display: block; }
.n-commentary-reply--visible {
opacity: 1; }
.n-commentary-reply__to {
margin-bottom: 16px;
color: #a5a5a5;
font-size: 14px; }
@media (max-width: 767px) {
.n-commentary-reply__to {
margin-bottom: 8px;
font-size: 11px; } }
@media (max-width: 479px) {
.n-commentary-reply__to {
font-size: 13px; } }
.n-commentary-reply__form {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.n-commentaries-reply__link {
position: absolute;
top: 12px;
left: -67px;
display: block;
width: 50px;
height: 50px; }
.n-commentaries-reply__link img {
display: none;
border-radius: 50%; }
.n-commentaries-reply__link--unauthorized img:first-of-type {
display: block; }
.n-commentaries-reply__link--authorized img:last-of-type {
display: block; }
@media (max-width: 768px) {
.n-commentaries-reply__link {
display: none; } }
.n-commentary-reply__input,
.n-commentary-reply__subscribe-btn {
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-commentary-reply__input {
width: 290px;
padding: 10px 21px;
margin-right: 1%;
font-size: 15px;
line-height: 24px;
border: none;
border-radius: 5px;
background-color: #f5f5f5; }
.n-commentary-reply__input::-webkit-input-placeholder {
font-size: 15px;
color: #a5a5a5; }
.n-commentary-reply__input:-ms-input-placeholder {
font-size: 15px;
color: #a5a5a5; }
.n-commentary-reply__input::-ms-input-placeholder {
font-size: 15px;
color: #a5a5a5; }
.n-commentary-reply__input::placeholder {
font-size: 15px;
color: #a5a5a5; }
.n-commentary-reply__input:focus {
outline: none; }
@media (max-width: 767px) {
.n-commentary-reply__input {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px; }
.n-commentary-reply__input::-webkit-input-placeholder {
font-size: 12px;
line-height: 14px; }
.n-commentary-reply__input:-ms-input-placeholder {
font-size: 12px;
line-height: 14px; }
.n-commentary-reply__input::-ms-input-placeholder {
font-size: 12px;
line-height: 14px; }
.n-commentary-reply__input::placeholder {
font-size: 12px;
line-height: 14px; } }
@media (max-width: 479px) {
.n-commentary-reply__input {
font-size: 14px; }
.n-commentary-reply__input::-webkit-input-placeholder {
font-size: 14px; }
.n-commentary-reply__input:-ms-input-placeholder {
font-size: 14px; }
.n-commentary-reply__input::-ms-input-placeholder {
font-size: 14px; }
.n-commentary-reply__input::placeholder {
font-size: 14px; } }
.n-commentary-reply__subscribe-btn {
width: 13px;
height: 16px;
padding: 0;
margin-right: 1%;
border: none;
background-color: transparent;
cursor: pointer; }
.n-commentary-reply__subscribe-btn svg {
fill: #d5d5d5;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-commentary-reply__subscribe-btn:hover svg, .n-commentary-reply__subscribe-btn:focus svg {
fill: #808080; }
.n-commentary-reply--unauthorized .n-commentary-reply__input--visible,
.n-commentary-reply--unauthorized .n-commentary-reply__subscribe-btn--visible {
display: block;
opacity: 1; }
.n-commentary-reply--authorized .n-commentary-reply__controls {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-commentary-reply--authorized .n-commentary-reply__subscribe-btn--visible {
display: block;
opacity: 1; }
.n-commentary-reply--authorized .n-commentary-reply__button--sent {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: 20px; }
.n-commentary-reply__textarea {
width: 100%;
height: 75px;
padding-top: 26px;
padding-bottom: 25px;
padding-left: 32px;
padding-right: 32px;
color: #333333;
font-size: 15px;
line-height: 1.6;
border-radius: 5px;
border: none;
background-color: #f5f5f5;
resize: none;
outline: none;
-webkit-transition: padding 0.3s, height 0.3s;
transition: padding 0.3s, height 0.3s; }
@media (max-width: 767px) {
.n-commentary-reply__textarea {
height: 40px;
padding-top: 12px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
line-height: 1.16667;
background-color: transparent;
border: 1px solid #f0f0f0; } }
@media (max-width: 479px) {
.n-commentary-reply__textarea {
font-size: 14px; } }
.n-commentary-reply__textarea::-webkit-input-placeholder {
color: #a5a5a5; }
.n-commentary-reply__textarea:-ms-input-placeholder {
color: #a5a5a5; }
.n-commentary-reply__textarea::-ms-input-placeholder {
color: #a5a5a5; }
.n-commentary-reply__textarea::placeholder {
color: #a5a5a5; }
.n-commentary-reply__textarea:focus, .n-commentary-reply__textarea:not(:placeholder-shown) {
height: 100px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 22px; }
@media (max-width: 767px) {
.n-commentary-reply__textarea:focus, .n-commentary-reply__textarea:not(:placeholder-shown) {
height: 80px;
padding-top: 18px;
padding-bottom: 18px;
padding-left: 15px;
padding-right: 15px; } }
.n-commentary-reply__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-top: 20px; }
@media (max-width: 767px) {
.n-commentary-reply__controls {
margin-top: 10px; } }
.n-commentary-reply__button {
font-size: 16px;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
border: none;
background-color: #1dbfb2;
cursor: pointer; }
@media (max-width: 887px) {
.n-commentary-reply__button {
margin-top: 20px; } }
@media (max-width: 767px) {
.n-commentary-reply__button {
font-size: 11px;
margin-top: 0; } }
@media (max-width: 479px) {
.n-commentary-reply__button {
font-size: 13px; } }
.n-commentary-reply__button--sent {
padding-top: 12px;
padding-bottom: 14px;
padding-left: 49px;
padding-right: 49px;
color: #ffffff;
border-radius: 22px; }
@media (max-width: 767px) {
.n-commentary-reply__button--sent {
margin-right: 9px;
padding-top: 8px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
border-radius: 15px; } }
.n-commentary-reply__button--sent:hover,
.n-commentary-reply__button--sent:focus {
background-color: #259e94; }
.n-commentary-reply__button--cancel {
padding: 0;
color: #a5a5a5;
background-color: transparent; }
.n-commentary-reply__button--cancel:hover,
.n-commentary-reply__button--cancel:focus {
color: #808080; }
.n-read-also {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 290px;
text-align: center; }
@media (max-width: 767px) {
.n-read-also {
width: 250px;
text-align: left; } }
.n-read-also__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 290px;
height: 190px;
margin-bottom: 27px; }
@media (max-width: 767px) {
.n-read-also__image {
width: 250px;
height: 150px; } }
.n-read-also__image img {
width: 290px;
height: 190px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 767px) {
.n-read-also__image img {
width: 260px;
height: 150px; } }
.n-read-also:hover img,
.n-read-also:focus img {
opacity: 0.8; }
.n-read-also__text {
margin-bottom: 12px;
color: #333333;
font-family: "Marta", "Arial", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.22222;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 767px) {
.n-read-also__text {
font-size: 14px;
line-height: 1.14286; } }
@media (max-width: 479px) {
.n-read-also__text {
font-size: 16px; } }
.n-read-also:hover .n-read-also__text,
.n-read-also:focus .n-read-also__text {
opacity: 0.5; }
.n-read-also__descr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #a5a5a5;
font-size: 14px; }
@media (max-width: 767px) {
.n-read-also__descr {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 11px; } }
@media (max-width: 767px) {
.n-read-also__descr {
font-size: 13px; } }
.n-read-also__descr svg {
margin-left: 10px;
fill: #a4a4a4; }
@media (max-width: 767px) {
.n-read-also__descr svg {
width: 11px;
height: 11px; } }
.n-fixed-share {
position: fixed;
left: 0;
top: 484px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
pointer-events: none;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
@media (max-width: 1439px) {
.n-fixed-share {
display: none; } }
.n-fixed-share--hidden {
opacity: 0; }
.n-fixed-share.n-fixed-share--hidden * {
pointer-events: none; }
.n-fixed-share__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 1240px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
padding-left: 50px;
list-style: none; }
@media (max-width: 1279px) {
.n-fixed-share__list {
width: 100%;
margin-left: 0; } }
.n-fixed-share__item {
margin-bottom: 10px;
pointer-events: auto; }
.n-fixed-share__item:last-child {
margin-bottom: 0; }
.n-fixed-share__link {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eeeeee;
-webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
transition: border-color 0.3s, background-color 0.3s, color 0.3s; }
.n-fixed-share__link:hover,
.n-fixed-share__link:focus {
border-color: #808080; }
.n-fixed-share__link svg {
fill: #d5d5d5;
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-fixed-share__link:hover svg,
.n-fixed-share__link:focus svg {
fill: #808080; }
.n-fixed-share__link--with-counter {
position: relative;
border: none; }
.n-fixed-share__link--with-counter::before,
.n-fixed-share__link--with-counter::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border-top: 1px solid transparent;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.n-fixed-share__link--with-counter::before {
-webkit-transform: rotate(50deg);
transform: rotate(50deg); }
.n-fixed-share__link--with-counter::after {
-webkit-transform: rotate(20deg);
transform: rotate(20deg); }
.n-fixed-share__link--with-counter:hover::before,
.n-fixed-share__link--with-counter:hover::after,
.n-fixed-share__link--with-counter:focus::before,
.n-fixed-share__link--with-counter:focus::after {
border-bottom-color: #808080;
border-left-color: #808080;
border-right-color: #808080; }
.n-fixed-share__count {
position: absolute;
top: -5px;
right: -4px;
color: #a4a4a4;
font-size: 12px; }
.n-promo-block-top {
display: block;
width: 100%;
background-color: #000000;
z-index: 5; }
.n-promo-block-top__link {
display: block;
max-width: 1680px;
margin: 0 auto; }
.n-promo-block-content {
display: none; }
.n-promo-block-content--news-article {
display: none; }
.n-promo-block-aside {
display: block;
width: 100%;
margin-bottom: 80px; }
.n-promo-block-aside__link {
display: block;
width: 290px;
max-width: 290px;
margin: 0 auto; }
.n-promo-block-articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-top: 60px; }
.n-promo-block-articles--detailed-page .container {
padding: 0 44px 0 61px; }
.n-promo-block-articles--detailed-page .n-promo-block-articles__list::after {
content: "";
position: absolute;
bottom: -74px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #f0f0f0; }
.n-promo-block-articles--news-article-page {
margin-bottom: 59px; }
.n-promo-block-articles--news-article-page .container {
padding: 0 44px 0 61px; }
.n-promo-block-articles__list {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.n-promo-block-articles__item {
max-width: 290px;
width: 290px;
margin-right: 39px;
margin-bottom: 13px; }
.n-promo-block-articles__item:last-of-type {
margin-right: 0; }
.n-page-main--main-page .n-promo-block-articles__item {
margin-bottom: 17px; }
.n-promo-block-articles__link {
font-size: 10px;
color: #a4a4a4;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-promo-block-articles__link:hover, .n-promo-block-articles__link:focus {
opacity: 0.5; }
.n-promo-block-290x449 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 260px;
max-height: 449px;
margin-top: 10px; }
.n-promo-block-290x449__link {
display: block; }
.n-promo-block-290x449__img {
min-height: 449px; }
.n-promo-block-290x449--mobile {
display: none; }
.n-promo-block-290x449--news {
margin-top: 64px;
margin-left: auto; }
.n-promo-block-240x400 {
min-width: 240px; }
.n-promo-block-240x400 .n-promo-block-240x400__link {
display: block; }
@media (max-width: 480px) {
.n-promo-block-240x400 {
min-width: 100%; }
.n-promo-block-240x400 .n-promo-block-240x400__link {
height: 243px; }
.n-promo-block-240x400 .n-promo-block-240x400__link img {
width: 100%;
height: 100px;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover; } }
@media (max-width: 1440px) {
.n-promo-block-290x449--news {
width: 260px;
min-width: 260px; }
.n-promo-block-articles--detailed-page .container,
.n-promo-block-articles--news-article-page .container {
width: 1280px; }
.n-promo-block-aside {
width: 260px;
margin-left: auto; }
.n-promo-block-aside .n-promo-block-aside__link {
width: 100%;
max-width: unset; }
.n-promo-block-articles .n-promo-block-articles__item {
width: 260px; } }
@media (max-width: 1400px) {
.n-promo-block-articles--news-article-page .container {
width: 100%; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(3) {
margin-right: 0; }
.n-detailed-wrapper__aside .n-promo-block-290x449 {
width: 100%;
min-width: 260px; }
.n-promo-block-articles--detailed-page .container {
width: 1160px;
padding: 0; }
.n-promo-block-articles--detailed-page .n-promo-block-articles__list::after {
bottom: -109px; }
.n-promo-block-articles--detailed-page .n-promo-block-articles__item {
width: 260px;
margin-right: auto; }
.n-promo-block-articles--detailed-page .n-promo-block-articles__item:nth-of-type(4) {
margin-right: 0; } }
@media (max-width: 1280px) {
.n-promo-block-aside--desktop {
display: none; }
.n-promo-block-articles {
margin-top: 0;
margin-bottom: 90px; }
.n-promo-block-articles__list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-promo-block-articles__item {
margin-right: 0; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__item {
margin-right: 15px; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__item:nth-of-type(3), .n-promo-block-articles--news-article-page .n-promo-block-articles__item:nth-of-type(4) {
margin-right: 0; }
.n-promo-block-articles--news {
margin-top: 50px; }
.n-promo-block-articles--news .n-promo-block-articles__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-promo-block-articles--news .n-promo-block-articles__item {
margin-right: 20px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page {
margin-top: 60px;
margin-bottom: 0; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__item {
margin-right: 15px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__item:nth-of-type(4) {
margin-right: 0; } }
@media (max-width: 1200px) {
.n-detailed-wrapper__aside .n-promo-block-290x449 {
width: 260px;
min-width: 260px; }
.n-promo-block-articles--detailed-page {
width: 90%;
margin: 0 auto; }
.n-promo-block-articles--detailed-page .container {
width: 100%; } }
@media (max-width: 1199px) {
.n-promo-block-articles--news {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.n-promo-block-290x449--news {
margin: 68px 0 76px auto;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.n-promo-block-290x449--news-preview {
margin: 76px auto 76px; } }
@media (max-width: 1199px) and (max-width: 1199px) {
.n-promo-block-290x449--news-preview {
display: none; } }
@media (max-width: 1199px) {
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .container {
padding: 0 40px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__item:nth-of-type(3) {
margin-right: 0; }
.n-page-main--articles-detailed .n-promo-block-articles__link {
margin-left: 20px; } }
@media (max-width: 1124px) {
.n-promo-block-articles--news-article-page .n-promo-block-articles__list {
width: 595px;
margin: 0 auto; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(2) {
margin-right: 0; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(3) {
margin-right: 15px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .container {
padding: 0 120px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list {
width: 595px;
margin: 0 auto; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(2) {
margin-right: 0; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(3) {
margin-right: 15px; } }
@media (max-width: 1410px) {
.n-articles-all .n-promo-block-articles {
display: none; } }
@media (max-width: 1024px) {
.n-promo-block-articles {
margin-bottom: 60px; }
.n-promo-block-articles__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-promo-block-articles__item {
margin-right: 20px; }
.n-promo-block-articles--news-article-page .container {
padding: 0; }
.n-promo-block-290x449--news {
display: none; }
.n-detailed-wrapper__aside .n-promo-block-290x449 {
margin: 0; }
.n-news-detailed__content .n-promo-block-290x449 {
margin-top: 30px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page {
margin-top: 90px;
margin-bottom: 60px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .container {
padding: 0 15px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list .n-promo-block-articles__item {
margin-right: 1%; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list .n-promo-block-articles__item:last-of-type {
margin-right: 0; } }
@media (max-width: 768px) {
.n-promo-block-articles {
margin-bottom: 31px; }
.n-promo-block-articles__list {
-ms-flex-pack: distribute;
justify-content: space-around; }
.n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(2) {
margin-right: 0; }
.n-promo-block-articles__list .n-promo-block-articles__item:last-of-type {
margin: 0 auto 20px; }
.n-page-main--main-page .n-promo-block-articles__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-page-main--main-page .n-promo-block-articles__list .n-promo-block-articles__item:last-of-type {
margin: 0 auto; }
.n-promo-block-articles--news-article-page .container {
padding: 80px 15px 0; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(4) {
margin: 0; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page {
margin-bottom: 31px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list::after {
display: none; }
.n-promo-block-290x449 {
margin-top: 76px; }
.n-detailed-wrapper__aside .n-promo-block-290x449 {
margin-left: auto;
margin-right: auto; } }
@media (max-width: 767px) {
.n-promo-block-290x449--news {
margin: 40px auto 0; } }
@media (max-width: 630px) {
.n-promo-block-aside {
top: 30px;
width: 290px;
height: 190px; }
.n-promo-block-articles__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(1) {
margin: 0 auto 20px; }
.n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(2) {
margin: 0 auto 20px; }
.n-promo-block-articles__list .n-promo-block-articles__item:last-of-type {
margin: 0 auto 20px; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__list {
width: 100%; }
.n-promo-block-articles--news-article-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(1), .n-promo-block-articles--news-article-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(2), .n-promo-block-articles--news-article-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(3), .n-promo-block-articles--news-article-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(4) {
margin: 0 auto 15px; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list {
width: 100%; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(1), .n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(2), .n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(3), .n-page-main--articles-detailed .n-promo-block-articles--detailed-page .n-promo-block-articles__list .n-promo-block-articles__item:nth-of-type(4) {
margin: 0 auto 15px; }
.n-promo-block-290x449--news {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; } }
@media (max-width: 480px) {
.n-promo-block-top {
display: none; }
.n-promo-block-content--news-article {
display: block;
padding-top: 15px; }
.n-promo-block-aside {
top: 20px; }
.n-promo-block-content {
display: block;
width: 100%;
padding-bottom: 15px;
background-color: #ffffff; }
.n-article-promo__section .n-promo-block-content {
margin-top: 25px;
padding-bottom: 17px; }
.n-promo-block-content__link {
display: block;
width: 290px;
margin: 0 auto; }
.n-promo-block-content--bottom {
padding-top: 0;
padding-bottom: 30px; }
.n-article-main .n-promo-block-content--bottom {
margin-bottom: 26px; }
.n-promo-block-content--news {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
padding-bottom: 0;
margin-top: 75px;
margin-bottom: 55px; }
.n-promo-block-content--news-article {
padding-top: 32px;
padding-bottom: 0; }
.n-page-main--articles-detailed .n-promo-block-articles--detailed-page {
margin-top: 0;
margin-left: auto;
margin-right: auto; }
.n-articles-all .n-promo-block-articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 29px;
margin-bottom: 15px; }
.n-articles-all .n-promo-block-articles .n-promo-block-articles__list {
display: none; }
.n-articles-all .n-promo-block-articles .n-promo-block-articles__link {
display: none; }
.n-promo-block-290x449--mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto 25px; }
.n-promo-block-290x449--news {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 0;
margin-bottom: 30px; }
.n-detailed-wrapper__aside .n-promo-block-290x449 {
margin: 0 auto; }
.n-news-detailed__content .n-promo-block-290x449 {
display: none; } }
.n-articles-header .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 80px;
padding-bottom: 46px;
padding-left: 60px; }
.n-articles-header .container > p {
margin: 0;
margin-bottom: 16px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 24px;
letter-spacing: 0; }
.n-articles-header__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 495px;
z-index: 1; }
.n-articles-header__block h1 {
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 20px;
color: #434343; }
.n-articles-header__block a {
display: inline-block;
width: 175px;
padding: 1px 0 1px 18px;
margin-left: auto;
line-height: 36px;
text-align: center;
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.5);
background-image: url("/local/templates/aist_portal_new/assets/css/../img/plus@desktop1x.png");
background-repeat: no-repeat;
background-size: 15px;
background-position: 19px center;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.n-articles-header__block a:hover, .n-articles-header__block a:focus {
background-color: white; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-articles-header__block a {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/plus@desktop2x.png"); } }
.n-articles {
position: relative;
max-width: 1400px;
margin: 0 auto;
background-color: #ffffff; }
.n-articles .container {
padding: 0; }
.n-articles__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 80px 60px 38px; }
.n-articles__aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 290px;
margin-right: 40px; }
.n-aside-carousel {
margin: 0;
margin-right: 40px; }
.n-aside-carousel .swiper-wrapper {
height: auto; }
.n-articles__aside-list {
margin: 0;
padding: 0;
list-style: none;
height: auto;
margin-bottom: 91px; }
.n-articles__aside-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 33px; }
.n-articles__aside-item:first-child h2 {
margin-bottom: 10px; }
.n-articles__aside-item:nth-child(6) {
margin-bottom: 0; }
.n-articles__aside-item:nth-child(6) h2 {
line-height: 21px; }
.n-articles__aside-item .n-articles__aside-item-img {
padding-top: 5px; }
.n-articles__aside-item-img {
min-width: 60px;
min-height: 60px; }
.n-articles__aside-item-content {
padding: 0 20px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-articles__aside-item-content p {
margin: 0;
color: #a5a5a5; }
.n-articles__aside-item-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: -webkit-transition 0.3s;
transition: -webkit-transition 0.3s;
transition: transition 0.3s;
transition: transition 0.3s, -webkit-transition 0.3s; }
.n-articles__aside-item-link h2 {
margin: 0;
margin-bottom: 10px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
color: #333333; }
.n-articles__aside-item-link h2 span {
display: block;
font-style: normal; }
.n-articles__aside-item-link:hover .n-articles__aside-item-content, .n-articles__aside-item-link:focus .n-articles__aside-item-content {
opacity: 0.5; }
.n-articles__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 77%;
width: 950px; }
.n-articles__content article {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-article {
height: auto; }
.n-article--last {
display: none; }
.n-article__img {
display: block;
position: relative;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-article__img:hover, .n-article__img:focus {
opacity: 0.8; }
.n-article__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-article__img--option {
position: relative; }
.n-article__img--option::before {
content: "";
position: absolute;
top: 30px;
left: 30px;
display: block;
width: 30px;
height: 30px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/play-button@desktop1x.png");
background-repeat: no-repeat;
background-size: cover; }
.n-article.n-article--main {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 360px;
padding-bottom: 0;
margin-bottom: 99px; }
.n-article.n-article--main .n-article__img {
min-width: 620px;
margin-right: 39px; }
.n-article__preview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-article__preview--main {
width: 100%;
padding-top: 59px; }
.n-article__preview-heading {
position: relative;
display: block;
max-width: 60%;
font-size: 13px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article__preview-heading:hover, .n-article__preview-heading:focus {
opacity: 0.5; }
.n-article__preview-heading--beauty {
color: #ff4040; }
.n-article__preview-heading--beauty span svg {
fill: #FFC6C5;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-article__preview-heading--education {
color: #a63a6a; }
.n-article__preview-heading--education span svg {
fill: #F6C8D9;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-article__preview-heading--live {
color: #59bdff; }
.n-article__preview-heading--live span svg {
fill: #BDECFF;
-webkit-transform: rotate(-15deg) translateY(2px);
transform: rotate(-15deg) translateY(2px); }
.n-article__preview-heading--family {
color: #d47e21; }
.n-article__preview-heading--family span svg {
fill: #FCD8BC;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-article__preview-heading--health {
color: #003b71; }
.n-article__preview-heading--health span svg {
fill: #B5CFE5;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-article__preview-heading--travels {
color: #00c96e; }
.n-article__preview-heading--travels::after {
width: 16px;
height: 16px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/air.svg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.n-article__preview-heading--story {
color: #f7c25f; }
.n-article__preview-heading--story::after {
width: 16px;
height: 15px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/book.svg");
background-repeat: no-repeat;
background-size: cover; }
.n-article__preview-heading--psychology {
color: #7295d0; }
.n-article__preview-heading--psychology::after {
width: 14px;
height: 15px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/brain.svg");
background-repeat: no-repeat;
background-size: cover; }
.n-article__preview-heading--advice {
color: #efa378; }
.n-article__preview-heading--advice::after {
width: 16px;
height: 18px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/rede.svg");
background-repeat: no-repeat;
background-size: cover; }
.n-article__preview-heading--demography {
color: #b0cce9; }
.n-article__preview-heading--demography::after {
width: 12px;
height: 17px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/baby.svg");
background-repeat: no-repeat;
background-size: cover; }
/* Styles for page with classes list */
.rubricator {
display: block;
width: 960px;
padding-top: 100px;
margin: 0 auto; }
.rubricator ul {
margin: 0;
padding: 0;
list-style: none; }
.rubricator ul li {
margin-bottom: 30px; }
.n-article__preview-heading {
max-width: 20%; }
.n-article__preview-heading--health {
color: #003b71; }
.n-article__preview-heading--travels {
color: #00c96e; }
.n-article__preview-heading--travels span svg {
fill: #A7EFBB; }
.n-article__preview-heading--story {
color: #f7c25f; }
.n-article__preview-heading--story span svg {
fill: #FBE9C8;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg); }
.n-article__preview-heading--psychology {
color: #7295d0; }
.n-article__preview-heading--psychology span svg {
fill: #D4DDEC;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-article__preview-heading--advice {
color: #efa378; }
.n-article__preview-heading--advice span svg {
fill: #FFDAC5;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-article__preview-heading--demography {
color: #b0cce9; }
.n-article__preview-heading--demography span svg {
fill: #DFE8F4;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
/* End of styles for page with classes list */
.n-article__preview-link {
display: block;
margin-bottom: 17px;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article__preview-link:hover, .n-article__preview-link:focus {
opacity: 0.5; }
.n-article__preview-link--main {
margin-bottom: 45px; }
.n-article__preview-title {
margin: 0;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 23px;
line-height: 26px;
letter-spacing: 0; }
.n-article__preview-title span {
display: block;
font-style: normal; }
.n-article__preview-title--main {
margin: 0;
font-size: 30px;
line-height: 36px;
letter-spacing: 0; }
.n-article__preview-caption {
margin: 0;
margin-bottom: 22px;
line-height: 20px;
letter-spacing: 0; }
.n-article__preview-caption span {
display: block;
font-weight: normal;
font-style: normal; }
.n-article__preview-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%; }
.n-article__preview-social--main .n-article__preview-btn--comment {
padding-left: 20px; }
.n-article__preview-social--main .n-article__preview-btn--share {
padding-left: 20px; }
.n-article__preview-btn {
position: relative;
display: block;
padding: 0 0 0 30px;
margin-right: 30px;
font-size: 13px;
color: #a4a4a4;
background-color: transparent;
border: none;
cursor: pointer;
-webkit-transition: background-image 0.3s;
transition: background-image 0.3s;
cursor: initial; }
.n-article__preview-btn span {
white-space: nowrap; }
.n-article__preview-btn svg {
position: absolute;
top: 50%;
left: 0;
fill: #dadada;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-article__preview-btn--viewing {
margin-right: 30px; }
.n-article__preview-btn--comment {
padding-left: 20px; }
a.n-article__preview-btn--comment { cursor: pointer; }
.n-article__preview-btn--share {
padding-left: 20px; }
.n-articles__content-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-bottom: 96px; }
.n-articles__content-group .n-article {
width: 48%; }
.n-articles__content-group .n-article__img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-height: 205px; }
.n-articles__content-group .n-article {
max-width: 290px; }
.n-articles__content-group .n-article__img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-width: 290px;
height: 190px;
max-height: 190px; }
.n-articles__content-group-heading {
display: none; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-article__img-option {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/play-button@desktop2x.png"); } }
.n-articles__content .n-article--second,
.n-articles__content .n-article--third {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-articles__content .n-article--second .n-article__preview-social,
.n-articles__content .n-article--third .n-article__preview-social {
padding-bottom: 27px; }
.n-article--third .n-article__preview-link {
margin-bottom: 42px; }
.n-article__preview-link {
margin-bottom: 12px; }
.n-article--fourth .n-article__preview-social {
padding-right: 29%;
margin-bottom: 29px; }
.n-article--fifth .n-article__preview-social {
padding-right: 29%;
margin-bottom: 21px; }
.n-article--sixth .n-article__preview-social {
padding-right: 29%;
margin-bottom: 21px; }
.n-articles__wrapper--all {
padding: 80px 60px 100px;
margin-bottom: 36px; }
.n-articles__content-group--all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 86px; }
.n-articles__content-group--all .swiper-wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-articles__content-group--all .n-article {
max-width: 290px; }
.n-articles__content-group--all .n-article__img {
min-width: 260px; }
.n-article__preview-heading--pregnancy {
color: #f589a6; }
.n-article__preview-heading--pregnancy span svg {
fill: #FFE2E8;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-article__preview-heading--schooling {
color: #3aa65e; }
.n-article__preview-heading--schooling span svg {
fill: #C6F2DB;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles--all .n-articles__content {
margin-right: 41px; }
.n-article--all .n-article__preview-link {
min-height: 78px;
margin-bottom: 17px; }
.n-article--all .n-article__preview-heading {
margin-bottom: 3px;
line-height: 36px; }
.n-article--all .n-article__preview-social {
margin-bottom: 26px; }
.n-article--all .n-article__preview-social .n-article__preview-btn {
margin-right: 30px; }
.n-article--all .n-article__preview-social .n-article__preview-btn--comment {
-webkit-transform: translateX(2px);
transform: translateX(2px); }
.n-article--all .n-article__preview-heading--education::after {
top: 8px;
right: 26px; }
.n-articles__content-group--all {
padding-left: 1px; }
.n-articles__content-group--all .n-article__preview-heading {
margin-bottom: 5px; }
.n-articles__content-group--all .n-article__preview-social {
margin-bottom: 28px; }
.n-articles__content-btn {
position: relative;
display: block;
width: calc(100% - 20px);
max-height: 48px;
padding: 15px 0 15px 6px;
margin: 0 auto;
line-height: 20px;
letter-spacing: 0;
color: #808080;
text-transform: uppercase;
border: none;
outline: none;
background-color: #f8f8f8;
-webkit-transition: color 0.3s;
transition: color 0.3s;
z-index: 1;
cursor: pointer; }
.n-articles__content-btn::before, .n-articles__content-btn::after {
content: "";
position: absolute;
top: 0;
display: block;
width: 30px;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
z-index: -1; }
.n-articles__content-btn::before {
left: -10px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/button__edge-left.svg"); }
.n-articles__content-btn::after {
right: -10px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/button__edge-right.svg");
background-position: center; }
.n-articles__content-btn:hover, .n-articles__content-btn:focus {
color: #000000; }
.n-articles__content-promo {
display: none; }
.n-articles__aside--read-more {
margin-right: 0;
max-width: 260px; }
.n-articles__aside--read-more .n-articles__aside-item {
padding-left: 3px; }
.n-articles__aside--read-more .n-articles__aside-item:nth-of-type(3) {
margin-bottom: 30px; }
.n-articles__aside--read-more .n-articles__aside-item:nth-of-type(4) {
margin-bottom: 34px; }
.n-articles__aside--read-more .n-articles__aside-item:nth-of-type(5) {
margin-bottom: 33px; }
.n-articles__aside--read-more .n-articles__aside-item:last-of-type h2 {
padding: 0 1px; }
.n-articles__aside--read-more .n-articles__aside-item:last-of-type .n-articles__aside-item-img {
padding-top: 0; }
.n-articles__aside--read-more .n-articles__aside-item-content {
padding-right: 0; }
.n-articles__aside-text {
padding-left: 3px;
margin: 0;
margin-bottom: 22px;
font-weight: 700;
font-size: 18px;
line-height: 36px; }
.n-read-more-carousel .n-articles__aside-list {
padding-top: 2px; }
.n-read-more-carousel .n-articles__aside-item .n-articles__aside-item-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-read-more-carousel .n-articles__aside-item .n-articles__aside-item-content a {
display: block;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
font-size: 13px; }
.n-read-more-carousel .n-articles__aside-item .n-articles__aside-item-content a:hover, .n-read-more-carousel .n-articles__aside-item .n-articles__aside-item-content a:focus {
opacity: 0.5; }
.n-read-more-carousel .n-articles__aside-item .n-articles__aside-item-content h2 {
margin: 0;
margin-bottom: 10px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
color: #333333; }
.n-read-more-carousel .n-articles__aside-item .n-articles__aside-item-content h2 span {
display: block;
font-style: normal; }
.n-read-more-carousel .n-articles__aside-item .n-articles__aside-item-text {
position: relative;
max-width: 105px;
color: #a5a5a5; }
.n-read-more-carousel .n-articles__aside-item .n-articles__aside-item-text--option::after {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 16px;
height: 16px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/aside-share.svg");
background-repeat: no-repeat;
background-size: cover; }
@media (max-width: 1440px) {
.n-articles-header .container {
width: calc(100% - 120px);
padding: 82px 44px 46px 60px; }
.n-articles {
width: calc(100% - 120px); }
.n-articles .container {
padding: 0; }
.n-articles__wrapper {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 0; }
.n-articles__wrapper.new {
padding: 80px 60px 38px; }
.n-articles__aside.n-aside-carousel {
min-width: 270px;
margin-right: 40px; }
.n-articles__aside.n-aside-carousel h2 {
font-size: 15px;
line-height: 19px; }
.n-articles__content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: none;
width: auto; }
.n-articles__content article {
padding-bottom: 0; }
.n-articles__content .n-article--second .n-article__preview-social,
.n-articles__content .n-article--third .n-article__preview-social {
padding-bottom: 26px; }
.n-article.n-article--main {
width: 100%;
height: auto;
margin-bottom: 90px; }
.n-article.n-article--main .n-article__img {
min-width: auto; }
.n-article__preview--main {
width: 50%;
max-width: 50%;
padding-top: 57px; }
.n-article__preview-heading {
width: 150px;
max-width: 70%; }
.n-article__preview-heading::after {
right: 16px; }
.n-article__preview-link--main {
margin-bottom: 55px; }
.n-article__preview-heading--beauty::after {
top: -1px;
right: 40%; }
.n-article__preview-heading--education::after {
top: -1px;
right: 20%; }
.n-article__preview-heading--family::after {
right: -12%; }
.n-article__preview-title {
max-width: 260px;
font-size: 21px;
line-height: 25px; }
.n-article__preview-title--main {
font-size: 28px;
line-height: 34px; }
.n-article__preview-caption {
margin: 0 0 26px; }
.n-article__preview-social {
width: 250px;
padding-right: 0; }
.n-article--second .n-article__preview,
.n-article--third .n-article__preview {
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-article--second .n-article__preview-social,
.n-article--third .n-article__preview-social {
padding-bottom: 20px; }
.n-article--fifth .n-article__preview-social,
.n-article--fourth .n-article__preview-social,
.n-article--sixth .n-article__preview-social {
padding-right: 0;
margin-bottom: 21px; }
.n-articles--all .n-article__preview-social {
padding-right: 0;
margin-bottom: 20px; }
.n-articles__wrapper--all {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-articles__wrapper--all .n-articles__content {
margin-right: 0; }
.n-articles__content-group--all {
margin-bottom: 87px; }
.n-articles__content-group--all .n-article {
width: 28%;
max-width: 260px;
min-width: 260px;
height: auto;
margin-bottom: 0; }
.n-articles__content-group--all .n-article .n-article__img {
min-width: 260px;
margin-top: auto; }
.n-articles__content-group--all .n-article {
max-width: 260px;
height: auto; }
.n-articles__aside--read-more {
width: 270px;
max-width: none;
margin-right: 0;
margin-left: 40px; }
.n-article__preview-caption span {
display: inline; } }
@media (max-width: 1280px) {
.n-article--third .n-article__preview-link {
width: 380px;
margin-bottom: 17px; }
.n-articles__wrapper--all {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0; }
.n-articles__aside--read-more {
width: 100%;
max-width: 100%;
height: auto;
margin-left: 0; }
.n-articles__aside--read-more .n-audio-block {
display: none; }
.n-articles__content-group:last-of-type .n-article {
width: 48%; }
.n-articles__content-group:last-of-type .n-article__preview {
margin-right: 10px; }
.n-articles__content-group:last-of-type .n-article__preview-title {
max-width: none; }
.n-articles__content-group.n-articles__content-group--all {
position: relative;
margin-bottom: 50px; }
.n-articles__content-group.n-articles__content-group--all .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-articles__content-group.n-articles__content-group--all .n-article--all {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(33.33% - 15px);
min-width: 280px;
max-width: none;
margin-right: 0;
padding-bottom: 0; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__preview {
min-width: 50%;
margin-right: 5%; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__img {
width: auto;
max-width: none;
max-height: 190px;
min-height: 190px; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__img img {
height: 190px; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__preview-heading--education::after {
right: -24%; }
.n-articles__content-btn {
margin-bottom: 90px; }
.n-read-more-carousel {
width: 100%; }
.n-read-more-carousel .n-articles__aside-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
margin-bottom: 47px; }
.n-read-more-carousel .n-articles__aside-item {
width: 30%; } }
@media (max-width: 1200px) {
.n-article.n-article--main .n-article__img {
min-width: unset; } }
@media (max-width: 1024px) {
.n-articles-header .container {
width: calc(100% - 80px);
padding: 82px 30px 46px; }
.n-articles {
width: calc(100% - 80px); }
.n-article__preview--main {
width: 100%;
max-width: unset; }
.n-article__preview-title--main {
max-width: unset; }
.n-articles__wrapper {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 60px 30px 0; }
.n-articles__wrapper .n-aside-carousel.swiper-container {
width: 100%;
max-width: 100%;
min-height: 210px;
margin-right: 0; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-list {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-item {
width: 290px; }
.n-articles__wrapper--all .n-articles__content {
min-width: unset;
padding: 0; }
.n-articles__aside--read-more {
position: static;
width: 100%;
max-width: 100%;
height: auto; }
.n-articles__aside--read-more .n-audio-block {
display: none; }
.n-articles__aside--read-more .read-more-carousel {
width: 100%;
height: 220px; }
.n-articles__aside--read-more .n-articles__aside-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
height: 100%; }
.n-articles__aside--read-more .n-articles__aside-list .n-articles__aside-item {
width: 290px; }
.n-articles__aside-text {
padding-left: 0;
margin-top: 0;
margin-bottom: 11px;
font-size: 14px;
line-height: 36px; }
.n-articles__aside-item-content {
width: 100%; }
.n-articles__content {
width: 100%;
max-width: 100%; }
.n-article.n-article--main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
height: auto;
margin-bottom: 30px; }
.n-article.n-article--main .n-article__img {
width: 100%;
margin-bottom: 30px; }
.n-article.n-article--main .n-article__img img {
width: 100%; }
.n-article__preview--main {
padding-top: 0; }
.n-article__preview-link--main {
margin-bottom: 20px; }
.n-article__preview-title {
font-size: 20px;
line-height: 23px; }
.n-articles__content-btn {
margin-bottom: 60px; }
.n-articles__content-group:last-of-type .n-article {
width: calc(33.33% - 12px); }
.n-articles__content-group:last-of-type .n-article__preview-heading {
max-width: none; }
.n-article--last {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-article__link-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 190px; }
.n-article__link-block a {
display: block;
width: 102px;
padding: 7px 0;
font-size: 11px;
text-align: center;
background-color: #ffffff;
border-radius: 30px; }
.n-article__link-block--pregnancy {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/pregnancy-last-img@desktop1x.jpg");
background-size: cover; }
.n-article__link-block--pregnancy a {
color: #f589a6; }
.n-article__link-block--education {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/education-last-img@desktop1x.jpg");
background-size: cover; }
.n-article__link-block--education a {
color: #a63a6a; }
.n-article__link-block--scooling {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/scooling-last-img@desktop1x.jpg");
background-size: cover; }
.n-article__link-block--scooling a {
color: #3aa65e; } }
@media (max-width: 768px) {
.n-articles-header .container {
width: 100%; }
.n-articles-header__block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%; }
.n-articles-header__block h1 {
margin-right: auto;
margin-bottom: 30px; }
.n-articles-header__block a {
margin-left: 0;
margin-right: auto; }
.n-articles {
width: 100%; }
.n-articles__wrapper {
padding: 45px 0 0; }
.n-article--main {
padding: 0 30px; }
.n-article--third .n-article__preview-link {
width: 100%; }
.n-article--second .n-article__preview,
.n-article--third .n-article__preview {
height: unset;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-article--second .n-article__preview-social,
.n-article--third .n-article__preview-social {
padding-bottom: 0; }
.n-articles--all {
background-image: none;
background-color: #ffffff; }
.n-articles__wrapper--all {
padding: 0; }
.n-article.n-article--main {
height: unset;
min-height: 450px; }
.n-article.n-article--main .n-article__img {
min-width: 100%; }
.n-articles__wrapper .n-aside-carousel.swiper-container {
padding: 0 30px; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-list {
width: 870px; }
.n-article__preview-link--main {
max-width: 100%; }
.n-article__img {
margin-bottom: 20px; }
.n-articles__content-group {
padding: 0 30px; }
.n-articles__content-group.n-articles__content-group--all {
margin-bottom: 0;
padding: 45px 30px 0; }
.n-articles__content-group.n-articles__content-group--all .n-article--all {
width: 290px;
min-height: unset;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0; }
.n-articles__content-group.n-articles__content-group--all .n-article--all:nth-of-type(3) .n-article__preview-social {
margin: 0; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__img {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
min-width: 260px;
min-height: 0;
margin-bottom: 20px; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__preview {
width: 100%;
margin-right: 1%; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__preview-social {
margin: 0; }
.n-article.n-article--all .n-article__preview-link {
width: 100%; }
.n-article.n-article--all .n-article__preview-link h2 {
width: 100%; }
.n-articles__aside--read-more .n-articles__aside-list {
width: 870px; }
.n-articles__content-btn {
width: 80%;
padding: 10px 0;
margin-top: 30px;
margin-bottom: 31px;
font-size: 11px; }
.n-articles__content-promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 50px; }
.n-articles__aside--read-more .n-articles__aside-text {
margin-left: 30px; }
.n-articles__aside--read-more .n-read-more-carousel {
padding: 0 30px; } }
@media (max-width: 630px) {
.n-articles__content-promo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media (max-width: 480px) {
.n-articles-header .container {
padding-top: 28px;
padding-bottom: 31px;
padding-left: 25px; }
.n-articles-header .container > p {
margin-bottom: 7px;
font-size: 26px; } }
@media (max-width: 480px) and (max-width: 768px) {
.n-articles-header .n-sort-carousel {
background: #fff; } }
@media (max-width: 480px) {
.n-articles-header__block h1 {
margin-bottom: 10px;
font-size: 13px;
line-height: 1.30769; }
.n-articles-header__block a {
width: 140px;
padding: 0;
padding-left: 18px;
font-size: 13px;
line-height: 30px;
background-size: 9px;
background-position: 15px center; }
.n-articles__content article {
padding-bottom: 0; }
.n-articles__content-group:first-of-type .n-article .n-article__img, .n-articles__content-group:last-of-type .n-article .n-article__img {
max-height: 160px;
margin: 0; }
.n-articles .container {
padding: 0;
overflow-x: hidden; }
.n-articles--all {
background-image: none; }
.n-articles__wrapper {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-list {
width: 810px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-item {
width: 235px;
margin: 0 35px 6px 0; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-item h2 {
font-size: 16px; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-item:first-child h2 {
margin-bottom: 8px; }
.n-articles__wrapper .n-aside-carousel.swiper-container .n-articles__aside-item:nth-child(6) h2 {
line-height: 16px; }
.n-articles__aside-item-content {
padding: 4px 0 0 15px; }
.n-articles__aside-item-content h2 {
line-height: 16px; }
.n-articles__aside-item-content p {
font-size: 13px; }
.n-articles__wrapper--all .n-articles__content {
padding-top: 16px;
margin-bottom: 0; }
.n-article.n-article--main {
position: relative;
min-height: 300px;
padding: 0 15px;
margin-bottom: 0; }
.n-article.n-article--main .n-article__img {
height: 160px;
margin-bottom: 1px; }
.n-article.n-article--main::after {
content: "";
position: absolute;
bottom: 6%;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #f0f0f0; }
.n-article__preview--main {
width: 100%;
padding-top: 0; }
.n-article__preview-title--main {
font-size: 18px;
line-height: 18px; }
.n-article__preview-heading--beauty {
margin-bottom: 0;
font-size: 13px;
line-height: 40px; }
.n-article__preview-heading--beauty::after {
top: 10px;
right: 41%;
width: 17px;
height: 13px;
background-size: 100%; }
.n-article__preview-link--main {
margin-bottom: 10px;
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.n-article__preview-social {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-article__preview-btn {
padding: 3px 0 3px 23px;
font-size: 13px; }
.n-article__preview-btn--viewing svg {
width: 19px;
height: 11px; }
.n-article__preview-btn--comment svg {
width: 11px;
height: 11px; }
.n-article__preview-btn--comment span {
padding-left: 3px; }
.n-article__preview-btn--share svg {
width: 11px;
height: 11px; }
.n-article__preview-btn--share span {
padding-left: 5px; }
.n-article__preview-social--main {
position: relative; }
.n-article__preview-social--main .n-article__preview-btn--viewing {
margin-right: 19px;
font-size: 13px; }
.n-article__preview-social--main .n-article__preview-btn--comment {
padding-left: 13px;
margin-right: 23px;
font-size: 13px; }
.n-article__preview-social--main .n-article__preview-btn--share {
padding-left: 12px;
font-size: 13px; }
.n-article--second,
.n-article--third,
.n-article--fourth,
.n-article--fifth,
.n-article--sixth {
position: relative; }
.n-article--second::before,
.n-article--third::before,
.n-article--fourth::before,
.n-article--fifth::before,
.n-article--sixth::before {
content: "";
position: absolute;
top: -20px;
left: -15px;
display: block;
width: 150%;
height: 1px;
background-color: #f0f0f0; }
.n-article--sixth .n-article__preview-social {
margin-bottom: 24px; }
.n-article--all .n-article__preview-heading--pregnancy,
.n-article--all .n-article__preview-heading--education,
.n-article--all .n-article__preview-heading--schooling {
display: none; }
.n-articles__content-group {
padding: 0 15px; }
.n-articles__content-group:first-of-type .n-article {
min-height: auto; }
.n-articles__content-group:first-of-type .n-article--third .n-article__preview-social .n-article__preview-btn--comment {
margin-right: 18px; }
.n-articles__content-group:first-of-type .n-article__img {
height: 160px;
margin-bottom: 1px; }
.n-articles__content-group:first-of-type .n-article__preview-link {
margin-bottom: 10px; }
.n-articles__content-group:first-of-type .n-article__preview-social .n-article__preview-btn--viewing {
margin-right: 28px; }
.n-articles__content-group:first-of-type .n-article__preview-social .n-article__preview-btn--comment {
padding-left: 13px;
margin-right: 24px; }
.n-articles__content-group:first-of-type .n-article__preview-social .n-article__preview-btn--share {
padding-left: 13px; }
.n-articles__content-group:last-of-type .n-article {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%; }
.n-articles__content-group:last-of-type .n-article__preview {
width: 100%; }
.n-articles__content-group:last-of-type .n-article--fourth .n-article__preview-link {
margin-bottom: 10px; }
.n-articles__content-group:last-of-type .n-article--fourth .n-article__preview-btn--viewing {
margin-right: 28px; }
.n-articles__content-group:last-of-type .n-article--fourth .n-article__preview-btn--comment {
padding-left: 13px;
margin-right: 29px; }
.n-articles__content-group:last-of-type .n-article--fourth .n-article__preview-btn--share {
padding-left: 13px; }
.n-articles__content-group:last-of-type .n-article--fifth .n-article__preview-link {
margin-bottom: 10px; }
.n-articles__content-group:last-of-type .n-article--fifth .n-article__preview-btn--viewing {
margin-right: 28px; }
.n-articles__content-group:last-of-type .n-article--fifth .n-article__preview-btn--comment {
padding-left: 13px;
margin-right: 29px; }
.n-articles__content-group:last-of-type .n-article--fifth .n-article__preview-btn--share {
padding-left: 13px; }
.n-articles__content-group:last-of-type .n-article--sixth {
margin-bottom: 0; }
.n-articles__content-group:last-of-type .n-article--sixth .n-article__preview-link {
margin-bottom: 10px; }
.n-articles__content-group:last-of-type .n-article--sixth .n-article__preview-btn--viewing {
margin-right: 28px; }
.n-articles__content-group:last-of-type .n-article--sixth .n-article__preview-btn--comment {
padding-left: 13px;
margin-right: 29px; }
.n-articles__content-group:last-of-type .n-article--sixth .n-article__preview-btn--share {
padding-left: 13px; }
.n-articles__content-group:last-of-type .n-article__img {
width: 100%;
height: 160px;
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-bottom: 1px; }
.n-articles__content-group:last-of-type .n-article__img::before {
display: none; }
.n-articles__content-group.n-articles__content-group--all {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 15px;
margin-bottom: 3px; }
.n-articles__content-group.n-articles__content-group--all::after {
content: "";
position: absolute;
bottom: 12px;
left: -20px;
display: block;
width: 150%;
height: 1px;
background-color: #f0f0f0; }
.n-articles__content-group.n-articles__content-group--all .n-article--all {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 255px;
min-width: 255px;
margin-bottom: 0; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__img {
height: 160px;
min-width: auto;
margin: 0 0 8px; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__img img {
height: 100%; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__preview-social .n-article__preview-btn--viewing {
margin-right: 26px; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__preview-social .n-article__preview-btn--comment {
padding-left: 13px;
margin-right: 28px; }
.n-articles__content-group.n-articles__content-group--all .n-article--all .n-article__preview-social .n-article__preview-btn--share {
padding-left: 13px; }
.n-articles__content-group.n-articles__content-group--all .n-article__preview {
margin-bottom: 30px; }
.n-articles__content-group.n-articles__content-group--all .n-article__preview-link {
min-height: auto; }
.n-articles__content-group.n-articles__content-group--all .n-article--last {
width: 255px;
min-width: 255px; }
.n-articles__content-group.n-articles__content-group--all .n-article--last .n-article__link-block {
height: 160px; }
.n-article__preview-heading--education {
font-size: 13px;
line-height: 40px;
margin-bottom: 0; }
.n-article__preview-heading--education::after {
top: 8px;
right: 20%;
width: 15px;
height: 15px;
background-size: 100%; }
.n-article__preview-heading--live {
font-size: 13px;
line-height: 40px;
margin-bottom: 0; }
.n-article__preview-heading--live::after {
top: 10px;
right: 13%;
width: 16px;
height: 15px;
background-size: 100%; }
.n-article__preview-heading--family {
font-size: 13px;
line-height: 40px;
margin-bottom: 0; }
.n-article__preview-heading--family::after {
top: 8px;
right: -14%;
width: 16px;
height: 15px;
background-size: 100%; }
.n-article__preview-title {
font-size: 18px;
line-height: 18px; }
.n-article__preview-caption {
display: none; }
.n-articles__content-btn {
margin-top: 0; }
.n-articles__content-group-link {
position: relative;
display: block;
padding-right: 15px;
font-size: 13px;
-webkit-transform: translateY(-7px);
transform: translateY(-7px); }
.n-articles__content-group-link::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: block;
width: 5px;
height: 10px;
margin: auto 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
.n-articles__content-group-link--pregnancy {
color: #f589a6; }
.n-articles__content-group-link--pregnancy::after {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/right-arrow-accent.svg"); }
.n-articles__content-group-link--education {
color: #a63a6a; }
.n-articles__content-group-link--education::after {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/right-arrow-second.svg"); }
.n-articles__content-group-link--schooling {
color: #3aa65e; }
.n-articles__content-group-link--schooling::after {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/right-arrow-third.svg"); }
.n-articles__content-group-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin-bottom: 2px; }
.n-articles__content-group-text {
position: relative;
margin-top: 0;
font-size: 13px;
line-height: 36px;
text-transform: uppercase; }
.n-articles__content-group-text--pregnancy {
margin-bottom: 13px;
color: #f589a6; }
.n-articles__content-group-text--pregnancy span svg {
fill: #ffe2e8;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles__content-group-text--live {
margin-bottom: 13px;
color: #59bdff; }
.n-articles__content-group-text--education {
margin-bottom: 17px;
color: #a63a6a; }
.n-articles__content-group-text--education span svg {
fill: #F6C8D9;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles__content-group-text--schooling {
color: #3aa65e; }
.n-articles__content-group-text--schooling span svg {
fill: #C6F2DB;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg); }
.n-articles__content-group-text--health {
margin-bottom: 13px;
color: #003b71; }
.n-articles__content-group-text--travels {
margin-bottom: 13px;
color: #00c96e; }
.n-articles__content-group-text--beauty {
margin-bottom: 13px;
color: #ff4040; }
.n-articles__content-group-text--family {
margin-bottom: 13px;
color: #d47e21; }
.n-articles__content-group-text--story {
margin-bottom: 13px;
color: #f7c25f; }
.n-articles__content-group-text--psychology {
margin-bottom: 13px;
color: #7295d0; }
.n-articles__content-group-text--advice {
margin-bottom: 13px;
color: #efa378; }
.n-articles__content-group-text--demography {
margin-bottom: 13px;
color: #b0cce9; }
.n-articles__content-btn {
font-size: 13px; }
.n-articles__content-promo {
padding-bottom: 0;
margin-bottom: 17px; }
.n-articles__aside--read-more {
padding-bottom: 12px; }
.n-articles__aside--read-more .n-articles__aside-text {
margin-left: 15px;
font-size: 16px; }
.n-articles__aside--read-more .n-read-more-carousel {
margin-bottom: 0;
padding: 0 15px;
height: 158px; }
.n-articles__aside--read-more .n-read-more-carousel .n-articles__aside-list {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 0; }
.n-articles__aside--read-more .n-read-more-carousel .n-articles__aside-item {
width: 250px;
max-height: 70px;
padding-left: 0;
margin-bottom: 0;
margin-right: 20px; }
.n-articles__aside--read-more .n-read-more-carousel .n-articles__aside-item-content h2 {
font-size: 16px;
line-height: 16px; }
.n-articles__aside--read-more .n-read-more-carousel .n-articles__aside-item-text--option {
width: 83px; }
.n-articles__aside--read-more .n-read-more-carousel .n-articles__aside-item-text--option::after {
right: -25px; } }
/* Стили для шапок рубрик */
.n-page-main {
position: relative; }
.n-page-main--education .n-page-main__decoration {
background-size: 558px 230px;
background-position: 51vw top; }
@media (max-width: 1250px) {
.n-page-main--education .n-page-main__decoration {
background-position: 95% top; } }
@media (max-width: 480px) {
.n-page-main--education .n-page-main__decoration {
height: 280px; } }
.n-page-main__decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 280px;
background-repeat: no-repeat;
background-size: 549px 285px;
background-position: 51vw 15px; }
@media (max-width: 1250px) {
.n-page-main__decoration {
background-position: 95% 15px; } }
@media (max-width: 480px) {
.n-page-main__decoration {
height: 220px; } }
@media (max-width: 480px) {
.n-page-main > .n-articles {
background: transparent; } }
.n-page-main__decoration--1x {
display: block; }
@media (max-width: 768px) {
.n-page-main__decoration--1x,
.n-page-main__decoration--2x {
background-image: none !important; } }
@media (max-width: 1024px) {
.n-page-main--main-page .n-page-main__decoration {
background-position: 40vw 233px;
background-size: 600px 380px; } }
@media (max-width: 768px) {
.n-page-main--main-page .n-page-main__decoration {
background-position: center bottom;
background-size: 450px 285px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-page-main__decoration {
background-position: center bottom;
background-size: 229px 143px; } }
@media (max-width: 768px) {
.n-page-main--main-page .n-page-main__decoration--1x,
.n-page-main--main-page .n-page-main__decoration--2x {
display: block; } }
.n-page-main--main-page {
background-image: linear-gradient(to bottom, #e2f2ff 697px, #f8f8f8 697px, #f8f8f8); }
@media (max-width: 480px) {
.n-page-main--main-page {
background-image: linear-gradient(to bottom, #e2f2ff 398px, #f8f8f8 398px, #f8f8f8); } }
.n-page-main--main-page .n-article__preview--main {
padding-top: 62px; }
.n-page-main--main-page .n-article__preview--main .n-article__preview-heading {
margin-bottom: 33px; }
@media (max-width: 480px) {
.n-page-main--main-page .n-article__preview--main .n-article__preview-heading {
margin-bottom: 8px; } }
@media (max-width: 1024px) {
.n-page-main--main-page .n-article__preview--main {
padding-top: 0; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-article__preview--main {
padding-top: 8px; } }
.n-page-main--main-page .n-article.n-article--main {
padding-bottom: 0; }
@media (max-width: 480px) {
.n-page-main--main-page .n-article.n-article--main::after {
display: none; } }
.n-page-main--main-page .n-article__preview-link--main {
margin-bottom: 51px; }
@media (max-width: 480px) {
.n-page-main--main-page .n-article__preview-link--main {
margin-bottom: 15px; } }
.n-page-main--main-page .n-article__preview-title span {
display: inline-block; }
.n-page-main--main-page .n-article__preview-title--main {
font-size: 32px; }
@media (max-width: 1024px) {
.n-page-main--main-page .n-article__preview-title--main {
font-size: 24px;
line-height: 28px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-article__preview-title--main {
font-size: 18px;
line-height: 22px; } }
.n-page-main--main-page .n-article__preview-btn {
margin-bottom: 30px; }
@media (max-width: 480px) {
.n-page-main--main-page .n-article__preview-btn {
padding-left: 28px;
margin-bottom: 25px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-article__preview-btn.n-article__preview-btn--viewing {
margin-right: 30px; } }
.n-page-main--main-page .n-article__preview-btn.n-article__preview-btn--comment,
.n-page-main--main-page .n-article__preview-btn.n-article__preview-btn--share {
padding-left: 20px; }
.n-page-main--main-page .n-article__preview-link {
margin-top: 0;
margin-bottom: 15px; }
@media (max-width: 480px) {
.n-page-main--main-page .n-article__preview-link {
margin-bottom: 15px; } }
.n-page-main--main-page .n-article__preview-link--main {
margin-bottom: 53px; }
@media (max-width: 1024px) {
.n-page-main--main-page .n-article__preview-link--main {
margin-bottom: 25px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-article__preview-link--main {
margin-bottom: 15px; }
.n-page-main--main-page .n-article__preview-link--main a {
display: inline-block; } }
@media (max-width: 1024px) {
.n-page-main--main-page .n-articles-all__content {
padding-top: 0; } }
.n-page-main--main-page .n-articles-all__content .n-article {
margin-bottom: 105px; }
.n-page-main--main-page .n-articles-all__content .n-article:nth-child(4), .n-page-main--main-page .n-articles-all__content .n-article:nth-child(5) {
margin-bottom: 30px; }
@media (max-width: 1024px) {
.n-page-main--main-page .n-articles-all__content .n-article:nth-child(4), .n-page-main--main-page .n-articles-all__content .n-article:nth-child(5) {
margin-bottom: 60px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-articles-all__content .n-article:nth-child(4), .n-page-main--main-page .n-articles-all__content .n-article:nth-child(5) {
margin-bottom: 0; } }
@media (max-width: 1440px) {
.n-page-main--main-page .n-articles-all__content .n-article {
width: calc(50% - 15px); } }
@media (max-width: 1024px) {
.n-page-main--main-page .n-articles-all__content .n-article {
margin-bottom: 60px; } }
@media (max-width: 1440px) {
.n-page-main--main-page .n-articles-all__content .n-article--main {
max-width: 100%;
width: 100%; } }
@media (max-width: 1440px) {
.n-page-main--main-page .n-articles-all__content .n-article--main .n-article__img {
min-width: auto; } }
@media (max-width: 768px) {
.n-page-main--main-page .n-articles-all__content .n-article {
max-width: 100%;
width: 100%;
margin: 0 auto 50px; } }
@media (max-width: 768px) {
.n-page-main--main-page .n-articles-all__content .n-article--main {
max-width: 100%; } }
@media (max-width: 600px) {
.n-page-main--main-page .n-articles-all__content .n-article {
max-width: 100%;
margin: 0 auto 105px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-articles-all__content .n-article .n-article__img {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
height: 160px;
margin-bottom: 10px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-articles-all__content .n-article .n-article__preview-heading {
margin-bottom: 3px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-articles-all__content .n-article .n-article__preview-title {
line-height: 22px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-articles-all__content .n-article .n-article__preview-title span {
display: none; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-articles-all__content .n-article {
padding-top: 29px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
border-bottom: 1px solid #f0f0f0; } }
.n-page-main--main-page .n-article.n-article--main {
padding-top: 0; }
@media (max-width: 480px) {
.n-page-main--main-page .n-article.n-article--main .n-article__img {
margin-bottom: 1px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-article.n-article--main .n-article__preview-heading {
margin-bottom: 8px; } }
.n-page-main--main-page .n-articles-all__content .n-article--main {
margin-bottom: 98px; }
@media (max-width: 1024px) {
.n-page-main--main-page .n-articles-all__content .n-article--main {
margin-bottom: 50px; } }
@media (max-width: 768px) {
.n-page-main--main-page .n-articles-all__content .n-article--main {
padding: 0; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-articles-all__content .n-article--main {
margin-bottom: 0;
padding: 0 15px; } }
.n-articles-header--main-page .container {
padding-top: 132px;
padding-bottom: 100px; }
@media (max-width: 1440px) {
.n-articles-header--main-page .container {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-articles-header--main-page .container {
width: calc(100% - 80px);
padding: 70px 30px 80px; } }
@media (max-width: 768px) {
.n-articles-header--main-page .container {
width: auto;
padding-left: 30px;
padding-right: 30px; } }
@media (max-width: 480px) {
.n-articles-header--main-page .container {
height: 398px;
padding-top: 35px;
padding-bottom: 89px;
padding-left: 35px;
padding-right: 30px; } }
@media (max-width: 480px) {
.n-article.n-article--main {
min-height: auto;
margin-bottom: 30px;
padding-bottom: 30px; } }
@media (max-width: 480px) {
.n-article.n-article--main::after {
bottom: 0; } }
@media (max-width: 480px) {
.n-articles__content-group {
position: relative;
padding-top: 15px;
padding-bottom: 0; } }
@media (max-width: 480px) {
.n-articles__content-group:before {
content: "";
position: absolute;
top: 0;
left: -15px;
display: block;
width: 150%;
height: 1px;
background-color: #f0f0f0; } }
@media (max-width: 480px) {
.n-articles__content-group.n-articles__content-group--all:nth-of-type(1)::before {
display: none; } }
@media (max-width: 480px) {
.n-articles__content-group.n-articles__content-group--all:nth-of-type(1)::after {
bottom: 0; } }
@media (max-width: 480px) {
.n-article--second::before {
display: none; } }
@media (max-width: 480px) {
.n-articles__content-group:last-of-type {
padding-bottom: 30px; } }
@media (max-width: 480px) {
.n-articles__wrapper--all .n-articles__content {
padding-top: 0; } }
@media (max-width: 480px) {
.n-articles__content .n-article--second .n-article__preview-social,
.n-articles__content .n-article--third .n-article__preview-social {
padding-bottom: 0; } }
@media (max-width: 480px) {
.n-article--sixth .n-article__preview-social {
margin-bottom: 0; } }
@media (max-width: 480px) {
.n-articles__wrapper .n-aside-carousel.swiper-container {
min-height: auto;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 480px) {
.n-articles--all .n-article__preview-social {
margin-bottom: 0; } }
.n-help-banner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 80px 10px 70px;
margin-bottom: 56px;
border: 4px solid #fcb6d5; }
.n-help-banner::before, .n-help-banner::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
margin: 0 auto;
background-repeat: no-repeat;
background-size: cover; }
.n-help-banner::before {
top: -46px;
width: 87px;
height: 58px;
padding: 13px;
background-color: #ffffff;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/oblako.svg");
background-size: 75%;
background-position: 19px -1px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1); }
.n-help-banner::after {
top: -35px;
width: 103px;
height: 64px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/aist.svg");
-webkit-transform: scaleX(-1);
transform: scaleX(-1); }
.n-help-banner--mobile {
display: none; }
.n-help-banner__text {
width: 100%;
margin: 0;
margin-bottom: 23px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
text-align: center;
color: #333333; }
.n-help-banner__text span {
display: block;
font-style: normal; }
.n-help-banner__link {
position: relative;
display: block;
padding: 2px 24px 2px 50px;
font-weight: 700;
font-size: 18px;
line-height: 36px;
color: #ffffff;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/line_telephone.svg");
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-help-banner__link:hover::before, .n-help-banner__link:focus::before {
-webkit-animation-name: shake-x;
animation-name: shake-x;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.5, 0.03, 0.53, 0.96);
animation-timing-function: cubic-bezier(0.5, 0.03, 0.53, 0.96); }
.n-help-banner__link::before {
content: "";
position: absolute;
top: 10px;
left: 25px;
width: 16px;
height: 16px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/telephone.svg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
@media (max-width: 1440px) {
.n-help-banner::before, .n-help-banner::after {
left: 0;
right: 0;
margin: 0 auto; }
.n-help-banner__text {
padding: 0 3%;
margin-bottom: 22px;
font-size: 15px;
line-height: 19px; }
.n-help-banner__link {
width: 100%;
font-size: 15px;
text-align: center;
background-size: contain;
background-position: center; }
.n-help-banner__link::before {
left: 17%; } }
@media (max-width: 1200px) {
.n-help-banner__text {
font-size: 15px; }
.n-help-banner__link {
font-size: 14px; }
.n-help-banner__link::before {
left: 18%; } }
@media (max-width: 1024px) {
.n-help-banner {
display: none; }
.n-help-banner--mobile {
display: none;
width: 100%;
margin: 0 auto;
background-color: #fcb6d5; }
.n-help-banner--mobile::before, .n-help-banner--mobile::after {
display: none; }
.n-help-banner--mobile .n-help-banner__text {
margin-bottom: 50px;
font-size: 21px;
line-height: 24px;
color: #ffffff; }
.n-help-banner--mobile .n-help-banner__link {
width: 300px;
padding: 10px 0;
font-size: 16px;
color: #fcb6d5;
background-color: #ffffff;
background-image: none;
border-radius: 30px; }
.n-help-banner--mobile .n-help-banner__link::before {
left: 250px;
width: 34px;
height: 34px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/telephone-help-banner.svg"); } }
@media (max-width: 768px) {
.n-help-banner--mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (max-width: 480px) {
.n-help-banner--mobile {
padding: 33px 33px 75px; }
.n-help-banner--mobile .n-help-banner__text {
padding: 0 4%;
margin-bottom: 16px;
font-size: 16px;
line-height: 16px; }
.n-help-banner--mobile .n-help-banner__text span {
display: inline-block; }
.n-help-banner--mobile .n-help-banner__link {
width: 169px;
padding: 2px 26px 2px 0;
font-size: 16px;
z-index: 1; }
.n-help-banner--mobile .n-help-banner__link::before {
width: 34px;
height: 34px;
left: 79%;
top: 5px;
background-size: 90%; }
.n-help-banner--mobile::after {
content: "";
position: absolute;
top: auto;
bottom: -74px;
left: 2px;
display: block;
width: 200px;
height: 200px;
padding: 0;
background-color: transparent;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/help-banner-pseudo@mobile1x.png");
background-repeat: no-repeat;
background-size: 61%;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1); } }
@media (max-width: 480px) and (min-device-pixel-ratio: 1.5), (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 480px) and (min-resolution: 144dpi), (max-width: 480px) and (min-resolution: 1.5dppx) {
.n-help-banner--mobile::after {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/help-banner-pseudo@mobile2x.png"); } }
.n-magazine {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 50px; }
.n-magazine__title {
margin: 0;
margin-bottom: 8px;
font-weight: 700;
font-size: 16px; }
.n-magazine__caption {
margin-bottom: 35px;
line-height: 17px;
letter-spacing: -0.1px;
color: #808080; }
.n-magazine__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 110px;
margin-bottom: 40px; }
.n-magazine__link p {
margin: 0;
padding-top: 29px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
line-height: 18px;
letter-spacing: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-magazine__link p span {
display: block;
font-family: "PTSans", "Arial", sans-serif;
font-weight: 400;
font-size: 10px;
font-style: normal;
color: #38c7bb;
text-transform: uppercase; }
.n-magazine__link:hover p, .n-magazine__link:focus p {
opacity: 0.5; }
.n-magazine__to-all-issues {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-magazine__to-all-issues:hover, .n-magazine__to-all-issues:focus {
opacity: 0.5; }
.n-magazine__link-img {
position: relative;
min-width: 80px;
height: 110px;
margin-right: 20px;
display: flex;
align-items: center;
}
.n-magazine__link-img img {
width: 100%;
height: auto;
-webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.6);
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.6); }
@media (max-width: 1440px) {
.n-magazine__link-img::after{
bottom: auto !important;
}
.n-magazine {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 80px; }
.n-magazine__caption {
margin-bottom: auto; } }
@media (max-width: 1200px) {
.n-magazine__link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-magazine__link p {
max-width: 100%; }
.n-magazine--promo .n-magazine__link p {
padding-top: 0; } }
@media (max-width: 1024px) {
.n-magazine {
display: none; }
.n-magazine--promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
padding-right: 0;
margin-right: 10%; } }
@media (max-width: 630px) {
.n-magazine__caption {
margin-bottom: 35px; } }
@media (max-width: 768px) {
.n-magazine--promo {
width: 100%;
padding: 5%;
margin: 0;
background-color: #f8f8f8; } }
@media (max-width: 480px) {
.n-magazine--promo {
position: relative;
padding: 51px 25px 25px; }
.n-magazine--promo .n-magazine__title {
font-family: "Marta", "Arial", sans-serif;
font-size: 22px;
line-height: 22px;
letter-spacing: 0;
margin-bottom: 15px; }
.n-magazine--promo .n-magazine__caption {
margin-top: 0;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.28571;
letter-spacing: normal; }
.n-magazine--promo .n-magazine__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0; }
.n-magazine--promo .n-magazine__link p {
padding-top: 0;
margin-top: 0;
font-size: 18px;
line-height: 18px;
letter-spacing: normal; }
.n-magazine--promo .n-magazine__link p span {
font-size: 12px;
padding-top: 6px; }
.n-magazine--promo .n-magazine__to-all-issues {
position: absolute;
bottom: 31px;
left: 125px;
width: 95px;
padding: 8px 0;
font-size: 13px;
color: #808080;
text-align: center;
background-color: #ffffff;
border-radius: 30px; } }
.n-about {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-about__wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 100px 15px 99px; }
.n-about__img-desctop {
position: absolute;
bottom: 0;
right: 42px;
display: block;
width: 594px;
height: 569px;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
z-index: -1; }
@media (max-width: 768px) {
.n-about__img-desctop {
display: none; } }
.n-about__img-mobile {
display: none; }
@media (max-width: 768px) {
.n-about__img-mobile {
display: block;
position: absolute;
top: -182px;
left: 0;
right: 0;
display: block;
width: 119px;
height: 192px;
margin: 0 auto;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
z-index: -1; } }
.n-about__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 74px; }
.n-about__info blockquote {
position: relative;
display: block;
width: 420px;
margin: 0;
margin-bottom: 25px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 40px;
letter-spacing: 0;
color: #333333; }
.n-about__info blockquote::before {
content: "";
position: absolute;
top: -73px;
left: 0;
display: block;
width: 45px;
height: 36px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/quotes@desktop1x.png");
background-repeat: no-repeat;
background-size: cover; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-about__info blockquote::before {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/quotes@desktop2x.png"); } }
.n-about__info-text {
margin-bottom: 40px;
font-size: 16px;
line-height: 22px; }
.n-about__info-text p {
width: 100%;
max-width: 600px;
margin-top: 0;
letter-spacing: -0.1px; }
.n-about__info-text p:first-child {
margin-bottom: 10px; }
.n-about__info-text p span {
display: block;
font-style: normal;
font-weight: normal; }
.n-about__info-text--ident {
margin-bottom: 10px; }
.n-about__info-autor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 45px;
max-width: 500px; }
.n-about__info-autor p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 2px;
margin: 0;
font-size: 16px;
letter-spacing: 0.001em; }
.n-about__info-autor p a {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-about__info-autor p a:hover, .n-about__info-autor p a:focus {
opacity: 0.5; }
.n-about__info-autor p span {
padding-top: 7px;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: normal;
color: #a5a5a5; }
.n-about__info-autor-img {
padding-left: 3px;
margin-right: 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 500px; }
.n-about__info-autor-img img {
border-radius: 50%; }
.n-about__info-link {
-ms-flex-item-align: start;
align-self: flex-start;
padding: 2px 51px 2px 32px;
line-height: 36px;
background-position: calc(100% - 27px) center;
-webkit-transition: background-position-x 0.3s;
transition: background-position-x 0.3s; }
.n-about__info-link:hover {
background-position: calc(100% - 22px) center; }
@media (max-width: 1440px) {
.n-about {
width: calc(100% - 120px);
margin: 0 auto; }
.n-about .container {
padding: 0; }
.n-about__wrapper {
padding: 100px 60px; }
.n-about__wrapper::after {
right: 0; }
.n-about__info {
z-index: 1; } }
@media (max-width: 1280px) {
.n-about__info {
padding-right: 50%; } }
@media (max-width: 1024px) {
.n-about {
width: calc(100% - 80px); }
.n-about__wrapper {
padding: 100px 30px; }
.n-about__wrapper::after {
top: auto;
bottom: 0; }
.n-about__info {
padding-right: 50%; }
.n-about__info-text p {
max-width: 100%; }
.n-about__info-text p:last-child {
width: 290px; } }
@media (max-width: 768px) {
.n-about {
width: 100%; }
.n-about .container {
padding: 0;
background-color: #e2f2ff; }
.n-about__wrapper {
padding: 45px 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-about__wrapper::after {
display: none; }
.n-about__info {
padding: 0; }
.n-about__info blockquote {
width: 70%;
margin: 0 auto 30px;
text-align: center; }
.n-about__info blockquote::before {
display: none; }
.n-about__info-text {
width: 70%;
margin: 0 auto 20px; }
.n-about__info-text p {
width: 100%;
text-align: center; }
.n-about__info-text p:last-child {
width: 100%; }
.n-about__info-autor {
width: 70%;
margin: 0 auto; }
.n-about__info-autor p {
width: 100%;
padding-bottom: 200px;
font-weight: 700;
text-align: center; }
.n-about__info-autor p span {
display: none; }
.n-about__info-autor-img {
display: none; }
.n-about__info-link {
position: relative;
margin: 0 auto; } }
@media (max-width: 480px) {
.n-about .n-about__wrapper {
padding: 47px 0 40px; }
.n-about__info {
position: relative;
padding: 0; }
.n-about__info blockquote {
width: 80%;
margin-bottom: 1px;
font-size: 24px;
line-height: 24px; }
.n-about__info-text {
display: none; }
.n-about__info-autor p {
padding: 0 0 184px 2px;
font-size: 15px;
line-height: 36px;
letter-spacing: 0;
color: #000000; }
.n-about__info-link {
font-size: 13px;
background-size: 12px 12px;
-webkit-transform: translateX(5px);
transform: translateX(5px); }
.n-about__info-link::before {
top: -182px;
left: -7px; } }
.n-about__info-site {
max-width: 525px;
width: 100%;
margin-bottom: 55px; }
@media (max-width: 768px) {
.n-about__info-site {
text-align: center;
margin-left: auto;
margin-right: auto; } }
@media (max-width: 480px) {
.n-about__info-site {
display: none; } }
.n-about__info-site i {
display: inline-block;
font-size: 16px;
line-height: 22px;
color: #888888;
margin-bottom: 10px; }
@media (max-width: 768px) {
.n-about__info-site i {
color: #66828e; } }
.n-about__info-site span {
display: block;
margin-left: 0;
font-style: italic;
color: #333333; }
.n-audio-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 290px;
max-width: 290px;
padding: 17px 37px 27px;
margin-bottom: 85px;
background-color: #e2f2ff; }
.n-audio-block::after {
content: "";
position: absolute;
top: -8px;
right: 0;
display: block;
width: 94px;
height: 103px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/headphones.png");
background-repeat: no-repeat; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-audio-block::after {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/headphones.png"); } }
.n-audio-block__caption {
width: 136px;
margin-bottom: 3px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 34px;
letter-spacing: 0;
z-index: 1; }
.n-audio-block__text {
width: 207px;
margin-bottom: 39px;
font-size: 13px;
line-height: 20px;
color: #66828e; }
.n-audio-block__track-name {
padding-left: 3px;
margin-bottom: 22px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
color: #333333; }
.n-audio-block__track-name span {
display: block;
font-style: normal; }
.n-audio-block__group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 3px; }
.n-audio-block__block-audio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px; }
.n-audio-block__img {
max-width: 178px;
fill: #ffffff; }
.n-audio-block__play-btn {
position: relative;
display: block;
width: 36px;
height: 36px;
min-height: 36px;
border: none;
outline: none;
border-radius: 50%;
background-color: #ffffff;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/play-button.svg");
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: center;
cursor: pointer;
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
z-index: 1; }
.n-audio-block__play-btn:hover, .n-audio-block__play-btn:focus {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.n-audio-block__link {
font-size: 13px;
line-height: 36px;
color: #808080;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-audio-block__link:hover, .n-audio-block__link:focus {
opacity: 0.5; }
@media (max-width: 1440px) {
.n-audio-block {
max-width: 260px;
padding: 17px 25px 27px;
margin-left: auto; } }
@media (max-width: 1280px) {
.n-audio-block {
width: 50%;
max-width: 50%;
padding: 5%;
margin-bottom: 0; } }
@media (max-width: 1024px) {
.n-audio-block {
width: 50%;
max-width: 50%;
padding: 0 5% 3%;
margin-bottom: 0; } }
@media (max-width: 768px) {
.n-audio-block {
width: 100%;
max-width: 100%;
padding-bottom: 5%; } }
@media (max-width: 480px) {
.n-audio-block {
padding: 45px 24px 46px; }
.n-audio-block::after {
top: -7px;
right: -21px; }
.n-audio-block__caption {
width: 100%;
margin-top: 0;
margin-bottom: 15px;
font-size: 22px;
line-height: 30px; }
.n-audio-block__text {
margin-top: 0;
margin-bottom: 25px;
font-size: 14px;
line-height: 1.28571;
color: #000000; }
.n-audio-block__track-name {
margin-top: 0;
margin-bottom: 20px;
padding-left: 0;
font-size: 18px;
line-height: 18px; }
.n-audio-block__track-name span {
display: inline-block; }
.n-audio-block__group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0; }
.n-audio-block__block-audio {
margin-bottom: 0; }
.n-audio-block__img {
max-width: 124px; }
.n-audio-block__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 95px;
max-height: 40px;
padding: 8px 0;
font-size: 13px;
line-height: normal;
color: gray;
background-color: #fff;
border-radius: 30px; } }
.n-authors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px; }
.n-authors .container {
padding-right: 30px; }
@media (max-width: 1440px) {
.n-authors .container {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-authors .container {
width: calc(100% - 80px);
padding: 0 30px; } }
@media (max-width: 768px) {
.n-authors .container {
width: 100%;
padding: 0; } }
@media (max-width: 480px) {
.n-authors .container {
padding-left: 0; } }
@media (max-width: 1440px) {
.n-authors {
margin-bottom: 0; } }
.n-authors__wrapper {
margin-bottom: 72px; }
@media (max-width: 768px) {
.n-authors__wrapper {
margin-bottom: 61px; } }
.n-authors__title {
margin-top: 58px;
margin-bottom: 45px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 40px;
letter-spacing: 0;
color: #333333; }
@media (max-width: 1024px) {
.n-authors__title {
margin-top: 40px; } }
@media (max-width: 768px) {
.n-authors__title {
margin-top: 30px;
padding-left: 30px; } }
@media (max-width: 480px) {
.n-authors__title {
font-size: 24px; } }
.n-authors__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-authors__main .n-authors-carousel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 840px;
margin: 0;
margin-right: 40px; }
.n-authors__list {
margin: 0;
padding: 0;
list-style: none;
display: block;
padding-top: 5px;
-webkit-column-width: 300px;
column-width: 300px;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 44px;
column-gap: 44px; }
.n-authors__list-item {
max-width: 290px;
margin-bottom: 30px; }
.n-authors__list-item:nth-child(9) {
margin-bottom: 29px; }
@-webkit-keyframes anim-appearance {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes anim-appearance {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes anim-disappearance {
100% {
opacity: 1; }
50% {
opacity: 0.5; }
0% {
opacity: 0; } }
@keyframes anim-disappearance {
100% {
opacity: 1; }
50% {
opacity: 0.5; }
0% {
opacity: 0; } }
.n-autor {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-autor:hover .n-autor__info-footer .n-autor__info-footer-topline, .n-autor:focus .n-autor__info-footer .n-autor__info-footer-topline {
display: none;
-webkit-animation: anim-disappearance 0.2s ease-in-out;
animation: anim-disappearance 0.2s ease-in-out; }
.n-autor:hover .n-autor__info-footer .n-autor__info-footer-bottomline, .n-autor:focus .n-autor__info-footer .n-autor__info-footer-bottomline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-animation: anim-appearance 0.5s ease-in-out;
animation: anim-appearance 0.5s ease-in-out; }
.n-autor__img {
min-width: 70px; }
.n-autor__img img {
border-radius: 50%; }
.n-autor__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding-left: 20px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-autor__info-heading {
margin-top: 15px;
margin-bottom: 11px;
font-size: 16px;
color: #333333; }
.n-autor__info-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 13px;
color: #a5a5a5; }
.n-autor__info-footer p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0; }
.n-autor__info-footer span {
min-width: 60px;
display: inline-block;
margin-right: 15px; }
.n-autor__info-footer .n-autor__info-footer-topline {
-webkit-animation: anim-appearance 0.3s ease-in-out;
animation: anim-appearance 0.3s ease-in-out; }
.n-autor__info-footer .n-autor__info-footer-bottomline {
display: none;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/arrow-right@desktop1x.png");
background-repeat: no-repeat;
background-size: 16px;
background-position: 90px center; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-autor__info-footer-bottomline {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/arrow-right@desktop2x.png"); } }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.autors__list-link {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/arrow-right@desktop2x.png"); } }
.n-authors__list-link {
display: block;
width: 140px;
padding: 13px 37px 13px 10px;
background-size: 13px;
background-position: 97px center;
-webkit-transform: translateY(18px);
transform: translateY(18px);
-webkit-transition: background-position-x 0.3s;
transition: background-position-x 0.3s; }
.n-authors__list-link:hover::after {
right: 28px;
}
@media (max-width: 1440px) {
.n-authors__wrapper {
padding: 0; }
.n-authors__main .n-authors-carousel {
margin-right: 1%; }
.n-authors__list {
-webkit-column-gap: 1%;
column-gap: 1%; } }
@media (max-width: 1024px) {
.n-authors__main .n-authors-carousel {
margin: 0 auto 74px; }
.n-authors__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-authors__list-item {
width: 170px; }
.n-autor {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.n-autor__info-footer p {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-autor__info-footer p span {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
@media (max-width: 768px) {
.n-authors .container {
padding: 0; }
.n-authors__main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-authors__main .n-authors-carousel {
width: 100%;
margin: 0 auto 74px; }
.n-authors__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.n-authors__list-item:first-child {
margin-left: 10px; }
.n-autor:hover .n-autor__info, .n-autor:focus .n-autor__info {
opacity: 0.5; }
.n-autor:hover .n-autor__info-footer .n-autor__info-footer-topline, .n-autor:focus .n-autor__info-footer .n-autor__info-footer-topline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-animation: none;
animation: none; }
.n-autor:hover .n-autor__info-footer .n-autor__info-footer-bottomline, .n-autor:focus .n-autor__info-footer .n-autor__info-footer-bottomline {
display: none;
-webkit-animation: none;
animation: none; }
.n-autor__info-footer .n-autor__info-footer-topline {
-webkit-animation: none;
animation: none; } }
@media (max-width: 480px) {
.n-authors__wrapper {
padding: 35px 0 0;
margin-bottom: 10px; }
.n-authors__title {
margin-top: 0;
margin-bottom: 18px;
padding-left: 24px;
font-size: 26px;
line-height: 40px; }
.n-authors__main .n-authors-carousel {
margin-bottom: 10px; }
.n-authors-carousel {
padding-left: 27px; }
.n-authors__list {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 0; }
.n-authors__list-item {
width: 150px;
margin-right: 0;
margin-bottom: 30px; }
.n-authors__list-item:first-child {
margin-left: 4px; }
.n-autor__img {
width: 100%;
margin-bottom: 8px; }
.n-autor__info {
padding-left: 0; }
.n-autor__info-heading {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 36px;
letter-spacing: normal;
color: #333333; }
.n-autor__info-footer p {
font-size: 13px; }
.n-authors__list-link {
width: 120px;
font-size: 13px;
background-size: 12px; } }
/* Стили для главной страницы */
.n-page-main--main-page .n-authors {
margin-bottom: 12px; }
.n-page-main--main-page .n-authors .container {
padding-right: 30px; }
@media (max-width: 1440px) {
.n-page-main--main-page .n-authors .container {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-page-main--main-page .n-authors .container {
width: calc(100% - 80px);
padding: 0 30px; } }
@media (max-width: 768px) {
.n-page-main--main-page .n-authors .container {
width: 100%;
padding: 0; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-authors .container {
padding-left: 0; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-authors {
margin-bottom: 0; } }
.n-page-main--main-page .n-authors__wrapper {
padding: 0;
margin-bottom: 61px; }
@media (max-width: 480px) {
.n-page-main--main-page .n-authors__wrapper {
margin-bottom: 52px; } }
.n-page-main--main-page .n-authors__title {
margin-top: 97px; }
@media (max-width: 1024px) {
.n-page-main--main-page .n-authors__title {
margin-top: 40px; } }
@media (max-width: 768px) {
.n-page-main--main-page .n-authors__title {
margin-top: 30px;
padding-left: 30px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-authors__title {
font-size: 24px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-authors-carousel {
margin-bottom: 2px; } }
.n-scientists {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 400px; }
.n-scientists__text {
width: 373px;
margin: 0;
margin-bottom: 50px;
line-height: 22px;
letter-spacing: 0; }
.n-scientists-thumbs {
width: 100%; }
.n-scientists-thumbs .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-scientists-thumbs .swiper-slide-thumb-active {
opacity: 1; }
.n-scientists__list {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 24px; }
.n-scientists__list-link {
transition: .3s;
display: block;
width: 39px;
max-width: 50px;
height: 50px;
min-height: 39px;
padding: 0;
margin-right: 15px;
border-radius: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
outline: none;
opacity: 0.5;
cursor: pointer;
-webkit-transition: opacity 0.3s, -webkit-box-shadow 0.3s;
transition: opacity 0.3s, -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s, opacity 0.3s;
transition: box-shadow 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s;
border: 2px solid #b1dbfd}
.n-scientists__list-link:hover {
opacity: 0.7;
border: 2px solid #b1dbfd !important;
}
.n-scientists__list-link:hover, .n-scientists__list-link:focus {
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.6); }
.n-scientists__list .swiper-wrapper .n-scientists__list-link:nth-of-type(1) {
margin-right: 22px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/scientist-img-first@desktop1x.jpg"); }
.n-scientists__list .swiper-wrapper .n-scientists__list-link:nth-of-type(2) {
margin-right: 22px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/scientist-img-second@desktop1x.jpg"); }
.n-scientists__list .swiper-wrapper .n-scientists__list-link:nth-of-type(3) {
margin-right: 22px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/scientist-img-third@desktop1x.jpg"); }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-scientists__list .swiper-wrapper .n-scientists__list-item-link:nth-of-type(1) {
margin-right: 22px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/scientist-img-first@desktop2x.jpg"); }
.n-scientists__list .swiper-wrapper .n-scientists__list-item-link:nth-of-type(2) {
margin-right: 22px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/scientist-img-second@desktop2x.jpg"); }
.n-scientists__list .swiper-wrapper .n-scientists__list-item-link:nth-of-type(3) {
margin-right: 22px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/scientist-img-third@desktop2x.jpg"); } }
.n-scientists__list-item-link--active {
opacity: 1; }
.n-scientists-info-slider {
width: 100%; }
.n-scientists__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%; }
.n-scientists__info-link {
font-family: "PTSans", "Arial", sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-scientists__info-link:hover, .n-scientists__info-link:focus {
opacity: 0.5; }
.n-scientists__info-text {
width: 265px;
max-width: 100%;
margin: 0;
margin-bottom: 24px;
line-height: 20px !important;
color: #a5a5a5 !important;
opacity: 0.9;
}
.n-scientists__link {
display: block;
width: 78%;
min-width: 312px;
padding: 13px 37px 13px 23px;
background-size: 13px;
background-position: 93% center;
-webkit-transition: background-position-x 0.3s;
transition: background-position-x 0.3s; }
.n-scientists__link:hover {
background-position-x: 94.5%; }
@media (max-width: 1440px) {
.n-scientists {
width: 31%; }
.n-scientists__text {
max-width: 100%; }
.n-scientists__link {
text-align: left; } }
@media (max-width: 1280px) {
.n-scientists {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
@media (max-width: 1024px) {
.n-scientists {
width: 320px;
margin-left: 160px; } }
@media (max-width: 768px) {
.n-scientists {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0;
padding: 0 30px; }
.n-scientists__text {
width: 100%;
text-align: center; }
.n-scientists-thumbs .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-scientists__list {
width: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-scientists-info-slider {
width: 50%; }
.n-scientists__info {
width: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-scientists__info-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-scientists__info-text {
width: 100%;
margin-bottom: 50px;
text-align: center; }
.n-scientists__link {
width: 60%; } }
@media (max-width: 480px) {
.n-scientists {
padding: 0 25px; }
.n-scientists__text {
position: relative;
margin-bottom: 18px;
font-size: 14px;
line-height: 18px;
text-align: left; }
.n-scientists__text::before {
content: "";
position: absolute;
top: -17px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #ffffff; }
.n-scientists-thumbs .swiper-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-scientists__info {
width: 100%; }
.n-scientists__list {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-scientists__list-link {
width: 59px;
max-width: 59px;
height: 59px; }
.n-scientists__list .swiper-wrapper .n-scientists__list-link {
opacity: 1; }
.n-scientists__list .swiper-wrapper .n-scientists__list-link:nth-of-type(1) {
margin-right: 0;
z-index: 3; }
.n-scientists__list .swiper-wrapper .n-scientists__list-link:nth-of-type(2) {
margin-right: 0;
z-index: 2; }
.n-scientists__list .swiper-wrapper .n-scientists__list-link:nth-of-type(3) {
margin-right: 0;
z-index: 1; }
.n-scientists__list-item-link {
width: 60px;
height: 60px;
margin-right: 0; }
.n-scientists__info {
display: none; }
.n-scientists__link {
width: 100%;
min-width: unset;
font-size: 13px;
padding: 12px 37px 12px 20px;
background-size: 12px;
background-position: 92% center; } }
/* Стили для главной страницы */
@media (max-width: 480px) {
.n-page-main--main-page .n-scientists__text {
font-size: 12px;
color: #333333; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-scientists__list {
margin-bottom: 25px; }
.n-page-main--main-page .n-scientists__list .swiper-wrapper {
padding-left: 3px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-scientists__list-link {
max-width: 64px;
height: 64px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-scientists__link {
font-size: 11px; } }
.n-subscribe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-subscribe .container {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 1400px;
padding: 92px 0 103px;
background-color: #d9ebf9; }
.n-subscribe .container::after {
content: "";
position: absolute;
top: 229px;
right: 5.5%;
display: block;
width: 224px;
height: 140px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/aist.svg");
background-size: cover;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
z-index: 1; }
.n-subscribe__slogan {
margin: 0;
margin-bottom: 25px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 26px;
letter-spacing: 0; }
.n-subscribe__slogan span {
display: inline-block;
font-style: normal;
font-weight: inherit; }
.n-subscribe__text {
margin-bottom: 35px; }
.n-subscribe__text span {
font-style: normal;
font-weight: inherit; }
.n-subscribe__form {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 25.75%; }
.n-subscribe__form-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding-top: 17px;
padding-right: 45px;
padding-left: 30px;
padding-bottom: 17px;
border: none;
font-family: "PTSans", "Arial", sans-serif; }
.n-subscribe__form-input::-webkit-input-placeholder {
font-size: 13px;
color: #a4a4a4;
letter-spacing: -0.3px; }
.n-subscribe__form-input:-ms-input-placeholder {
font-size: 13px;
color: #a4a4a4;
letter-spacing: -0.3px; }
.n-subscribe__form-input::-ms-input-placeholder {
font-size: 13px;
color: #a4a4a4;
letter-spacing: -0.3px; }
.n-subscribe__form-input::placeholder {
font-size: 13px;
color: #a4a4a4;
letter-spacing: -0.3px; }
.n-subscribe__form-input:focus {
outline: none; }
.n-subscribe__form-input--invalid {
-webkit-box-shadow: inset 0 -3px 0 #E6709F;
box-shadow: inset 0 -3px 0 #E6709F; }
.n-subscribe__form-btn-submit {
position: absolute;
top: 0;
right: 0;
display: block;
width: 50px;
height: 100%;
padding: 0;
border: none;
background-color: transparent;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/sent-mail.svg");
background-repeat: no-repeat;
background-size: 15px 14px;
background-position: 15px center;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-subscribe__form-btn-submit:hover, .n-subscribe__form-btn-submit:focus {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/sent-mail-hover.svg"); }
@media (max-width: 1440px) {
.n-subscribe .container {
width: calc(100% - 120px); } }
@media (max-width: 1024px) {
.n-subscribe .container {
width: calc(100% - 80px); }
.n-subscribe__form {
width: 35%; } }
@media (max-width: 768px) {
.n-subscribe .container {
width: 100%; }
.n-subscribe .container::after {
top: auto;
bottom: -10px;
left: 0;
right: 0;
width: 140px;
height: 87px;
margin: 0 auto; }
.n-subscribe__slogan {
width: 80%;
margin: 0 auto 20px;
line-height: 36px;
text-align: center; }
.n-subscribe__text {
width: 80%;
margin: 0 auto 37px;
text-align: center; }
.n-subscribe__form {
width: 50%; } }
@media (max-width: 480px) {
.n-subscribe .container {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 37px 24px 97px; }
.n-subscribe .container::after {
top: 236px; }
.n-subscribe__slogan {
width: 100%;
margin: 0;
margin-bottom: 19px;
font-size: 26px;
line-height: 26px;
text-align: left; }
.n-subscribe__slogan span {
display: block; }
.n-subscribe__text {
width: 100%;
margin: 0;
margin-bottom: 34px;
font-size: 14px;
line-height: 14px;
text-align: left; }
.n-subscribe__text span {
display: block; }
.n-subscribe__form {
width: 100%; }
.n-subscribe .n-subscribe__form-input {
padding: 16px 30px 16px 20px; }
.n-subscribe .n-subscribe__form-input::-webkit-input-placeholder {
font-size: 15px;
letter-spacing: 0; }
.n-subscribe .n-subscribe__form-input:-ms-input-placeholder {
font-size: 15px;
letter-spacing: 0; }
.n-subscribe .n-subscribe__form-input::-ms-input-placeholder {
font-size: 15px;
letter-spacing: 0; }
.n-subscribe .n-subscribe__form-input::placeholder {
font-size: 15px;
letter-spacing: 0; }
.n-subscribe .n-subscribe__form-btn-submit {
background-size: 25px;
background-position: 4px center; } }
/* Стили для главной страницы */
.n-page-main--main-page .n-subscribe .container {
padding-top: 93px;
padding-bottom: 102px; }
@media (max-width: 480px) {
.n-page-main--main-page .n-subscribe .container {
padding-top: 47px;
padding-bottom: 98px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-subscribe .container::after {
top: 246px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-subscribe .n-subscribe__slogan {
font-size: 24px;
line-height: 26px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-subscribe .n-subscribe__text {
margin-bottom: 24px;
font-size: 12px;
line-height: 14px; } }
@media (max-width: 480px) {
.n-page-main--main-page .n-subscribe .n-subscribe__form-input::-webkit-input-placeholder {
font-size: 13px; }
.n-page-main--main-page .n-subscribe .n-subscribe__form-input:-ms-input-placeholder {
font-size: 13px; }
.n-page-main--main-page .n-subscribe .n-subscribe__form-input::-ms-input-placeholder {
font-size: 13px; }
.n-page-main--main-page .n-subscribe .n-subscribe__form-input::placeholder {
font-size: 13px; } }
@keyframes anim-appearance {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes anim-disappearance {
100% {
opacity: 1; }
50% {
opacity: 0.5; }
0% {
opacity: 0; } }
.n-to-top {
position: fixed;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: none;
z-index: 5; }
.n-to-top .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 97%;
max-width: 1660px;
padding: 0;
padding-bottom: 135px; }
.n-to-top .n-to-top__btn {
position: relative;
display: none;
padding: 0;
padding-right: 26px;
font-size: 16px;
line-height: 23.35px;
letter-spacing: 0;
color: #a4a4a4;
background-color: transparent;
/* background-image: url("/local/templates/aist_portal_new/assets/css/../img/arrow-right@desktop1x.png");
background-repeat: no-repeat;
background-size: 16px;
background-position: right center; */
border: none;
outline: none;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: color 0.3s, background-color 0.3s, opacity 0.3s;
transition: color 0.3s, background-color 0.3s, opacity 0.3s;
pointer-events: auto;
cursor: pointer; }
.n-to-top .n-to-top__btn::after {
content: "";
display: block;
width: 16px;
height: 16px;
background: url(/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png) -210px -84px;
position: absolute;
right: 0;
top: 5px;
}
.n-to-top .n-to-top__btn:hover, .n-to-top .n-to-top__btn:focus {
color: #000000; }
/* @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-to-top__btn {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/arrow-right@desktop2x.png"); } } */
@media (max-width: 1440px) {
.n-to-top .container {
width: 100%;
max-width: 100%; }
.n-to-top .n-to-top__btn {
-webkit-transform: rotate(-90deg) translateY(20px);
transform: rotate(-90deg) translateY(20px); } }
@media (max-width: 768px) {
.n-to-top {
display: none; } }
.n-page-main--articles-detailed {
border-top: 1px solid #eeeeee;
background-image: none;
background-color: #ffffff; }
.n-article-header {
margin-bottom: 33px; }
.n-article-header__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 1140px;
margin: 0 auto;
padding: 0 40px; }
.n-article-header__topline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 65px 0 0 109px;
margin-bottom: 54px; }
.n-article-header__section-name {
position: relative;
display: block;
width: 180px;
margin-bottom: 18px;
font-size: 13px;
line-height: 36px;
color: #00c96e;
text-transform: uppercase;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-article-header__section-name span {
margin-left: 3px; }
.n-article-header__section-name span svg {
fill: #A7EFBB;
-webkit-transform: translateY(1px);
transform: translateY(1px); }
.n-article-header__section-name:hover, .n-article-header__section-name:focus {
opacity: 0.5; }
.n-article-header__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 585px;
margin: 0;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 38px;
line-height: 46px;
letter-spacing: 0; }
.n-article-header__bottomline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding-left: 108px; }
.n-article-header__bottomline .n-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 112px; }
.n-article-header__bottomline .n-author .n-author__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article-header__bottomline .n-author .n-author__inner:hover .n-author__info, .n-article-header__bottomline .n-author .n-author__inner:focus .n-author__info {
opacity: 0.5; }
.n-article-header__bottomline .n-author__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 32px;
margin-top: 7px;
margin-right: 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
@media (max-width: 768px) {
.n-article-header__bottomline .n-author__info {
margin-top: 0;
padding-left: 10px; } }
.n-article-header__bottomline .n-author__info-heading {
margin: 0;
font-size: 16px;
line-height: 21px;
color: #000000; }
.n-article-header__bottomline .n-author__info-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-article-header__bottomline .n-author__info-footer p {
margin: 0;
font-size: 13px;
line-height: 18px;
color: #a4a4a4; }
.n-article-header__bottomline .n-author__info-link {
position: relative;
display: block;
width: 175px;
padding: 2px 0 2px 16px;
font-size: 14px;
line-height: 36px;
color: #a4a4a4;
text-align: center;
border: 1px solid #f0f0f0;
border-radius: 30px;
-webkit-transition: color 0.3s;
transition: color 0.3s;
-webkit-transform: translateY(-6px);
transform: translateY(-6px); }
.n-article-header__bottomline .n-author__info-link::before, .n-article-header__bottomline .n-author__info-link::after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
background-color: #a4a4a4; }
.n-article-header__bottomline .n-author__info-link::before {
top: 50%;
left: 24px;
width: 1px;
height: 16px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.n-article-header__bottomline .n-author__info-link::after {
top: 50%;
left: 16px;
width: 16px;
height: 1px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.n-article-header__bottomline .n-author__info-link:hover, .n-article-header__bottomline .n-author__info-link:focus {
color: #000000; }
.n-article-header__bottomline .n-social-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transform: translateY(-4px);
transform: translateY(-4px); }
.n-article-header__bottomline .n-social-controls__btn {
position: relative;
display: block;
padding: 0;
margin-right: 30px;
border: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: left center;
cursor: inherit;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article-header__bottomline .n-social-controls__btn:last-child {
margin-right: 0; }
.n-article-header__bottomline .n-social-controls__btn svg {
position: absolute;
top: 50%;
left: 0;
fill: #dadada;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-article-header__bottomline .n-social-controls__btn span {
position: relative;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 36px;
color: #c0c0c0; }
.n-article-header__bottomline .n-social-controls__btn--view {
padding-left: 40px;
padding-right: 0;
cursor: inherit; }
.n-article-header__bottomline .n-social-controls__btn--comment {
padding-left: 30px;
padding-right: 0;
margin-right: 32px;
cursor: inherit; }
.n-article-header__bottomline .n-social-controls__btn--like {
padding-right: 30px;
padding-left: 50px;
cursor: inherit; }
.n-article-header__bottomline .n-social-controls__btn--like svg {
left: auto;
right: 0; }
.n-article-header__bottomline .n-social-controls__btn--like span::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -55px;
display: block;
width: 48px;
height: 22px;
margin: auto 0;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/likes-icons@desktop1x.png");
background-repeat: no-repeat;
background-size: cover; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-article-header__bottomline .n-social-controls__btn--like span::before {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/likes-icons@desktop2x.png"); } }
.n-article-picture {
width: 1140px;
height: 460px;
margin: 0 auto; }
.n-article-picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-detailed-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 1140px;
margin: 0 auto; }
.n-detailed-wrapper .container {
width: 850px;
padding-left: 150px;
padding-right: 21px;
margin: 0; }
.n-detailed-wrapper__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 850px;
padding-right: 40px; }
.n-detailed-wrapper__aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-article-body {
width: 100%;
margin: 0 auto; }
.n-article-body .n-article-main {
width: 100%;
padding-top: 49px; }
.n-article-body .n-article-main p {
width: 100%;
margin: 0;
margin-bottom: 47px;
font-family: "PTSerif", "Arial", sans-serif;
font-size: 16px;
line-height: 30px; }
.n-article-body .n-article-main p span {
display: none; }
.n-article-body .n-article-main p:nth-of-type(2) {
margin-bottom: 37px; }
.n-article-body .n-article-main p:nth-of-type(3) {
margin-bottom: 53px; }
.n-article-body .n-article-main h2 {
margin: 0;
margin-bottom: 27px;
font-family: "PTSerif", "Arial", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 24px; }
.n-article-body .n-article-main h2:nth-of-type(2) {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.n-article-body .n-article-main blockquote {
position: relative;
width: 630px;
padding-left: 30px;
margin-bottom: 39px;
font-family: "PTSerif", "Arial", sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 34px; }
.n-article-body .n-article-main blockquote::before {
content: "";
position: absolute;
top: 4px;
left: -39px;
display: block;
width: 45px;
height: 36px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/quotes@desktop1x.png");
background-repeat: no-repeat;
background-size: 65%; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-article-body .n-article-main blockquote::before {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/quotes@desktop2x.png"); } }
.n-article-body--first {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-article-body--first .n-article-main > p:first-child::first-letter {
float: left;
font-size: 54px;
line-height: 54px;
padding: 5px 15px 0 0; }
.n-article-body--second {
padding-right: 40px;
margin-bottom: 51px; }
.n-article-body--second .n-article-main {
padding-top: 55px; }
.n-article-body--second .n-article-main h2 {
margin-bottom: 27px; }
.n-article-body--second .n-article-main .n-article-body__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 98px; }
.n-article-body--second .n-article-main .n-article-body__block .n-help-banner {
width: 290px;
padding-top: 80px;
margin-left: auto;
margin-bottom: 0;
-webkit-transform: translateY(7px);
transform: translateY(7px); }
.n-article-body--second .n-article-main .n-article-body__block .n-help-banner p {
width: 100%;
margin-bottom: 23px;
letter-spacing: 0.9px;
line-height: 26px; }
.n-article-body--second .n-article-main p {
width: 540px;
margin-bottom: 0; }
.n-article-body--second .n-article-main p:last-child {
width: 100%; }
.n-article-body--second .n-article-main p span {
display: inline-block;
font-style: normal;
font-weight: inherit; }
.n-article-body--third .n-article-main p:nth-of-type(1) {
margin-bottom: 19px;
font-family: "PTSerif", "Arial", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 24px;
-webkit-transform: translateY(-9px);
transform: translateY(-9px); }
.n-article-body--third .n-article-main p:nth-of-type(2) {
width: 670px;
margin-bottom: 49px; }
.n-article-body--third .n-article-main__list {
margin: 0;
padding: 0;
list-style: none;
width: 640px;
padding-left: 22px;
margin-bottom: 23px;
font-family: "PTSerif", "Arial", sans-serif;
font-size: 16px;
line-height: 30px;
counter-reset: listCounter; }
.n-article-body--third .n-article-main__list-item {
position: relative; }
.n-article-body--third .n-article-main__list-item::before {
content: counter(listCounter);
counter-increment: listCounter;
position: absolute;
top: 0;
left: -21px;
display: block;
width: 16px;
height: 16px;
font-family: "PTSerif", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 30px; }
.n-article-body--third .n-article-main__list-item::after {
content: "";
position: absolute;
top: 18px;
left: -12px;
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #333333; }
.n-article-thematic-picture {
width: 850px;
height: 400px;
padding-left: 110px;
margin: 0 auto 30px; }
.n-article-thematic-picture .container {
height: 100%;
padding-left: 110px;
margin: 0 auto; }
.n-article-thematic-picture p {
width: 700px;
height: 100%;
margin: 0;
margin-bottom: 13px; }
.n-article-thematic-picture p img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-article-thematic-picture figcaption {
font-size: 16px;
line-height: 24px;
color: #a4a4a4; }
.n-article-slider {
width: 810px;
height: 381px;
margin-bottom: 52px;
padding: 0 0 0 110px; }
.n-article-slider p {
margin: 0;
font-size: 16px;
line-height: 24px;
color: #a4a4a4; }
.n-article-carousel {
position: relative;
width: 100%;
height: 381px;
margin-bottom: 13px; }
.n-article-slider__item {
width: 100%; }
.n-article-slider__item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-article-slider__pagination {
position: absolute;
bottom: 0;
left: auto;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 141px;
height: 70px;
background-color: #ffffff;
z-index: 1; }
.n-article-slider__pagination span {
font-family: "PTSerif", "Arial", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #a4a4a4; }
.n-article-slider__navigation {
position: absolute;
bottom: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 141px;
height: 70px;
z-index: 1; }
.n-article-slider__arrow-previous-slide,
.n-article-slider__arrow-next-slide {
display: block;
width: 30%;
height: 100%;
padding: 0;
border: none;
background-color: transparent;
background-repeat: no-repeat;
background-size: 10px 18px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 2; }
.n-article-slider__arrow-previous-slide {
margin-right: auto;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/left-arrow.svg");
background-position: right center; }
.n-article-slider__arrow-previous-slide:hover, .n-article-slider__arrow-previous-slide:focus {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/left-arrow-hover.svg"); }
.n-article-slider__arrow-next-slide {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/right-arrow.svg");
background-position: left center; }
.n-article-slider__arrow-next-slide:hover, .n-article-slider__arrow-next-slide:focus {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/right-arrow-hover.svg"); }
.n-theme-links {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-theme-links__link {
display: block;
padding: 0 15px;
margin-right: 8px;
background-color: #f8f8f8;
border-radius: 5px;
font-size: 13px;
line-height: 30px;
color: #808080;
text-align: center;
text-transform: uppercase;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.n-theme-links__link:hover, .n-theme-links__link:focus {
background-color: #dadada; }
.n-article-footer {
width: 100%;
margin: 0 auto 50px; }
.n-article-footer__topline {
margin-bottom: 63px; }
.n-article-footer__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
padding-right: 20px;
margin-bottom: 49px; }
.n-article-footer__main .n-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 700px; }
.n-article-footer__main .n-author p {
margin: 0; }
.n-article-footer__main .n-author .n-author__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article-footer__main .n-author .n-author__inner:hover .n-author__info, .n-article-footer__main .n-author .n-author__inner:focus .n-author__info {
opacity: 0.5; }
.n-article-footer__main .n-author__info {
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article-footer__main .n-author__info-heading {
font-size: 16px;
line-height: 21px;
color: #000000; }
.n-article-footer__main .n-author__info-footer > p {
letter-spacing: 1px;
color: #a5a5a5; }
.n-article-footer__main .n-author__info-link {
position: relative;
display: block;
width: 195px;
padding: 5px 0 5px 16px;
margin-left: 0;
font-size: 16px;
line-height: 36px;
color: #ffffff;
text-align: center;
border-radius: 30px;
background-color: #1dbfb2;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateY(-4px);
transform: translateY(-4px); }
.n-article-footer__main .n-author__info-link::before, .n-article-footer__main .n-author__info-link::after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
background-color: #ffffff; }
.n-article-footer__main .n-author__info-link::before {
top: 50%;
left: 24px;
width: 1px;
height: 16px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.n-article-footer__main .n-author__info-link::after {
top: 50%;
left: 16px;
width: 16px;
height: 1px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.n-article-footer__main .n-author__info-link:hover, .n-article-footer__main .n-author__info-link:focus {
opacity: 0.5; }
.n-article-footer__bottomline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }
.n-article-footer__bottomline button {
display: inline-block;
padding: 0;
border: none;
background-color: transparent;
cursor: pointer; }
.n-article-footer__bottomline .n-article-footer__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-article-footer__bottomline .n-article-footer__controls-btn {
position: relative;
display: block;
padding: 0;
font-size: 13px;
line-height: 50.9px;
color: #a5a5a5;
border: none;
background-color: transparent;
background-repeat: no-repeat;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article-footer__bottomline .n-article-footer__controls-btn svg {
position: absolute;
top: 50%;
left: 0;
fill: #dadada;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-article-footer__bottomline .n-article-footer__controls-btn[aria-label="Создать закладку"] {
padding-left: 20px;
margin-right: 28px; }
.n-article-footer__bottomline .n-article-footer__controls-btn[aria-label="Создать закладку"]:hover svg, .n-article-footer__bottomline .n-article-footer__controls-btn[aria-label="Создать закладку"]:focus svg {
fill: #808080; }
.n-article-footer__bottomline .n-article-footer__controls-btn[value=""] {
padding-left: 26px;
margin-right: 113px;
letter-spacing: 0; }
.n-article-footer__bottomline .n-article-footer__controls-btn[value=""]:hover svg, .n-article-footer__bottomline .n-article-footer__controls-btn[value=""]:focus svg {
fill: #808080; }
.n-article-footer__bottomline .n-social-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-article-footer__bottomline .n-social-controls__btn {
position: relative;
background-repeat: no-repeat;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article-footer__bottomline .n-social-controls__btn span {
position: relative;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 36px;
color: #c0c0c0; }
.n-article-footer__bottomline .n-social-controls__btn svg {
position: absolute;
top: 50%;
left: 0;
fill: #dadada;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: fill 0.3s;
transition: fill 0.3s; }
.n-article-footer__bottomline .n-social-controls__btn[aria-label="Количество репостов статьи"] {
display: none; }
.n-article-footer__bottomline .n-social-controls__btn--like {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
padding-right: 28px;
padding-left: 50px;
margin-right: 29px;
cursor: inherit; }
.n-article-footer__bottomline .n-social-controls__btn--like svg {
left: auto;
right: 0; }
.n-article-footer__bottomline .n-social-controls__btn--like span::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -55px;
display: block;
width: 48px;
height: 22px;
margin: auto 0;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/likes-icons@desktop1x.png");
background-repeat: no-repeat;
background-size: cover; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-article-footer__bottomline .n-social-controls__btn--like span::before {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/likes-icons@desktop2x.png"); } }
.n-article-footer__bottomline .n-social-controls__btn--comment {
padding-left: 0;
padding-right: 30px;
margin-right: 29px;
cursor: inherit; }
.n-article-footer__bottomline .n-social-controls__btn--comment svg {
left: auto;
right: 0; }
.n-article-footer__bottomline .n-social-media {
position: static;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto;
padding-top: 5px;
padding-left: 0; }
.n-article-footer__bottomline .n-social-media__item {
margin-right: 10px; }
.n-article-footer__bottomline .n-social-media__item:last-child {
margin-right: 0; }
.n-article-promo__section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1140px;
margin: 0 auto;
padding: 0 40px 72px; }
.n-article-promo__section-heading {
margin: 0;
margin-bottom: 30px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: 0; }
.n-article-promo__section-list {
margin: 0;
padding: 0;
list-style: none; }
.n-latest-news-carousel {
width: 290px;
margin-bottom: 23px;
margin-right: 109px; }
.n-latest-news-carousel .n-article-promo__section-list {
max-height: 290px; }
.n-latest-news-carousel .n-article-promo__section-list .n-articles-news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-latest-news-carousel .n-article-promo__section-list .n-articles-news:hover .n-articles-news__content, .n-latest-news-carousel .n-article-promo__section-list .n-articles-news:focus .n-articles-news__content {
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.5; }
.n-latest-news-carousel .n-article-promo__section-list .n-articles-news__img {
min-width: 60px;
margin-right: 20px; }
.n-latest-news-carousel .n-article-promo__section-list .n-articles-news__content {
margin-top: -4px; }
.n-latest-news-carousel .n-article-promo__section-list .n-articles-news__content h3 , .h3{
margin: 0;
font-family: "Marta", "Arial", sans-serif;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.5px; }
.h3{
font-weight: 700;
letter-spacing: inherit;
}
.n-latest-news-carousel .n-article-promo__section-list .n-articles-news__content h3 span {
font-style: inherit; }
.n-latest-news-carousel .n-article-promo__section-list .n-articles-news__content p {
margin: 0;
line-height: 36px;
color: #a5a5a5; }
@media (max-width: 480px) {
.n-latest-news-carousel .n-article-promo__section-list .n-articles-news__content {
margin-top: -2px; } }
.n-latest-news-carousel .n-article-promo__section-list-item {
width: 100%;
margin-bottom: 14px; }
.n-article-promo__section-group-link {
font-size: 13px;
line-height: 24px;
letter-spacing: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-article-promo__section-group-link:hover, .n-article-promo__section-group-link:focus {
opacity: 0.5; }
.n-top-authors-carousel {
margin-right: 149px; }
.n-top-authors-carousel .n-article-promo__section-list .n-article-promo__section-list-item {
width: 220px;
margin-bottom: 31px; }
.n-top-authors-carousel .n-article-promo__section-list .n-article-promo__section-list-item:last-child {
margin-bottom: 23px; }
.n-top-authors-carousel .n-article-promo__section-list .n-article-promo__section-list-item--second {
margin-bottom: 8px; }
.n-top-authors-carousel .n-article-promo__section-list .n-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all, 0.3s;
transition: all, 0.3s; }
.n-top-authors-carousel .n-article-promo__section-list .n-author:focus .n-author__info, .n-top-authors-carousel .n-article-promo__section-list .n-author:hover .n-author__info {
opacity: 0.5; }
.n-top-authors-carousel .n-article-promo__section-list .n-author__img {
min-width: 50px;
max-width: 50px;
margin-right: 20px; }
.n-top-authors-carousel .n-article-promo__section-list .n-author__info {
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-top-authors-carousel .n-article-promo__section-list .n-author__info-heading {
margin: 0;
font-size: 16px;
line-height: 28px;
color: #000000; }
.n-top-authors-carousel .n-article-promo__section-list .n-author__info-footer p {
margin: 0;
font-size: 13px;
line-height: 18px;
color: #a5a5a5; }
.n-articles-other .container {
width: 1310px;
padding: 67px 5px 92px 25px;
margin: 0 auto;
}
.hr {
margin: 0 auto;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 10px;
}
.n-articles-other .n-articles-other__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-articles-other .n-article--other {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 290px;
margin-right: 40px; }
.n-articles-other .n-article--other:nth-child(1) .n-article__preview-title {
margin-bottom: 0; }
.n-articles-other .n-article--other:nth-child(1) .n-article__preview-caption {
margin-bottom: 22px; }
.n-articles-other .n-article--other:nth-child(2) .n-article__preview-title {
margin-bottom: 19px; }
.n-articles-other .n-article--other:nth-child(2) .n-article__preview-caption {
margin-bottom: 24px; }
.n-articles-other .n-article--other:nth-child(3) .n-article__preview-title {
margin-bottom: 0; }
.n-articles-other .n-article--other:nth-child(3) .n-article__preview-caption {
margin-bottom: 17px; }
.n-articles-other .n-article--other:nth-child(4) {
margin-right: 0; }
.n-articles-other .n-article--other:nth-child(4) .n-article__preview-title {
margin-bottom: 31px; }
.n-articles-other .n-article--other:nth-child(4) .n-article__preview-caption {
margin-bottom: 18px; }
.n-articles-other .n-article__img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-articles-other .n-article__img:hover, .n-articles-other .n-article__img:focus {
opacity: 0.8; }
.n-articles-other .n-article__preview-heading {
line-height: 36px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.n-articles-other .n-article__preview-heading:hover, .n-articles-other .n-article__preview-heading:focus {
opacity: 0.5; }
.n-articles-other .n-article__preview-heading--schooling {
margin-bottom: 9px; }
.n-articles-other .n-article__preview-heading--schooling::after {
top: 11px;
right: 37px; }
.n-articles-other .n-article__preview-heading--education {
margin-bottom: 13px; }
.n-articles-other .n-article__preview-heading--education::after {
top: 9px;
right: 46px; }
.n-articles-other .n-article__preview-heading--health {
margin-bottom: 13px;
color: #003b71; }
.n-articles-other .n-article__preview-heading--live {
margin-bottom: 10px; }
.n-articles-other .n-article__preview-heading--live::after {
top: 9px;
right: 40px; }
.n-articles-other .n-article__preview-link {
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-articles-other .n-article__preview-caption {
margin: 0; }
.n-articles-other .n-article__preview-social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 0;
margin-bottom: 24px; }
@media (max-width: 1440px) {
.n-article-header {
width: 1140px;
margin: 0 auto 33px; }
.n-article-header__wrapper {
width: 100%;
padding: 0 17%; }
.n-article-header__topline {
padding-left: 0; }
.n-article-header__title {
font-size: 38px;
line-height: 46px; }
.n-article-header__bottomline {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0; }
.n-article-header__bottomline .n-author {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-right: 1%; }
.n-article-header__bottomline .n-author__info {
min-width: 150px; }
.n-article-header__bottomline .n-social-controls__btn--like {
display: none; }
.n-article-header__bottomline .n-social-controls__btn--comment {
margin-right: 0; }
.n-detailed-wrapper {
width: 1040px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.n-detailed-wrapper .container {
width: 100%;
padding-left: 0;
padding-right: 0; }
.n-detailed-wrapper__content {
width: 730px;
padding-left: 10%;
padding-right: 0; }
.n-detailed-wrapper__aside {
width: 260px; }
.n-article-picture {
width: 1040px;
margin-bottom: 49px; }
.n-article-picture img {
margin: 0 auto; }
.n-article-body {
width: 100%;
padding-left: 7%; }
.n-article-body .n-article-main {
padding-top: 0; }
.n-article-body .n-article-main p {
width: 100%;
margin-bottom: 47px; }
.n-article-body .n-article-main blockquote {
width: unset;
margin-bottom: 43px; }
.n-article-body--second {
padding-right: 0; }
.n-article-body--second .n-article-main .n-article-body__block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px; }
.n-article-body--second .n-article-main p:last-child {
width: 100%; }
.n-article-body--second .n-article-main blockquote {
width: unset; }
.n-article-body--third .n-article-main p:nth-of-type(2) {
width: 100%;
margin-bottom: 31px; }
.n-article-body--third .n-article-main__list {
width: 100%; }
.n-article-thematic-picture {
width: 100%;
padding-left: 0;
margin-bottom: 83px; }
.n-article-thematic-picture p {
width: 100%; }
.n-article-slider {
width: 100%;
padding-left: 0;
margin-bottom: 96px; }
.n-article-slider .n-article-carousel {
width: 100%; }
.n-article-slider p {
padding-left: 10%; }
.n-article-footer {
width: 100%;
padding-left: 6.5%; }
.n-article-footer .n-article-footer__topline {
padding-left: 0; }
.n-article-footer .n-article-footer__main {
padding: 0; }
.n-article-footer .n-article-footer__main .n-author {
width: 100%;
margin: 0 auto 0 0; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls-btn[value=""] {
margin-right: 0; }
.n-article-footer .n-article-footer__bottomline .n-social-controls {
margin-left: auto; }
.n-article-footer .n-article-footer__bottomline .n-social-controls__btn--like {
display: none; }
.n-article-promo__section {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 1160px;
margin: 0 auto;
padding: 0 48px; }
.n-article-promo__section .n-article-promo__section-group {
margin-bottom: 51px; }
.n-article-promo__section .n-top-authors-carousel {
margin-right: 0; }
.n-articles-other .container {
width: 100%;
padding: 67px 15px 92px; }
.n-articles-other .swiper-wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.n-articles-other .n-article--other {
margin-right: 1%;
margin-bottom: 50px; }
.n-articles-other .n-article__preview-heading {
width: unset; }
.n-articles-other .n-article__preview-social {
width: unset; } }
@media (max-width: 1200px) {
.n-page-main--articles-detailed .container--header-detailed {
padding: 0; }
.n-article-header {
width: 90%;
margin: 0 auto; }
.n-article-header__wrapper {
padding-left: 7%;
padding-right: 0; }
.n-article-header__bottomline {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.n-article-picture {
width: 90%;
height: auto; }
.n-detailed-wrapper {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-detailed-wrapper .container {
width: 90%;
padding-right: 0;
margin: 0 auto; }
.n-detailed-wrapper__content {
width: 100%;
padding: 0; }
.n-detailed-wrapper__aside {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 60%;
margin: 0 auto; }
.n-article-thematic-picture {
width: 90%; }
.n-article-thematic-picture figcaption {
padding-left: 0; }
.n-article-slider {
width: 90%;
margin: 0 auto 50px; }
.n-article-slider__item img {
width: 100%; }
.n-article-promo__section {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 72px; } }
@media (max-width: 1024px) {
.n-page-main--articles-detailed .container {
padding: 0 20px; }
.n-article-header__wrapper {
padding: 0; }
.n-article-picture {
padding: 0; }
.n-article-body {
padding: 0; }
.n-article-body .n-article-main {
padding: 0; }
.n-article-body--third .n-article-main p:nth-of-type(2) {
width: 100%; }
.n-article-thematic-picture {
padding: 0 20px; }
.n-article-slider {
padding: 0; }
.n-article-slider p {
padding-left: 20px; }
.n-article-slider .n-article-carousel {
width: 100%; }
.n-article-slider .n-article-slider__item {
width: 80%; }
.n-article-slider .n-article-slider__pagination {
display: none; }
.n-article-slider .n-article-slider__navigation {
display: none; }
.n-article-footer {
padding: 0; }
.n-article-footer .n-article-footer__topline {
padding-left: 0; }
.n-article-footer .n-article-footer__main {
padding-left: 0; }
.n-article-footer .n-article-footer__main .n-author {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto; }
.n-article-footer .n-article-footer__main .n-author .n-author__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-article-footer .n-article-footer__main .n-author__img {
margin-right: 0;
margin-bottom: 10px; }
.n-article-footer .n-article-footer__main .n-author__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px; }
.n-article-footer .n-article-footer__main .n-author__info-link {
margin-left: 0; }
.n-article-footer .n-article-footer__bottomline {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls {
margin-right: 20%; }
.n-article-footer .n-article-footer__bottomline .n-social-controls {
margin-left: 0; }
.n-article-footer .n-article-footer__bottomline .n-social-controls__btn--comment {
margin-right: 0; }
.n-detailed-wrapper__aside {
width: 70%; }
.n-articles-other .container {
padding: 50px 0 0; } }
@media (max-width: 768px) {
.n-article-header__topline {
margin-bottom: 15px; }
.n-article-header__title {
width: 100%;
font-size: 21px;
line-height: 21px; }
.n-article-header__bottomline {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-article-header__bottomline .n-author {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-article-header__bottomline .n-author__img {
width: 50px; }
.n-article-header__bottomline .n-author__info-heading {
font-size: 13px; }
.n-article-header__bottomline .n-author__info-footer p {
font-size: 10px; }
.n-article-header__bottomline .n-author__info-link {
width: 135px;
padding: 5px 0 5px 10px;
margin-left: auto;
font-size: 11px;
line-height: 22px;
background-size: 10px; }
.n-article-header__bottomline .n-author__info-link::before {
left: 15px; }
.n-article-header__bottomline .n-author__info-link::after {
left: 8px; }
.n-article-header__bottomline .n-social-controls {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-right: auto;
margin-bottom: 30px; }
.n-article-header__bottomline .n-social-controls__btn span {
font-size: 11px; }
.n-article-header__bottomline .n-social-controls__btn--view {
padding-left: 35px;
background-size: 20px 11px; }
.n-article-header__bottomline .n-social-controls__btn--comment {
padding-left: 30px;
background-size: 12px 11px; }
.n-article-header__bottomline .n-social-controls__btn--like {
padding-right: 30px;
background-size: 12px 11px; }
.n-article-picture {
width: 100%;
height: auto; }
.n-article-promo__section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-article-promo__section .n-article-promo__section-group {
width: 100%;
padding-left: 15px; }
.n-article-promo__section .n-article-promo__section-heading {
font-size: 11px;
line-height: 24px;
text-transform: uppercase; }
.n-article-promo__section .n-article-promo__section-group-link {
display: none; }
.n-article-promo__section .n-latest-news-carousel {
width: 100%;
margin: 0; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list-item {
width: 46%;
margin-right: 1%; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list-item:nth-child(even) {
margin-right: 0; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list-item .n-articles-news {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.n-article-promo__section .n-top-authors-carousel .n-article-promo__section-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }
.n-article-footer .n-article-footer__main .n-author__info-link {
width: 135px;
font-size: 11px;
line-height: 22px;
background-size: 10px; }
.n-article-footer .n-article-footer__main .n-author__info-link::before {
left: 15px; }
.n-article-footer .n-article-footer__main .n-author__info-link::after {
left: 8px; }
.n-article-footer .n-article-footer__bottomline {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls {
margin-right: 0; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls-btn {
font-size: 13px;
line-height: 13px; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls-btn[aria-label="Создать закладку"] {
background-size: 40%; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls-btn[value=""] {
background-size: 11px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls__btn--like {
padding-right: 30px;
background-size: 14px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls__btn--comment {
padding-right: 30px;
background-size: 14px; }
.n-articles-other .container {
padding: 30px 0 0 15px; }
.n-articles-other .swiper-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.n-articles-other .n-article__img {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-bottom: 12px; } }
@media (max-width: 480px) {
.n-page-main--articles-detailed .container {
padding: 0 15px; }
.n-article-header {
width: 100%;
margin-bottom: 0; }
.n-article-header__topline {
padding-top: 0; }
.n-article-header__section-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: inherit;
margin-top: 30px;
margin-bottom: 20px;
font-size: 0; }
.n-article-header__section-name span {
margin-left: 0; }
.n-article-header__title {
padding-right: 15px;
font-size: 26px;
line-height: 28px;
letter-spacing: 0; }
.n-article-header__bottomline .n-author {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-right: 0;
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.n-article-header__bottomline .n-author__img {
width: 40px;
min-width: 40px; }
.n-article-header__bottomline .n-author__info {
padding-left: 5%; }
.n-article-header__bottomline .n-author__info-heading {
font-size: 13px;
line-height: 18px; }
.n-article-header__bottomline .n-author__info-footer p {
font-size: 13px;
line-height: 18px;
/* transform: translateY(-20px); */ }
.n-article-header__bottomline .n-author__info-link {
display: none; }
.n-article-header__bottomline .n-social-controls {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
margin-right: 0;
margin-bottom: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
.n-article-header__bottomline .n-social-controls .n-social-controls__btn span {
font-size: 13px; }
.n-article-header__bottomline .n-social-controls__btn--view {
padding-left: 22px;
margin-right: 19px; }
.n-article-header__bottomline .n-social-controls__btn--view svg {
width: 18px;
height: 11px; }
.n-article-header__bottomline .n-social-controls__btn--comment {
padding-left: 17px; }
.n-article-header__bottomline .n-social-controls__btn--comment svg {
width: 12px;
height: 11px; }
.n-article-header__bottomline .n-social-controls__btn--like {
padding-right: 20px;
margin-left: auto;
background-position: 72px center; }
.n-article-header__bottomline .n-social-controls__btn--like svg {
width: 12px;
height: 11px; }
.n-article-header__bottomline .n-social-controls__btn--like span::before {
top: auto;
bottom: 1px;
left: -38px;
width: 33px;
height: 14px; }
.n-article-picture {
height: 170px;
margin-bottom: 11px;
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
.n-article-picture img {
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-detailed-wrapper .container {
width: 100%;
padding: 0; }
.n-article-body .n-article-main {
padding: 0 15px; }
.n-article-body .n-article-main p {
padding-right: 10px;
margin-bottom: 25px;
font-size: 16px;
line-height: 22px; }
.n-article-body .n-article-main p span {
display: block;
padding-top: 10px;
font-style: inherit;
font-weight: normal; }
.n-article-body .n-article-main p:nth-of-type(2) {
margin-bottom: 46px; }
.n-article-body .n-article-main p:nth-of-type(3) {
margin-bottom: 34px; }
.n-article-body .n-article-main h2 {
margin-bottom: 16px;
font-size: 22px;
line-height: 24px; }
.n-article-body .n-article-main blockquote {
padding: 0;
padding-right: 60px;
margin: 0;
margin-bottom: 29px;
font-size: 18px;
line-height: 23px; }
.n-article-body .n-article-main blockquote::before {
top: -23px;
left: 0;
width: 25px;
height: 18px;
background-size: 90%; }
.n-article-body--first .n-article-main > p:first-child::first-letter {
font-size: 40px;
line-height: 24px;
padding: 10px 10px 0 0; }
.n-article-body--second {
margin-bottom: 22px; }
.n-article-body--second .n-article-main .n-article-body__block {
margin-bottom: 13px; }
.n-article-body--second .n-article-main h2 {
display: none; }
.n-article-body--second .n-article-main p {
margin-bottom: 34px; }
.n-article-body--second .n-article-main p span {
display: none; }
.n-article-body--second .n-article-main blockquote {
padding-right: 56px; }
.n-article-body--second .n-article-main blockquote::before {
top: -26px; }
.n-article-body--second .n-article-main blockquote + p {
margin-bottom: 20px; }
.n-article-body--third .n-article-main .visually-hidden + p {
padding-right: 80px;
margin-bottom: 7px;
font-size: 22px;
line-height: 22px; }
.n-article-body--third .n-article-main p:nth-of-type(2) {
margin-bottom: 25px; }
.n-article-body--third .n-article-main__list {
padding-left: 0;
padding-right: 37px;
margin-bottom: 15px;
font-size: 16px;
line-height: 22px; }
.n-article-body--third .n-article-main__list-item {
margin-bottom: 10px; }
.n-article-body--third .n-article-main__list-item::before {
top: -5px;
left: 0;
font-size: 18px; }
.n-article-body--third .n-article-main__list-item::after {
top: 14px;
left: 11px; }
.n-article-body--third .n-article-main__list-item::first-letter {
padding-left: 20px; }
.n-article-thematic-picture {
width: 100%;
height: unset;
padding: 0 15px;
margin-bottom: 26px; }
.n-article-thematic-picture p {
height: 170px;
margin-bottom: 10px; }
.n-article-thematic-picture p img {
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-article-thematic-picture figcaption {
padding-left: 15px;
font-size: 14px;
line-height: 24px; }
.n-article-slider {
width: 100%;
height: unset;
padding-left: 15px;
margin: 0 0 37px 0; }
.n-article-slider p {
padding-left: 0;
font-size: 14px;
line-height: 24px; }
.n-article-slider .n-article-carousel {
height: unset;
margin-bottom: 9px; }
.n-article-slider .n-article-slider__item {
width: 255px;
height: 170px; }
.n-article-slider .n-article-slider__item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-article-footer {
padding: 0 15px;
margin-bottom: 21px; }
.n-article-footer .n-article-footer__topline {
margin-bottom: 38px; }
.n-article-footer .n-theme-links__link {
font-size: 13px;
line-height: 30px; }
.n-article-footer .n-article-footer__main {
margin-bottom: 23px; }
.n-article-footer .n-article-footer__main .n-author__info-heading {
font-size: 16px;
line-height: 21px; }
.n-article-footer .n-article-footer__main .n-author__img {
margin-bottom: 19px; }
.n-article-footer .n-article-footer__main .n-author__info {
margin-bottom: 0; }
.n-article-footer .n-article-footer__main .n-author__info-footer > p {
font-size: 14px;
line-height: 36px;
letter-spacing: 0; }
.n-article-footer .n-article-footer__main .n-author__info-link {
width: 155px;
padding: 8px 0 8px 19px;
font-size: 13px;
letter-spacing: 0.5px;
background-size: 11px;
background-position: 20px center;
background-repeat: no-repeat;
-webkit-transform: translateY(-17px);
transform: translateY(-17px); }
.n-article-footer .n-article-footer__bottomline {
width: 100%; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-right: 0;
margin-left: auto; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls-btn {
padding-left: 14px;
margin-right: 0; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls-btn span {
visibility: hidden; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls-btn[aria-label="Создать закладку"] svg {
width: 8px;
height: 13px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls .n-social-controls__btn span {
font-size: 13px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls .n-social-controls__btn--like {
padding-left: 66px;
padding-right: 23px;
margin-right: 20px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls .n-social-controls__btn--like svg {
width: 13px;
height: 13px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls .n-social-controls__btn--like span::before {
left: -58px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls .n-social-controls__btn--comment {
margin-right: 20px;
padding-right: 22px;
background-position: 21px 12px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls .n-social-controls__btn--comment svg {
width: 14px;
height: 13px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls .n-social-controls__btn[aria-label="Количество репостов статьи"] {
display: inline-block;
padding-right: 27px; }
.n-article-footer .n-article-footer__bottomline .n-social-controls .n-social-controls__btn[aria-label="Количество репостов статьи"] svg {
left: auto;
right: 0;
width: 15px;
height: 13px; }
.n-article-footer .n-article-footer__bottomline .n-article-footer__controls-btn[value=""] {
display: none; }
.n-detailed-wrapper__aside {
width: 100%; }
.n-article-promo {
padding-bottom: 5px; }
.n-article-promo__section {
padding: 0; }
.n-article-promo__section .n-article-promo__section-group {
padding-bottom: 0;
margin-bottom: 22px;
border-bottom: 1px solid #f0f0f0; }
.n-article-promo__section .n-article-promo__section-group:nth-of-type(2) {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.n-article-promo__section .n-article-promo__section-group:nth-of-type(2) .n-article-promo__section-heading {
margin-bottom: 22px; }
.n-article-promo__section .n-article-promo__section-heading {
margin-bottom: 18px;
font-family: "PTSans", "Arial", sans-serif;
font-size: 13px;
letter-spacing: 0; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list {
width: 550px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list .n-articles-news__img {
margin-right: 15px; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list .n-articles-news__content h3 {
font-size: 16px;
line-height: 18px; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list .n-articles-news__content p {
font-size: 13px; }
.n-article-promo__section .n-latest-news-carousel .n-article-promo__section-list-item {
width: 250px;
margin-right: 20px;
margin-bottom: 5px; }
.n-article-promo__section .n-top-authors-carousel {
height: 121px; }
.n-article-promo__section .n-top-authors-carousel .n-article-promo__section-list {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 650px; }
.n-article-promo__section .n-top-authors-carousel .n-article-promo__section-list .n-article-promo__section-list-item {
width: 120px;
max-height: 125px;
margin-right: 25px; }
.n-article-promo__section .n-top-authors-carousel .n-article-promo__section-list .n-article-promo__section-list-item:last-child {
margin-right: 0; }
.n-article-promo__section .n-top-authors-carousel .n-article-promo__section-list .n-author {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.n-article-promo__section .n-top-authors-carousel .n-article-promo__section-list .n-author__img {
margin-right: 0;
margin-bottom: 12px; }
.n-article-promo__section .n-top-authors-carousel .n-article-promo__section-list .n-author__info-heading {
font-size: 14px;
line-height: 26px;
letter-spacing: 0; }
.n-article-promo__section .n-top-authors-carousel .n-article-promo__section-list .n-author__info-footer p {
font-size: 13px; }
.n-articles-other .container {
border: none;
padding: 30px 0 0 15px;
background-color: #f8f8f8; }
.n-articles-other .n-article--other {
width: 255px;
margin-bottom: 0; }
.n-articles-other .n-article--other:nth-child(1) .n-article__preview-title {
margin-bottom: 10px; }
.n-articles-other .n-article--other:nth-child(2) .n-article__preview-title {
margin-bottom: 9px; }
.n-articles-other .n-article--other:nth-child(3) .n-article__preview-title {
margin-bottom: 10px; }
.n-articles-other .n-article--other:nth-child(4) .n-article__preview-title {
margin-bottom: 9px; }
.n-articles-other .n-article--other .n-article__preview-link {
margin-bottom: 0; }
.n-articles-other .n-article__img {
height: 160px;
margin-bottom: 6px; }
.n-articles-other .n-article__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.n-articles-other .n-article__preview-heading {
margin-bottom: 0;
font-size: 12px; }
.n-articles-other .n-article__preview-heading--schooling::after {
top: 10px;
right: 25px; }
.n-articles-other .n-article__preview-heading--education::after {
top: 8px;
right: 35px;
width: 16px;
height: 16px; }
.n-articles-other .n-article__preview-heading--health::after {
top: 8px;
right: 50px;
width: 14px;
height: 14px; }
.n-articles-other .n-article__preview-heading--live::after {
top: 8px;
right: 27px;
width: 16px;
height: 16px; }
.n-articles-other .n-article__preview-title {
font-size: 16px;
line-height: 18px; }
.n-articles-other .n-article__preview-caption {
display: none; }
.n-articles-other .n-article__preview-social {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: auto;
padding-right: 0; }
.n-articles-other .n-article__preview-btn span {
font-size: 13px; }
.n-articles-other .n-article__preview-btn--viewing {
padding-left: 23px; }
.n-articles-other .n-article__preview-btn--viewing svg {
width: 19px;
height: 11px; }
.n-articles-other .n-article__preview-btn--comment {
padding-left: 13px;
margin-right: 21px; }
.n-articles-other .n-article__preview-btn--comment svg {
width: 11px;
height: 11px; }
.n-articles-other .n-article__preview-btn--share {
padding-left: 13px; }
.n-articles-other .n-article__preview-btn--share svg {
width: 12px;
height: 11px; } }
.n-author__info-footer p {
font-size: 16px; }
@media (max-width: 480px) {
.n-author__info-footer p {
font-size: 12px; } }
.n-article-footer__main .n-author__info {
padding-left: 30px; }
@media (max-width: 1024px) {
.n-article-footer__main {
width: 100%; }
.n-article-footer__main .n-author__img img {
width: 60px;
height: 60px; }
.n-article-footer__main .n-author__img {
margin-bottom: 22px; }
.n-article-footer__main .n-author__info {
text-align: center;
margin-bottom: 16px;
padding-left: 0; }
.n-article-footer__main .n-author__info-link {
width: 145px;
padding: 5px 0 5px 16px;
margin-left: 0;
font-size: 13px;
line-height: 30px; } }
.n-social-media {
margin: 0;
padding: 0;
list-style: none;
position: fixed;
top: 380px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 45px;
width: 30px;
z-index: 1; }
.n-social-media__item {
width: 30px;
height: 30px;
margin-bottom: 10px; }
.n-social-media__item:last-child {
margin-bottom: 0; }
.n-social-media__link {
position: relative;
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: background-image 0.3s;
transition: background-image 0.3s; }
.n-social-media__link:hover span, .n-social-media__link:focus span {
background-color: #fff; }
.n-social-media__link span {
position: absolute;
top: -5px;
right: -3px;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #a4a4a4;
border-radius: 50%;
background-color: #ffffff;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.n-social-media__link[aria-label="Соц сеть однокласники"] {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/odnoklassniki.svg"); }
.n-social-media__link[aria-label="Соц сеть однокласники"]:hover, .n-social-media__link[aria-label="Соц сеть однокласники"]:focus {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/odnoklassniki-hover.svg"); }
.n-social-media__link[aria-label="Соц сеть фейсбук"] {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/facebook.svg"); }
.n-social-media__link[aria-label="Соц сеть фейсбук"]:hover, .n-social-media__link[aria-label="Соц сеть фейсбук"]:focus {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/facebook-hover.svg"); }
.n-social-media__link[aria-label="Соц сеть твиттер"] {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/twitter.svg"); }
.n-social-media__link[aria-label="Соц сеть твиттер"]:hover, .n-social-media__link[aria-label="Соц сеть твиттер"]:focus {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/twitter-hover.svg"); }
.n-social-media__link[aria-label="Соц сеть вк"] {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/vk.svg"); }
.n-social-media__link[aria-label="Соц сеть вк"]:hover, .n-social-media__link[aria-label="Соц сеть вк"]:focus {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/vk-hover.svg"); }
@media (max-width: 1440px) {
.n-social-media {
left: 3%; } }
@media (max-width: 1024px) {
.n-social-media {
display: none; } }
.n-subscribe--detailed {
width: 100%;
margin-bottom: 74px; }
.n-subscribe--detailed .n-subscribe__container {
width: 920px;
margin: 0 auto; }
.n-subscribe--detailed .n-subscribe__wrapper {
width: 100%;
margin: 0 auto;
padding: 52px 70px 62px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/subscribe-bg@desktop1x.png");
background-repeat: no-repeat;
background-size: cover; }
.n-subscribe--detailed .n-subscribe__text {
margin: 0;
margin-bottom: 35px;
font-family: "PTSerif", "Arial", sans-serif;
font-weight: 700;
font-size: 23px;
line-height: 26px; }
.n-subscribe--detailed .n-subscribe__text span {
font-style: inherit; }
.n-subscribe--detailed .n-subscribe__text span:last-child {
display: none; }
.n-subscribe--detailed .n-subscribe__form {
width: 100%; }
.n-subscribe--detailed .n-subscribe__form-input {
padding: 22px 30px;
height: auto;
border-radius: 3px; }
.n-subscribe--detailed .n-subscribe__form-input::-webkit-input-placeholder {
letter-spacing: 0.5px; }
.n-subscribe--detailed .n-subscribe__form-input:-ms-input-placeholder {
letter-spacing: 0.5px; }
.n-subscribe--detailed .n-subscribe__form-input::-ms-input-placeholder {
letter-spacing: 0.5px; }
.n-subscribe--detailed .n-subscribe__form-input::placeholder {
letter-spacing: 0.5px; }
.n-subscribe--detailed .n-subscribe__form-btn-submit {
width: 70px;
height: 100%;
background-size: 20px 18px;
background-position: 20px center;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-subscribe--detailed .n-subscribe__form-btn-submit:hover, .n-subscribe--detailed .n-subscribe__form-btn-submit:focus {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/sent-mail-hover.svg"); }
@media (max-width: 1440px) {
.n-subscribe--detailed {
margin-bottom: 55px; }
.n-subscribe--detailed .n-subscribe__container {
width: 820px; }
.n-subscribe--detailed .n-subscribe__wrapper {
padding: 52px 45px 62px 75px; }
.n-subscribe--detailed .n-subscribe__form-btn-submit {
background-position: 10px center; } }
@media (max-width: 1280px) {
.n-subscribe--detailed .n-subscribe__container {
width: 90%; }
.n-subscribe--detailed .n-subscribe__wrapper {
width: 100%; } }
@media (max-width: 1200px) {
.n-subscribe--detailed {
margin-top: 50px; } }
@media (max-width: 1024px) {
.n-subscribe--detailed .n-subscribe__container {
width: 90%;
padding: 0; }
.n-subscribe--detailed .n-subscribe__container .n-subscribe__text {
margin: 0 auto 35px;
text-align: center; }
.n-subscribe--detailed .n-subscribe__container .n-subscribe__text span:first-child {
display: none; }
.n-subscribe--detailed .n-subscribe__container .n-subscribe__text span:last-child {
display: block; } }
@media (max-width: 1024px) {
.n-subscribe--detailed .n-subscribe__container {
width: 100%; } }
@media (max-width: 768px) {
.n-subscribe--detailed .n-subscribe__container .n-subscribe__text {
font-size: 20px;
line-height: 24px; }
.n-subscribe--detailed .n-subscribe__wrapper {
padding: 30px 20px 70px; } }
@media (max-width: 480px) {
.n-subscribe--detailed {
margin-bottom: 22px;
margin-top: 34px; }
.n-subscribe--detailed .n-subscribe__wrapper {
padding: 41px 25px 48px; }
.n-subscribe--detailed .n-subscribe__container .n-subscribe__text {
margin: 0;
margin-bottom: 49px;
font-size: 22px;
text-align: left; }
.n-subscribe--detailed .n-subscribe__container .n-subscribe__text span:last-child {
display: none; }
.n-subscribe--detailed .n-subscribe__form-input {
padding: 13px 15px; }
.n-subscribe--detailed .n-subscribe__form-input::-webkit-input-placeholder {
letter-spacing: -1px; }
.n-subscribe--detailed .n-subscribe__form-input:-ms-input-placeholder {
letter-spacing: -1px; }
.n-subscribe--detailed .n-subscribe__form-input::-ms-input-placeholder {
letter-spacing: -1px; }
.n-subscribe--detailed .n-subscribe__form-input::placeholder {
letter-spacing: -1px; }
.n-subscribe--detailed .n-subscribe__form-btn-submit {
width: 50px;
background-size: 15px 13px; } }
.n-help-banner-detailed {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 290px;
max-height: 325px;
padding: 80px 10px 70px;
margin-bottom: 58px;
margin-left: auto;
margin-top: 74px;
border: 4px solid #fcb6d5;
-webkit-transform: translateY(7px);
transform: translateY(7px); }
.n-help-banner-detailed::before, .n-help-banner-detailed::after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
background-repeat: no-repeat;
background-size: cover; }
.n-help-banner-detailed::before {
top: -46px;
left: 88px;
width: 87px;
height: 58px;
padding: 13px;
background-color: #ffffff;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/oblako.svg");
background-size: 75%;
background-position: 19px -1px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1); }
.n-help-banner-detailed::after {
top: -35px;
left: 100px;
width: 103px;
height: 64px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/aist.svg");
-webkit-transform: scaleX(-1);
transform: scaleX(-1); }
.n-help-banner-detailed__text {
width: 100%;
margin: 0;
margin-bottom: 23px;
padding: 0 25px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.5px;
text-align: center;
color: #333333; }
.n-help-banner-detailed__text span {
display: block;
font-style: normal; }
.n-help-banner-detailed__link {
position: relative;
display: block;
padding: 2px 24px 2px 50px;
font-weight: 700;
font-size: 18px;
line-height: 36px;
color: #ffffff;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/line_telephone.svg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-help-banner-detailed__link:hover::before, .n-help-banner-detailed__link:focus::before {
-webkit-animation-name: shake-x;
animation-name: shake-x;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: cubic-bezier(0.5, 0.03, 0.53, 0.96);
animation-timing-function: cubic-bezier(0.5, 0.03, 0.53, 0.96); }
.n-help-banner-detailed__link::before {
content: "";
position: absolute;
top: 10px;
left: 25px;
width: 16px;
height: 16px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/telephone.svg");
background-repeat: no-repeat;
background-size: cover; }
.n-help-banner-detailed--option {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 290px;
max-height: 320px;
padding: 39px 35px 29px;
margin-top: 0;
border: 4px solid #f5f5f5;
-webkit-transform: translateY(5px);
transform: translateY(5px); }
.n-help-banner-detailed--option::before {
display: none; }
.n-help-banner-detailed--option::after {
top: auto;
bottom: -7px;
right: -8px;
left: auto;
width: 160px;
height: 139px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/khoudoleev@desktop1x.png");
background-repeat: no-repeat;
background-size: 95%;
-webkit-transform: scaleX(1);
transform: scaleX(1); }
.n-help-banner-detailed--option .n-help-banner-detailed__text {
padding: 0;
margin-bottom: 28px;
font-family: "PTSerif", "Arial", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
text-align: left; }
.n-help-banner-detailed--option .n-help-banner-detailed__author {
margin-bottom: 102px;
font-family: "PTSerif", "Arial", sans-serif;
font-size: 16px;
color: #434343;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-help-banner-detailed--option .n-help-banner-detailed__author:hover, .n-help-banner-detailed--option .n-help-banner-detailed__author:focus {
opacity: 0.5; }
.n-help-banner-detailed--option .n-help-banner-detailed__link {
padding: 0;
font-size: 13px;
font-weight: normal;
line-height: 24px;
color: #808080;
background-image: none;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-help-banner-detailed--option .n-help-banner-detailed__link:hover, .n-help-banner-detailed--option .n-help-banner-detailed__link:focus {
opacity: 0.5; }
.n-help-banner-detailed--option .n-help-banner-detailed__link::before {
display: none; }
@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.n-help-banner-detailed--option::after {
background-image: url("/local/templates/aist_portal_new/assets/css/../img/khoudoleev@desktop2x.png"); } }
@media (max-width: 1440px) {
.n-detailed-wrapper__aside {
padding-top: 25px; }
.n-detailed-wrapper__aside .n-help-banner-detailed {
width: 100%;
margin: 0 auto 56px; }
.n-detailed-wrapper__aside .n-help-banner-detailed::before {
left: 0;
right: 0;
margin: 0 auto; }
.n-detailed-wrapper__aside .n-help-banner-detailed::after {
left: 0;
right: 0;
margin: 0 auto; }
.n-detailed-wrapper__aside .n-help-banner-detailed__text {
padding: 0; }
.n-detailed-wrapper__aside .n-help-banner-detailed__link {
padding: 2px 50px; }
.n-detailed-wrapper__aside .n-help-banner-detailed__link::before {
display: none; }
/*.n-article-promo {
.n-article-promo__section {
.n-help-banner-detailed--option {
width: 100%;
padding: 39px 20% 29px;
margin-bottom: 0;
border: none;
background-color: $primary-color;
z-index: 0;
&::after {
right: 19.5%;
}
.n-help-banner-detailed__text {
text-align: center;
font-size: 24px;
}
.n-help-banner-detailed__author {
font-size: 21px;
margin: 0 auto 102px;
}
.n-help-banner-detailed__link {
width: 40%;
padding: 10px 0;
margin: 0 auto;
font-size: 14px;
text-align: center;
border-radius: 30px;
background-color: $light-color;
&:hover,
&:active {
opacity: 0.5;
}
}
}
}
}*/ }
@media (max-width: 1200px) {
.n-detailed-wrapper__aside .n-help-banner-detailed {
width: 260px;
margin-left: 0;
margin-top: 0; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option {
width: 100%;
padding: 39px 20% 29px;
margin-bottom: 0;
border: none;
background-color: #e2f2ff;
z-index: 0; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option::after {
right: 19.5%; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__text {
text-align: center;
font-size: 24px; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__author {
font-size: 21px;
margin: 0 auto 102px; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__link {
width: 40%;
padding: 10px 0;
margin: 0 auto;
font-size: 14px;
text-align: center;
border-radius: 30px;
background-color: #ffffff; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__link:hover, .n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__link:active {
opacity: 0.5; } }
@media (max-width: 1024px) {
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option {
padding: 39px 5% 29px; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option::after {
right: 0;
bottom: 0;
background-size: cover; } }
@media (max-width: 768px) {
/*.n-article-body--second {
.n-article-main {
.n-article-body__block {
.n-help-banner-detailed {
width: 100%;
}
}
}
}*/
.n-help-banner-detailed {
display: none; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__text {
font-size: 21px; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__author {
font-size: 18px; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__link {
margin: 0; } }
@media (max-width: 480px) {
.n-article-body--second .n-article-main .n-article-body__block .n-help-banner-detailed {
display: none; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option {
padding: 24px 115px 29px 25px; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option::after {
right: 0;
bottom: 0;
width: 107px;
height: 85px;
background-size: cover; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__text {
margin-bottom: 15px;
font-size: 16px;
line-height: 18px;
letter-spacing: -0.7px; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__author {
display: none; }
.n-article-promo .n-article-promo__section .n-help-banner-detailed--option .n-help-banner-detailed__link {
width: 88px;
padding: 3px 0;
font-size: 14px;
line-height: 24px; }
.n-articles-other {
background-color: transparent; } }
.n-read-more {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #f5f5f5; }
.n-read-more .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 1310px;
padding: 78px 15px 78px 14px; }
.n-read-more .container > p {
margin: 0;
margin-bottom: 35px;
font-family: "Marta", "Arial", sans-serif;
font-size: 23px;
line-height: 24px;
letter-spacing: 0.6px; }
.container--comments {
padding: 125px 389px 54px 60px; }
.n-read-more__list {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; }
.n-read-more__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 290px;
margin-right: 40px; }
.n-read-more__item:last-child {
margin-right: 0; }
.n-read-more__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-webkit-transition: color 0.3s;
transition: color 0.3s; }
.n-read-more__link:hover, .n-read-more__link:focus {
color: rgba(51, 51, 51, 0.5); }
.n-read-more__link:hover .n-read-more__img, .n-read-more__link:focus .n-read-more__img {
-webkit-box-shadow: 0 0 15px rgba(37, 37, 37, 0.3);
box-shadow: 0 0 15px rgba(37, 37, 37, 0.3); }
.n-read-more__img {
width: 290px;
min-width: 290px;
margin-bottom: 27px;
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
.n-read-more__img + p {
margin: 0;
margin-bottom: 2px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 22px;
letter-spacing: 0;
text-align: center; }
.n-read-more__whose-link {
position: relative;
display: inline-block;
line-height: 36px;
text-align: center;
color: #a5a5a5;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.n-read-more__whose-link:hover, .n-read-more__whose-link:focus {
color: #000000; }
.n-read-more__whose-link--option {
padding-right: 27px; }
.n-read-more__whose-link--option::after {
content: "";
position: absolute;
top: 10px;
right: 0;
display: block;
width: 16px;
height: 16px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/aside-share-detailed.svg");
background-repeat: no-repeat;
background-size: cover; }
@media (max-width: 1440px) {
.n-read-more .container {
width: 1160px;
padding: 78px 0 27px; }
.n-read-more .n-read-more__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-read-more .n-read-more__item {
width: 260px;
margin-right: auto;
margin-bottom: 30px; }
.n-read-more .n-read-more__item:last-child {
margin-right: 0; }
.n-read-more .n-read-also {
width: 100%; }
.n-read-more .n-read-also__image {
width: 100%; }
.n-read-more .n-read-also__image img {
-o-object-fit: cover;
object-fit: cover; }
.container--comments {
padding: 159px 29.5% 54px 96px; } }
@media (max-width: 1200px) {
.n-read-more .container {
width: 90%; }
.n-read-more .n-read-more__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.n-read-more .n-read-more__item {
margin-right: 10px; }
.container--comments {
padding: 159px 19.5% 54px 96px; } }
@media (max-width: 1024px) {
.n-read-more .container {
width: 75%; }
.n-read-more .n-read-more__item:nth-of-type(2) {
margin-right: 0; }
.n-page-main--articles-detailed .container--comments {
padding-top: 60px;
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 768px) {
.n-page-main--articles-detailed .container--comments {
padding-top: 31px; } }
@media (max-width: 480px) {
.n-read-more {
display: none; }
.n-page-main--articles-detailed .container--comments {
padding-top: 0;
padding-bottom: 14px; } }
.n-articles-header--education .container {
padding-bottom: 45px; }
.n-articles-header--education .container p {
margin-bottom: 14px;
z-index: 1; }
.n-articles-header--education .n-articles-header__block {
width: 634px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-articles-header--education .n-articles-header__block a {
margin-left: 0;
margin-top: 1px; }
.n-articles--education .container {
padding-top: 62px; }
.n-articles__sort {
display: block;
width: 100%;
padding-left: 14px; }
.n-articles__sort .n-articles__sort-list {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.n-articles__sort .n-articles__sort-item {
margin-right: 33px;
margin-bottom: 61px; }
.n-articles__sort .n-articles__sort-item:last-child {
margin-right: 0; }
.n-articles__sort .n-articles__sort-btn {
display: inline-block;
padding: 0;
padding-bottom: 10px;
font-family: "Marta", "Arial", sans-serif;
font-weight: 700;
font-size: 23px;
line-height: 24px;
letter-spacing: 0.2px;
border: none;
border-bottom: 4px solid transparent;
outline: none;
background-color: transparent;
cursor: pointer;
-webkit-transition: border 0.3s, color 0.3s;
transition: border 0.3s, color 0.3s;
/*&:focus {
border-bottom: 4px solid $eleventh-color;
}*/ }
.n-articles__sort .n-articles__sort-btn:hover, .n-articles__sort .n-articles__sort-btn:focus {
color: #a5a5a5; }
.n-articles__sort .n-articles__sort-btn--active {
border-bottom: 4px solid #3aa65e; }
.n-articles__sort .n-articles__sort-btn--active:hover, .n-articles__sort .n-articles__sort-btn--active:focus {
color: #000000;
cursor: auto; }
.n-articles__wrapper--education {
padding-top: 0; }
.n-article__preview--page-education .n-article__preview-heading--schooling {
margin-bottom: 21px;
color: #3aa65e; }
.n-article__preview--page-education .n-article__preview-heading--schooling::after {
top: -1px;
right: 36px;
width: 20px;
height: 14px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/education.svg");
background-size: 100%; }
.n-article__preview--page-education .n-article__preview-link--main {
margin-bottom: 33px; }
.n-articles__content-group--page-education .n-article__preview-heading--schooling {
max-width: 120px;
margin-bottom: 16px;
color: #3aa65e; }
.n-articles__content-group--page-education .n-article__preview-heading--schooling::after {
top: -1px;
right: 11px;
width: 20px;
height: 14px;
background-image: url("/local/templates/aist_portal_new/assets/css/../img/svg/education.svg");
background-size: 100%;
-webkit-transform: none;
transform: none; }
.n-articles__content-group--all.n-articles__content-group--page-education .n-article__preview-heading--schooling::after {
top: 9px; }
@media (max-width: 1440px) {
.n-article__preview--page-education .n-article__preview-heading--schooling::after {
right: 15px; } }
@media (max-width: 1280px) {
.n-page-main--education .n-articles__wrapper--all {
padding-top: 80px; } }
@media (max-width: 768px) {
.n-articles-header--education .n-articles-header__block {
width: 100%; }
.n-articles__sort .n-articles__sort-btn {
font-size: 18px; }
.n-articles__content-group--page-education .n-article__preview-heading--live::after {
background-size: 80%; } }
@media (max-width: 480px) {
.n-articles-header--education .container {
padding: 0; }
.n-articles-header--education .container p {
padding-left: 25px;
margin-bottom: 7px; }
.n-articles-header--education .n-articles-header__block {
padding-left: 25px; }
.n-articles-header--education .n-articles-header__block h2 span {
display: none; }
.n-articles__sort {
display: none; }
.n-articles--education .container {
padding-top: 39px; }
.n-articles.n-articles--education {
background: transparent; }
.n-article.n-article--main .n-article__img--page-education {
margin-bottom: 13px; }
.n-article__preview--page-education .n-article__preview-heading--schooling {
font-size: 13px;
margin-bottom: 12px; }
.n-article__preview--page-education .n-article__preview-heading--schooling::after {
right: 15px;
top: -5px;
width: 19px;
height: 19px; }
.n-article__preview--page-education .n-article__preview-link--main {
margin-bottom: 10px; }
.n-page-main--education .n-articles__wrapper--all {
padding-top: 0; }
.n-articles__content-group--page-education .n-article--second .n-article__preview-heading--schooling,
.n-articles__content-group--page-education .n-article--third .n-article__preview-heading--schooling {
font-size: 13px;
line-height: 36px; }
.n-articles__content-group--page-education .n-article--second .n-article__preview-heading--schooling::after,
.n-articles__content-group--page-education .n-article--third .n-article__preview-heading--schooling::after {
right: 10px;
top: 7px;
width: 19px;
height: 19px; }
.n-articles__content-group--page-education .n-article--fourth .n-article__preview-heading--schooling,
.n-articles__content-group--page-education .n-article--fifth .n-article__preview-heading--schooling,
.n-articles__content-group--page-education .n-article--sixth .n-article__preview-heading--schooling {
font-size: 13px;
line-height: 36px; }
.n-articles__content-group--page-education .n-article--fourth .n-article__preview-heading--schooling::after,
.n-articles__content-group--page-education .n-article--fifth .n-article__preview-heading--schooling::after,
.n-articles__content-group--page-education .n-article--sixth .n-article__preview-heading--schooling::after {
right: 10px;
top: 7px;
width: 19px;
height: 19px; }
.n-articles__content-group--page-education .n-article--fourth .n-article__preview-heading::after {
background-size: 100%; }
.n-articles__content-group--page-education .n-articles__content-group-link {
display: none; } }
.n-sort-carousel {
display: none; }
@media (max-width: 480px) {
.n-sort-carousel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-top: 10px;
padding-left: 15px;
margin-bottom: 39px; }
.n-sort-carousel .n-sort-carousel__list {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 400px; }
.n-sort-carousel .n-sort-carousel__list.n-sort-carousel__btn--active {
background-color: transparent; }
.n-sort-carousel .n-sort-carousel__btn {
display: inline-block;
padding: 0 14px;
margin-bottom: 10px;
border: none;
border-radius: 30px;
outline: none;
background-color: transparent;
font-size: 12px;
line-height: 24px;
letter-spacing: 0;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s; }
.n-sort-carousel .n-sort-carousel__btn--active {
color: #ffffff;
background-color: #3aa65e; } }
.n-article-header__topline {
padding-left: 0; }
.n-article-header__bottomline {
padding-left: 0; }
.n-article-footer__main {
padding-right: 0; }
.n-article-footer__bottomline .n-article-footer__controls-btn[value=""] {
margin-right: 0; }
.n-article-footer__bottomline {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.n-articles__content--width .n-articles__content-group .n-article {
width: calc(33.33% - 25px); }
@media (max-width: 767px) {
.n-articles__content--width .n-articles__content-group .n-article {
width: 100%; } }
/* help page */
.help-page{
font-family: "PTSerif-Regular", "Times New Roman", serif;
}
.b-help__top{
background: url("/local/templates/aist_portal_new/images/bg-help.png");
}
.b-help__top-row{
display: flex;
flex-wrap: wrap;
padding: 150px 0 250px;
}
.b-help__top-left{
width: 50%;
position: relative;
z-index: 1;
}
.b-help__top-left h1{
font-family: "Marta", "Arial", sans-serif;
font-size: 50px;
line-height: 54px;
max-width: 540px;
margin-bottom: 50px;
margin-top: 0;
color: #333333;
}
.b-help__top-left-desc{
font-family: "PTSans", "Arial", sans-serif;
max-width: 450px;
line-height: 20px;
margin-bottom: 100px;
font-size: 16px;
}
.b-help__top-social-mobile{
display: none;
}
.b-help__top-social p{
font-size: 16px;
margin-bottom: 24px;
font-family: "PTSans", "Arial", sans-serif;
}
.b-help__top-right{
width: 50%;
position: relative;
}
.b-help__top-right-breadcrubms{
margin-bottom: 30px;
position: relative;
}
.b-help__top-right-breadcrubms ul, .b-help__top-right-breadcrubms ul li{
font-family: "PTSans", "Arial", sans-serif;
display: flex;
align-items: center;
color: #bbbcbc;
}
.b-help__top-right-breadcrubms ul, .b-help__top-right-breadcrubms ul li.active{
color: #000000;
}
.b-help__top-right-breadcrubms ul li::before{
content: "";
display: block;
width: 8px;
height: 2px;
background: #d7d8d8;
margin: 0 6px;
}
.b-help__top-right-breadcrubms ul li:first-child::before{
display: none;
}
.b-help__top-right-title{
font-size: 24px;
font-weight: bold;
position: relative;
display: flex;
align-items: center;
}
.b-help__top-right-title svg{
fill: #ff3d43;
transform: rotate(15deg);
width: 23px;
height: 30px;
margin-bottom: 10px;
}
.b-help__top-right-title p{
margin-right: 10px;
}
.b-help__top-right-form{
position: relative;
font-family: "PTSans", "Arial", sans-serif;
}
.popup-message-form{
z-index: 100;
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 500px;
max-width: 100%;
padding: 40px;
text-align: center;
background: white;
border-radius: 6px;
}
.popup-message-form .close{
position: absolute;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.popup-message-form .close::before{
position: absolute;
content: "";
display: block;
width: 100%;
height: 2px;
transform: rotate(45deg);
background: black;
}
.popup-message-form .close::after{
position: absolute;
content: "";
display: block;
width: 100%;
height: 2px;
transform: rotate(-45deg);
background: black;
}
.popup-message-form .text_error{
text-align: center;
font-size: 20px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
}
.popup-message-form .text_error img{
width: 20px;
margin-left: 20px;
}
/* .b-help__top-right-form .text_error{
display: none;
position: absolute;
top: -50px;
left: 0;
padding: 10px;
background: #F2DEDF;
box-shadow: 0px 0px 4px -1px;
z-index: 1;
} */
.b-help__top-right-form-fields{
display: flex;
flex-wrap: wrap;
margin: 0 -10px 0 -10px;
max-width: 470px;
}
.b-help__top-right-form-fields label.other{
position: relative;
}
.b-help__top-right-form-fields label.other input.otherSum{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #E2F2FF;
border-radius: 26px;
text-align: center;
}
.b-help__top-right-form-fields label{
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: black;
width: 33%;
padding: 0 10px;
height: 43px;
margin-bottom: 10px;
cursor: pointer;
background: url("/local/templates/aist_portal_new/images/btn-money.svg") no-repeat center/contain;
transition: .3s;
}
.b-help__top-right-form-fields input:checked + label{
background: url("/local/templates/aist_portal_new/images/btn-money-active.svg") no-repeat center/contain;
}
.b-help__top-right-form-fields label span{
font-family: "PTSans", "Arial", sans-serif;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 90%;
text-align: center;
color: black;
}
.b-help__top-right-form-buttons{
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 20px 0;
}
.b-help__top-right-form-buttons button {
margin-right: 10px;
}
.b-help__top-right-form-buttons .n-commentaries__write-submit{
max-width: 200px;
height: 54px;
padding: 0 20px;
border-radius: 32px;
}
.b-help__top-right-form-buttons .n-commentaries__write-submit-blue{
background: #e2f2ff;
color: black;
}
.b-help__top-right-form-buttons .n-commentaries__write-submit-blue:hover{
background: #b8e5e5;
}
.b-help__top-right-desc{
max-width: 450px;
color: #717172;
}
.b-help__top-right-desc a{
color: #1dbfb2;
}
.b-help .n-articles-preview{
display: flex;
flex-wrap: wrap;
transform: translateY(-80px);
position: relative;
overflow: visible;
}
.b-help .n-articles-preview .left{
width: 60%;
max-width: 670px;
}
.b-help .n-articles-preview h2{
margin-bottom: 50px;
}
.b-help .n-articles-preview{
padding: 100px;
}
.b-help .n-articles-preview .right{
width: calc(40% - 100px);
margin-left: 100px;
}
.b-help .n-articles-preview ul{
margin-bottom: 50px;
list-style-type: disc;
list-style-position: inside;
}
.b-help .n-articles-preview ul li{
margin-bottom: 5px;
font-size: 16px;
}
.b-help .n-articles-preview ul li:last-child{
margin-bottom: 0;
}
.b-help .n-articles-preview p{
color: #000000;
font-size: 18px;
line-height: 1.66667;
margin-bottom: 40px;
font-family: "PTSerif-Regular", "Times New Roman", serif;
}
.b-help .n-articles-preview .n-scientists__text{
font-family: "PTSans", "Arial", sans-serif;
font-weight: bold;
margin-bottom: 30px;
width: 100%;
}
.b-help .n-articles-preview .n-scientists__info-text{
font-family: "PTSans", "Arial", sans-serif;
font-size: 14px;
line-height: normal;
margin-bottom: 0;
max-width: 610px;
width: 100%;
}
.b-help .n-articles-preview blockquote{
font-family: "Marta", "Arial", sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 50px;
padding-left: 50px;
position: relative;
max-width: 600px;
line-height: 1.66667;
}
.b-help .n-articles-preview blockquote span{
font-size: 20px !important;
}
.b-help .n-articles-preview blockquote::before{
content: "";
position: absolute;
top: 5px;
left: 0;
display: block;
width: 30px;
height: 30px;
background-image: url(/local/templates/aist_portal_new/assets/css/../img/quotes@desktop1x.png);
background-repeat: no-repeat;
background-size: 80%;
}
.b-help .n-articles-preview p a{
color: #1dbfb2;
}
.b-help .n-articles-preview .n-commentaries__write-bottomline{
margin: 0;
}
.b-help .n-articles-preview .n-commentaries__write-bottomline .n-commentaries__write-submit{
max-width: 200px;
height: 54px;
padding: 0 30px;
border-radius: 32px;
}
.b-progress{
padding: 45px 30px;
box-shadow: 0px 4px 26px -12px #00000029;
border-radius: 6px;
margin-bottom: 60px;
max-width: 300px;
}
.b-progress a{
margin: 0 auto;
}
.b-progress__title{
font-weight: bold;
font-size: 16px;
text-align: center;
max-width: 200px;
margin: 0 auto;
}
.b-progress-middle{
margin: 40px 0;
}
.b-progress-middle p.collected{
font-weight: bold;
margin-bottom: 12px;
text-align: center;
font-size: 14px;
font-family: "PTSans", "Arial", sans-serif;
}
.b-progress-middle p.need{
color: #9a9898;
margin-top: 14px;
text-align: center;
font-size: 14px;
font-family: "PTSans", "Arial", sans-serif;
}
.b-progress-middle-line{
width: 100%;
height: 5px;
background: #f5f5f5;
position: relative;
}
.b-progress-middle-line span{
display: block;
position: absolute;
left: 0;
top: 0;
width: 52%;
height: 100%;
background: #1dbfb2;
border-radius: 5px;
}
/* .b-progress-middle-line::after{
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 52%;
height: 100%;
background: #1dbfb2;
} */
.b-progress .n-commentaries__write-bottomline{
margin: 0 auto !important;
width: 100%;
}
.b-progress .n-commentaries__write-bottomline .n-commentaries__write-submit{
margin: 0 auto;
max-width: 100%;
}
.b-help-btn{
font-family: "PTSans", "Arial", sans-serif;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
border: none;
border-radius: 26px;
background-color: #1dbfb2;
font-size: 14px;
color: #ffffff;
cursor: pointer;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
max-width: 220px;
height: 50px;
letter-spacing: 0.5px;
}
.b-help-btn-blue{
background: #e2f2ff;
color: #000000;
}
.b-help-btn-blue:hover{
background-color: rgba(206, 242, 255, 1) !important;
}
.b-help-btn:hover{
background-color: #259e94;
}
.b-hot-line__title{
text-transform: uppercase;
margin-bottom: 20px;
color: #c5c5c5;
font-family: "PTSans", "Arial", sans-serif;
}
.b-help .b-hot-line ul li span{
font-family: "PTSans", "Arial", sans-serif;
display: inline-block;
color: #ff759f;
font-weight: bold;
}
.b-help .b-hot-line ul li p{
font-size: 16px;
font-family: "PTSans", "Arial", sans-serif;
margin: 0;
display: inline-block;
vertical-align: top;
}
.b-help__top-right .cloud{
position: absolute;
top: -110px;
left: -190px;
max-width: 850px;
}
.b-help__top-social .n-socials__link{
background: white;
border: 0;
}
.b-help .n-articles-preview .top-image{
position: absolute;
top: -65px;
left: 60px;
width: 160px;
}
.n-socials__link-ok svg{
fill: #f3b336;
}
.n-socials__link-facebook svg{
fill: #1e87e9;
}
.n-socials__link-vk svg{
fill: #1387c8;
}
.b-help__top-social .n-socials__link svg{
width: 15px;
height: 15px;
}
.b-help__top-social .n-socials__link svg:hover{
fill: inherit;
}
.overlay{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.60);
z-index: 99;
}
.contract-popap{
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
max-width: 650px;
max-height: 700px;
overflow-y: scroll;
padding: 50px 50px 50px 70px;
background: white;
z-index: 99;
}
.contract-popap .close{
top: 50px;
right: 50px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
float: none;
margin-left: auto;
}
.contract-popap .close span{
display: block;
width: 100%;
height: 2px;
background: black;
transform: rotate(45deg);
}
.contract-popap .close span::after{
content: "";
display: block;
width: 100%;
height: 2px;
background: black;
transform: rotate(-90deg);
}
.contract-popap__title{
font-weight: bold;
font-size: 28px;
font-family: "Merriweather", Arial, sans-serif;
margin-bottom: 40px;
}
.contract-popap p{
font-family: "PTSans", "Arial", sans-serif;
color: #4e4e4e;
font-size: 16px;
margin-bottom: 30px;
}
.contract-popap::-webkit-scrollbar{
width: 12px;
}
.contract-popap::-webkit-scrollbar-thumb{
background: #e2f2ff;
}
.b-help__top-right-form-step2{
margin-top: 20px;
display: none;
}
.b-help__top-right-form-step2-fields{
display: flex;
flex-wrap: wrap;
max-width: 500px;
margin: 0 -15px;
}
.b-help__top-right-form-step2-fields-item{
width: 50%;
position: relative;
padding: 0 15px;
margin-bottom: 30px;
}
.b-help__top-right-form-step2-fields-item.error input{
border-bottom: 1px solid #ed97b3;
}
.b-help__top-right-form-step2-fields-item ul{
display: none;
background: white;
border-radius: 10px;
box-shadow: 0px 1px 9px -6px;
position: absolute;
top: -20px;
left: 0;
padding: 0px 10px;
z-index: 10;
width: 250px;
}
.b-help__top-right-form-step2-fields-item ul li{
padding: 20px 10px 10px;
border-bottom: 1px solid #e5e5e566;
transition: .3s;
cursor: pointer;
font-size: 12px;
}
.b-help__top-right-form-step2-fields-item ul li:hover{
color: #bbbcbc;
}
.b-help__top-right-form-step2-fields-item ul li:last-child{
border-bottom: 0;
}
.b-help__top-right-form-step2-fields-item span{
display: flex;
padding-bottom: 5px;
border-bottom: 1px solid #e5e5e5;
cursor: pointer;
}
.b-help__top-right-form-step2-fields-item span p{
margin: 0;
font-size: 12px;
height: 34px;
}
.b-help__top-right-form-step2-fields-item span .arrow{
width: 6px;
height: 6px;
position: relative;
margin-left: auto;
transform: rotate(180deg);
transition: .3s;
margin-top: 5px;
}
.b-help__top-right-form-step2-fields-item span .arrow::before{
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #bbbcbc;
left: 4px;
transform: rotate(45deg);
top: 0;
}
.b-help__top-right-form-step2-fields-item span .arrow::after{
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #bbbcbc;
right: 0;
transform: rotate(-45deg);
top: 0;
}
.b-help__top-right-form-step2-fields-item input{
padding-bottom: 20px;
padding-top: 0;
height: 40px;
border: 0;
border-bottom: 1px solid #e5e5e5;
width: 100%;
}
.b-help__top-right-form-step2-fields-item label{
position: absolute;
top: 0;
left: 15px;
color: #bbbbbc;
pointer-events: none;
margin: 0;
transition: .3s;
}
.b-help__top-right-form-step2-fields-item input:focus + label,
.b-help__top-right-form-step2-fields-item input:not(:focus):valid + label{
top: -20px;
font-size: 12px;
}
.b-help__top-right-form-step2-buttons{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.back-link{
display: flex;
align-items: center;
font-size: 15px;
color: #b2b2b2;
}
.back-link img{
transform: rotate(180deg);
margin-right: 10px;
}
.b-help__top-right-form-step2-buttons .back-link{
margin-left: 20px;
}
.b-help__top-right-form-accept{
margin-top: 30px;
}
.b-help__top-right-form-accept-checkbox span{
width: 24px;
height: 24px;
border-radius: 6px;
border: 2px solid #e2f2ff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.b-help__top-right-form-accept-checkbox label{
display: flex;
align-items: center;
}
.b-help__top-right-form-accept-checkbox label p{
margin: 0;
margin-left: 10px;
color: black;
}
.b-help__top-right-form-accept-checkbox label p a{
color: #1dbfb2;
}
.b-help__top-right-form-accept-checkbox span img{
opacity: 0;
transition: .3s;
}
.b-help__top-right-form-accept-checkbox input{
display: none;
}
.b-help__top-right-form-accept-checkbox input[type="checkbox"]:checked ~ label span img{
opacity: 1;
}
.b-help__top-right-form-step3{
margin-top: 30px;
display: none;
}
.b-help__top-right-form-step3-fields label{
margin-bottom: 20px;
display: flex;
align-items: center;
cursor: pointer;
color: black;
}
.b-help__top-right-form-step3-fields label p{
margin: 0;
margin-left: 10px;
}
.b-help__top-right-form-step3-fields label .check{
width: 24px;
height: 24px;
border-radius: 9px;
border: 2px solid #e2f2ff;
display: flex;
align-items: center;
justify-content: center;
}
.b-help__top-right-form-step3-fields label .check span{
width: 12px;
height: 12px;
background: #e2f2ff;
border-radius: 3px;
opacity: 0;
transition: .3s;
}
.b-help__top-right-form-step3-fields label input:checked + .check span{
opacity: 1;
}
.b-help__top-right-form-step3-buttons{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 40px;
}
.b-help__top-right-form-step3-buttons .back-link{
margin-left: 20px;
}
.b-help__top-right-form-step3-bottom{
margin-top: 30px;
}
.b-help__top-right-form-step3-bottom p{
margin: 0;
}
.b-help__top-right-form-step3-bottom p a{
color: #1dbfb2;
}
.b-help__top-right-form-step1 input, .b-help__top-right-form-step3 input{
display: none;
}
.b-help__top-right-form-step1 .other span{
color: #9fb4c5;
}
.form-popap{
display: none;
max-width: 600px;
width: 100%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: white;
padding: 50px;
z-index: 99;
}
.form-popap.open{
display: block;
}
.form-popap.open + .overlay{
display: block;
}
.form-popap .close{
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-left: auto;
float: none;
}
.form-popap .close span{
display: block;
width: 100%;
height: 2px;
background: black;
transform: rotate(45deg);
}
.form-popap .close span::after{
content: "";
display: block;
width: 100%;
height: 2px;
background: black;
transform: rotate(-90deg);
}
.link-to-help-page{
display: block;
position: absolute;
top: 24px;
right: 24px;
width: 54px;
height: 54px;
}
.n-header-popup__mobile-nav-item--help{
margin-bottom: 10px;
}
.n-header-popup__mobile-nav-item--help .n-header-popup__mobile-nav-item-link::after{
display: none ;
}
.n-header-popup__mobile-nav-item--help .n-header-popup__mobile-nav-item-link{
font-weight: 400;
}
.n-header-popup__mobile-nav-item--help .n-header-popup__mobile-nav-item-link img{
width: 30px;
}
.b-progress-mobile-icon{
display: none;
}
.b-help .n-articles-preview .man{
position: absolute;
right: 100px;
bottom: 0;
}
@media (max-width: 1440px) {
.b-help .n-articles-preview .right .n-scientists, .b-help .n-articles-preview .n-scientists{
max-width: 400px;
width: 100%;
}
}
@media (max-width: 1200px){
.b-help .n-articles-preview .left{
width: 100%;
max-width: 100%;
}
.b-help .n-articles-preview .right{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0;
margin-top: 50px;
}
.b-progress{
width: 50%;
background: #e2f2ff;
box-shadow: none;
}
.b-progress-mobile-icon{
display: block;
width: 150px;
margin: 0 auto 30px;
}
.b-hot-line{
width: 50%;
}
.b-help .n-articles-preview .right .n-scientists, .b-help .n-articles-preview .n-scientists{
margin-left: 0;
}
.b-help .n-articles-preview .man{
width: 300px;
}
}
@media (max-width: 1024px){
.b-help .n-articles-preview{
width: calc(100% - 80px);
margin-bottom: 60px;
padding: 60px 30px;
}
.link-to-help-page{
top: 30px;
right: -70px;
width: 44px;
}
.b-help .n-articles-preview .top-image{
display: none;
}
.b-help .n-articles-preview .top-image.aist{
display: block;
}
}
@media (max-width: 920px){
.b-help__top-social p{
max-width: 240px;
margin: 0 auto 24px;
}
.b-help__top-row{
padding: 40px 0px 100px;
}
.b-help__top-left, .b-help__top-right{
width: 100%;
}
.b-help__top-right{
max-width: 420px;
margin: 0 auto;
}
.b-help__top-left h1{
margin: 0px auto 150px
}
.b-help__top-left-desc{
display: none;
}
.b-help__top-social{
display: none;
}
.b-help__top-social-mobile{
display: block;
width: 100%;
margin-top: 200px;
text-align: center;
}
.b-help__top-social-mobile .n-footer__socials{
display: flex;
justify-content: center;
}
.b-help__top-right-breadcrubms{
display: none;
}
.b-help__top-right .cloud{
top: -140px;
left: 50%;
transform: translateX(-50%) rotate(-10deg);
}
.b-help .n-articles-preview{
transform: translateY(0);
}
.b-help .n-articles-preview .man{
width: 250px;
}
}
@media (max-width: 768px){
.b-help .n-articles-preview{
width: 100%;
margin-bottom: 45px;
padding: 45px 30px;
}
.n-scientists__list{
width: 100%;
}
.b-help__top-social-mobile{
margin-top: 150px;
}
.b-help__top-left h1{
max-width: 300px;
line-height: normal;
font-size: 29px;
}
.b-help__top-right-title p{
font-size: 20px;
}
.b-help__top-right .cloud{
max-width: 1000px;
width: 1000px;
top: -150px;
}
.b-help__top-right{
max-width: 320px;
margin: 0 auto;
height: 460px;
}
.b-help__top-right-form-fields{
margin: 0;
}
.b-help__top-right-form-fields label{
width: 45% !important;
padding: 0;
margin: 2%;/*
height: 47px; */
}
.b-help__top-right-title{
font-size: 27px;
}
.b-help__top-right-form-buttons button{
width: 100%;
margin-bottom: 20px;
margin-right: 0;
max-width: 100%;
}
.b-help__top-right-form-buttons button:last-child{
margin-bottom: 0;
}
.b-help__top-right-form-step2-fields{
margin: 0;
}
.b-help__top-right-form-step2-fields-item{
width: 100%;
padding: 0;
margin-bottom: 20px;
}
.b-help__top-right-form-step2-fields-item label{
left: 0;
}
.b-help__top-right-form-step2-fields-item ul{
width: 100%;
}
.b-help__top-right-form-step2-buttons a{
max-width: 100%;
width: 100%;
margin: 0 0 20px;
}
.b-help__top-right-form-step2-buttons a:last-child{
margin-bottom: 0;
}
.b-help__top-right-form-step3-buttons a{
max-width: 100%;
width: 100%;
margin: 0 0 20px;
}
.b-help__top-right-form-step3-buttons a:last-child{
margin-bottom: 0;
}
.help-page .n-scientists__info-text{
text-align: left;
}
.help-page .n-scientists__info-link{
font-family: "PTSans", "Arial", sans-serif !important;
justify-content: flex-start;
}
.b-help .n-articles-preview .right .n-scientists, .b-help .n-articles-preview .n-scientists{
max-width: 100%;
align-items: flex-start;
}
.help-page .n-scientists__text{
text-align: left;
}
.help-page .n-scientists-thumbs .swiper-wrapper{
justify-content: flex-start;
}
.help-page .n-scientists-info-slider{
max-width: 320px;
margin: 0;
}
.b-progress{
width: 100%;
max-width: 100%;
}
.b-hot-line{
width: 100%;
}
.b-hot-line__title{
font-weight: bold;
color: black;
}
.b-help .b-hot-line ul li span{
color: #888888;
}
.b-help .n-articles-preview p, .b-help .n-articles-preview ul li{
font-size: 16px;
}
.b-help .n-articles-preview .man{
display: none;
}
}
@media (max-width: 600px){
.contract-popap{
padding: 50px 20px;
width: 90%;
height: 90%;
}
}
@media (max-width: 520px){
.help-page .n-scientists-info-slider{
max-width: 100%;
width: 100%;
}
}
@media (max-width: 500px){
.b-help .n-articles-preview .top-image{
width: 150px;
left: 50%;
top: -65px;
transform: translateX(-50%);
}
.form-popap{
width: 90%;
padding: 20px;
}
}
@media (max-width: 480px){
.b-help .n-articles-preview{
margin-bottom: 10px;
padding-top: 30px;
padding-bottom: 26px;
padding-left: 15px;
padding-right: 15px;
}
.help-page .n-scientists__list .swiper-wrapper .n-scientists__list-link{
margin-right: 20px;
}
.help-page .n-scientists__list .swiper-wrapper .n-scientists__list-link:nth-of-type(1){
margin-right: 20px;
}
.b-help .n-scientists__info{
display: block;
}
}
.n-page-main--main-page .n-articles-preview__content-link {display: inline-block; background-color: #e6f4ff; border-radius: 24px; color: #8493a8; font-size: 14px; font-weight: 400; padding: 13px 12px 12px; min-width: 117px;
max-width: 100%; text-align: center; }
.n-page-main--main-page .n-articles-preview__content-link:hover { color: #333333; }
.n-page-main--main-page .section__header { justify-content: start; }
.n-page-main--main-page .section__header .section__title { margin-right: 50px; }
.n-page-main--main-page .section__header .section__header-link { display: inline-block; background-color: #e6f4ff; border-radius: 24px; color: #8493a8; font-size: 14px; font-weight: 400;
padding: 13px 12px 12px; min-width: 117px; max-width: 100%; text-align: center; transform: translateY(-9px); }
.n-page-main--main-page .section__header .section__header-link:hover { color: #333333; }
@media (max-width: 768px){
.n-page-main--main-page .section__header .section__header-link { background-image: none; }
.b-help .n-articles-preview h2{
margin-bottom: 20px;
}
}
@media (max-width: 480px){
.n-articles-preview__content-atricles-bottomline { display: block; padding-bottom: 25px; }
.n-page-main--main-page .n-articles-preview__content-link { border-radius: 24px; padding: 13px 28px 11px 53px; text-align: left;
background: #e6f4ff no-repeat left 24px top 13px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAS1BMVEWFkqeEk6iEk6iEkqgAAACEk6iDk6eDk6eElKiFlaqFk6iDk6iGkqqFk6mEk6iEk6iElKiDk6mEkqiEk6eEk6iHj6eAj6+Ek6iElKjVbjSJAAAAGXRSTlNg7/+PAPCAQJ8wkG8/f9C/31CwoOAgEM9wPTMWhQAAAHFJREFUeNpdzrUBwAAMA0FZscLM+08axi+vesB4FvgRFEZ7DBWfxMj3GCVKf5TlBb9Ucs2Tqm4OOoqYWBval4zo+jc17EAlL0qs806JPzTUhzw0mqZ4k4egUUz8Ta3V/K2qnPHQVXSSivyq0EEQr4SdFvY0Bn3K0XCUAAAAAElFTkSuQmCC'); }
.n-page-main--main-page .section__header { justify-content: space-between; }
.n-page-main--main-page .section__header .section__header-link { padding: 0 16px 0 0; min-width: 0; transform: translateY(2px); background: transparent no-repeat right center url('/local/templates/aist_portal_new/assets/css/../img/icons/icon-arrow-link.svg'); }
.n-page-main--main-page .n-news-preview.section .section__header-link { padding: 0 14px 0 29px; color: #93bce4; font-size: 14px; font-weight: 400; border-radius: 0; transform: none; background: no-repeat left center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAAXNSR0IB2cksfwAAAFpQTFRFAAAA1+//1+7/1+7/2O7/1+//1+7/1+7/1u7/z+//1+3/2O7/1+7/2O7/1+3/2e//4fL/3PD/6PX/////6/f/9fv/4/P/1+3/1+7/1+//1+7/1+//1+//1u//ZIz7wAAAAB50Uk5TAEDf/+9g98CwEIDPv6+g//////////+f4OjQq39QR8h6rAAAAG5JREFUeJyt0NsKgCAMgOHpqpVlZeeT7/+ajYQgtYug//aTbQhCol+SApcl8hlSjgVD8B6VQPEZykrHoSa8oGld5h6lHHS9a/DBjK7Jh/Aq9c+Oan7ZsRAV8eX8HzFYNUO+hbCjPjRaAEvhNBJwAsXKCbX7ZUMCAAAAAElFTkSuQmCC'), no-repeat right center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAGklEQVR42mOYvOfJfwYsgIYSCEGqCzAwMAAAFY0f9bu46WIAAAAASUVORK5CYII='); }
.n-page-main--main-page .n-articles-all.section .section__header-link { padding: 0 18px 0 25px; color: #f6aacc; font-size: 14px; font-weight: 400; border-radius: 0; transform: none; background: no-repeat left top url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAuklEQVR4AcWT0QnCQAyGM4KjuIDoCI7gBo6gIziKG9gN2g0ULva1cinYXIGTHwiUQ8qdQA18T2k++qcNWcV7t1KW+u1kpyxxjsByIVQ6jGaOYGCpyCpwv7bhEgHAHCn7x6T5Glu/KRBEUidnfcrJgLVIMPPgz4IGzRTEyxLgi9CXQtTcN6gDyy1FWbqFdtD6Pf6FFHVyzRIMrj+OTrYpiLFQhH8ImlIBztnmJlfpD7iFHGyhiQDW4jjNB8Fh5yPd1fJ5AAAAAElFTkSuQmCC'), no-repeat right center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAGklEQVR42mP4turMfwYsgIYSCEGqCzAwMAAABVEiL3C7pbkAAAAASUVORK5CYII='); }
}
.footer-img{
position: absolute;
top: -100px;
left: 74%;
}
.help-page-btn-more{
display: none;
align-items: center;
color: #c5c5c5;
font-size: 16px;
margin: 20px 0;
}
.help-page-btn-more p{
margin: 0 !important;
}
.help-page-btn-more span{
position: relative;
display: flex;
align-items: center;
margin-right: 20px;
width: 3px;
height: 3px;
border-radius: 50%;
background: #c5c5c5;
}
.help-page-btn-more span::before,
.help-page-btn-more span::after{
position: absolute;
content: "";
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background: #c5c5c5;
}
.help-page-btn-more span::before{
left: 5px;
}
.help-page-btn-more span::after{
right: -10px;
}
.help-page-text-content.full{
max-height: 100%;
}
@media (max-height: 700px){
.b-help__top-right-form-step2-fields-item ul{
height: 40vh;
overflow: auto;
}
}
.absolut_position .n-articles-preview__content-link {float: right;}
.absolut_position{ position: absolute; bottom: 60px; right: 60px;}
.n-articles-preview__content div.absolut_position{ max-width: 1000px; left: 60px;}
@media (max-width: 768px){
.link-to-help-page-footer{
display: none;
}
div.absolut_position{
position: absolute;
bottom: 25px;
right: 60px;
left: auto;
}
.n-articles-preview__content div.absolut_position{
text-align: center;
position: relative;
padding-bottom: 0px;
bottom: 0;
left: auto;
}
}
.b-help .n-articles-preview .right .n-scientists .n-scientists__list-link{
border: 0;
width: 70px !important;
height: 70px !important;
max-width: 100% !important;
}
.b-help .n-articles-preview .n-scientists .n-scientists__list-link.swiper-slide-thumb-active{
border: 2px solid #e2f2ff;
}
.b-help .n-articles-preview .n-scientists{
width: 100%;
max-width: 1040px;
}
.b-help .n-articles-preview .b-help-btn{
max-width: 180px;
font-size: 16px;
}
@media (max-width: 767px){
.b-help .n-articles-preview .right .n-scientists, .b-help .n-articles-preview .n-scientists{
padding: 0;
}
.b-help .n-articles-preview .n-scientists .n-scientists__list-link,.b-help .n-articles-preview .right .n-scientists .n-scientists__list-link{
width: 50px !important;
height: 50px !important;
margin-right: 10px;
}
.help-page .n-scientists__list .swiper-wrapper .n-scientists__list-link:nth-of-type(1){
margin-right: 10px;
}
}
html.fix, body.fix{
overflow: hidden;
}
.link-to-help-page-mobile{
width: 30px;
margin-right: 20px;
}
.link-to-help-page-mobile .bg-help_icon{
transform: scale(0.6);
}
.n-header__animation-mobile{
position: relative;
width: 30px;
height: 30px;
top: 0;
left: 0px;
}
.mobile-links{
display: flex;
align-items: center;
}
@media (max-width: 480px){
.n-articles__content-btn{
background: #ebebeb;
}
.n-articles__content-btn::before,.n-articles__content-btn::after{
display: none;
}
}
.table{
overflow: auto;
display: block;
}
.table tbody{
min-width: 760px;
}
.bg-arrow_right {
width: 16px; height: 16px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -210px -84px;
}
.bg-footer_donate_btn_bg {
width: 54px; height: 57px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -10px -75px;
}
.bg-help_icon {
width: 54px; height: 54px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -84px -75px;
}
.bg-horn {
width: 52px; height: 54px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -210px -10px;
}
.bg-main_page_help_banner_link {
width: 180px; height: 45px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -10px -10px;
}
.bg-right_arrow_main_page {
width: 15px; height: 10px;
background: url('/local/templates/aist_portal_new/assets/css/../../img/css_sprites.png') -246px -84px;}
.n-header-popup__mobile-nav-item-link .bg-help_icon{
transform: scale(0.6);
}
.n-news-detailed__text h2{
font-size: 32px !important;
}
iframe{
max-width: 100%;
width: 100% !important;
}
.test-wrap {
width: 100% !important;
margin: 0 auto;
padding: 0 15px;
}
.slider{
padding-left: 0 !important;
}
.slick-dots li button:before{
font-size: 32px;
}
.n-footer__agreement .rate{
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #F9F8F8;
width: 39px;
height: 39px;
font-weight: bold;
font-size: 11px;
line-height: 14px;
color: #000000;
}
.info-warn{
background: rgba(249, 248, 248, 0.776523);
font-size: 14px;
line-height: 20px;
color: #5A575B;
padding: 24px;
max-width: 648px;
margin-top: 32px;
}
.info-warn a{
color: #259E94;
}
.oglavlenie {
max-width: 1140px;
width: 100%;
margin: 0 auto;
}
.block_oglavlenie-main {
font-family: "PTSerif-Regular", "Times New Roman", serif;
margin-top: 40px;
margin-bottom: 0 !important;
font-size: 18px !important;
}
.block_oglavlenie-item a.h2 {
padding: 0;
}
.oglavlenie.fixed .block_oglavlenie {
width: 100%;
max-width: 645px;
left: auto;
top: 0;
}
.oglavlenie.fixed .block_oglavlenie .block_oglavlenie-main {
margin: 0 !important;
}
.fixed .block_oglavlenie-container{
width: 100%;
max-width: 645px;
padding-left: 15px;
}
.fixed .block_oglavlenie-item {
margin-left: 0;
width: 100%;
}
.block_oglavlenie-item a{
font-size: 16px;
}
.n-news-detailed__image iframe {
display: block;
}
/* --------------- UPD 22.09.2020 --------------- */
.flex > *,
.flex-wrap > *{
box-sizing: border-box;
}
._aic {
-webkit-align-items: center;
align-items: center;
}
._jcc {
-webkit-justify-content: center;
justify-content: center;
}
.flex {
display: -webkit-flex;
display: flex;
}
.flex-wrap {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.button-sea {
width: 100%;
max-width: 200px;
height: 45px;
border: 0;
font-family: "PTSans", serif;
font-size: 14px;
font-weight: 500;
line-height: 45px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
background: #1DBFB2;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
cursor: pointer;
}
.button-sea:hover {
-webkit-opacity: .8;
-moz-opacity: .8;
opacity: .8;
}
.checkbox {
cursor: pointer;
display: inline-block;
position: relative;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.checkbox input[type="checkbox"] {
display: none;
}
.checkbox span {
cursor: pointer;
display: block;
position: relative;
font-size: 13px;
line-height: 14px;
font-weight: 400;
text-decoration: none;
text-align: left;
color: #808B90;
font-family: "PTSans", "Arial", sans-serif;
padding-left: 26px;
}
.checkbox span::before,
.checkbox span::after {
content: "";
width: 16px;
height: 16px;
overflow: hidden;
display: block;
left: 0;
top: -2px;
position: absolute;
-webkit-transition: .2s;
-moz-transition: .2s;
transition: .2s;
}
.checkbox span::before {
border: 1px solid #808B90;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: 8;
}
.checkbox span::after {
background: url('/local/templates/aist_portal_new/assets/img/checbox.svg') no-repeat center center;
top: 2px;
left: 2px;
width: 12px;
height: 9px;
transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
visibility: hidden;
z-index: 10;
}
.checkbox input[type="checkbox"]:checked + span::after {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
visibility: visible;
}
.checkbox input[type="checkbox"]:checked + span::before {
border-color: #1DBFB2;
background-color: #1DBFB2;
}
.checkbox span a {
color: #1DBFB2;
text-decoration: underline;
}
.checkbox span a:hover {
text-decoration: none;
}
.authors__list {
width: calc(100% + 40px);
margin-left: -40px;
margin-bottom: 30px;
}
.authors__list._noauthors {
margin-left: 0;
width: 100%;
}
.input {
display: block;
width: 100%;
background: #FFFFFF;
border: 1px solid #E2E2E2;
box-sizing: border-box;
border-radius: 3px;
padding: 13px 19px;
margin-bottom: 20px;
resize: none;
outline: none;
font-family: "PTSans", "Arial", sans-serif;
}
.input._error {
border-color: #ab0000;
}
.form-error {
text-align: left;
font-size: 12px;
font-family: "PTSans", "Arial", sans-serif;
color: #ab0000;
margin-bottom: 20px;
}
.agree {
text-align: left;
margin-bottom: 30px;
}
.authors__item {
border: 2px solid transparent;
padding: 32px 40px;
width: 33.33333%;
}
.authors__list._noauthors .authors__item {
width: 310px;
}
.authors__item._doctor {
border-color: #F0F0F0;
}
.authors__item-type {
font-style: normal;
font-weight: 800;
font-size: 18px;
line-height: 24px;
color: #000000;
margin-bottom: 10px;
}
.authors__item-link img {
width: 60px;
height: 60px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.authors__item-info {
width: calc(100% - 60px);
padding-left: 20px;
}
.authors__item-name {
display: block;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
margin-top: 14px;
white-space: nowrap;
color: #000000;
}
.authors__item-prof {
display: block;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #A4A4A4;
}
.authors__item-prof span {
height: 18px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.authors__item-subscribe::before {
display: none;
}
.authors__item-subscribe {
margin-top: 15px;
margin-left: 80px;
height: 42px;
padding: 0 20px;
line-height: 40px;
background: #fff;
border: 1px solid #1DBFB2;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
cursor: pointer;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
}
.authors__item-subscribe span {
font-style: normal;
font-weight: normal;
white-space: nowrap;
font-size: 13px;
color: #1DBFB2;
margin-left: 10px;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
}
.authors__item-subscribe svg rect {
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
}
.authors__item-subscribe:hover {
background: #1DBFB2;
}
.authors__item-subscribe:hover svg rect {
fill: #fff;
}
.authors__item-subscribe:hover span {
color: #fff;
}
.n-author__date {
font-size: 13px;
line-height: 36px;
color: #c0c0c0;
margin: 0 20px 0 0 !important;
}
.n-article__preview-date {
font-size: 13px;
line-height: 36px;
color: #c0c0c0;
margin: 0 !important;
}
[data-tooltip] {
position: relative;
}
[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
width: 100%;
left: 0;
top: 0;
background: #fff;
color: #A4A4A4;
padding: 0;
pointer-events: none;
opacity: 0;
transition: .3s;
z-index: 10;
}
[data-tooltip]:hover::after {
opacity: 1;
}
.pop-subscrub._question,
.pop-subscrub._thanks {
display: block;
}
.author_question_popup {
display: none;
}
.authors-detail {
font-family: "PTSans", "Arial", sans-serif;
padding: 30px;
margin-bottom: 40px;
background: #FFFFFF;
}
.authors-detail img {
width: 125px;
height: 125px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 3px solid #3AA69D;
}
.authors-detail__wrapper {
width: calc(100% - 125px);
padding-left: 25px;
}
.authors-detail__name {
font-style: normal;
font-weight: bold;
font-size: 28px;
color: #000000;
}
h1.authors-detail__name {
margin: 0;
font-family: inherit;
line-height: inherit;
}
.authors-detail__position {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #8C8C8C;
margin-top: 10px;
}
.authors-detail__info {
margin-top: 30px;
}
.authors-detail__info-item {
font-size: 14px;
color: #000000;
margin-bottom: 15px;
}
.authors-detail__info-item:last-child {
margin-bottom: 0;
}
.authors-detail__info-item span:first-child {
width: 100px;
font-weight: 700;
}
.authors-detail__info-item span:last-child {
width: calc(100% - 100px);
padding-left: 10px;
}
.authors-detail__info-item a {
color: #1dbfb2;
}
.authors-detail__info-item a:hover {
color: #1dbfb2;
text-decoration: underline;
}
.authors-detail__buttons {
margin-top: 30px;
}
.authors-detail .add_subscr::before {
display: block;
content: '+';
color: #1dbfb2;
font-family: "latoheavy", serif;
font-size: 21px;
font-weight: 500;
text-align: center;
line-height: 25px;
width: 26px;
height: 26px;
background-color: #ffffff;
border-radius: 50%;
margin-right: 15px;
}
.authors-detail .add_subscr {
width: 178px;
height: 45px;
border-radius: 3px;
background-color: #1dbfb2;
display: flex;
color: #fff;
font-family: "PTSans", serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
justify-content: center;
align-items: center;
cursor: pointer;
}
.add_question {
width: 178px;
height: 45px;
line-height: 43px;
border-radius: 3px;
border: 1px solid #1dbfb2;
color: #1dbfb2;
text-align: center;
font-family: "PTSans", serif;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
margin-left: 15px;
}
.add_question:hover {
opacity: 0.8;
}
#subscribe_avtor_button {
font-family: "PTSans", serif;
font-weight: 500 !important;
}
#subscribe_avtor_button::before {
font-weight: 500;
}
.pop-subscrub_body {
height: auto !important;
padding: 30px 30px 50px !important;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
}
.block_subscr_pop {
-webkit-justify-content: center;
justify-content: center;
}
.pop-subscrub._question .pop-subscrub_body,
.pop-subscrub._thanks .pop-subscrub_body {
background: none !important;
padding: 0 !important;
box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.07);
}
.pop-subscrub._thanks .pop-subscrub_body {
width: 100%;
max-width: 620px;
}
.pop-subscrub_head {
padding: 30px !important;
background: url(/local/templates/aist_portal/images/fon-subscr.png) no-repeat center center;
color: #252525;
font-family: "latoheavy", serif;
font-size: 19px;
line-height: 21px;
font-weight: 500;
}
.pop-subscrub._thanks .pop-subscrub_head {
background-image: url('/local/templates/aist_portal_new/images/phanks-popup-bg.jpg');
background-size: cover;
padding: 60px 30px !important;
}
.pop-subscrub_form {
padding: 30px;
background: #fff;
}
.pop-subscrub._thanks .title {
text-align: center;
font-style: normal;
font-size: 23px;
line-height: 30px;
font-family: "PTSans", serif;
font-weight: 600;
color: #1DBFB2
}
.pop-subscrub._thanks .description {
text-align: center;
font-style: normal;
font-size: 16px;
line-height: 30px;
font-family: "PTSans", serif;
font-weight: 500;
color: #000000
}
.n-article__preview-social {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.n-articles__group-caption {
font-family: "PTSans", serif;
font-style: normal;
font-weight: 700;
font-size: 23px;
letter-spacing: 0.03em;
color: #000000;
padding-bottom: 8px;
border-bottom: 1px solid #EEEEEE;
margin: 50px 0 30px;
}
.opinion-title._new {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border: 0;
padding: 0;
}
.opinion-title__top,
.opinion-title__bottom {
padding: 30px;
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
}
.opinion-title__top {
border-bottom: 1px solid #F8F8F8;
}
.opinion-title__left {
width: 150px;
}
.opinion-title__right {
width: calc(100% - 150px);
}
.opinion-title._new .list--inline {
margin: 0;
}
.opinion-title._new h1 {
margin-bottom: 0;
}
.opinion-title__type {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
}
.opinion-title__type a {
font-family: "PTSans", serif !important;
margin-right: 32px;
font-weight: 600;
font-size: 17px;
color: #000000;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 3px solid transparent;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
}
.opinion-title__type a:last-child {
margin-right: 0;
}
.opinion-title__type a:hover {
color: #8C8C8C;
}
.opinion-title__type a.active {
border-bottom-color: #43A562;
text-decoration: none;
}
noindex {
height: auto !important;
}
.n-promo-block-articles__list._unknow {
display: none;
}
@media screen and (max-width: 920px) {
.authors__list {
width: calc(100% + 30px);
margin-left: -30px;
margin-top: 20px;
}
.authors__item,
.authors__list._noauthors .authors__item {
width: 50%;
padding: 22px 30px;
}
.authors__item:nth-child(2) {
order: 2;
}
.authors__item._doctor {
order: 0;
}
.authors-detail img {
width: 100px;
height: 100px;
border: 2px solid #3AA69D;
}
.authors-detail__wrapper {
width: calc(100% - 100px);
padding-left: 20px;
}
.authors-detail__name {
font-size: 24px;
}
.opinion-title__left,
.opinion-title__right {
width: 100%;
}
.opinion-title__type {
margin-top: 5px;
}.n-article-promo__section .n-article-promo__section-group
.opinion-title__type a {
margin-top: 10px;
font-size: 15px;
margin-right: 20px;
}
}
@media screen and (max-width: 1420px) {
.authors__item {
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.n-article-promo__section .n-article-promo__section-group {
padding: 0 15px;
box-sizing: border-box;
}
}
@media screen and (max-width: 620px) {
.add_question {
margin: 15px 0 0 0;
}
}
@media screen and (max-width: 420px) {
.authors__list {
width: 100%;
margin-left: 0;
}
.authors__item,
.authors__list._noauthors .authors__item {
width: 100%;
padding: 15px 20px;
}
.authors__item._doctor {
padding-bottom: 32px;
}
.authors__item-subscribe {
margin-top: 5px;
}
.authors-detail__wrapper {
width: 100%;
padding-left: 0;
padding-top: 20px;
}
.authors-detail__name {
font-size: 20px;
}
.authors-detail__info-item span:last-child {
width: 100%;
padding-left: 0;
}
}
/* Правки Геннадия 31.05.2021 */
.n-footer__container{
position: relative;
}
.n-footer__img-aist{
position: absolute;
right: 0;
top: calc(-100px - 60px);
width: 212px;
display: none;
}
@media (max-width: 1024px) {
.n-footer__img-aist{
right: 0;
left: 0;
margin: auto;
}
}
/* Правки Геннадия 07.06.2021 */
.mfp-wrap{
position: fixed !important;
overflow-y: scroll;
}
.mfp-wrap #form__group_SOGL label{
text-align: left;
}
.mfp-wrap #system_auth_form_reg_soc .form__group {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 20px;
}
.mfp-wrap #system_auth_form_reg_soc .form__group label{
display: flex;
flex: 1;
min-width: 85%;
margin-left: 10px;
appearance: none;
-webkit-appearance: none;
background: transparent;
border: unset;
}
.mfp-wrap .user-panel__data.cla{
display: flex;
flex-direction: column;
}
#form__group_SOGL label, .user-panel__dname{
color: #000000;
}
/* End */
/* /local/templates/aist_portal_new/components/bitrix/system.auth.form/popup/style.css?1561715849443 */
/* /local/templates/aist_portal_new/components/bitrix/socserv.auth.form/flat/style.css?15617158492659 */
/* /local/templates/aist_portal_new/components/bitrix/main.register/personal1/style.css?1580727932633 */
/* /local/templates/aist_portal_new/components/bitrix/system.pagenavigation/.default/style.css?1633013647163 */
/* /local/templates/aist_portal_new/components/bitrix/news.list/journal_main_old/style.css?15617158493920 */
/* /local/templates/aist_portal_new/components/bitrix/main.share/material_left/style.css?15617158491467 */
/* /local/templates/aist_portal_new/styles.css?16110483033916 */
/* /local/templates/aist_portal_new/template_styles.css?16464664692591 */
/* /local/templates/aist_portal_new/styles/main_old.css?156171585072580 */
/* /local/templates/aist_portal_new/styles/adaptive.css?156171585019678 */
/* /local/templates/aist_portal_new/scripts/fancy/jquery.fancybox.css?15767391763309 */
/* /local/templates/aist_portal_new/styles/plugins.css?15617158506954 */
/* /local/templates/aist_portal_new/styles/main.css?1622214293176136 */
/* /local/templates/aist_portal_new/styles/main_banner.css?15868004261490 */
/* /local/templates/aist_portal_new/styles/slick.css?15804568351776 */
/* /local/templates/aist_portal_new/styles/slick-theme.css?15804568353145 */
/* /local/templates/aist_portal_new/styles/p-styles.css?162210843858367 */
/* /local/templates/aist_portal_new/static/css/common.css?164059445172539 */
/* /local/templates/aist_portal_new/assets/css/style.css?1623080107541571 */