@import "reset.css";
@import "general.css";

@keyframes rec {0% {-webkit-transform: scale(1);transform: scale(1);opacity: 0.7;}34%,100% {-webkit-transform: scale(3);transform: scale(3);opacity: 0;}}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.clear {
    clear: both;
}

html {  
    font-family: Verdana, Arial;
    font-size: 14px;                                
}

body {
    background: url("../img/site/2017/bg.png") top center;
    line-height: 1.4;
    min-width: 1250px;
    position: initial !important;
    width: auto !important;
    overflow-y: auto !important;
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
}

.blue-line {
    background-color: #4ec3ff;
    padding: 4px 0;
}

.blue-line .social {
    float: left;
    margin-right: 22px;
} 

.blue-line .social a {
    float: left;
    display: block;
    height: 22px;
    width: 22px;
    margin-right: 10px;
    text-decoration: none;
}

.blue-line .social a.vk {
    background: url("../img/site/2017/vk.png") no-repeat center center;
}

.blue-line .social a.fb {
    background: url("../img/site/2017/fb.png") no-repeat center center;
}

.blue-line .social a.in {
    background: url("../img/site/2017/in.png") no-repeat center center;
}

.orgs-top {
    float: left;
}

.orgs-top a {
    display: block;
    float: left;
    color: #003554;
    text-decoration: none;
    padding: 4px 10px;
    border-right: 1px solid #86D3FF;
    margin-top: -4px;
    margin-bottom: -4px;
}

.question-btn{
    
    height: 24px;
    margin: 6px;
    padding: 4px;
    width: 80%;
}


.orgs-top a:hover {
    opacity: 0.8;
}

.orgs-top a:last-child {
    border-right: none;
}

.langs {
    float: right;
}

.langs a {
    float: left;
    display: block;
    color: #003554;
    margin-right: 10px;
}

.langs a.active {
    text-decoration: none;;
    font-weight: bold;
}

.buttons {
    float: right;
    margin-right: 100px;
}

.buttons a.easy {
    // display: inline-block;
    width: 195px;
    // height: 20px;
    color: #000;
    // background: url("../img/site/2017/glasses.png") no-repeat center center;
}
.buttons a.easy1 {
    display: inline-block;
    width: 175px;
    // height: 20px;
}
.buttons a.find-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../img/site/2017/magnifying-glass.png") no-repeat center center;
    background-size: cover;
    margin-left: 10px;
}

.admin {
    float: right;
    margin-right: 50px;
    color: #003554;
    padding: 4px 6px;
    margin-top: -4px;
    background-color: #86D3FF;
    margin-bottom: -4px;
}

.admin a {
    color: #003554;
    text-decoration: none;
}

.admin a:hover {
    text-decoration: underline;
}

.header {
    background-color: white;
}

.header .wrapper {
    /*background-color: rgba(255,255,255,0.6);*/
    padding: 10px 15px;
    min-height: 100px;
    position: relative;
}

.header .logo {
    float: left;
    display: block;
    margin-right: 10px;
}

.header .title {
    float: left;
    margin-top: 25px;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
}

.header .title.org-title {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    font-size: 20px;
    width: 600px;    
}

.header .gotomain {
    display: block;
    text-decoration: none;
    color: black;
    position: absolute;
    bottom: 10px;
    left: 20px;
}

.header .gotomain:hover {
    text-decoration: underline;
}

.header .gotomain-org {
    text-decoration: none;
    color: black;
}

.header .expo {
    float: right;
    margin-right: 10px;;
    display: block;
}

.header .moder {
    position: absolute;
    top: 0;
    right: 120px;
    display: block;
}
.header .moder_en {
    position: absolute;
    top: 50px;
    right: 120px;
    display: block;
}

.header .moder.org-moder {
    position: absolute;
    top:0px;
    right: 0;
    float: none;
}

.header .moder_en.org-moder-en {
    position: absolute;
    top: 60px;
    right: 0;
    float: none;
}

.header .contacts {
    float: right;
    line-height: 20px;
    margin-top: 10px;
    margin-right: 160px;
}

.header .contacts-org {
    line-height: 20px;
}

.header .contacts.org-contacts {
    width: 390px;
    position: absolute;
    top: 20px;
    right: 110px;
    float: none;
    margin-right: 20px;
}

.header .tel {
    float: right;
    line-height: 20px;
    margin-top: 10px;
    margin-right: 50px;
}

.header .tel-org {
    line-height: 20px;
}

