body {
    font-family: 'SF Pro Display',sans-serif;
    padding: 110px 0 0 0;
    margin: 0;
    background-color: #ffffff;
    overflow-x: hidden;
}

.cnt-blk {
    width: 90%;
    max-width: 1500px;
    min-width: 1000px;
    margin: 0px auto;
}

header {
   height: 80px;
   background-color: #F4FEFF;
   padding: 10px 0;
   position: fixed;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   z-index: 100;
   border-bottom-left-radius: 24px;
   border-bottom-right-radius: 24px;
}

header .lg {
    display: block;
    width: 100%;
    height: 57px;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 50%;
}

header nav {
    display: block;
    text-align: center;
    line-height: 60px;
}

header nav ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}

header nav ul li {
   display: inline-block; 
   margin: 0 2%;
}

header nav ul li a,
header .language-list-blk a
{
    color: #292929;
    text-decoration: none;
    font-size: 18px;
    line-height: 18px;
}

header nav ul li.active a,
header .language-list-blk span.current-lang
{
    font-weight: 700;
}

header nav ul li a:hover,
header .language-list-blk a:hover
{
    color: #2AB7C1;
    text-decoration: none;
}

header .language-list-blk {
    line-height: 60px;
    text-align: center;
}

header .language-list-blk a {
    margin: 0 1%;
}

header .language-list-blk span.current-lang {
    margin: 0 1%;
    font-size: 18px;
    color: #292929;
}

header .language-list-blk .blinded-link {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-image: url(../images/icon-eye.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
    margin: -3px 1% 0 1%;
}

header .auth-blk {
    line-height: 60px;
}

header .auth-blk a,
.tooltip-auth-blk a
{
    font-size: 14px;
    color: #2AB7C1;
    font-weight: 500;
    padding-left: 29px;
    background-image: url(../images/icon-profile.svg);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    display: inline-block;
    text-align: left;
    min-height: 24px;
    line-height: 24px;
}

header .auth-blk a:hover {
    color: #292929;
    text-decoration: none;
}

.homepage-slider-blk {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
}

.homepage-slider-blk .in-slider-blk {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
    background-image: url(../images/homepage-slider-bg.svg);
}

.homepage-slider-blk .article-first {
    /*background-image: url(../images/homepage-slider-bg-1.svg);*/
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;
}

.homepage-slider-blk .article-first img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 80%;
}


.homepage-slider-blk .article-second {
    /*background-image: url(../images/homepage-slider-bg-2.svg);*/
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: contain;
}

.homepage-slider-blk .e {
    padding: 60px 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.btn-primary {
    background-color: rgba(42, 183, 193, 0.76) !important;
    border-color: rgba(42, 183, 193, 0.76) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    font-weight: 500 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.btn-primary:hover {
    background-color: #2AB7C1 !important;
    color: #ffffff !important;
    border-color: #2AB7C1 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.btn-default {
    background: transparent;
    border-color: #2AB7C1;
    color: #2AB7C1;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-weight: 500;
    outline: 0;
    box-shadow: none;
}

.btn-default:hover {
    background-color: #2AB7C1;
    color: #ffffff;
    border-color: #2AB7C1;
    outline: 0;
    box-shadow: none;
}

.homepage-slider-blk .e h1 {
    font-weight: 800;
    color: #4F4F4F;
    font-size: 36px;
    margin: 0 0 30px 0;
}

.homepage-slider-blk .e h2 {
    font-weight: 700;
    color: #4F4F4F;
    font-size: 20px;
    margin: 0 0 16px 0;
}

.homepage-slider-blk .e .text-blk {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    display: block;
    margin: 0 0 30px 0;
}

.homepage-slider-blk .e .text-blk a {
    color: #2AB7C1;
}

.homepage-slider-blk .e .text-blk blockquote {
    background-color: #F4FEFF;
    border-left: 4px solid #2AB7C1;
    padding: 15px;
    color: #0B273D;
    font-size: 18px;
    font-weight: 400;
}

.homepage-slider-blk .e .text-blk i {
    font-size: 18px;
}

.slider-homepage-btns {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 30px 0;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    max-width: 280px;
}

.slider-homepage-btns a.pager-link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2%;
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border: 1px solid #2AB7C1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 10px;
}

.slider-homepage-btns a.pager-link:hover,
.slider-homepage-btns .prev-slide:hover,
.slider-homepage-btns .next-slide:hover
{
    opacity: 0.8;
}

.slider-homepage-btns a.pager-link.active {
    background-color: #2AB7C1;
}

.slider-homepage-btns .prev-slide {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/arrow-circle-left.svg);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 2%;
}

.slider-homepage-btns .next-slide {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/arrow-circle-right.svg);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 2%;
}

.chars-homepage .chars {
    font-size: 16px;
    color: #2AB7C1;
    display: block;
    margin: 0 0 30px 0;
}

.chars-homepage .char-blk {
    font-weight: 800;
    line-height: 48px;
    font-size: 48px;
    color: #2AB7C1;
}

