html, body {
    height: 100%;
}

body {
    margin: 0;
    color: #000;
    font: 13px tahoma, geneva, sans-serif;
    background: #fff;
    min-width: 1080px;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #2f91c8;
    outline: none;
}

a:hover {
    color: #f57d1e;
}

input, textarea, select {
    font: 100% tahoma, geneva, sans-serif;
    vertical-align: middle;
    outline: none;
}

fieldset, img {
    border-style: none;
    /* margin: auto; */
    padding: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

form {
    border-style: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
}

h2 {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 20px;
}

h3 {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 16px;
}

.g-clearfix:after {
    content: "";
    display: table;
    clear: both;
}

#header {
    z-index: 50;
    width: 100%;
    position: relative;
    top: 0;
    float: none;
    background: #42b0d8 url('../images/bg-top-panel.gif') repeat-x 0 100%;
    border-bottom: 1px solid #0794b3;
}

#header .frame {
    margin: 0 auto;
    max-width: 1250px;
}

.logo {
    margin: 2px 28px 0 20px;
    float: left;
    width: 242px;
    height: 59px;
}

.logo img {
    display: block;
    width: 242px;
    height: 59px;
}

.container {
    overflow: hidden;
    height: 1%;
}

.search-holder {
    padding: 11px 0;
    height: 34px;
    display: none;
}

.search-holder .row {
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    width: 705px;
    height: 34px;
    padding: 0 0 0 15px;
    margin: 0 auto;
    position: relative;
}

.search-holder .text {
    float: left;
    border: 0;
    background: none;
    padding: 0;
    margin: 9px 11px 0 0;
    color: #a09f9f;
    height: 16px;
    line-height: 16px;
    width: 450px;
    font-size: 14px;
}

.search-holder .btn {
    float: left;
    width: 63px;
    height: 20px;
    line-height: 16px;
    color: #a09f9f;
    background: url('../images/bg-search01.gif') no-repeat 100% 0;
    border: 0;
    padding: 0;
    margin: 8px 0 0;
    cursor: pointer;
    text-align: left;
}

.nav-holder {
    margin: 0 auto;
    width: 100%;
    height: 65px;
    position: relative;
}

#nav {
    padding: 0 1px 0 0;
    float: left;
    background: url('../images/separator01.png') no-repeat 100% 0;
    font-size: 16px;
    position: relative;
}

#nav > li {
    background: url('../images/separator01.png') no-repeat;
    padding: 0 0 0 1px;
    float: left;
}

#nav > li > a {
    float: left;
    height: 43px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 #2879a2;
    padding: 22px 14px 0;
    line-height: 20px;
}

#nav > li:hover > a,
#nav > li.active > a,
#nav > li > a:hover {
    background: url('../images/bg-nav-a.png') repeat-x;
}

#nav li .drop {
    position: absolute;
    left: 0;
    top: 65px;
    width: 500px;
    padding: 11px 18px 8px 3px;
    font-size: 13px;
    background: #39a3d0;
    display: none;
}

#nav li:hover .drop {
    display: block;
}

#nav li .drop .col {
    float: left;
    width: 110px;
    padding: 0 0 0 15px;
    line-height: 16px;
}

#nav li .drop li {
    padding: 0 0 7px;
}

#nav li .drop li a {
    color: #fff;
}

#nav li .drop li a:hover {
    color: #abe1f8;
}

.main-holder {
    /*background: url('../images/bg-main.gif') repeat-y 50% 0;*/
    width: 100%;
    min-height: 100%;
}

.nav-holder .right-holder {
    position: absolute;
    right: 0;
    top: 16px;
}

.nav-holder .right-holder .green-btn {
    display: none;
    float: left;
    margin: 0 10px 0 0;
    color: #fff !important;
}

.nav-holder .right-holder .green-btn span {
    padding-left: 5px;
    padding-right: 0;
}

.nav-holder .right-holder .name {
    height: 20px;
    float: left;
    vertical-align: baseline;
    margin: -1px 0 0 5px;
    text-shadow: 0 -1px 0 #2879a2;
}

.nav-holder .right-holder .name:hover {
    text-decoration: none;
}

.nav-holder .right-holder .name img {
    height: 20px;
    vertical-align: middle;
    width: 20px;
    margin-right: 10px;
}

.nav-holder .right-holder .exit {
    color: #ade8ff !important;
    line-height: 16px;
    height: 16px;
    float: left;
    text-shadow: 0 -1px 0 #2879a2;
    margin: 0 5px 0 10px;
}

.nav-holder .right-holder .exit:hover {
    text-decoration: none;
}

.nav-holder .right-holder .input-btn {
    background: url('../images/input-ico.gif') no-repeat 13px 8px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    line-height: 16px;
    height: 16px;
    padding: 9px 11px 10px 38px;
    margin: -9px -6px -10px -6px;
    position: relative;
    float: left;
    text-shadow: 0 -1px 0 #2879a2;
}

.nav-holder .right-holder .search-opener {
    float: left;
    background: url('../images/bg-search02.png') no-repeat;
    width: 40px;
    height: 35px;
    overflow: hidden;
    text-indent: -9999px;
}

#main {
    margin: 0 auto;
    max-width: 1250px;
    padding: 15px 25px 230px;
    position: relative;
    background: #fff;
    box-sizing: border-box;
}

#sidebar,
.sidebar {
    float: right;
    width: 25%;
    box-sizing: border-box;
    position: sticky;
    top: 0;
}

.content-blocks{
    float: left;
    width: 75%;
    box-sizing: border-box;
    padding-right: 25px;
}

.network-box {
    border: 1px solid #d9d9d9;
    background: #eee;
    margin-bottom: 15px;
    padding: 12px;
}

.network-box .row {
    padding: 0 0 14px;
}

.network-box .bottom {
    border-top: 1px solid #d9d9d9;
    width: 100%;
    overflow: hidden;
    padding: 12px 0 0;
}

.network-box .wrap {
    float: left;
}

.network-box img {
    vertical-align: top;
}

.fixed-block {
    z-index: 100;
    width: 100%;
    max-width: 400px;
}