.header .tel span{
    font-size: 22px;
    color: #003554;
}

.header .tel-org span{
    font-size: 22px;
    color: #003554;
}

.head-left{
    width: 40%;
    display: inline-block;
    margin-right: 2%;
}
.head-center{
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.head-right{
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.head-bottom-row {
    display: grid;
    grid-template-columns: 3.5fr 1.7fr 3.1fr;
}

.menu-block {
    background-color: #006494;
}

.menu-top li a {
    padding: 5px 13px;
    display: block;
    color: white;
    font-size: 15px;
    border-right: 1px solid #004c74;
    text-decoration: none;
}

.menu-top li a:hover {
    opacity: 0.7;
}

.menu-top li {
    position: relative;
    float: left;
    padding: 5px 0;
}

.menu-top li:last-child a {
    border-right: none;
}

.menu-top ul {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0 5px 10px black;
    z-index: 1000;
    width: 300px;
}

.menu-top li:last-child ul {
    right: 0;
}

.menu-top ul li {
    float: none;
}

.menu-top ul li a {
    color: black;
    border-right: none;
    font-size: 13px;
    padding: 0 10px;
}

.top-block .wrapper{
    display: flex;
    background-color: rgba(255,255,255,0.6);
    padding: 15px 12px;
}

.favorites .items {
    background-color: white;
    padding: 10px;
    margin-bottom: 0px!important;
}

.favorites .item {
    display: block;
    text-decoration: none;
    color: #010101;
    font-size: 13px;
    padding-bottom: 0px!important;
    margin-bottom: 8px;
    border-bottom: 1px solid #eae8e8;
}

.favorites .item:hover {
    text-decoration: underline;
}

.favorites {
    position: relative;
    width: 100%;
}

.favorites .caption {
    padding-left: 15px;
    margin-bottom: 5px;
}

.archive {
    float: right;
    color: #006494;
    display: block;
    text-transform: lowercase;
    text-decoration: none;
    width: auto!important;
}

.archive:hover {
    text-decoration: underline;
}

.b-last-comments__rec {
    display: block;
    width: 8px;
    height: 8px;
    background: #4ec3ff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
}

.b-last-comments__rec:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #4ec3ff;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    transform: scale(1);
    animation: rec 3s infinite cubic-bezier(0.19, 1, 0.22, 1);
}

.white-slugs {
    float: left;
    width: 288px;
    margin-left: 17px;
}

.white-slugs a {
    display: block;
    text-decoration: none;
    color: #010101;
    font-size: 13px;
    background-color: white;
    padding: 15px 2px;
    padding: 15px 2px;
    margin-bottom: 13px;
}

.white-slugs a:hover {
    opacity: 0.8;
}

.white-slugs a img {
    float: left;
    display: block;
    margin-right: 10px;
}

.white-slugs a span {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
}

.president {
    height: 306px;
    overflow: hidden;
    margin-left: 5px;
}

.president a {
    text-decoration: none;
    position: relative;
}

.president .cover {
    position: absolute;
    bottom: 0;
    color: white;
    font-size: 14px;
    padding: 20px;
    line-height: 22px;
    background: linear-gradient(to bottom, #daac8d00, #0e1a1f);
    left: 0px;
}

.big-slider{position:relative;width: 594px;height:306px; float: left; margin-bottom: 13px;}
.big-slider .ui-tabs-hide{display:none;}
.big-slider .ui-tabs-panel{position:absolute;left:0px;top:0px;}
.big-slider div img{display:block;}
.big-slider ul{}

.big-slider .links {
    display: none;
}

.big-slider .image {
    width: 594px;
    height: 306px;
    overflow: hidden;
}

.big-slider .image img {
    width: 100%; height: 100%; object-fit: cover;
}

.big-slider .cover {
    position: absolute; 
    bottom: 0px;
    right: 0;
    left:0;
    height: 44px;
    padding: 10px;
    padding-right: 50px;
    font-size: 16px;
    color: white;
    line-height: 20px;
    text-transform: uppercase;
    z-index: 100;
    text-decoration: none;
    background-color: rgba(0,0,0,0.5);
}

.big-slider .pattern {
    width: 100%;
    height: 100%;
    background-image: url(../img/site/2017/slider_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
}

.long-slugs {
    display: flex;
    flex-direction: column;
    width: 25%;
    justify-content: space-between;
    margin: 0 5px 13px 0;
}

.temperature {
    float: left;
    padding: 12px 20px;
    background: url("../img/site/2017/temperature_bg.png");
    font-size: 15px;
    line-height: 18px;
    width: 552px;
    height: 50px;
}

.sad {
    float: left;
    display: block;
    text-decoration: none;
}


.reception {
    text-decoration: none;
    background: #0090ff4d;
    display: flex;
    flex-direction: column;
    align-items: center
}

.main-block .wrapper{
    background-color: rgba(255,255,255,0.6);
    padding: 15px 12px;
}

.left-block {
    width: 288px;
    float: left;
    margin-right: 17px;
}

.menu-left {
    display: block;
    background-color: #006494;
    padding: 10px;
    margin-bottom: 20px;
}

.menu-left li {
    display: block;
    position: relative;
}

.menu-left li:hover {
    background-color: white;
}

.menu-left li:hover a {
    color: black;
}

.menu-left li:last-child {
    margin-bottom: 0;
}

.menu-left li a {
    font-size: 15px;
    color: white;
    text-decoration: none;
    display: block;
    padding: 10px 5px;
}


.menu-left ul {
    display: none;
    position: absolute;
    top: 0;
    background: white;
    box-shadow: 0 5px 10px black;
    left: 249px;
    padding: 5px 10px;
    width: 250px;
    z-index: 1000;
}

.menu-left ul li {

}

.menu-left ul li a {
    font-size: 13px;
    color: black;
    padding: 5px 5px;
    line-height: 13px;
}

.menu-left ul li a:hover {
    opacity: 0.8;
}

.orgs {
    padding: 23px 20px;
    margin-bottom: 35px;
    background-color: #f0f0f0;
}

.orgs a {
    display: block;
    font-size: 15px;
    color: black;
    text-decoration: none;   
    margin-bottom: 20px; 
}

.orgs a:last-child {
    margin-bottom: 0;
}

.orgs a:hover {
    color: #006494;
}

.links-block {
    margin-bottom: 20px;
}

.links-block a {
    display: block;
    padding: 10px;
    padding-top: 50px;
    text-align: center;
    text-decoration: none;
    color: #003554;
    margin-bottom: 14px;
    background-position: top 10px center;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
}

.links-block .diploms {
    background-image: url("../img/site/2017/diploms.png");
}

.links-block .book {
    background-image: url("../img/site/2017/book.png");
}

.links-block .dinasty {
    background-image: url("../img/site/2017/dinasty.png");
}

.right-block {
    float: right;
    width: 895px;
    display: flex;
    flex-direction: column;
}

.caption {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #5b6469;
}

.news {
    margin-bottom: 18px;
}

.caption.blue{
    color: #006494;
    display: flex;
    justify-content: space-between;
}

.news .item {
    float: left;
    display: block;
    text-decoration: none;
    height: 225px;
    padding-bottom: 20px;
    width: 247px;
    margin-right: 77px;
}

.news .item:hover {
    opacity: 0.8;
}

.news .item:nth-child(3n) {
    margin-right: 0;
}

.news img {
    display: block;
    width: 247px;
}

.news .image {
    height: 156px;
    overflow: hidden;
}

.news .date {
    padding: 7px 0;
    font-size: 13px;
    color: #828282;
}

.news .title {
    font-size: 13px;
    color: #394247;
}

.more, #vote-block a {
    display: block;
    text-decoration: none;
    font-size: 12px;
    color: #575757;
    background-color: #eeeeee;
    padding: 7px;
    text-align: center;
}

#vote-block a {
    margin-top: 10px;
}

.more:hover {
    opacity: 0.7;
}

/*.sad {
    margin-bottom: 30px;
}

.sad img {
    display: block;
}

.sad a {
    display: block;
    text-decoration: none;
}*/

.materials {
    margin-bottom: 20px;
}

.materials .items {
    background-color: #eeeeee;
    padding: 15px;
    padding-bottom: 0;
}

.materials a {
    display: block;
    text-decoration: none;
    padding: 5px;
    color: black;
    line-height: 16px;
    width: 370px;
    float: left;
    margin-right: 75px;
    margin-bottom: 20px;
}

.materials a:nth-child(2n) {
    margin-right: 0;
}

.materials a .date {
    font-size: 12px;
    margin-bottom: 5px;
}

.materials a:hover {
    opacity: 0.8;
}

.footer {
    background-color: #006494;
    color: #4ec3ff;
}

.footer a {
    color: white;
    text-decoration: none;
}

.footer .wrapper {
    padding: 20px 0;
    position: relative;
}

.footer .counter {
    position: absolute;
    bottom: 20px;
    left: 295px;
}

.footer .caption {
    color: white;
}

.footer ul li a {
    display: block;
}

.footer ul li {
    width: 331px;
    float: left;
}

.footer .resurs {
    margin-bottom: 30px;
    width: 331px;
}

#resurs {
    width: 331px;
    overflow: hidden;
    position: relative;
    padding-right: 60px;
}