.homepage-slider-blk .time-line-homepage {
    display: block;
    height: 87px;
    background-color: #F4FEFF;
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 80px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.homepage-slider-blk .time-line-homepage .bar {
   position: absolute;
   top: 50%;
   display: block;
   width: 100%;
   height: 4px;
   background-color: #DCF6F8;
   margin: -2px 0 0 0;
}

.homepage-slider-blk .time-line-homepage .char {
    display: inline-block;
    width: 12%;
    text-align: center;
    vertical-align: top;
    height: 87px;
    position: relative;
}

.homepage-slider-blk .time-line-homepage .char span {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #A6A6A6;
    position: absolute;
}

.homepage-slider-blk .time-line-homepage .char:nth-child(odd) .char-blk
{
    top: -10px;
}

.homepage-slider-blk .time-line-homepage .char:nth-child(even) .char-blk
{
    bottom: -10px;
}

.homepage-slider-blk .scroll-timeline .navigation-slider-blk {
    text-align: center;
}

.homepage-slider-blk .scroll-timeline .navigation-slider-blk .slider-homepage-btns {
    text-align: center;
    margin: 0px auto;
}

.homepage-slider-blk .article-four.e {
    padding: 0;
}

.homepage-slider-blk .article-four .scroll-timeline {
    /*background-image: url(../images/homepage-slider-bg-3.svg);*/
    background-repeat: no-repeat;
    background-position: 0px 400px;
    padding: 60px 0 0 0;
}

.homepage-slider-blk .article-four h1 {
    text-align: center;
    margin: 0 auto 80px auto;
    width: 30%;
    display: block;
}

.homepage-slider-blk .time-line-homepage .btn-primary {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    margin: -19px 0 0 -100px; 
}

.homepage-slider-blk .time-line-homepage .btn-primary:hover {
    background-color: #2AB7C1;
    color: #ffffff;
    border-color: #2AB7C1;
}

.homepage-slider-blk .scroll-timeline .page-title {
    font-weight: 800;
    color: #4F4F4F;
    font-size: 36px;
}

.homepage-slider-blk .quote-homepage {
    display: block;
    margin: 0 0 60px 0;
}

.homepage-slider-blk .quote-homepage .quote-blk {
    display: block;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    position: relative;
    padding: 40px 80px;
    text-align: center;
}

.homepage-slider-blk .quote-homepage .quote-blk::before {
    content: "";
    width: 56px;
    height: 41px;
    background-image: url(../images/icon-quote-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: 20px;
}

.homepage-slider-blk .quote-homepage .quote-blk::after {
    content: "";
    width: 56px;
    height: 41px;
    background-image: url(../images/icon-quote-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.homepage-slider-blk .quote-homepage .quote-blk .text-blk {
   font-size: 20px;
   line-height: 24px;
   color: #2AB7C1;
   font-weight: 800;
   text-align: center;
   width: 100%;
}

.homepage-slider-blk .quote-homepage .quote-blk .btn {
    margin: 0 5px;
}

.homepage-slider-blk .news-homepage {
    display: block;
    margin: 0 0 60px 0;
}

.homepage-slider-blk .news-homepage .text-blk,
.homepage-slider-blk .quote-homepage .text-blk
{
    width: 90%;
}

.homepage-slider-blk .news-homepage .news-e {
    display: block;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.homepage-slider-blk .news-homepage .news-e.important::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-priority.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: -10px;
    left: -10px;
}

.homepage-slider-blk .news-homepage .news-e .date { 
    font-size: 16px;
    color: #828282;
    line-height: 18px;
}

.homepage-slider-blk .news-homepage .news-e a {
    color: #020202;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
}

.homepage-slider-blk .news-homepage .news-e a:hover {
    text-decoration: none;
    color: #2AB7C1;
}

.homepage-slider-blk .media-homepage .img {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    margin: 0 0 30px 0;
    position: relative;
    overflow: hidden;
    
}

.homepage-slider-blk .media-homepage .img.i1,
.homepage-slider-blk .media-homepage .img.i2
{
    height: 225px;
}

.homepage-slider-blk .media-homepage .img.i3 {
    height: 600px;
}

.homepage-slider-blk .media-homepage .img .image-type,
.media-page-blk .item .img .image-type
{
    display: none;
    width: 48px;
    height: 48px;
    background-image: url(../images/icon-zoom.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(42, 183, 193, 0.9);
    border-top-right-radius: 12px;
    border-bottom-left-radius: 24px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.media-page-blk .item .img:hover .image-type,
.homepage-slider-blk .media-homepage .img:hover .image-type
{
    display: block;
}

.homepage-slider-blk .media-homepage .img .video-type,
.media-page-blk .item .img .video-type
{
    display: block;
    width: 48px;
    height: 48px;
    background-image: url(../images/icon-play-small.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(42, 183, 193, 0.9);
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
}


.homepage-slider-blk .media-homepage .page-title {
    margin: 0 0 60px 0;
}

.homepage-slider-blk .video-homepage .video-player {
    height: 300px;
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    display: block;
    margin: 0 0 20px 0;
}

.homepage-slider-blk .video-homepage .slider-video {
    position: relative;
    padding: 0 52px;
}

.homepage-slider-blk .video-homepage .slider-video .next-video a,
.video-page-blk .slider-video .next-video a
{
    display: block;
    width: 32px;
    height: 32px;
    text-align: left;
    text-indent: -8000px;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -16px 0 0 0;
    background-image: url(../images/arrow-circle-right.svg);
}

.homepage-slider-blk .video-homepage .slider-video .prev-video a,
.video-page-blk .slider-video .prev-video a
{
    display: block;
    width: 32px;
    height: 32px;
    text-align: left;
    text-indent: -8000px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -16px 0 0 0;
    background-image: url(../images/arrow-circle-left.svg);
}

.homepage-slider-blk .video-homepage .slider-video img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border: 3px solid #ffffff;
}

.homepage-slider-blk .video-homepage .slider-video a.active img {
    border-color: #2AB7C1;
}



footer {
    display: block;
    width: 100%;
    background-color: #F4FEFF;
    padding: 10px 0;
    min-height: 77px;
    border-top-left-radius: 48px;
    border-top-right-radius: 48px;
    margin: 60px 0 0 0;
}

footer .lg {
    display: block;
    height: 57px;
    width: 72px;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

footer .f {
    display: block;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-position: 0px 50%;
    min-height: 24px;
    line-height: 57px;
}

footer .f a {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

footer .f a:hover {
    color: #2AB7C1;
}

footer .f.email {
    background-image: url(../images/icon-email.svg);
}

footer .f.phone {
    background-image: url(../images/icon-phone.svg);
}

footer .f.whatsapp {
    background-image: url(../images/icon-whatsapp.svg);
}

footer .social-links {
    display: block;
    line-height: 57px;
    text-align: right;
}

footer .social-links a {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0 0 2%;
    text-align: left;
    text-indent: -8000px;
    vertical-align: middle;
}

footer .social-links a.instagram {
    background-image: url(../images/icon-instagram.svg);
}

footer .social-links a.facebook {
    background-image: url(../images/icon-facebook.svg);
}

footer .social-links a.youtube {
    background-image: url(../images/icon-youtube.svg);
}

footer .social-links a.tiktok {
    background-image: url(../images/icon-tiktok.svg);
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: rgba(42, 183, 193, 1);
    z-index: 1001;
}

.preloader_image {
    position: relative;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px;
    background-image: url(../images/loader.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.loaded_hiding .preloader {
    transition: 0.3s opacity;
    opacity: 0;
}

.loaded .preloader {
    display: none;
}

.news-page-blk .e {
    display: block;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.news-page-blk .e.important::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-priority.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: -10px;
    left: -10px;
}

.news-page-blk .e .date {
    font-size: 16px;
    color: #828282;
    line-height: 18px;
    margin: 0 0 5px 0;
}

.news-page-blk .e .title {
    display: block;
    margin: 0 0 10px 0;    
}

.news-page-blk .e .title a {
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
    color: #020202;
}

.news-page-blk .e .title a:hover {
    text-decoration: none;
    color: #2AB7C1;
}

.news-page-blk .e .desc-text {
    font-size: 16px;
    line-height: 18px;
    color: #020202;
    margin: 0 0 10px 0;
}

.news-page-blk .e a.more {
    color: #2AB7C1;
    font-size: 14px;
    text-decoration: none;
}

.news-page-blk .e a.more:hover {
    text-decoration: none;
    color: #020202;
}

.page-inside-title {
    color: #4F4F4F;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
    margin: 0 0 30px 0;
}

.news-block-view {
    display: block;
    margin: 0 0 30px 0;
}

.news-block-view img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 10px 0;
}

.news-block-view .full-text {
    color: #020202;
    font-size: 16px;
    line-height: 21px;
}

.news-block-view .full-text a {
    color: #2AB7C1;
}

.news-block-view .page-inside-title {
    font-size: 24px;
    line-height: 36px;
}

.news-block-view .date {
    color: #828282;
    display: block;
    margin: 20px 0;
}

.back-link {
    display: inline-block;
    padding: 0 0 0 34px;
    min-height: 24px;
    background-image: url(../images/arrow-square-left.svg);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    color: #2AB7C1;
    font-size: 14px;
    text-decoration: none;
    line-height: 24px;
}

.back-link:hover,
.share-link:hover
{
    text-decoration: none;
    color: #2AB7C1;
    opacity: 0.7;
}

.share-link {
    display: block;
    color: #2AB7C1;
    font-size: 14px;
    text-decoration: none;
    line-height: 16px;
}

.share-link::before {
    background-image: url(../images/icon-share.svg);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.list-view .pagination {
    display: block;
    text-align: center;
}

.list-view .pagination li {
    display: inline-block;
}

.list-view .pagination span,
.list-view .pagination a,
.grid-view .pagination span,
.grid-view .pagination a
{
    padding: 10px 8px;
    width: 30px;
    height: 38px;
    border-radius: 8px;
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #2AB7C1;
    border-color: #2AB7C1;
}

.list-view .pagination a:hover,
.grid-view .pagination a:hover
{
    color: #020202;
    text-decoration: none;
}

.list-view .pagination .active a,
.grid-view .pagination .active a
{
    background-color: #2AB7C1;
    border-color: #2AB7C1;
    color: #ffffff;
}

.pagination > li:last-child > a, .pagination > li:last-child > span,
.pagination > li:first-child > a, .pagination > li:first-child > span
{
    border-radius: 8px;
}

.page-block .page-inside-title {
    margin: 30px 0;
}

.page-block.number-page .e {
    background-color: #F4FEFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}

.page-block.number-page .e .chars {
    font-size: 16px;
    color: #2AB7C1;
    display: block;
}

.page-block.number-page .e .chars .char-blk {
    font-size: 36px;
    font-weight: 800;
}

.page-block.number-page .e .text-blk {
    font-size: 16px;
    color: #000000;
    line-height: 21px;
}

.video-page-blk .video-player {
    overflow: hidden;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    height: 540px;
    display: block;
}

.video-page-blk .right-video-blk {
    background-color: #F4FEFF;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.video-page-blk .slider-video {
    position: relative;
    padding: 20px 52px 0 52px;
    margin: 0 0 10px 0;
}

.video-page-blk .slider-video .next-video a {
    right: 5px;
    margin-top: -4px;
}

.video-page-blk .slider-video .prev-video a {
    left: 5px;
    margin-top: -4px;
}

.video-page-blk .slider-video ul li a {
    display: block;
    width: 100%;
    height: 97px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    border: 3px solid #F4FEFF;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.video-page-blk .slider-video ul li a.active {
    border: 3px solid #E3FDFF;
}

.video-page-blk .links-blk a {
    display: block;
    padding: 10px 30px;
    font-size: 16px;
    color: #000000;
}

.video-page-blk .links-blk a:hover {
    text-decoration: none;
    color: #2AB7C1;
}

.video-page-blk .links-blk a.active {
    background-color: #E3FDFF;
    font-weight: 600;
}

.modal-media-blk {
    background-color: #282828;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: calc(100% + 1px);
    z-index: 101;
}

.modal-media-blk .media-modal-view {
    position: relative;
    padding: 15px;
    display: table;
    width: 100%;
    height: 100%;
}

.modal-media-blk .media-modal-view .body-view-blk {
    display: block;
    margin: auto;
    max-width: 960px;
    width: 100%;
}

.modal-media-blk .media-modal-view .body-view-blk .gallery-item {
    display: block;
    margin: 0 0 24px 0;
    text-align: center;
}

.modal-media-blk .media-modal-view .body-view-blk .title {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
}

.modal-media-blk .media-modal-view .body-view-blk a.prev-link {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/arrow-circle-left-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.modal-media-blk .media-modal-view .body-view-blk a.next-link {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../images/arrow-circle-right-white.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.modal-media-blk .media-modal-view .body-view-blk a.prev-link:hover,
.modal-media-blk .media-modal-view .body-view-blk a.next-link:hover
{
    opacity: 0.8;
}

.modal-media-blk .media-modal-view img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.modal-media-blk .media-modal-view .head-modal-blk {
    display: block;
    margin: 0 0 30px 0;
}

.modal-media-blk .media-modal-view .close-modal {
    display: inline-block;
    background-color: #484848;
    padding: 8px 12px;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.modal-media-blk .media-modal-view .close-modal::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    background-image: url(../images/icon-close-circle.svg);
    background-repeat: no-repeat;
}

.media-page-blk .item {
    padding-right: 15px;
    padding-left: 15px;
}

.media-page-blk .item {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.media-page-blk .item:nth-child(4n) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.media-page-blk .item .img {
    height: 225px;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    margin: 0 0 30px 0;
    position: relative;
    overflow: hidden;
}

.media-page-blk .item:nth-child(4n) .img {
    height: 600px;
}

.search-blk {
    display: block;
    margin: 0 0 15px 0;
}

.search-blk .form-control {
    border-color: #909090;
    font-size: 16px;
    color: #020202;
    outline: 0;
    box-shadow: none;
}

.search-blk a.link {
    color: #2AB7C1;
}

.search-blk-news.search-blk {
    display: block;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 20px;
    margin-bottom: 30px;
}

.books-page-blk .main-book {
    display: block;
    background-color: #F4FEFF;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    padding: 30px;
    margin: 0 0 30px 0;
}

.books-page-blk .main-book img,
.book-synopsis-view .main-book img
{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.books-page-blk .main-book .text-blk,
.book-synopsis-view .main-book .text-blk
{
    font-size: 16px;
    color: #000000;
    line-height:21px;
    display: block;
    margin: 0 0 30px 0;
}

.books-page-blk .book-list-blk .e {
    display: block;
    background-color: #F4FEFF;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    padding: 30px 30px 83px 30px;
    margin: 0 0 30px 0;
    text-align: center;
    height: 100%;
    position: relative;
}

.books-page-blk .book-list-blk .e .img {
    display: block;
    width: 150px;
    height: 205px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 auto 15px auto;
}

.books-page-blk .book-list-blk .e .title {
    font-size: 16px;
    color: #000000;
    line-height:21px;
    display: block;
    margin: 0 0 30px 0;
    text-align: center;
}

.books-page-blk .book-list-blk .e .btn-blk {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
}

.book-page-view {
    display: block;
}
/*
.book-page-view .inside-book-blk {
    padding: 0 0 0 0;
}*/

.book-page-view .text-blk {
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    display: block;
    margin: 0 0 30px 0;
}

.book-page-view .book-chapter-title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 30px 0;
}

.book-page-view .book-page-title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 30px 0;
}

.book-page-view .text-blk a,
.book-synopsis-view .short-retelling .text-blk a
{
    color: #2AB7C1;
}

.book-page-view .text-blk a::after,
.book-synopsis-view .short-retelling .text-blk a::after
{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../images/icon-link.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.book-page-view .text-blk .quote-text {
    display: inline-block;
}

.book-page-view .text-blk .quote-text .btn-blk,
.book-synopsis-view .short-retelling .quote-text .btn-blk
{
    display: none;
}

.book-page-view .text-blk .quote-text .btn-blk a,
.book-synopsis-view .short-retelling .quote-text .btn-blk a
{
    color: #2AB7C1;
    font-size: 12px;
    line-height: 14px;
}

.book-page-view .text-blk .quote-text .btn-blk a::after,
.book-synopsis-view .short-retelling .quote-text .btn-blk a::after
{
    display: none;
}

.book-page-view .text-blk .quote-text {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 40px;
    display: inline-block;
    margin: 10px 0 10px 0;
    position: relative;
}

.book-page-view .text-blk .quote-text::before {
    content: "";
    width: 21px;
    height: 15px;
    background-image: url(../images/icon-quote-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 15px;
}

.book-page-view .text-blk .quote-text::after {
    content: "";
    width: 21px;
    height: 15px;
    background-image: url(../images/icon-quote-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.book-page-view .text-blk .quote-text:hover .btn-blk,
.book-synopsis-view .short-retelling .quote-text:hover .btn-blk
{
    display: flex;
    margin-top: 15px;
}

.book-page-view .book-navigation-blk {
    background-color: #F4FEFF; 
    padding: 20px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    position: sticky;
    top: 110px;
    z-index: 1;
}


.book-page-view .book-navigation-blk a,
.tooltips-section .tooltip-book-nav-buttons a,
.tooltips-section .tooltip-book-font-blk a

{
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #2AB7C1;
    min-height: 24px;
}

.book-page-view .book-navigation-blk a:hover,
.tooltips-section .tooltip-book-nav-buttons a:hover,
.tooltips-section .tooltip-book-font-blk a:hover
{
    text-decoration: none;
    opacity: 0.9;
}

.book-page-view .book-navigation-blk .col-sm-6:first-child a,
.tooltips-section .tooltip-book-nav-buttons .col-sm-6:first-child a,
.tooltips-section .tooltip-book-font-blk .col-sm-6:first-child a
{
    text-align: left;
}

.book-page-view .book-navigation-blk .col-sm-6:last-child a,
.tooltips-section .tooltip-book-nav-buttons .col-sm-6:last-child a,
.tooltips-section .tooltip-book-font-blk .col-sm-6:last-child a
{
    text-align: right
}

.book-page-view .book-navigation-blk a.note::before,
.tooltips-section .tooltip-book-nav-buttons a.note::before,
.tooltips-section .tooltip-book-font-blk a.note::before,
.book-page-view .book-navigation-blk a.to-top::before
{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-note.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

.book-page-view .book-navigation-blk a.font::after,
.tooltips-section .tooltip-book-nav-buttons a.font::after,
.tooltips-section .tooltip-book-font-blk a.font::after
{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-fontsize.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-left: 5px;
}

.book-page-view .book-navigation-blk a.chapter-select-link::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-note.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-left: 5px;
}

.book-page-view .book-navigation-blk a.prev::before,
.tooltips-section .tooltip-book-nav-buttons a.prev::before
{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/arrow-square-left.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

.book-page-view .book-navigation-blk a.next::after,
.tooltips-section .tooltip-book-nav-buttons a.next::after
{
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/arrow-square-right.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    margin-left: 5px;
}

.book-page-view .synopsis-link {
    display: block;
    background-color: #F4FEFF; 
    padding: 10px 20px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    color: #1C1C1E;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.book-page-view .synopsis-link:hover {
    background-color: #2AB7C1;
    color: #ffffff;
    text-decoration: none;
}

.book-page-view .chapter-navigator {
    background-color: #F4FEFF; 
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    position: sticky;
    top: 164px;
    z-index: 1;
    overflow: hidden;
}

.book-page-view .chapter-navigator .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.book-page-view .chapter-navigator ul {
    list-style: none;
    list-style-image: none;
    padding: 16px 0;
    margin: 0;
}

.book-page-view .chapter-navigator ul li {
    display: block;
    padding: 5px 20px;
}

.book-page-view .chapter-navigator ul li ul li {
    padding: 0 0 0 30px;
}

.book-page-view .chapter-navigator ul li ul {
    padding: 0;
    display: none;
}

.book-page-view .chapter-navigator ul li a {
    font-size: 16px;
    color: #1C1C1E;
    text-decoration: none;
    padding: 10px 0px;
    line-height: 18px;
}

.book-page-view .chapter-navigator ul li a:hover {
    text-decoration: none;
    color: #2AB7C1;
}

.book-page-view .chapter-navigator ul li ul li a {
    padding: 5px 0px;
    font-size: 14px;
    line-height: 16px;
}

.book-page-view .chapter-navigator ul li ul li a.active {
    font-weight: 600;
}

.book-page-view .chapter-navigator ul li.active {
    background-color: #E3FDFF;
    border-right: 4px solid #2AB7C1;
}

.book-page-view .chapter-navigator ul li.bookmark {
    display: none;
}

.book-page-view .chapter-navigator ul:hover li.bookmark {
    display: block;
    margin-top: 16px;
}

.book-page-view .chapter-navigator ul li.bookmark a {
    color: #2AB7C1;
    font-weight: 500;
}

.book-page-view .chapter-navigator ul li.bookmark a::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-bookmark.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.book-page-view .chapter-navigator ul li.active ul {
    display: block;
}
.book-synopsis-view .main-book {
    background-image: url(../images/homepage-slider-bg-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 100%;
}


.book-synopsis-view .main-book .desc-text {
    padding: 80px 0;
}

.book-synopsis-view .short-retelling {
    padding: 60px 0 0 0;
}

.book-synopsis-view .short-retelling .page-inside-title {
    margin-bottom: 60px;
}

.book-synopsis-view .short-retelling .chapters-title {
    font-size: 20px;
    color: #000000;
    font-weight: 700;
    margin: 30px 0;
}

.book-synopsis-view .short-retelling .text-blk {
    font-size: 14px;
    color: #000000;
    line-height: 18px;
}

.book-synopsis-view .short-retelling .chapter-blk {
    display: block;
    margin: 30px 0 0 0;
}

.book-synopsis-view .short-retelling .chapter-blk::before {
    content: "";
    display: block;
    width: 80%;
    height: 2px;
    background-color: rgba(217, 217, 217, 1);
    margin: 0 0 30px 0;
}

.book-synopsis-view .short-retelling .chapter-blk .quote-text {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 40px;
    display: inline-block;
    margin: 10px 0 10px 0;
    position: relative;
}

.book-synopsis-view .short-retelling .chapter-blk .quote-text::before {
    content: "";
    width: 21px;
    height: 15px;
    background-image: url(../images/icon-quote-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 15px;
}

.book-synopsis-view .short-retelling .chapter-blk .quote-text::after {
    content: "";
    width: 21px;
    height: 15px;
    background-image: url(../images/icon-quote-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(42, 183, 193, 0.8);
    z-index: 101;
    display: none;
}

.modal-notice-blk,
.authorization-form
{
    display: none;
    position: fixed;
    width: 720px;
    z-index: 102;
    background-color: rgba(244, 254, 255, 1);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    left: 50%;
    margin: 0 0 0 -360px;
    min-height: 100px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    top: 50%;
}

.modal-notice-blk h2 {
   font-size: 18px;
   font-weight: 700;
   color: #000000;
   margin: 0 0 15px 0;
}

.modal-notice-blk .text-blk {
    font-size: 14px;
    color: #000000;
    line-height: 18px;
    display: block;
    margin: 0 0 15px 0;
}

.modal-notice-blk .short-view-page {
    padding: 20px;
}

.modal-notice-blk .short-view-page .btn-blk a {
    font-size: 12px;
    color: #2AB7C1;
    display: inline-block;
    margin-top: 15px;
}

.modal-notice-blk .short-view-page img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.book-quotes-view .page-inside-title {
    margin: 30px 0 30px 0;
}

.book-quotes-view .quote {
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0 0 20px 0;
    display: block;
}

.book-quotes-view .quote .title {
    padding: 20px 30px 20px 20px;
    display: block;
    color: #0B132A;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    background-image: url(../images/arrow-circle-down.svg);
    background-repeat: no-repeat;
    background-position: 99% 50%;
}

.book-quotes-view .quote .title:hover {
    text-decoration: none;
}

.book-quotes-view .quote .list-text-blk {
    padding: 0 20px 20px 20px;
    display: none;
}

.book-quotes-view .quote.active {
    background-color: #F4FEFF;
    border-color: #F4FEFF;
}

.book-quotes-view .quote.active .title {
    color: #2AB7C1;
    background-image: url(../images/arrow-circle-up.svg);
}

.book-quotes-view .quote .sub-title 
{
    font-size: 14px;
    color: #1C1C1E;
    text-decoration: none;
    padding: 10px 0px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 700;
}

.book-quotes-view .quote .sub-title a {
    color: #1C1C1E;
    text-decoration: none;
}

.book-quotes-view .quote .sub-title a:hover {
    color: #2AB7C1;
    text-decoration: none;
}

.book-quotes-view .quote .list-text-blk .quote-text {
    display: block;
    margin: 0 0 20px 0;
}

.book-quotes-view .quote .list-text-blk .quote-text .text-blk {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: 21px;
    display: block;
    margin: 0 0 5px 0;
    position: relative;
    padding: 25px;
}

.book-quotes-view .quote .list-text-blk .quote-text .text-blk::before {
    content: "";
    width: 21px;
    height: 15px;
    background-image: url(../images/icon-quote-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.book-quotes-view .quote .list-text-blk .quote-text .text-blk::after {
    content: "";
    width: 21px;
    height: 15px;
    background-image: url(../images/icon-quote-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
}

.book-quotes-view .quote .list-text-blk .quote-text a {
    font-size: 12px;
    color: #2AB7C1;
}

.book-quotes-view .quote .list-text-blk .quote-text:last-child {
    margin: 0;
}

.loading-blk {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/loader.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    min-height: 150px;
}

.modal-notice-blk .short-view-event img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.modal-notice-blk .short-view-event h2 {
    margin: 0 0 20px 0;
}

.modal-notice-blk .short-view-event .text-blk {
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    display: block;
    margin: 20px auto;
    width: 80%;
}

.modal-notice-blk .short-view-event .btn-blk {
    display: block;
    margin: 0 auto 20px auto;
    width: 80%;
}

.modal-notice-blk .short-view-event .btn-blk a {
    font-size: 12px;
    color: #2AB7C1;
}

.modal-notice-blk .short-view-event .head-blk {
    padding: 20px;
}

.modal-notice-blk .short-view-event .close-modal,
.comments-list-blk .close-modal,
.short-view-page .close-modal
{
    display: inline-block;
    color: #000000;
    font-size: 12px;
    margin: 0;
}

.modal-notice-blk .short-view-event .close-modal::after,
.comments-list-blk .close-modal::after,
.short-view-page .close-modal::after
{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    background-image: url(../images/icon-close-circle-black.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.modal-notice-blk .short-view-event .close-modal:hover,
.comments-list-blk .close-modal:hover
{
    text-decoration: none;
    opacity: 0.8;
}

.page-block img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 10px 0 20px;
}

.timeline-page-view .category-title {
    display: block;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 16px 16px;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    border: 1px solid transparent;
    text-align: center;
    text-transform: uppercase;
    min-height: 61px;
    position: relative;
    background-color: #ffffff;
}

.timeline-page-view .category-title.cat-wrapper .wrapper{
    position: absolute;
    top: 60px;
    width: 1px;
    height: 1px;
    left: 50%;
    margin: 0 0 0 -0.5px;
    display: block;
}

.timeline-page-view .category-title.cat-wrapper.c1 .wrapper {
    background-color: #2AB7C1;
}

.timeline-page-view .category-title.cat-wrapper.c2 .wrapper {
    background-color: #C13E2A;
}

.timeline-page-view .category-title.cat-wrapper.c3 .wrapper {
    background-color: #17C964;
}

.timeline-page-view .category-title.cat-wrapper.c4 .wrapper {
    background-color: #3D4C82;
}

.timeline-page-view .category-title.c1 {
    border-color: #2AB7C1;
}

.timeline-page-view .category-title.c2 {
    border-color: #C13E2A;
}

.timeline-page-view .category-title.c3 {
    border-color: #17C964;
}

.timeline-page-view .category-title.c4 {
    border-color: #3D4C82;
}

.timeline-page-view .monthyear {
    display: block;
    background-color: #ffffff;
    padding: 10px 5px;
    text-align: center;
}

.timeline-page-view .monthyear.y1 {
    margin-top: 30px;
}

.timeline-page-view .monthyear .year {
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    line-height: 18px;
}

.timeline-page-view .monthyear .month {
    font-size: 16px;
    color: #000000;
    letter-spacing: 2px;
    text-transform: lowercase;
}

.timeline-page-view .monthyear::after {
    display: block;
    content: "";
    width: 3px;
    height: 130px;
    background-color: rgba(178, 178, 178, 1);    
    margin: 16px auto 0 auto;
}

.timeline-page-view a.event-link {
    display: block;
    background-color: rgba(247, 247, 247, 1);
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-top-left-radius: 0;
    text-align: center;
}

.timeline-page-view a.event-link:hover {
    background-color: rgba(226, 253, 255, 1);
    color: #2AB7C1;
}

.timeline-page-view a.event-link:hover {
    text-decoration: none;
}

.timeline-page-view a.event-link.first-link {
    margin-top: 30px;
}

.timeline-page-view .year-filter-blk {
    display: block;
    background-color: rgba(244, 254, 255, 1);
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 16px 0;
}

.timeline-page-view .year-filter-blk ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

.timeline-page-view .year-filter-blk ul li a {
    display: block;
    padding: 16px 20px;
    color: #000000;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
}

.timeline-page-view .year-filter-blk ul li a:hover {
    text-decoration: none;
    color: #2AB7C1;
}

.timeline-page-view .year-filter-blk ul li.active a {
    background-color: rgba(226, 253, 255, 1);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.font-size-blk {
    background-color: #FFFFFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 16px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    position: sticky;
    margin: 30px 0;
    top: 244px;
    display: none;
}

.font-size-blk .slider-inside {
    display: block;
    padding: 9.5px 20px;
    position: relative;
    margin-top: 5px;
}

.font-size-blk .slider-inside::before {
    content: "A";
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    position: absolute;
    left: -2px;
    top: 50%;
    margin: -7px 0 0 0;
    font-weight: 500;
}

.font-size-blk .slider-inside::after {
    content: "A";
    font-size: 26px;
    line-height: 26px;
    color: #000000;
    position: absolute;
    right: -8px;
    top: 50%;
    margin: -13px 0 0 0;
    font-weight: 500;
}

.notice-list-blk {
    background-color: #F4FEFF;
    padding: 20px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    margin: 30px 0;
}

.notice-list-blk a {
    color: #2AB7C1;
    font-size: 14px;
    line-height: 16px;
}

.notice-list-blk a:hover {
    text-decoration: none;
    color: #000000;
}

.btn-primary.btn-small {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 10px;
}

.ui-slider {
    position: relative;
}

.ui-slider.ui-slider-horizontal {
    background: #D9D9D9;
    height:2px;
    border:none;
} 

.ui-slider .ui-slider-range {
    background: #2AB7C1;
    height:2px;
    z-index: 1;
    display: block;
    position: absolute;
}

.ui-slider .ui-slider-handle {
    background: transparent;
    width: 20px; 
    height: 12px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    top:-5px;
    margin-left:-10px;
    cursor:pointer;
    border: none;
    background-color: #2AB7C1;
    outline: 0;
    z-index: 3;
}

.ui-slider span
{
    position: absolute;
    margin-left: -1.5px;
    text-align: center;
    width: 3px;
    height: 12px;
    cursor: pointer;
    top: -5px;
    background: #D9D9D9;
    z-index: 2;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.ui-slider span.passed {
    background: #2AB7C1;
}

.eventsReminderConteinier{ position:fixed; right:20px; top:20px; z-index:100; min-width:300px;text-align: right;max-width:350px;}
.eventsReminder{
    -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
    margin:10px 0; 
    background:#fff; padding:20px 40px;  position:relative;  display:inline-block;
    max-width: 300px;    
    min-width: 240px;
    text-align: center;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,opacity .15s ease-in-out, top .15s ease-in-out;  
}
.eventsReminder .close:hover{ opacity:0.6}
.eventsReminder .discr .title{ color:#333333; line-height:20px; font-weight: 500;font-size:14px;text-align: center;margin: 0 0 20px 0;}
.eventsReminder .discr .info {
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-top: 10px;
    color: #666666;
    font-size: 14px;
    text-align: center;
    float: none;
}

.eventsReminder .discr .info .name {
    color: #333333;
    margin-bottom: 5px;
}

.eventsReminder .discr .btns {
    margin-top: 10px;
}

.eventsReminder .discr .btns a {
    color: #2AB7C1;
    text-decoration: none;
    font-size: 16px;
}

.authorization-form {
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
}

.authorization-form .form-security-blk {
    padding: 40px 30px;
}

.authorization-form .form-security-blk .body-form {
    width: 50%;
}

.authorization-form .form-security-blk .form-control {
    border: 1px solid #909090;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-size: 14px;
    color: #000000;
    min-height: 42px;
}

.authorization-form .form-security-blk .auth-clients {
    margin: 0 0 0 0;
    padding: 0;
}

.authorization-form .form-security-blk .help-block {
    font-size: 12px;
}

.authorization-form .form-security-blk .form-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px 0;
    color: #000000;
}

.authorization-form .form-security-blk .social-auth-block {
    display: block;
    margin: 30px 0 0 0;
}

.authorization-form .form-security-blk .body-form a {
    color: #2AB7C1;
    font-size: 12px;
}

.authorization-form .close-link  {
    display: inline-block;
    color: #000000;
    font-size: 12px;
}

.authorization-form .close-link::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    background-image: url(../images/icon-close-circle-black.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.authorization-form .close-link:hover {
    text-decoration: none;
    opacity: 0.8;
}

.authorization-form .form-security-blk .head-nav-blk {
    display: block;
    margin: 0 0 15px 0;
}

.authorization-form .form-security-blk .head-nav-blk a {
    display: inline-block;
    padding: 8px 12px;
    border-bottom: 1px solid #909090;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
}

.authorization-form .form-security-blk .head-nav-blk a.active {
    font-weight: 700;
    border-color: #2AB7C1;
}

.form-security-blk .cabinet-nav-blk a {
    color: #2AB7C1;
    text-decoration: none;
    display: inline-block;
    margin: 0 15px 0 0;
    min-height: 24px;
    vertical-align: middle;
}

.form-security-blk .cabinet-nav-blk a.active {
    color: #4F4F4F;
}

.form-security-blk .cabinet-nav-blk a:hover {
    color: #000000;
    text-decoration: none;
}

.form-security-blk .sign-out {
    color: #C13E2A;
}

.form-security-blk .sign-out:hover {
    text-decoration: none;
    opacity: 0.8;
}

.form-security-blk .note::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../images/icon-note.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.form-security-blk.notepad-list-blk a.form-title,
.profile-contest-links a.form-title
{
    display: block;
    padding: 5px 0;
}

.form-security-blk.notepad-list-blk a.form-title:hover,
.profile-contest-links a.form-title:hover
{
    text-decoration: none;
    color: #2AB7C1;
}

.form-security-blk.notepad-list-blk .counter-blk,
.profile-contest-links .counter-blk
{
    font-size: 16px;
    color: #818181;
    display: block;
    padding: 5px 0;
}

.saved-quotes-list-blk .link {
    color: #2AB7C1;
    text-decoration: none;
    font-size: 12px;
}

.saved-quotes-list-blk .quote {
    display: block;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 16px;
    margin: 0 0 24px 0;
    position: relative;
}

.saved-quotes-list-blk .quote .link,
.saved-quotes-list-blk .bookmark .link,
.saved-quotes-list-blk .links .link
{
    display: inline-block;
    margin: 0 24px 0 0;
    min-height: 16px;
    line-height: 16px;
}

.saved-quotes-list-blk .quote .text-blk,
.saved-quotes-list-blk .bookmark .text-blk,
.saved-quotes-list-blk .links .text-blk
{
    font-size: 18px;
    font-weight: 400;
    display: block;
    margin: 0 0 16px 0;
}

.saved-quotes-list-blk .links .text-blk a {
    color: #2AB7C1;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
}

.saved-quotes-list-blk .links .text-blk a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.saved-quotes-list-blk .quote .link.delete-link,
.saved-quotes-list-blk .bookmark .link.delete-link,
.saved-quotes-list-blk .links .link.delete-link
{
    color: #C13E2A;
}

.delete-link::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-trash.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.delete-link:hover {
    text-decoration: none;
    opacity: 0.8;
}

.form-security-blk .not-found-text {
    display: block;
    padding: 24px;
    text-align: center;   
}

.form-security-blk .not-found-text .text-blk {
    display: block;
    margin: 0 0 24px 0;
    font-size: 16px;
    color: #818181;
    font-weight: 700;
}

.saved-quotes-list-blk .bookmark,
.saved-quotes-list-blk .links
{
    display: block;
    background-color: #F9F9F9;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 16px;
    margin: 0 0 24px 0;
    position: relative;
}

.saved-quotes-list-blk .bookmark .read-link::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-read.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.follow-main-block {
    display: none;
    position: absolute;
    width: 360px;
    z-index: 1;
    bottom: -66px;
}

.follow-main-block .links-block {
    background-color: #ffffff;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 16px;
    text-align: center;
    position: relative;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.follow-main-block .links-block::after {
    content: "";
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #ffffff transparent;
    left: 30%;
}


.follow-main-block .links-block button {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin: 0 4%;
    text-indent: -8000px;
    border: none;
    outline: 0;
}

.follow-main-block .links-block button:hover {
    border: none;
    outline: 0;
    opacity: 0.8;
}

.follow-main-block .links-block .fb {
    background-image: url(../images/icon-share-facebook.svg);
}

.follow-main-block .links-block .vk {
    background-image: url(../images/icon-share-vk.svg);
}

.follow-main-block .links-block .tm {
    background-image: url(../images/icon-share-telegram.svg);
}

.follow-main-block .links-block .wa {
    background-image: url(../images/icon-share-whatsapp.svg);
}

.follow-main-block .links-block .tw {
    background-image: url(../images/icon-share-twitter.svg);
}

.follow-main-block .links-block .od {
    background-image: url(../images/icon-share-odnoklassniki.svg);
}

.share-blk-news {
    position: relative;
}

.follow-main-block-template {
    display: none;
}

.reviews-form  {
    padding: 16px 0;
    border-top: 3px solid #D9D9D9;
}

.reviews-form .message-blk {
    position: relative;
}

.reviews-form .form-control {
    border: 1px solid #EFEFEF;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #F9F9F9;
    padding: 16px 116px 16px 24px; 
    min-height: 80px;
    font-size: 14px;
}

.reviews-form .btn-primary {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -15.5px 0 0 0;
}

.reviews-form .hint-blk {
    font-size: 12px;
    color: #9F9F9F;
    line-height: 16px;
}

.reviews-form a {
    color: #2AB7C1;
    font-size: 12px;
    line-height: 16px;
}

.reviews-form .help-block,
.authorization-form .help-block
{
    color: #C13E2A;
    font-size: 12px;
}

.comments-list-blk .head-blk {
    display: block;
    margin: 0 0 16px 0;
}

.comments-list-blk .title {
    font-size: 14px;
    line-height: 18px;
    color: #4F4F4F;
    font-weight: 400;
}

.comments-list-blk .list-comments .comment-item {
    display: block;
    padding: 16px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #F9F9F9;
    margin: 0 0 16px 0;
}

.comments-list-blk .list-comments .comment-item .name {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000000;
}

.comments-list-blk .list-comments .comment-item .date {
    font-size: 12px;
    line-height: 14px;
    color: #9F9F9F;
    text-align: right;
}

.comments-list-blk .list-comments .comment-item .text-blk {
    display: block;
    margin: 24px 0;
    color: #000000;
    font-size: 14px;
    line-height: 18px;
}

.tooltips-section {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(42, 183, 193, 0.85);
    overflow-x: hidden;
}

.tooltips-section .tooltip-blk {
    display: none;
    position: absolute;
    max-width: 320px;
}

.tooltips-section .tooltip-blk .numbers-blk {
    color: #ffffff;
    font-size: 12px;
    display: block;
}

.tooltips-section .tooltip-blk h3 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

.tooltips-section .tooltip-blk .text-hint {
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
    display: block;
    margin: 0 0 16px 0;
}

.tooltips-section .tooltip-blk .btn-primary {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #2AB7C1;
}

.tooltips-section .tooltip-blk .btn-default {
    border-color: transparent;
    color: #ffffff;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 10px;
}

.tooltips-section .tooltip-book-nav-buttons,
.tooltips-section .tooltip-book-font-blk,
.tooltips-section .tooltip-notice,
.tooltips-section .tooltip-auth-blk
{
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.tooltips-section .tooltip-book-nav-buttons .col-sm-6,
.tooltips-section .tooltip-book-font-blk .col-sm-6
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.tooltips-section .tooltip-notice,
.tooltips-section .tooltip-auth-blk
{
    padding: 16px;
}

.mobile-header,
.book-navigation-blk.mobile-book-navigation
{
    display: none; 
}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    background-color: #2AB7C1;
    border-color: #2AB7C1;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
    background-color: #2AB7C1;
    border-color: #2AB7C1;
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
    background-color: #2AB7C1;
    border-color: #2AB7C1;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus
{
    background-color: #2AB7C1;
    border-color: #2AB7C1;
}

.calendar-news-blk {
    display: block;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    padding: 20px;
    margin-bottom: 30px;
}

.calendar-news-blk .datepicker-inline,
.calendar-news-blk .datepicker table
{
    width: 100%;
}

.contest-page-blk .e .image {
    height: 237px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    background-position: 50% 50%;
}

.contest-page-blk .e {
    padding: 0;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    margin-bottom: 30px;
}

.contest-page-blk .e .in-blk {
    padding: 28px;
}

.contest-page-blk .e .btn-blk {
    margin-bottom: 10px;
}

.contest-page-blk .e a.more {
    font-size: 16px;
}

.contest-page-blk img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;  
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.contest-block-view .date {
    margin: 0;
    font-size: 16px;
}

.contest-block-view .back-link {
    margin-bottom: 20px;
}

.contest-block-view .head-contest-blk {
    background-color: #F4FEFF;
    display: block;
    margin: 20px 0;
    padding: 24px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.contest-block-view .head-contest-blk .img {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
}

.contest-block-view .head-contest-blk .page-inside-title {
    font-size: 40px;
    line-height: 54px;
    font-weight: 700;
    color: #0B132A;
    margin-top: 30px;
}

.contest-block-view .head-contest-blk .short-text {
    font-size: 16px;
    color: #4F5665;
    line-height: 24px;
    display: block;
    margin: 0 0 20px 0;
}

.contest-block-view .head-contest-blk .btn-primary {
    margin-right: 20px;
}

.contest-block-view .head-contest-blk .rule-link {
    color: #2AB7C1;
    text-decoration: none;
}

.contest-block-view .full-text {
    width: 80%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.contest-block-view .share-blk-news {
    display: inline-block;
}

.contest-block-view .responsibility-blk,
.contest-send-success .responsibility-blk
{
    display: block;
    margin: 20px 0;
}

.contest-block-view .responsibility-blk .sub-title,
.contest-send-success .responsibility-blk .sub-title
{
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    line-height: 36px;
}

.contest-block-view .responsibility-blk .e,
.contest-send-success .responsibility-blk .e
{
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 20px 0;
    padding: 16px 16px 16px 65px;
    position: relative;
    background-color: #F4FEFF;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    font-size: 14px;
    color: #000000;
    line-height: 14px;
}

.contest-block-view .responsibility-blk .e .name,
.contest-send-success .responsibility-blk .e .name
{
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    line-height: 16px;
}

.contest-block-view .responsibility-blk .e .avatar,
.contest-send-success .responsibility-blk .e .avatar
{
    display: block;
    width: 33px;
    height: 33px;
    border-radius: 33px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    background-color: #2AB7C1;
    position: absolute;
    left: 16px;
    top: 50%;
    margin: -16.5px 0 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}


.contest-block-view .responsibility-blk .e .avatar.noimage,
.contest-send-success .responsibility-blk .e .avatar.noimage
{
    background-image: url(../images/icon-profile.svg);
    background-repeat: no-repeat;
    background-position: 0px 50%;
}

.contest-block-view .follow-main-block {
    right: -50%;
}

.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
    border-right: none;
}

.input-group-addon {
    background-color: #ffffff !important;
    border-color: #909090 !important;
}

.form-security-blk input[type='number'] {
    -moz-appearance:textfield;
}
.form-security-blk input::-webkit-outer-spin-button,
.form-security-blk input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox+label {
    display: inline-flex;
    align-items: center;
    user-select: none;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 16px;
}

.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #5BC8D0;
    background-color: #ffffff;
    border-radius: 2px;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.custom-checkbox:checked+label::before {
    border-color: #5BC8D0;
    background-color: #5BC8D0;
    background-image: url(../images/icon-checkbox.svg);

}

.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #5BC8D0;
}

.custom-checkbox:not(:disabled):active+label::before {
    background-color: rgba(217, 217, 217, 1);
    border-color: #5BC8D0;
}

.checkbox-blk .link-offer {
    font-size: 14px !important;
    margin-left: 5px;
}

.checkbox-blk .link-offer:hover {
    text-decoration: none;
    color: #5BC8D0;
}

.authorization-form .form-security-blk.contest-form-blk .body-form
{
    width: 100%;
    margin-top: 30px;
}

.contest-send-success .in-blk {
    padding: 24px;
}

.contest-send-success .text-blk {
    font-size: 16px;
    font-weight: 700;
    color: #1C1C1E;
    line-height: 24px;
    display: block;
    margin: 10px 0 0 0;
}

.profile-contest-links {
    margin-top: 30px;
}

.saved-quotes-list-blk .bookmark.contest-request-item .text-blk {
    font-weight: 700;
    font-size: 18px;
    font-style: italic;
}

.contest-request-item .status-blk {
    font-size: 12px;
    color: #828282;
}

.contest-request-item .status-blk .decline {
    color: #C13E2A;
}

.contest-request-item .status-blk .accepted {
    color: #80CC28;
}