.side-more-box {
    border: 1px solid #d9d9d9;
    padding: 7px 12px;
    margin-bottom: 16px;
}
.side-more-box.side-more-bottom{
    margin-top: 15px;
    padding: 14px 12px;
}
.side-more-box.side-more-bottom h3{
    margin-bottom: 5px!important;
}
.side-more-box.side-more-bottom li{
    display: inline-block;
}
.side-more-box h3 {
    font: bold 13px/16px verdana, geneva, sans-serif;
    color: #474747;
    margin: 0 0 8px;
}

.side-more-box ul {
    margin: 0 0 -2px;
}

.side-more-box ul li a {
    display: block;
    padding: 5px;
    border: 1px solid #fff;
}

.side-more-box ul li a:hover {
    text-decoration: none;
    color: #1094bd;
}

.interesting-list {
    overflow: hidden;
    position: relative;
    border: 1px solid #d9d9d9;
    padding: 7px 12px 0;
    font-size: 11px;
    line-height: 13px;
    color: #000;
}

.interesting-list a {
    text-decoration: none;
    color: #000;
}

.interesting-list a:hover {
    text-decoration: underline;
}

.interesting-list li {
    width: 100%;
    overflow: hidden;
    padding: 0 0 10px;
}

.interesting-list .visual {
    float: left;
    margin-right: 10px;
}

.interesting-list .visual img {
    vertical-align: top;
}

.interesting-list .text {
    overflow: hidden;
    height: 1%;
    display: block;
}

.directory {
    padding: 0 0 10px 0;
    overflow: hidden;
    margin: 0
}

.directory .description {
    clear: both;
    overflow: hidden;
    color: #474747;
    position: relative;
    padding: 0 0 10px;
    margin: 0px 0 7px 14px;
    max-height: 197px;
}

.directory .description p {
    margin: 0;
}

.directory .description .opener {
    color: #f57d1e;
    font-size: 11px;
    position: absolute;
    right: 14px;
    bottom: 14px;
}

.directory .description .opener:hover {
    text-decoration: none;
}

.directory .list {
    padding: 0 14px 0 0;
    float: left;
    width: 170px;
}

.directory .list li {
    height: 1%;
    padding: 3px 0;
    margin-bottom: 1px;
}

.directory .list li:after {
    display: block;
    clear: both;
    content: "";
}

.directory .list span {
    float: left;
}

.directory .list .active span {
    background: #f36127;
    margin: -3px -5px;
    padding: 3px 5px;
    color: #fff;
}

.directory .list .active span a {
    color: #fff;
    text-decoration: none;
}

.directory .list strong {
    font-weight: normal;
    color: #f57d1e;
    font-size: 11px;
}

.directory .list .active strong {
    color: #fff;
}

.gray-btn,
.blue-btn {
    background: url('../images/blue-btn.gif') repeat-x;
    border: 1px solid #4ba7c9;
    text-decoration: none;
    color: #fff !important;
    text-shadow: 0 -1px 0 #3f96b7;
    line-height: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 7px 14px 0;
    position: relative;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
}

.gray-btn {
    background: url('../images/gray-btn.gif') repeat-x;
    border: 1px solid #9c9b9b;
    text-shadow: 0 -1px 0 #919090;
}

.gray-btn input,
.blue-btn input {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 50px;
    padding: 0;
    margin: 0;
    text-indent: 9999px;
    border: 0;
    background: none;
    overflow: hidden;
}

.content-blocks .content-block {
    margin-top: 15px;
}

.period-panel {
    display: inline-block;
    margin-left: 80px;
}

.period-panel > a,
.period-more a {
    position: relative;
    display: inline-block;
    font: 14px/26px Arial, Helvetica, sans-serif;
    height: 26px;
    padding: 0 10px;
    border-radius: 15px;
}

.best-today .period-panel > a,
.best-today .period-more a {
    color: #e45116;
}

.period-panel > a:first-child {
    margin-left: 10px;
}

.period-panel > a.active,
.period-panel > a:hover {
    color: #fff;
    text-decoration: none;
    background: #1cb6e6;
    -webkit-box-shadow: inset 0 2px 3px 0 #1688bf;
    box-shadow: inset 0 2px 3px 0 #1688bf;
}

.best-today .period-panel > a.active,
.best-today .period-panel > a:hover {
    background: #f48e09;
    -webkit-box-shadow: inset 0 2px 3px 0 #cd7708;
    box-shadow: inset 0 2px 3px 0 #cd7708;
}

.period-more-btn {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: 18px;
    height: 18px;
    background: #35bce8;
    border-radius: 4px;
    vertical-align: text-bottom;
    -webkit-box-shadow: inset 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
}

.period-more-btn:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 8px;
    left: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
}