#resurs .button {
    height: 28px;
    width: 17px;
    position: absolute;
    top: 0;
    cursor: pointer;
}

#resurs .button.prev {
    background: url("../img/site/2017/btn_prev.png") no-repeat;
    right: -30px;
}

#resurs .button.next {
    background: url("../img/site/2017/btn_next.png") no-repeat;
    right: -60px;
}

.footer .map {
    position: absolute;
    right: 0;
    top: 20px;
}

.corr-block {
    margin-bottom: 20px;    
}

.corr-slugs {
    width: 288px;
    overflow: hidden;
    position: relative;
}

.corr-block .button {
    height: 28px;
    width: 17px;
    position: absolute;
    top: 60px;
    cursor: pointer;
}

.corr-block .button.prev {
    background: url("../img/site/2017/btn_prev.png") no-repeat;
    left: 10px;
}

.corr-block .button.next {
    background: url("../img/site/2017/btn_next.png") no-repeat;
    right: 10px;
}



/* NEWS STYLES */
/* ONE NEWS ARTICLE*/
#news-one{margin:auto;margin-top:20px;max-width: 950px;}
#news-one .pane-image{float:left;margin:0px 15px 5px 0px;padding:9px;background-color:#F1F1F1;border:1px solid silver;width:300px;text-align:center;}
#news-one .pane-image img{max-width:100%;margin:auto;}
#news-one .title{font-size: 18px;margin-left: 316px;}
#news-one .meta{height: 22px;padding: 4px 0;width:390px;margin-left:320px;background-color: #ebebeb;font-size: 12px;color:#555555;margin-bottom: 10px;position:relative;}
#news-one .meta .date{background: url("/media/img/site/pavlodar/clock.png") left center no-repeat;padding-left: 25px;padding-top: 5px;height: 16px;float: left;}
#news-one .meta .views{background: url("/media/img/site/pavlodar/eye.png") left center no-repeat;padding-left: 31px;padding-top: 5px;height: 15px;float: left;margin-left: 35px;}
#news-one .meta .shares{position:absolute;top:0px; right:10px;}
#news-one .text{font-size:14px;}
#news-one .text p{margin:8px 0;text-indent:13px;}
#news-one .author{margin: 10px 0;}
#news-one .author .bold{font-weight:bold;}
#news-one .return-link{padding:10px 10px 50px;border-top:1px dotted black;}
#news-one .return-link a{font-size:16px;color:#0072bc;text-decoration:underline;}
#news-one .return-link a:hover{text-decoration:none;}

/* BLOG STYLES */
#blog-list,
#blog-full,
#content-full{min-height: 500px;}
#reception-list {}
#reception-list .zakon {margin-bottom: 15px;}
.blog-page .blog-page-title, .page-title{
    font-size:25px;padding-bottom:5px;
    border-bottom:1px dotted black;
    padding-left:10px;
    margin-bottom:24px;
    text-transform:uppercase;
}
.blog-page .blog-page-description {
    font-size: 11px;
    overflow: hidden;
    line-height: normal;
    text-align: left;
    margin:0 0 20px;
}
.blog-page .blog-page-description p {
    text-indent: 15px;
    margin-bottom: 5px;
}
.blog-page .blog-item{
    margin-bottom:20px;
}
.blog-page .blog-item .blog-item-title{
    font-size:18px;
    text-transform:uppercase;
    margin-bottom: 4px;
}
.blog-page .blog-item .blog-item-title a {
    color: #000;
    text-decoration: none;
}
.blog-page .blog-item .blog-item-author{
    font-size:11px;
    padding:0px 7px;
    padding-bottom:7px;
    width:380px;
}
.blog-page .blog-item .blog-item-meta{
    overflow:hidden;
    margin-bottom: 10px;
}
.blog-page .blog-item .blog-item-meta .blog-item-meta-holder{
    overflow:hidden;
    float:left;
}
.blog-page .blog-item .blog-item-meta .blog-item-meta-holder .blog-item-status{
    font-size:12px;
    color:#555555;
    float:left;
    overflow:hidden;
    padding-top:7px;
    width: 765px;
}
.blog-page .blog-item .blog-item-meta .blog-item-meta-holder .blog-item-status .blog-status-time{
    float:left;margin-right:30px;
    background:no-repeat url("/media/img/site/pavlodar/clock.png") top left;
    padding:0px;
    height:16px;
    padding-top:2px;
    margin-left: 8px; 
    padding-left: 25px;
}
.blog-page .blog-item .blog-item-meta .blog-item-meta-holder .blog-item-status .blog-status-view{
    float:left;
    background:no-repeat url("/media/img/site/pavlodar/eye.png") top left;
    padding:0px;
    padding-left:35px;
    height:14px;
    padding-top:4px;
}
.blog-page .blog-item .blog-item-meta .blog-item-meta-holder .blog-item-social{
    float:left;
    margin-left:35px;
}
.blog-page .blog-item .blog-item-content{
    /*display: flex;*/
    font-size:14px;
    overflow:hidden;
    line-height:normal;
    text-align:left;
}
.blog-page .blog-item .blog-item-content .blog-item-image{
    height: fit-content;
    margin:0px 15px 5px 0px;
}
.blog-page .blog-item .blog-item-content .blog-item-image img {
    margin: 0;
    display: inline;
    width: 240px;
    padding:9px;
    background-color:#F1F1F1;
    border:1px solid silver;
}
.blog-page .blog-item .blog-item-content > div > div{display: block;}
.blog-page .blog-item .blog-item-content p{
    margin:0px;
    padding:0px;
    padding-bottom:15px;
}
.blog-page .blog-item .blog-item-content img {    
    display: block;
    margin: 5px 0;
}
.blog-page .blog-item .blog-item-content p img {    
    display: inline;
}
.blog-page .blog-item .blog-item-links{
    font-size:12px;
    margin:10px 0;
}
.blog-page .blog-item .blog-item-links p {
    padding-bottom: 5px;
}
.blog-page .blog-item .blog-item-links a{
    text-decoration:underline;
}
.blog-page .blog-item .blog-item-links a:hover{
    text-decoration:none;
}
.blog-page .blog-item .blog-item-links a.blog-item-more{
    font-size: 15px;
    color: #0072bc;
    margin-top: 10px; 
    display: block;}