.period-more {
    display: none;
    color: #fff;
    font: 14px Arial, Helvetica, sans-serif;
    position: absolute;
    z-index: 10;
    top: 50px;
    left: 0;
    padding: 12px 18px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('../images/bg-period-more.gif') repeat-x 0 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1EB7E8), color-stop(100%, #08A9CE));
    background: linear-gradient(to bottom, #1EB7E8 0%, #08A9CE 100%);
    border: 1px solid #35a6bf;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
}

.period-more.active {
    display: block;
}

.period-more:before,
.period-more:after {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 573px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 8px solid #1EB7E8;
}

.period-more:before {
    top: -9px;
    left: 571px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #35a6bf;
}

.period-more a {
    color: #fff;
    text-decoration: none;
    font: 14px/26px Arial, Helvetica, sans-serif;
}

.period-more a.active,
.period-more a:hover {
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
    background: #0b83a5;
    -webkit-box-shadow: inset 0 2px 3px 0 #096289;
    box-shadow: inset 0 2px 3px 0 #096289;
}

.period-more .sort-by-rating {
    text-shadow: 0 -1px 0 #4793ac;
    width: 130px;
    height: 34px;
    margin: 0 20px 0 15px;
    text-align: center;
    line-height: 34px;
    background: url('../images/btn-by-rating.gif') repeat-x 0 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8ee3ff), color-stop(100%, #1fb8e7));
    background: linear-gradient(to bottom, #8ee3ff 0%, #1fb8e7 100%);
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px 0 #097d99;
    box-shadow: 0 1px 1px 0 #097d99;
}

.date {
    float: right;
    position: relative;
    height: 24px;
    margin-left: 15px;
    font: 14px/24px Arial, Helvetica, sans-serif;
    padding: 0 10px;
    border: 1px solid #1cb6e6;
    background: #fff;
    margin-top: 2px;
}

h2.gray-title {
    font: bold 18px/24px Arial, Helvetica, sans-serif;
    margin: 0 0 19px;
    color: #474747;
}

.title-panel {
    padding: 8px 6px 8px 0;
    margin: 0 0 23px;
    position: relative;
    background: url('../images/bg-title-panel.gif') repeat-x 0 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
    background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
    -webkit-box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.28);
    box-shadow: 0 4px 5px 0 rgba(50, 50, 50, 0.28);
}

.title-panel p,
.title-panel h2,
.title-panel h1 {
    display: inline-block;
    font: bold 14px Arial, Helvetica, sans-serif;
    margin: 0 0 0 -1px;
    padding: 7px 15px 7px 28px;
    color: #fff;
    text-shadow: 0 -1px 0 #098cb2;
    position: relative;
    background: #089ecb;
    width: auto;
}

.best-yesterday .title-panel h2,
.best-yesterday .title-panel p,
.best-yesterday .title-panel h1 {
    background: #e98b05;
    text-shadow: 0 -1px 0 #d68108;
    padding-left: 80px;
}

.best-photo .title-panel h2,
.best-photo .title-panel p,
.best-photo .title-panel h1 {
    background: #f84b06;
    text-shadow: 0 -1px 0 #e24508;
    padding-left: 80px;
}

.best-today .title-panel h2,
.best-today .title-panel p,
.best-today .title-panel h1 {
    background: #74b802;
    text-shadow: 0 -1px 0 #629b02;
    padding-left: 66px;
}

.random .title-panel h2,
.section .title-panel h2,
.random .title-panel p,
.section .title-panel p,
.random .title-panel h1,
.section .title-panel h1,
.title-panel.title-panel-orange p  {
    background: #f0652e;
    text-shadow: 0 -1px 0 #c25428;
}
.title-panel-orange{
    margin-bottom: 0;
}
.title-panel-orange .date {
    border: 1px solid #f5943b;
}
.title-panel h1:after,
.title-panel h2:after,
.title-panel p:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 8px solid #089ecb;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 0;
    right: -8px;
}

.best-yesterday .title-panel h2:after,
.best-yesterday .title-panel p:after,
.best-yesterday .title-panel h1:after {
    border-left: 8px solid #e98b05;
}

.best-photo .title-panel h2:after,
.best-photo .title-panel p:after,
.best-photo .title-panel h1:after  {
    border-left: 8px solid #f84b06;
}

.best-today .title-panel h2:after,
.best-today .title-panel p:after ,
.best-today .title-panel h1:after {
    border-left: 8px solid #74b802;
}

.random .title-panel h2:after,
.section .title-panel h2:after,
.random .title-panel p:after,
.section .title-panel p:after,
.random .title-panel h1:after,
.section .title-panel h1:after,
.title-panel.title-panel-orange p:after {
    border-left: 8px solid #f0652e;
}

.title-panel h2:before,
.title-panel p:before,
.title-panel h1:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    width: 0;
    height: 0;
    border-bottom: 8px solid #00789c;
    position: absolute;
    top: -8px;
    left: 0;
}

.best-yesterday .title-panel h2:before,
.best-yesterday .title-panel p:before,
.best-yesterday .title-panel h1:before {
    display: none;
}

.best-photo .title-panel h2:before,
.best-photo .title-panel p:before,
.best-photo .title-panel h1:before  {
    border-bottom: 8px solid #952a00;
}

.best-today .title-panel h2:before,
.best-today .title-panel p:before,
.best-today .title-panel h1:before  {
    border-bottom: 8px solid #456e00;
}

.random .title-panel h2:before,
.section .title-panel h2:before ,
.random .title-panel p:before,
.section .title-panel p:before,
.section .title-panel h1:before,
.title-panel.title-panel-orange p:before{
    border-bottom: 8px solid #c25428;
}
.title-panel-orange .full-box{
    overflow: hidden;
    padding: 18px 25px 9px;
}
.title-panel-orange .content-blocks{
    width: 100%;
    float: none;
}
.title-panel-orange .directory{
    width: 100%;
    overflow: hidden;
}
.title-panel-orange .directory .list{
    width: auto;
}
.title-panel-orange .directory .list li {
    padding: 3px 10px 3px 0;
    display: inline-block;
}
.title-panel-orange .full-box h1{
    color: #464646;
    font-size: 25px;
}
.title-panel-orange .full-box p{
    color: #000;
    font-size: 13px;
    font-weight: 400;
}
.title-panel-orange .full-box h1,
.title-panel-orange .full-box p{
    background: transparent;
    border: 0;
    text-shadow: none;
    margin: 0 0 15px;
    padding: 0;
}
.title-panel-orange .full-box h1:before,
.title-panel-orange .full-box h1:after,
.title-panel-orange .full-box p:before,
.title-panel-orange .full-box p:after{
    display: none;
}
.title-panel i {
    display: block;
    width: 43px;
    height: 64px;
    position: absolute;
    z-index: 5;
    top: -10px;
    left: 0;
}

.best-yesterday .title-panel i {
    width: 74px;
    height: 73px;
    top: -27px;
    left: -10px;
    background: url('../images/bg-title-yesterday.png') no-repeat 50% 50%;
}

.best-photo .title-panel i {
    width: 58px;
    height: 54px;
    top: -15px;
    left: 13px;
    background: url('../images/bg-title-photo.png') no-repeat 50% 50%;
}

.best-today .title-panel i {
    width: 54px;
    height: 69px;
    top: -14px;
    left: 3px;
    background: url('../images/bg-title-today.png') no-repeat 50% 50%;
}