.blog-page .blog-item .blog-item-links a.blog-item-file{
    color: #0072BC;
}
.blog-page .blog-page-return{
    padding:10px 10px 50px;
    border-top:1px dotted black;
}
.blog-page .blog-page-return a{
    font-size:21px;
    color: #0072bc;
    text-decoration:underline;
}
.blog-page .blog-page-return a:hover{
    text-decoration:none;
}
.blog-page .blog-list-pagination{
    text-align:center;
    padding:10px 0;
}

.blog-item-gallery .border {
    padding: 5px;
    border:  1px solid silver;
    background-color: #F1F1F1;
    float: left;
    margin: 10px;
}

.blog-item-gallery .border img {
    width: 266px;
    height: 266px;
    object-fit: contain;
}

.blog-item-file {
    display: block;
}

.blog-item-content .centered {
    text-align: center;
    width: 700px;
}

.news_keeper_big  h1 {
    font-size: 10px;
}

.news_keeper_big table {
    width: 100%;
}

/*.news_preview_loader h2 {
    width: 100px;
}*/

.news_keeper_big .title,
#wr-gallery h1 {
    border-bottom: 1px dotted black;
    font-family: Arial;
    font-size: 25px;
    margin-bottom: 24px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: normal !important;
}

.news_preview_loader h1 {
    font-size: 16px;
    font-weight: normal;
}

#knowmyname {
    float: left;
    width: 100%;
    background-color: #006FB7;
    margin-top: 0 !important;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    display: block;
    text-decoration: none;
}

#knowmyname:hover {
    text-decoration: none;
}

#wall {
    float: left;
}

#knowmyname span{
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    color: white;
    padding-left: 70px;
    background: url("../img/site/gerb.png") no-repeat transparent;
}

#knowmyname img {
    float: left;
    margin-right: 10px;
}

#knowmyname .center {
    margin: 0 auto;
    display: inline-block;
}

.congratulation {
    float: left;
    display: block;
    padding: 10px;
    padding-bottom: 0;
    height: 0;
}

.congratulation img {
    float: left;
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.congratulation .aktualno {
    color: #167fb6;
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
    text-decoration: none;
    float: left;
}

.congratulation .text {
    float: left;
    color: #5b5b5b;
    font-size: 12px;   
    width: 545px; 
}

.wheather-block {
    height: 100px;
    width: 1225px;
    margin: 10px auto;
    /*display: none; */
}

.wheather-block .wrapper {
    position: relative;
}

.wheather-block a.more {
    position: absolute;
    top: 20px;
    right: 35px;
    width: 100px;
    color: black;
    font-size: 12px;
    text-transform: uppercase;
}

.wheather-block .wheather {
    display: block;
    background: url("../img/site/2017/wheather.jpg") no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    color: black;
    text-decoration: none;
    padding: 1% 16%;
    font-size: 13px;
    height: 80%;
    position: relative;
}

.wheather-block a .aktualno {
    font-weight: bold;
    margin-bottom: 5px;
}


/* Winners */
.win-list{font-family: Verdana, sans-serif;}
.win-wrapper{width:100%;margin:0px auto;padding-top:20px;}

.win-list .item-wrapper{
    /*width:798px;margin:0px auto 15px;*/
    clear:both;    
}
.win-list .item-wrapper .item{    
}
.win-list .periodic-wrapper{
    padding:5px;overflow:hidden;    
 
    /*border:1px solid #e7f5fe;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;*/
    overflow:hidden;

}

.win-content{    
}
.win-content .win-logotype{float:left;width:100px;overflow:hidden;}
.win-content .win-logotype img{display:block;margin:0px auto;}
.win-content .win-title{font-size:18px;font-weight:bold;padding-bottom:14px;}
.win-content .win-text{font-size:12px;line-height:16px;}
.win-content .win-text p{padding-bottom:10px;text-indent:10px;}
.win-content .win-text p a{color:#008DFF;text-decoration:underline;}
.win-content .win-text p a:hover{text-decoration:none;}
.win-content .win-text,.win-content .win-title{}

.win-card{height:117px;position:relative;}
.win-total{float:left;font-size:12px;margin-top:44px;margin-left:20px;}
.win-total b{text-transform:uppercase;}
.win-award{float:left;margin-top:20px;margin-right:50px;}
.win-award img,.win-award span{float:left;}
.win-award span{margin-top:22px;font-size:14px;margin-left:5px;color:black;}
.win-year{float:left;margin-right:70px;}
.win-year .card-year{
    margin-top:40px;margin-bottom:35px;padding-top:8px;font-size:15px;text-align:center;width:117px;height:34px;position:relative;left:-15px;background:url("http://daryn.kz/media/img/site/daryn/win_year.png") left top transparent;color:#818181;
    text-shadow: -1px 1px 0px rgba(255, 255, 255, 1);
}
.win-card .expand{cursor:pointer;position:absolute;right:0px;bottom:0px;background:url("http://daryn.kz/media/img/site/daryn/win_expand.png") no-repeat left top;width:25px;height:25px;}
.win-card .on{background-image:url("http://daryn.kz/media/img/site/daryn/win_hide.png");}
.photo-list {
    padding-bottom: 10px;
}
.people-list{/*border-top:1px solid #505f6a;*/overflow:hidden;}
/*.periodic-wrapper .people-list:last-child {border-bottom: medium none;}*/
.people-list .year-description{margin-bottom: 10px;line-height:18px;text-indent: 10px;/*border-top:1px solid #e7ffff;*/}
.people-list .people-item{
        background: #a4cde9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiNhNGNkZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NyUiIHN0b3AtY29sb3I9IiNjZWVhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a4cde9 27%, #ceeafd 77%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#a4cde9), color-stop(77%,#ceeafd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* IE10+ */
    background: linear-gradient(to bottom,  #a4cde9 27%,#ceeafd 77%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4cde9', endColorstr='#ceeafd',GradientType=0 ); /* IE6-8 */
    display:block;text-decoration: none;width:45%;height:120px;border:1px dashed white;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:10px;overflow:hidden;float:left;margin-right:5px;margin-bottom:5px;
}
.people-list .people-item:hover{text-decoration: none;}
.people-list .people-item .winner-link{float:left;height:120px;}
.people-list .people-item .winner-link img.avatar{display:block;max-height:100%;/*max-width:100%;*/height:120px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin-right: 10px;}
.people-list .people-item .content-text{padding-top: 30px;}
.people-list .people-item .content-text img{display:block;padding:5px 0px;}

.competitor-card{
        font-family: Verdana,sans-serif;
        width:308px;margin:0px auto;
        padding:45px 20px;border:1px solid #80bbd9;
        background: #a4cde9; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNyUiIHN0b3AtY29sb3I9IiNhNGNkZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NyUiIHN0b3AtY29sb3I9IiNjZWVhZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #a4cde9 27%, #ceeafd 77%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#a4cde9), color-stop(77%,#ceeafd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #a4cde9 27%,#ceeafd 77%); /* IE10+ */
        background: linear-gradient(to bottom,  #a4cde9 27%,#ceeafd 77%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4cde9', endColorstr='#ceeafd',GradientType=0 ); /* IE6-8 */
}
.competitor-card .card-image{text-align:center;}
.competitor-card .card-image img{
    max-width:100%;border:4px solid white;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.competitor-card .card-name{font-size:14px;font-weight:bold;padding-top:10px;padding-bottom:15px;text-align:center;}
.competitor-card .card-description{font-size:12px;line-height:16px;padding-bottom:15px;}
.competitor-card .award-line{font-size:12px;overflow:hidden;font-weight:bold;margin-bottom:10px;}
.competitor-card .award-line .award-image{float:left;margin-right:15px;}
.competitor-card .award-line .award-image img{display:block;}
.competitor-card .award-line .award-define{padding-left:45px;padding-top:10px;padding-bottom:10px;}

.musicanto{position:absolute;top:95px;right:90px;width:5px;height:5px;z-index:15;}
.music-image{position:absolute;width:262px;height:276px;right:0px;top:0px;z-index:12;}

.ad-gallery {
  width: 600px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 90;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 90;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url('../img/site/non-existing.jpg')\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url('../img/site/ad_prev.png');
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 91;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url('../img/site/ad_next.png');
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url('../img/site/opa75.png');
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 20px;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url('../img/site/ad_scroll_back.png') 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url('../img/site/ad_scroll_forward.png') 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 30000px;
        list-style: none;
        height:110px;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 3px solid #CCC;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}


#gallery .codes {
    float: right;
    height: 20px;
    line-height: 20px;
}
.small-button.codes {
    display: block;
    width: 90px;
}
.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}
.small-button {
    background: url("/media/img/site/small-button.png") no-repeat scroll 0 0 transparent;
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0;
    text-align: center;
    text-decoration: none;
    width: 91px;
}

#page-photos #photos-list{overflow:hidden;}
#wr-gallery #page-photos{border-top:1px solid #87DBFF;margin-top:20px;padding-top:15px;}
.photo-box{float:left;padding:5px;width:120px;height:156px;margin:5px; overflow: hidden;}
.photo-box .picture a,.photo-box .picture a img{display:block;}
.photo-box .caption{font-size:11px;text-align:center;padding-top:5px;}
.photo-box .caption a{color:#0071BC;}
.photo-box .caption a:hover{color:#30373E;}


.wrapped-view-minimized {overflow: hidden;position: relative; margin-bottom: 30px;float: left; width: 100%;}
.wrapped-view-minimized .maximize {
    position: absolute;
    bottom: 0;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer; 
    width: 100%; 
    text-align: center; 
    background-color: #45a4dc; 
    color: white;
}

.wrapped-view-minimized .white-shadow {
    height: 100px;position: absolute;bottom: 0;width: 100%;
    -webkit-box-shadow: inset 0px -50px 100px -20px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px -50px 100px -20px rgba(255,255,255,1);
    box-shadow: inset 0px -50px 100px -20px rgba(255,255,255,1);
}

.wrapped-view-minimized.open {overflow: visible;}
.wrapped-view-minimized.open .maximize {display: none;}
.wrapped-view-minimized.open .white-shadow {display: none;}

.height-minimizer {
    background-color: white;
    padding: 23px;
    margin-bottom: 50px;
}

#wall {
    padding: 0;
    margin: 0;
    margin-top: 50px;
    float: left;
    width: 700px;
}

/*Вверх - END*/ 

#photo-report {
}
#photo-report .title {
    font-size: 25px;
    margin-bottom: 5px;
}
#photo-report .meta {
    border-bottom: 1px dotted #000000;
    margin: 10px 0;
    padding-bottom: 10px;
}
#photo-report .meta .date {
    color: #808080;
}
#photo-report .description {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: left;
}
#photo-report .images {
    text-align: center;
}