h2.gray-title .search-number {
    color: #6cb124;
}

h3.gray-title,
.content-blocks .content-block h3 {
    font: bold 14px/24px Arial, Verdana, Helvetica, sans-serif;
    margin: 0 0 28px;
    color: #474747;
}

.content-blocks .content-block h4 {
    font: bold 13px/24px Verdana, Helvetica, sans-serif;
    margin: 0 0 16px;
    color: #212121;
}

.item-list li {
    display: block;
    position: relative;
    padding: 15px 15px 25px 25px;
    margin-top: 15px;
    background: #f3fbff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.21);
    box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.21);
}

.item-list li.item-bg2 {
    background: #e5f8d1;
}

.item-list li.item-bg3 {
    background: #fefaf1;
}

.item-list li.item-bg4 {
    background: #ebf9ff;
}

.best-yesterday .item-list li {
    background: #fff3c5;
}

.best-today .item-list li,
.random .item-list li {
    background: #f4fcec;
}

.best-vote .item-list li {
    background: #fffae7;
}

.like-box .top:after,
.item-list li:after {
    display: block;
    clear: both;
    content: "";
}

.like-holder {
    float: right;
    width: 209px;
    margin: 0 0 0 15px;
}

.like-counter-holder {
    text-align: right;
    margin: 0 0 16px;
}

.like-counter {
    color: #f36127;
    font-weight: 600;
    font-size: 16px;
}

.like-box {
    margin: 6px 0 0;
    width: 207px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    background: #fbfbfb;
}

.like-box .top {
    width: 100%;
    overflow: hidden;
}

.like-box .top a {
    float: left;
    width: 103px;
    height: 47px;
    position: relative;
}

.like-box .top a.active,
.like-box .top a:hover {
    background: #fff;
}

.like-box .top .ok {
    border-right: 1px solid #d9d9d9;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.like-box .top span {
    display: block;
    width: 23px;
    height: 23px;
    margin: 13px auto 0;
    background: url('../images/smile.png') no-repeat;
}

.like-box .top a.active span,
.like-box .top a:hover span {
    background: url('../images/smile.png') no-repeat 0 -23px;
}

.like-box .top .no span {
    background-position: -23px 0;
}

.like-box .top .no.active span,
.like-box .top .no:hover span {
    background-position: -23px -23px;
}

.like-box .top .no {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.like-box .bottom {
    overflow: hidden;
    padding: 5px 0 5px 18px;
}

.like-box .bottom a {
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.like-box .bottom a img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.like-box .bottom:hover a {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.like-box .bottom:hover a img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.like-box .bottom img {
    vertical-align: top;
}

.item-list .visual {
    width: 100%;
    margin: 8px 0 10px;
}

.item-list .visual img {
    vertical-align: top;
}

.item-list li .holder {
    overflow: hidden;
    height: 1%;
}

.gallery-holder .bottom-panel {
    width: 100%;
    clear: both;
    overflow: hidden;
    font-family: verdana, geneva, sans-serif;
}

.item-list .text-holder p:first-letter {
    /* list-style: none; */
    font-size: 24px;
}

.font-14 p:first-letter {
    font-size: 14px !important;
}

.item-list p {
    white-space: pre-wrap;
    margin: 0;
    font: 14px/24px verdana, geneva, sans-serif;
    color: #000;
}

.item-list .author {
    font: 14px/30px verdana, geneva, sans-serif;
    color: #616161;
    font-style: italic;
}

.item-list-pics .text-holder {
    margin-right: 224px;
}

.item-list-pics .like-holder {
    margin: -43px 0 0 15px;
}

.item-list-pics li .holder {
    margin-top: 10px;
}

.item-list .ads-block2 {
    margin: 10px 0 -10px;
}

.status-pics {
    margin-left: -15px;
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
}

.status-pics li {
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 15px 15px;
}

.status-pics li img {
    display: block;
    position: relative;
    width: 238px;
    /* height: 159px; */
    border: 4px solid #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.45);
}

.links-after {
    text-align: center;
    vertical-align: top;
}

.links-after .link-pre,
.links-after .link-next {
    display: inline-block;
    width: 40px;
    height: 43px;
    margin: 13px 25px 0;
    background: url('../images/bg-link-pre.png') no-repeat 50% 50%;
}

.links-after .link-next {
    background: url('../images/bg-link-next.png') no-repeat 50% 50%;
}

.link-after {
    vertical-align: top;
    color: #0265a8;
    font: bold 14px Verdana, Geneva, sans-serif;
    display: inline-block;
    margin: 23px 0 10px;
    cursor: pointer;
}

#footer {
    height: 139px;
    max-width: 1250px;
    margin: -179px auto 0;
    font: 13px/16px verdana, geneva, sans-serif;
    position: relative;
    z-index: 10;
    padding: 0 0 40px;
    box-sizing: border-box;
}

#footer .top {
    height: 66px;
    overflow: hidden;
    background: url('../images/bg-footer.gif') repeat-x;
    color: #fff;
    margin: 0 0 12px;
}

.by {
    float: right;
    margin: 26px 25px 0 0;
}

.by a {
    color: #ade8ff;
}

.by a:hover {
    text-decoration: none;
}

.copyright {
    float: left;
    background: url('../images/footer-ico.png') no-repeat 21px 5px;
    padding: 26px 0 20px 66px;
}

.up-btn {
    background: url('../images/up-btn.png') no-repeat;
    width: 89px;
    height: 76px;
    position: fixed;
    bottom: 0;
    right: 10px;
    overflow: hidden;
    text-indent: -9999px;
    display: none;
}

.reg-description {
    width: 100%;
    padding: 21px 0 0;
    line-height: 16px;
}

.reg-description .error-message {
    font-size: 12px;
    line-height: 14px;
    color: #ff1e00;
    display: block;
    padding: 10px 0 5px 1px;
}

.reg-description .network-holder {
    vertical-align: baseline;
}

.network-list {
    margin: 0 0 0 9px;
    vertical-align: top;
    display: inline-block;
}

.network-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px 0 0;
}