#photo-report .images a {
    margin: 0px 15px 5px 0px;
    padding: 9px;
    background-color: #F1F1F1;
    border: 1px solid silver;
    display: inline-block;
}

#photo-report .images a img {
    margin: 2px 0;
    max-width: 520px;
}
#photo-report .author {
    font-size: 13px;
}
#photo-report .blog-item-social {
    float: left;
    margin-left: 20px;
    margin-top: -3px;
}
img.photoreport-preview {
    max-width: 220px;
}

.button-blue {
        background: url("../img/site/button_blue.jpg") no-repeat scroll left top transparent;
}


.org-slugs {
    float: left;
    width: 288px;
}

.org-slugs a {
    display: block;
    text-decoration: none;
    color: #010101;
    font-size: 13px;
    background-color: white;
    padding: 15px 2px;
    padding: 15px 2px;
    margin-bottom: 13px;
}

.org-slugs a img {
    float: left;
    display: block;
    margin-right: 10px;
}

.org-slugs a span {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
}

.page-org {
    width: 100%;
}

.faq-text {
    margin: 10px 0;
}

.faq_article .bold {
    font-weight: bold;
}

.faq_article {
    line-height: 18px;
}

.faq_article .small {
    font-size: 10px;
}

.wp-photo-main {max-width: 600px;}