.network-list li img {
    vertical-align: middle;
}

.green-btn {
    background: url('../images/green-btn.png') no-repeat 100% -102px;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 0 0;
    height: 34px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: #fff !important;
    text-align: center;
    cursor: pointer;
    text-shadow: 0 -1px 0 #598d33;
    font-size: 14px;
    line-height: 16px;
}

.green-btn span {
    background: url('../images/green-btn.png') no-repeat;
    height: 25px;
    padding: 9px 21px 0 26px;
    float: left;
}

.file.hover .green-btn,
.green-btn:hover {
    background-position: 100% -136px;
}

.green-btn:active {
    background-position: 100% -170px;
}

.file.hover .green-btn span,
.green-btn:hover span {
    background-position: 0 -34px;
}

.green-btn:active span {
    background-position: 0 -68px;
}

.green-btn input {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 50px;
    text-indent: 9999px;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    background: none;
}

select {
    margin: 0;
    padding: 0;
    border: 0;
    width: 436px;
}

.search-holder select {
    width: 136px;
}

.ui-selectmenu {
    float: left;
    margin: 0;
    height: 28px;
    padding: 0;
    position: relative;
    text-decoration: none;
    font: 13px/28px tahoma, geneva, sans-serif;
    white-space: nowrap;
    border: 1px solid #c7c7c7;
    background: #fff;
}

.search-holder .ui-selectmenu {
    margin: 0 10px 0 0;
    border-top: none;
    border-bottom: none;
    height: 34px;
    line-height: 34px;
}

.search-holder .ui-selectmenu-status {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
}

.ui-selectmenu-status {
    text-decoration: none;
    display: block;
    height: 28px;
    padding: 0 0 0 10px;
    overflow: hidden;
    line-height: 28px;
    color: #6a6a6a;
}

.ui-selectmenu-menu {
    position: absolute;
    top: 0;
    left: 0;
    margin: -2px 0 0;
    display: none;
    padding: 0;
    z-index: 105;
    background: #fff;
    border: 1px solid #c7c7c7;
}

.ui-selectmenu-menu ul {
    list-style: none outside none;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    max-height: 150px;
}

.ui-selectmenu-menu a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    font: 13px/16px tahoma, geneva, sans-serif;
    color: #6a6a6a;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-icon {
    float: right;
    cursor: pointer;
    width: 32px;
    background: url('../images/arrow01.gif') no-repeat 50% 50%;
    height: 28px;
}

.search-holder .ui-selectmenu-icon {
    height: 34px;
    line-height: 34px;
    width: 25px;
}

.ui-selectmenu-menu ul a:hover,
.ui-selectmenu-item-selected {
    background: #ececec;
}

.add-form {
    width: 100%;
}

.add-form .row {
    width: 100%;
    padding: 0 0 17px;
}

.add-form .row:after {
    display: block;
    clear: both;
    content: "";
}

.add-form .row label {
    float: left;
    line-height: 16px;
    width: 82px;
    margin: 6px 0 0;
}

.add-form .holder {
    float: left;
    width: 694px;
}

.textarea-holder {
    border: 1px solid #c7c7c7;
    background: #fff;
    padding: 5px 10px;
    overflow: hidden;
}

.textarea-holder.error {
    border: 1px solid #ff6955;
}

.textarea-holder textarea {
    width: 100%;
    height: 154px;
    border: 0;
    background: none;
    float: left;
    margin: 0;
    padding: 0;
    resize: none;
    color: #606060;
    font-size: 13px;
    overflow: auto;
}

.more-btn {
    background: #fdf8e9;
    border: 1px solid #f4d6bc;
    color: #c18d61;
    text-align: center;
    height: 27px;
    display: block;
    width: 552px;
    padding: 10px 0 0;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
}

.input-holder {
    width: 263px;
    padding: 6px 10px;
    border: 1px solid #c7c7c7;
    height: 16px;
    overflow: hidden;
}

.input-holder.error {
    border: 1px solid #ff6955;
}

.input-holder input {
    float: left;
    height: 16px;
    line-height: 16px;
    color: #606060;
    font-size: 13px;
    width: 100%;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
}

.add-form .row label.ch-label {
    width: auto;
    margin: 0;
    color: #131313;
    font-size: 13px;
    line-height: 16px;
}

.add-form .row label.ch-label input {
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
}

.gallery-holder {
    width: 100%;
    position: relative;
    padding: 0 0 28px;
    margin: 0 0 35px;
}

.gallery-holder .btn-holder {
    background: url('../images/bg-btn-gallery.png') no-repeat;
    width: 185px;
    height: 46px;
    position: absolute;
    bottom: 17px;
    left: 50%;
    margin: 0 0 0 -105px;
}

.gallery-holder .btn-holder .prev {
    float: left;
    width: 86px;
    height: 36px;
    text-indent: -9999px;
    background: url('../images/arrow02.png') no-repeat 26px -118px;
    position: relative;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    margin: 5px 0 0 5px;
}

.gallery-holder .btn-holder .prev:hover {
    background: #fff url('../images/arrow02.png') no-repeat 26px 4px;
}

.gallery-holder .btn-holder .next {
    float: right;
    width: 88px;
    height: 36px;
    text-indent: -9999px;
    background: url('../images/arrow02.png') no-repeat -61px 4px;
    position: relative;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    margin: 5px 5px 0 0;
}

.gallery-holder .btn-holder .next:hover {
    background: #fff url('../images/arrow02.png') no-repeat -61px -118px;
}

.gallery-holder .top {
    float: right;
    overflow: hidden;
    margin: 0 0 16px;
}

.gallery-holder .gallery-like {
    float: right;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius : 5px;
    border-radius: 5px;
    position: relative;
    background: #fbfbfb;
}

.gallery-holder .gallery-like a {
    float: left;
    width: 103px;
    height: 36px;
    position: relative;
}

.gallery-holder .gallery-like a.active,
.gallery-holder .gallery-like a:hover {
    background: #fff;
}

.gallery-holder .gallery-like .ok {
    border-right: 1px solid #d9d9d9;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.gallery-holder .gallery-like span {
    display: block;
    width: 23px;
    height: 23px;
    margin: 7px auto 0;
    background: url('../images/smile.png') no-repeat;
}

.gallery-holder .gallery-like a.active span,
.gallery-holder .gallery-like a:hover span {
    background: url('../images/smile.png') no-repeat 0 -23px;
}

.gallery-holder .gallery-like .no span {
    background-position: -23px 0;
}

.gallery-holder .gallery-like .no.active span,
.gallery-holder .gallery-like .no:hover span {
    background-position: -23px -23px;
}

.gallery-holder .gallery-like .no {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.gallery-holder .title {
    color: #212121;
    font: bold 18px/24px Arial, Verdana, Helvetica, sans-serif;
    margin: 0 226px 13px 0;
}

.gallery-holder .network {
    margin: 0;
    float: right;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.gallery-holder .network:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.gallery-holder .gallery {
    width: 100%;
}

.gallery-holder .gallery > li {
    width: 100%;
    display: none;
}

.gallery-holder .visual {
    width: 100%;
    padding: 0 0 18px;
    text-align: center;
}

.gallery-holder .visual img {
    vertical-align: top;
}

.gallery-holder .bottom-panel {
    min-height: 26px;
}

.img-list-holder {
    border-bottom: 1px solid #e1e3e3;
    width: 100%;
    overflow: hidden;
    padding: 0 0 10px;
    margin: 0 0 63px;
}

.img-list {
    margin: 0 -20px 0 0;
    width: 796px;
}

.img-list li {
    float: left;
    margin: 0 20px 20px 0;
}

.img-list li img {
    vertical-align: top;
}

.add-form .container {
    float: left;
    width: 285px;
    position: relative;
}

.add-form .container .green-btn {
    float: right;
}

.add-form .align-right {
    text-align: right;
}

.add-form .row .container .ch-label {
    margin-top: 7px;
}

.add-form .name-row {
    width: 100%;
    overflow: hidden;
    padding: 0 0 30px;
}

.add-form .name-row .visual {
    float: left;
    margin-right: 20px;
}

.add-form .name-row .visual img {
    vertical-align: top;
    width: 54px;
    height: 54px;
}

.add-form .name-row a {
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
}

.profile .input-holder {
    width: 416px;
}

.profile .row label {
    width: 114px;
}

.profile .holder {
    width: 662px;
}

.file {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    width: 438px;
    z-index: 10;
    height: 30px;
}

.file .file-input-area {
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

.file .file-holder {
    width: 109px;
    height: 34px;
    top: -2px;
    right: 0;
    position: absolute;
    z-index: 3;
    overflow: hidden;
}

.file .text-file {
    overflow: hidden;
    height: 16px;
    line-height: 16px;
    width: 296px;
    float: left;
    border: 1px solid #c9c9c9;
    background: #fff;
    padding: 6px 10px;
    margin: 0;
    color: #606060;
}

.file .green-btn {
    float: right;
    width: 104px;
    margin-top: -2px;
}

.file .green-btn span {
    padding-left: 5px;
    padding-right: 0;
    text-align: center;
    width: 99px;
}

.statistics {
    width: 100%;
    border-top: 1px solid #dadcdc;
    padding: 39px 0 0;
}

.statistics h2 {
    margin-bottom: 34px;
}

.statistics-list li {
    width: 100%;
    padding: 0 0 24px;
}

.statistics-list li:after {
    display: block;
    clear: both;
    content: "";
}

.statistics-list .col {
    float: left;
    width: 174px;
    padding: 0 5px;
    text-align: center;
}

.statistics-list .col strong {
    display: block;
    color: #5da438;
    font-size: 18px;
    line-height: 22px;
    padding: 0 0 5px;
}

.statistics-list .col strong span {
    display: inline;
}

.statistics-list .col span {
    color: #131313;
    display: block;
    font-size: 13px;
    font-weight: normal;
}

.dotted-link {
    border-bottom: 1px dashed;
    text-decoration: none;
    color: #000 !important;
}

.dotted-link:hover {
    border: 0;
}

.mark {
    background: #cdfd9c;
}

/*
.search-page .search-holder{
	display:block !important;
	height:34px !important;
	width:1010px !important;
}
*/

.img-list-holder-play {
    border-bottom: 1px solid #e1e3e3;
    width: 100%;
    overflow: hidden;
    padding: 0 0 10px;
    margin: 0 0 63px;
}

.img-list-play {
    margin: 0 -20px 0 0;
    width: 796px;
}

.img-list-play li {
    float: left;
    margin: -170px 20px 20px 0;
}

.img-list-play li img {
    vertical-align: top;
}

.alphabet-list {
    margin: 50px 0 0;
}

.alphabet-list li:after {
    content: "";
    display: table;
    clear: both;
}

.alphabet-list li {
    margin: 25px 0;
}

.alphabet-list .letter {
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    float: left;
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: #2bb9e2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2bb9e2), color-stop(100%, #15a3cc));
    background: linear-gradient(to bottom, #2bb9e2 0%, #15a3cc 100%);
    border-radius: 25px;
}

.alphabet-list .letter.active {
    background: #ff7101;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7101), color-stop(100%, #f57c1d));
    background: linear-gradient(to bottom, #ff7101 0%, #f57c1d 100%);
}

.alphabet-list .letter-text {
    display: table-cell;
    font-size: 14px;
    line-height: 24px;
    min-height: 40px;
    height: 40px;
    vertical-align: middle;
}

.holidays {
    margin-top: 40px;
}

.content-blocks .holidays h3 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #0097c3;
    font-size: 24px;
    font-weight: normal;
}

.holidays ul > li {
    display: inline-block;
    width: 370px;
    vertical-align: top;
}

.holidays ul > li:first-child {
    margin-right: 15px;
}

.holidays ol.left {
    counter-reset: list;
}

.holidays ol.right {
    counter-reset: list 15;
}

.holidays ol > li {
    position: relative;
    padding: 0 0 0 48px;
    margin: 20px 0;
    font-size: 14px;
    line-height: 24px;
}

.holidays .holidays-text {
    display: table-cell;
    min-height: 30px;
    height: 30px;
    vertical-align: middle;
}

.holidays ol > li:before {
    position: absolute;
    left: 0;
    top: 0;
    counter-increment: list;
    content: counter(list);
    width: 30px;
    height: 14px;
    padding: 10px 0 4px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    background: url('../images/bg-holidays.png') no-repeat 50% 50%;
}

/* section-page (begin) */
h1{
    margin: 0 auto;
    max-width: 1250px;
    padding: 23px 25px 0;
    color: #464646;
    font-weight: bold;
    font-size: 18px;
    background: #fff;
    box-sizing: border-box;
}

h1{
    padding-top: 10px;
}

.directory-holder {
    /* padding: 7px 0 8px; */
    /* border-top: 1px solid #f6d3b3; */
    /* border-bottom: 1px solid #f6d3b3; */
}
.breadcrumbs-box{
    margin-bottom: 20px;
    margin-top: -10px;
}
.breadcrumbs-box a{
    color: #464646;
}
.directory-holder h1{
    padding: 0;
    margin-bottom: 10px;
}
.directory-holder .directory {
    margin: 0;
    padding-bottom: 0;
}
.ads-block1{
    width: 100%;
    max-height: 300px;
    float: none;
    margin: 0 0 10px;
}
.breadcrumbs {
    margin: 17px 0 0;
}
h2{
    margin-bottom: 0;
}
h2,
.breadcrumbs li {
    display: inline-block;
    font-size: 14px;
    color: #797979;
    font-weight: 400;
}
h2 a,
.breadcrumbs li a,
.breadcrumbs li span {
    font-size: 12px;
    color: #797979;
    font-weight: 400;
}

.breadcrumbs li a:hover {
    text-decoration: none;
}

.content-blocks .section {
    margin-top: 25px;
}

.section .date {
    border: 1px solid #f5943b;
}

.section .period-panel {
    margin-left: 29px;
}

.section .period-more:before {
    left: 329px;
}

.section .period-more:after {
    left: 331px;
}

.ads-block2 {
    margin: 10px 0 20px;
    text-align: center;
}

.ads-block2 img {
    display: inline-block;
}

.pagination-holder {
    margin: 20px 0 0;
}

.pagination-holder .total {
    float: left;
    vertical-align: top;
    width: 164px;
    font-weight: bold;
}

.pagination-holder .total span {
    display: block;
    float: left;
    font-size: 30px;
    line-height: 24px;
    color: #fd4f0b;
    font-weight: normal;
    margin: 0 10px 0 0;
}

.pagination {
    overflow: hidden;
    height: 1%;
    padding: 0 0 0 20px;
    border-left: 1px solid #d4d4d4;
}

.pagination > li {
    font-size: 14px;
}

.pagination > li:first-child {
    font-size: 18px;
    margin-bottom: 15px;
}

.pagination ul > li {
    display: inline-block;
    font-weight: bold;
    margin-left: 11px;
}

.pagination > li:first-child ul > li {
    margin-left: 7px;
}

.pagination > li ul > li:first-child {
    margin-left: 0;
}

.pagination ul > li a,
.pagination ul > li span {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 5px;
}

.pagination ul > li .active {
    color: #fff;
    background: #f36127;
    position: relative;
}

/* section-page (end) */

#footer li {
    display: inline-table;
    margin: 26px 20px 0 0;
    float: right;
}

#footer li > a {
    color: white;
}

#footer li > a:hover {
    color: #abe1f8;
}

#share42 {

}