.displayInline img, .displayInline {
    display: inline !important;
}

#content-full table td{
    border: 1px solid gray;
    padding: 1px;
    vertical-align: top;
    word-break: break-word;
}

.up-page {
    position: fixed;
    top: 10px;
    left: 10px;
    cursor: pointer;
    color: black;
    display: none;
    z-index: 5000;
}

.up-page:hover {
    text-decoration: underline;
}

.border-table td, .border_table td {
    padding: 5px;
    border: 1px solid gray;
}

#videoblog-widget {
    margin-bottom: 35px;
}

#videoblog-widget .caption {
    text-decoration: none;
}

#videoblog-widget img {
    width: 100%;
}

#videoblog-widget .title {
    text-align: center;
}

#videoblog .title {
    border-bottom: 1px dotted black;
    font-size: 25px;
    margin-bottom: 24px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-transform: uppercase;
}

#videoblog a.media-video img.main {
    display: inline-block;
    max-height: 256px;
    margin-top: -29px;
    width: 312px;
}

#videoblog a.media-video img.icon {
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    width: 48px;
}

#videoblog .player {
    background-color: white;
    padding: 5px;
    border: 1px solid #BFB9E7;
    float: left;
    width: 260px;
}

#videoblog a.media-image, #videoblog a.media-video {
    display: block;
    height: 175px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 260px;
    float: left;
}

#videoblog .video-title {
    margin-bottom: 5px;
    font-size: 14px;
    height: 38px;
    overflow: hidden;
}

#videoblog .item {
    width: 272px;
    float: left;
    margin-bottom: 15px;
    margin-right: 10px;
}

#vote-block {
    margin-bottom: 35px;
}

.rel-in {
    position: relative;
    display: inline-block;
}

.copyright-finist {
    float: right;
    position: relative;
    display:flex;
    align-items: center;
    margin-top: -20px;
}

.finist-t1 a {
    color: #ffffff;
    text-decoration: none;
}

.finist-t1 a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.logo-finist {
    width: 100px;
    height: 30px;
    background: url("../img/site/585_finistLogo.JPG") no-repeat center;
    background-size: cover;
}

#comments {
    width: auto;
}

#comments div.post div.head {
    width: auto;
}

#comment-form {
    width: auto;
}

.priem {
    display: block;
    clear: both;
    margin-bottom: 20px;
    padding: 20px 50px;
    float: left;
    background-color: #006494;
    border-color: 1px solid #4ec3ff;
    color: white !important;
    text-transform: uppercase;
}

.long-slugs > a, .long-slugs > a > img {
    width: 100%;
}


.border-table table td, .border-table table th {
    border: 1px solid gray;
    padding: 5px;
}


.border-table table {
    display: block;
    margin: 0 auto;
}

/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.jssora061 {display:block;position:absolute;cursor:pointer;background-color: #ffffff6b; border-radius: 50%; top: 0!important;}
.jssora061 .a {fill:none;stroke:#150d0d;stroke-width:360;stroke-linecap:round;}
.jssora061:hover {opacity:.8;}
.jssora061.jssora061dn {opacity:.5;}
.jssora061.jssora061ds {opacity:.3;pointer-events:none;}

.text-annonce{padding: 0 5px 0 22px;;color: black;text-decoration: none;font-size: 10pt;-o-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}