.share42init {
    position: absolute;
}

.share42init {
    position: absolute;
}

#wrap-fixed {
    position: absolute;
    top: 345px;
    overflow: visible;
    z-index: 99999;
    margin: 0 auto;
    width: 1130px;
}

@media all and (min-width: 1200px) {
    .fixed-share {
        position: fixed !important;
        overflow: visible !important;
        z-index: 99999 !important;
        margin-top: -60px !important;

        top: auto !important;
    }
}

#share42-page {
    margin: 0 auto;
    max-width: 1340px;
    width: 100%;
}

.img-tags {
    margin-top: 10px;
    margin-left: 7px;
}

.arrow {
    vertical-align: middle;
}

/*mobile style*/
#footer {
    width: 100%;
    max-width: 1250px;
    background: #fff;
}
.main-holder{
    background: transparent;
}
#header .frame{
    max-width: 1250px;
    width: 100%;
}
.nav-holder{
    width: 100%;
}
#share42-page {
    max-width: 1340px;
    width: 100%;
}
#main {
    max-width: 1250px;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
}
#sidebar,
.sidebar{
    width: 25%;
    box-sizing: border-box;
}
.fixed-block {
    z-index: 100;
    max-width: 300px;
    max-height: 300px;
    margin-top: 18px;
}
.cat_toogle{
    display: none;
    overflow: hidden;
    width: 100%;
    font: 14px/24px Arial, Helvetica, sans-serif;
    padding: 3px 15px;
    border: 1px solid #1cb6e6;
    border-radius: 15px;
    background: #fff;
    box-sizing: border-box;
    margin: 10px 0 0;
}
.gum_btn{
    display: none;
}
.side-more-box{
    margin-bottom: 20px;
}
.sticky {
    position: fixed;
    z-index: 101;
}
.stop {
    position: relative;
    z-index: 101;
}
h1{
    box-sizing: border-box;
    width: 100%;
    max-width: 1250px;
    background: #fff;
    padding: 23px 25px 0;
}
@media only screen and (max-width : 1340px){
    #share42-page{
        display: none!important;
    }
    #header{
        padding: 0 10px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width : 1200px){
    #sidebar,
    .sidebar{
        width: 100%;
    }
    #sidebar .fixed-block{
        max-width: 100%;
    }
    #content,
    .content-blocks{
        width: 100%;
        padding-right: 0;
    }
}
@media only screen and (max-width : 1100px){
    body{
        min-width: 100%;
    }
    .logo{
        margin-left: 0px;
    }
    .gum_btn{
        display: block;
        position: absolute;
        right: 10px;
        top: 15px;
        width: 55px;
        text-align: center;
        background: #2585c0;
        border: 1px solid #fff;
        border-radius: 4px;
        height: 35px;
        font-size: 14px;
        color: #fff;
        padding: 7px 0;
        box-sizing: border-box;
    }
    .gum_btn.active{
        background: #1d638e;
    }
    #nav.navigation{
        display: none;
        position: absolute;
        top: 66px;
        background: #39a3d0;
        width: 100%;
        left: 0;
        box-sizing: border-box;
    }
    #nav.navigation.active{
        display: block;
    }
    .nav-holder .right-holder{
        right: 75px;
        top: 15px;
    }
    #nav > li{
        background: transparent;
        float: none;
        position: relative;
    }
    #nav > li:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        display: block;
    }
    #nav > li:hover .drop,
    #nav > li.open .drop{
        display: block;
    }
    #nav > li > a {
        float: none;
        height: initial;
        padding: 10px 14px 10px;
        display: block;
        overflow: hidden;
    }
    #header{
        padding: 0;
    }
    #nav li .drop{
        position: static;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }
    .status-pics{
        text-align: center;
    }
    .status-pics li{
        margin: 0px 5px 10px 5px;
    }
    #footer{
        margin: 0;
        height: auto;
        padding-bottom: 0;
        background: #fff;
        overflow: hidden;
    }
    body #footer .bottom{
        height: auto;
    }
    #main{
        padding: 15px 10px 15px;
        overflow: hidden;
    }
    body #footer .bottom{
        display: none;
    }
    #footer .top{
        margin-bottom: 0;
    }
    .side-more-box {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width : 900px){
    .cat_toogle{
        display: block;
    }
    .cat_toogle .hidden{
        display: none;
    }
    .cat_toogle.active .hidden{
        display: block;
    }
    .cat_toogle.active .visibile{
        display: none;
    }
    .directory{
        padding-bottom: 0;
        margin-bottom: 0;
        padding-right: 0;
    }
    .directory .list{
        display: none;
        margin-bottom: 10px;
    }
    .directory.active .list{
        display: block;
    }
    .content-blocks .content-block {
        margin-top: 20px;
    }
    .pagination {
        overflow: hidden;
        height: auto;
        width: 100%;
        padding: 0;
        border-left: 0;
    }
    .pagination-holder .total{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .directory-holder{
        padding: 0;
    }
    h1{
        padding: 15px 10px 0;
    }
    .item-list-pics img,.gallery-holder .visual img{
        max-width: 100%;
        height: auto;
    }
    .directory .description,
    .period-panel{
        display: none;
    }
    .search-holder .ui-selectmenu{
        max-width: 134px!important;
        width: 100%!important;
    }
}
@media only screen and (max-width : 740px){
    .search-holder{
        padding: 10px;
        box-sizing: border-box;
        height: 55px;
    }
    .search-holder .row{
        width: 100%;
        box-sizing: border-box;
    }
    .search-holder .btn{
        width: 39px;
        height: 34px;
        margin: 0;
        float: right;
        text-indent: -9999px;
        background-position: center;
        background-color: #fff;
        border-radius: 6px;
    }
    .search-holder .text{
        width: calc(100% - 190px);
        box-sizing: border-box;
    }
    .search-holder .ui-selectmenu{
        float: left;
        overflow: hidden;
        margin-right: 0;
    }
}
@media only screen and (max-width : 640px){
    .item-list li .holder{
        height: auto;
        width: 100%;
    }
    .item-list li{
        padding: 10px;
    }
    .item-list-pics li{
        padding-top: 45px;
    }
    .item-list-pics .like-holder {
        margin: 0;
        position: absolute;
        top: 0px;
        left: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    .item-list-pics .img-tags{
        display: none;
    }
    .item-list-pics .text-holder{
        margin-right: 0;
    }
    .like-holder,
    .gallery-holder .top{
        width: 100%;
        float: none;
        margin: 0 0 10px;
        overflow: hidden;
    }
    .like-box,
    .gallery-holder .gallery-like{
        width: 78px;
        float: left;
        margin: 0;
    }
    .like-counter-holder{
        float: right;
        margin: 0;
    }
    .like-box .top a,
    .gallery-holder .gallery-like a{
        width: 38px;
        height: 27px;
    }
    .like-box .top a span,
    .gallery-holder .gallery-like span{
        width: 23px;
        height: 23px;
        margin: 2px auto 0;
    }
    .gallery-holder .title{
        width: 100%;
        margin: 0;
    }
    body #footer .bottom{
        margin-top: 0;
    }
    #footer .left-text{
        margin-left: 0;
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
    }
    #footer .right-text{
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    #footer .support-list {
        text-align: center;
    }
    #footer .support-list li {
        float: none;
        margin: 10px 10px 0 0;
    }
    .gallery-holder .visual {
        width: 100%;
        padding: 10px 0 20px;
        box-sizing: border-box;
        text-align: center;
    }
    .date{
        display: none!important;
    }
    .title-panel:after{
        content: "";
        clear: both;
        display: table;
    }
    .ui-selectmenu-open{
        max-width: 150px;
        width: 100%!important;
    }
}
@media only screen and (max-width : 450px){
    .search-holder .ui-selectmenu{
        max-width: 110px!important;
    }
    .search-holder .ui-selectmenu-icon{
        width: 14px;
    }
    .search-holder .ui-selectmenu-status{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .search-holder .text {
        width: calc(100% - 165px);
    }
    .links-after .link-after{
        display: none;
    }
}
@media only screen and (max-width : 400px){
    .section .date{
        display: none;
    }
}
@media only screen and (max-width : 380px){
    .logo{
        margin: 0px 10px 0 0;
        width: 100%;
        height: auto;
        max-width: 180px;
        padding: 10px 0;
        box-sizing: border-box;
    }
    .logo img{
        width: auto;
        max-width: 100%;
        height: auto;
    }
}