* {
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
font-family: 'GothamPro', sans-serif;
margin: 0 auto;
}
a {
color: #000;
}
a:hover,
a:focus {
color: #000;
}
.clr {
clear: both;
}
.site-wrap {
position: relative;
min-height: 100%;
height: 1px;
}
.page-content {
padding-bottom: 35px;
}
#top_scroller {
background: url(../images/top_scroller.png) no-repeat center center;
width: 21px;
height: 21px;
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
right: 15px;
margin: auto 0;
cursor: pointer;
display: none;
opacity: 0;
}
.flag.ru {
background: url(../images/flag_ru.png) no-repeat center center;
}
.flag.en {
background: url(../images/flag_en.png) no-repeat center center;
}
.flag.es {
background: url(../images/flag_es.png) no-repeat center center;
}
@media (max-width: 1279px) {
#top_scroller {
opacity: 1;
right: 40px;
}
}
@media (max-width: 767px) {
#top_scroller {
right: 24px;
}
}
@media (max-width: 639px) {
#top_scroller {
right: 12px;
}
}
/*=== Mint Button */
.middle-btn-container {
text-align: center;
padding-top: 25px;
padding-bottom: 30px;
}
.middle-btn-container .container {
max-width: 100%;
}
.mint-btn {
display: inline-block;
position: relative;
border: 3px solid #60d6d6;
height: 52px;
line-height: 46px;
color: #60d6d6;
font-size: 22px;
font-weight: 400;
min-width: 300px;
padding: 0 60px 0 20px;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
transition: background-color 0.36s;
white-space: nowrap;
}
.mint-btn:hover {
text-decoration: none;
background-color: #60d6d6;
color: #fff;
}
.mint-btn span {
display: inline-block;
vertical-align: top;
line-height: 46px;
color: #60d6d6;
white-space: nowrap;
transition: color 0.36s;
}
.mint-btn:hover span {
color: #fff;
}
.mint-btn:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 12px;
bottom: 0;
background: url(../images/mint-btn-arr.png) no-repeat left center;
width: 29px;
height: 24px;
margin-top: auto;
margin-bottom: auto;
opacity: 1;
background-size: contain;
transition: opacity 0.36s;
}
.mint-btn:hover:after {
opacity: 0;
}
.mint-btn:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 12px;
bottom: 0;
background: url(../images/mint-btn-arr-hover.png) no-repeat left center;
width: 29px;
height: 24px;
margin-top: auto;
margin-bottom: auto;
opacity: 0;
background-size: contain;
transition: opacity 0.36s;
}
.mint-btn:hover:before {
opacity: 1;
}
@media (max-width: 1366px) {
.mint-btn {
border: 2px solid #60d6d6;
height: 50px;
line-height: 46px;
font-size: 20px;
min-width: 280px;
padding: 0 60px 0 20px;
}
}
/*@media (max-width: 767px) {*/
/* .mint-btn {*/
/* font-size: 22px;*/
/* padding: 0 60px 0 14px;*/
/* width: 336px;*/
/* text-align: left;*/
/* }*/
/*}*/
@media (max-width: 420px) {
.mint-btn {
display: block;
width: auto;
max-width: none;
}
}
/*@media (max-width: 380px) {*/
/* .mint-btn {*/
/* font-size: 22px;*/
/* padding: 0 50px 0 14px;*/
/* width: 100%;*/
/* text-align: left;*/
/* }*/
/* .mint-btn:before,*/
/* .mint-btn:after {*/
/* right: 12px;*/
/* }*/
/*}*/
/*@media (max-width: 359px) {*/
/* .mint-btn {*/
/* font-size: 21px;*/
/* padding: 0 45px 0 10px;*/
/* width: 100%;*/
/* text-align: left;*/
/* }*/
/* .mint-btn:before,*/
/* .mint-btn:after {*/
/* right: 2%;*/
/* }*/
/*}*/
/*=== Navigation */
.breadcrumbs {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.breadcrumbs li {
display: inline-block;
vertical-align: middle;
}
.breadcrumbs li a {
font-size: 17px;
color: #000;
font-weight: 300;
line-height: normal;
}
.breadcrumbs li a::after {
content: ">";
display: inline-block;
margin: 0 7px;
font-weight: 400;
-webkit-transform: scaleY(1.3);
-ms-transform: scaleY(1.3);
transform: scaleY(1.3);
}
.breadcrumbs li:last-child a {
text-decoration: none;
cursor: default;
}
.breadcrumbs li:last-child a::after {
display: none;
}
@media (max-width: 1279px) {
.breadcrumbs {
padding-left: 0;
}
}
/*=== Ad Button */
.ad-btn, .promo-btn {
display: inline-block;
background: #fdeb00;
padding: 0 30px;
color: #000;
font-weight: 300;
font-size: 25px;
text-transform: uppercase;
height: 57px;
line-height: 57px;
white-space: nowrap;
position: relative;
text-decoration: none;
transition: opacity, background 0.3s;
}
.ad-btn:hover,
.ad-btn:focus,
.promo-btn:hover,
.promo-btn:focus {
color: #000;
text-decoration: none;
background: #FFF244;
opacity: 0.7;
}
.promo-btn:before,
.ad-btn:before {
display: block;
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 0;
border: 20px solid #000;
border-right-color: transparent;
border-bottom-color: transparent;
opacity: 0.12;
}
/** 3.2 - Header styles
----------------------*/
/*** 3.2.1 - Page header common styles
-------------------------------------*/
.site-header .navbar-collapse {
border: 0;
box-shadow: none;
}
.site-header .header-menu {
display: block;
padding: 0;
margin: 16px 0 0 0;
float: right;
}
.site-header .header-menu li {
list-style: none;
display: block;
float: left;
position: relative;
z-index: 11;
}
.site-header .header-menu li:last-child {
margin-right: 0;
}
.site-header .header-menu li.mobile-lang-li {
display: none;
}
.site-header .header-menu li:before {
content: "";
position: absolute;
z-index: 12;
margin-left: -3px;
left: 50%;
bottom: 1px;
display: block;
border: 3px solid transparent;
border-bottom-color: #efe498;
}
.site-header .header-menu li:after {
content: "";
position: absolute;
z-index: 12;
height: 1px;
left: 50%;
margin-left: -45px;
bottom: 0;
display: block;
background: linear-gradient(to right, transparent, #e6dc93, transparent);
box-shadow: 0 0 20px rgba(255, 255, 190, 0.7);
width: 90px;
}
.site-header .header-menu li:hover:before,
.site-header .header-menu li.active:before {
content: "";
position: absolute;
z-index: 12;
margin-left: -4px;
left: 50%;
bottom: 1px;
display: block;
border: 4px solid transparent;
border-bottom-color: #e3d77e;
}
.site-header .header-menu li:hover:after,
.site-header .header-menu li.active:after {
content: "";
position: absolute;
z-index: 12;
height: 1px;
left: 0;
right: 0;
bottom: 0;
margin-left: 0;
display: block;
background-image: linear-gradient(to right, transparent, #faed8a, transparent);
box-shadow: none;
width: auto;
}
.site-header .header-menu li a {
display: block;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
position: relative;
z-index: 20;
line-height: 32px;
text-transform: lowercase;
font-size: 16px;
/*font-family: 'helveticaneuecyrlight', Helvetica, Arial, 'Roboto', sans-serif;*/
font-family: 'GothamPro', sans-serif;
color: #fcf0a2;
}
.site-header .header-menu li:hover a,
.site-header .header-menu li a:hover,
.site-header .header-menu li a:focus {
text-decoration: none;
color: #fcf0a2;
}
.site-header .header-menu li:hover a:before,
.site-header .header-menu li.active a:before {
content: "";
position: absolute;
z-index: 13;
top: 0;
left: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li:hover a:after,
.site-header .header-menu li.active a:after {
content: "";
position: absolute;
z-index: 13;
top: 0;
right: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li a span {
display: block;
position: relative;
padding: 0 13px;
}
.site-header .header-menu li:hover a span:before,
.site-header .header-menu li.active a span:before {
content: "";
position: absolute;
z-index: 14;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, #827e6e, transparent, #827e6e);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .navbar-toggle {
padding: 10px;
position: relative;
background: transparent none;
border: 0;
border-radius: 0;
}
.site-header .navbar-toggle .icon-bar {
display: block;
border-radius: 2px;
background: #fef0a8;
background: linear-gradient(to top, #fef0a8, #fff1ae);
width: 25px;
height: 4px;
}
.site-header .navbar-toggle .icon-bar + .icon-bar {
margin-top: 3px;
background: #faed8a;
background: linear-gradient(to top, #faed8a, #fbee94);
}
.site-header .navbar-toggle .icon-bar + .icon-bar + .icon-bar {
margin-top: 3px;
background: #f6e970;
background: linear-gradient(to top, #f6e970, #f7ea76);
}
@media (max-width: 1279px) {
.site-header .header-menu li.mobile-lang-li {
display: block;
}
.header-nav {
position: relative;
}
.site-header .header-menu {
overflow: hidden;
float: none;
margin: 0 auto;
padding: 14px 0 35px 0;
}
.header-nav:before {
content: "";
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 1px;
height: 14px;
background: url(../images/menu-decor.png) no-repeat center bottom;
opacity: 0;
transition: opacity 0.2s;
}
.header-nav.collapsing:before {
display: block;
opacity: 1;
}
.header-nav.in:before {
display: block;
opacity: 1;
}
.header-nav:after {
content: "";
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 3px;
background: linear-gradient(to right, transparent, #faed8a, transparent);
box-shadow: 0 0 27px rgba(255, 255, 255, 0.75);
opacity: 0;
transition: opacity 0.2s;
}
.header-nav.collapsing:after {
display: block;
opacity: 1;
}
.header-nav.in:after {
display: block;
opacity: 1;
}
}
@media (max-width: 767px) {
.site-header .container-fluid {
padding: 0;
margin: 0 auto;
}
.site-header .container > .navbar-header,
.site-header .container-fluid > .navbar-header,
.site-header .container > .navbar-collapse,
.site-header .container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
padding: 0 15px 5px 15px;
}
.site-header .header-menu {
width: 315px;
padding: 10px 0 30px 0;
}
.site-header .header-menu li {
margin: 0 0 8px 0;
}
.site-header .header-menu li a {
font-size: 24px;
line-height: 47px;
width: 315px;
text-align: center;
}
.site-header .header-menu li:hover:before,
.site-header .header-menu li.active:before {
content: "";
position: absolute;
z-index: 12;
margin-left: -4px;
left: 50%;
bottom: 1px;
display: block;
border: 4px solid transparent;
border-bottom-color: #e3d77e;
opacity: 0.8;
}
.site-header .header-menu li:before,
.site-header .header-menu li:before {
opacity: 1;
}
.site-header .header-menu li:after,
.site-header .header-menu li:after {
content: "";
position: absolute;
z-index: 12;
height: 1px;
right: 30px;
left: 30px;
bottom: 0;
display: block;
background-image: linear-gradient(to right, transparent, #faed8a, transparent);
box-shadow: none;
opacity: 0.8;
width: auto;
margin-left: 0;
}
.site-header .header-menu li:hover:after,
.site-header .header-menu li.active:after {
left: 0;
right: 0;
opacity: 1;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang {
width: 315px;
padding: 0;
margin: 0;
text-align: center;
}
.site-header .header-menu li.mobile-lang-li:before,
.site-header .header-menu li.mobile-lang-li:hover:before,
.site-header .header-menu li.mobile-lang-li.active:before {
content: "";
position: absolute;
z-index: 13;
top: 0;
left: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
opacity: 1;
margin-left: 0;
border: 0;
height: 47px;
}
.site-header .header-menu li.mobile-lang-li:after,
.site-header .header-menu li.mobile-lang-li:hover:after,
.site-header .header-menu li.mobile-lang-li.active:after {
content: "";
position: absolute;
z-index: 13;
top: 0;
right: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
opacity: 1;
margin-left: 0;
border: 0;
left: auto;
height: 47px;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang:before {
content: "";
position: absolute;
z-index: 14;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, #827e6e, transparent, #827e6e);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li {
float: none;
width: 150px;
display: inline-block;
margin-bottom: 0;
opacity: 0.8;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li:hover,
.site-header .header-menu li.mobile-lang-li .mobile-lang li:active {
opacity: 1;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li a {
width: 150px;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li a:before,
.site-header .header-menu li.mobile-lang-li .mobile-lang li a:after,
.site-header .header-menu li.mobile-lang-li .mobile-lang li a span:before,
.site-header .header-menu li.mobile-lang-li .mobile-lang li a span:after {
display: none;
}
.site-header .header-menu li a:before {
content: "";
position: absolute;
z-index: 13;
top: 0;
left: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li a:after {
content: "";
position: absolute;
z-index: 13;
top: 0;
right: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li a span:before {
content: "";
position: absolute;
z-index: 14;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, #827e6e, transparent, #827e6e);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-footer-bottom p {
display: block;
text-align: left;
line-height: 1.6;
}
}
@media (max-width: 359px) {
.site-footer-bottom p {
display: block;
text-align: left;
line-height: 1.6;
}
.site-header .navbar-toggle {
margin: 0 auto;
float: none;
}
.site-header .header-menu {
width: 290px;
}
.site-header .header-menu li a {
font-size: 24px;
line-height: 47px;
width: 290px;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang {
width: 290px;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li,
.site-header .header-menu li.mobile-lang-li .mobile-lang li a {
width: 145px;
}
}
@media (min-width: 640px) {
.site-header .navbar-header {
padding: 0;
}
/*.site-header .navbar-toggle {
padding-right: 0;
}*/
}
@media (min-width: 640px) and (max-width: 768px) {
.vn-page .site-header .navbar-toggle {
padding-right: 27px;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.site-header .container-fluid {
padding: 0;
margin: 0 auto;
}
.site-header .navbar-header {
padding: 0;
margin: 0;
}
.site-header .container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
padding: 0 40px;
}
.site-header .header-menu {
width: 654px;
}
.site-header .header-menu li {
margin: 0 6px 8px 6px;
}
.site-header .header-menu li a {
font-size: 24px;
line-height: 47px;
width: 315px;
text-align: center;
}
.site-header .header-menu li:hover:before,
.site-header .header-menu li.active:before {
content: "";
position: absolute;
z-index: 12;
margin-left: -4px;
left: 50%;
bottom: 1px;
display: block;
border: 4px solid transparent;
border-bottom-color: #e3d77e;
opacity: 0.8;
}
.site-header .header-menu li:before,
.site-header .header-menu li:before {
opacity: 1;
}
.site-header .header-menu li:after,
.site-header .header-menu li:after {
content: "";
position: absolute;
z-index: 12;
height: 1px;
right: 30px;
left: 30px;
bottom: 0;
display: block;
background: linear-gradient(to right, transparent, #faed8a, transparent);
box-shadow: none;
opacity: 0.8;
width: auto;
margin-left: 0;
}
.site-header .header-menu li:hover:after,
.site-header .header-menu li.active:after {
opacity: 1;
left: 0;
right: 0;
}
.site-header .header-menu li.mobile-lang-li:before,
.site-header .header-menu li.mobile-lang-li:after,
.site-header .header-menu li.mobile-lang-li:hover:before,
.site-header .header-menu li.mobile-lang-li:hover:after,
.site-header .header-menu li.mobile-lang-li:active:before,
.site-header .header-menu li.mobile-lang-li:active:after {
display: none;
}
.site-header .header-menu li a:before {
content: "";
position: absolute;
z-index: 13;
top: 0;
left: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li a:after {
content: "";
position: absolute;
z-index: 13;
top: 0;
right: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li a span:before {
content: "";
position: absolute;
z-index: 14;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, #827e6e, transparent, #827e6e);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li.mobile-lang-li .mobile-lang {
width: 315px;
padding: 0;
margin: 0;
text-align: center;
}
.site-header .header-menu li.mobile-lang-li:before,
.site-header .header-menu li.mobile-lang-li:hover:before,
.site-header .header-menu li.mobile-lang-li.active:before {
content: "";
position: absolute;
z-index: 13;
top: 0;
left: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
opacity: 1;
margin-left: 0;
border: 0;
height: 47px;
}
.site-header .header-menu li.mobile-lang-li:after,
.site-header .header-menu li.mobile-lang-li:hover:after,
.site-header .header-menu li.mobile-lang-li.active:after {
content: "";
position: absolute;
z-index: 13;
top: 0;
right: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
opacity: 1;
margin-left: 0;
border: 0;
left: auto;
height: 47px;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang:before {
content: "";
position: absolute;
z-index: 14;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, #827e6e, transparent, #827e6e);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li {
float: left;
width: 150px;
display: block;
opacity: 0.8;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li:hover,
.site-header .header-menu li.mobile-lang-li .mobile-lang li:active {
opacity: 1;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li a {
width: 150px;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li a:before,
.site-header .header-menu li.mobile-lang-li .mobile-lang li a:after,
.site-header .header-menu li.mobile-lang-li .mobile-lang li a span:before,
.site-header .header-menu li.mobile-lang-li .mobile-lang li a span:after {
display: none;
}
.site-header .header-menu li.mobile-lang-li .mobile-lang li {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
float: none;
display: inline-block;
}
}
@media (min-width: 1024px) {
.rel_sizer {
height: 70px;
background: #121212 url(../images/vn-header-bg.jpg) repeat-x center bottom;
margin-top: -70px;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
.rel_sizer {
display: block;
}
}
/*@media (max-device-width: 1280px) {*/
/*.rel_sizer {*/
/*display: none;*/
/*}*/
/*}*/
@media (min-width: 1280px) {
.rel_sizer {
height: 70px;
background: #121212 url(../images/header-bg.jpg) repeat-x center top;
margin-top: -70px;
}
.site-header .header-menu li {
margin-right: 10px;
}
}
@media (min-width: 1366px) {
.site-header .header-menu li {
margin-right: 24px;
}
}
@media (min-width: 1366px) and (max-width: 1440px) {
.vn-page.has-sidebar .site-header .header-menu li {
margin-right: 12px;
}
}
@media (min-width: 1600px) {
.site-header .header-menu li {
margin-right: 50px;
}
}
@media (min-width: 1810px) {
.site-header .header-menu li {
margin-right: 70px;
}
}
/*=== lang menu item for desktop*/
.site-header .header-menu li.more {
margin-right: 0;
margin-top: 6px;
}
.site-header .header-menu li.more .change-lang-block ul {
position: relative;
padding: 10px;
}
.site-header .header-menu li.more {
position: relative;
width: 34px;
cursor: pointer;
}
.site-header .header-menu li.more .changed-flag-wrap {
position: relative;
border-radius: 50%;
background: linear-gradient(to top, #4d4d4d, #0b0b0b);
width: 24px;
height: 24px;
text-align: center;
padding: 2px;
-webkit-box-shadow: 0 0 18px rgba(255, 255, 255, 0.26);
box-shadow: 0 0 18px rgba(255, 255, 255, 0.26);
}
.site-header .header-menu li.more .changed-flag-wrap > .flag {
font-size: 9px;
text-transform: uppercase;
/*font-family: 'helveticaneuecyrlight', Helvetica, Arial, 'Roboto', sans-serif;*/
font-family: 'GothamPro', sans-serif;
padding-top: 4px;
color: #f8f9cf;
border-radius: 50%;
width: 20px;
height: 20px;
display: block;
background: #000;
text-align: center;
}
.site-header .header-menu li.more li {
list-style: none;
}
.site-header .header-menu li.more .change-lang-block {
position: relative;
z-index: 7;
top: 30px;
right: 0;
background: #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
padding: 0;
border-radius: 5px;
}
.site-header .header-menu li.more .change-lang-block ul:before {
content: "";
display: block;
border: 5px solid transparent;
border-bottom-color: #fff;
position: absolute;
top: -10px;
right: 9px;
z-index: 5;
}
.site-header .header-menu li.more ul li,
.site-header .header-menu li.more ul li a {
color: #000;
font-size: 13px;
/*font-family: 'Roboto', sans-serif;*/
font-family: 'GothamPro', sans-serif;
font-weight: 700;
}
.site-header .header-menu li.more ul li {
margin-bottom: 12px;
}
.site-header .header-menu li.more:hover .change-lang-block {
display: block;
}
.site-header .header-menu li.more .lang-change-arr {
border-top: 4px solid #f7f8c3;
border-right: 3px solid transparent;
border-bottom: 4px solid transparent;
border-left: 3px solid transparent;
display: block;
position: absolute;
z-index: 6;
top: 11px;
right: 0;
}
.site-header .header-menu li.more:before,
.site-header .header-menu li.more:after {
display: none;
}
.site-header .header-menu li.more > .lang-change-container {
display: none;
position: absolute;
z-index: 5;
width: 87px;
opacity: 0;
right: -11px;
top: 0;
transition: display .5s ease-out, opacity .5s ease-out;
}
.site-header .header-menu li.more:hover > .lang-change-container {
display: block;
opacity: 1;
}
.site-header .header-menu li.more .change-lang-block li {
line-height: 21px;
float: none;
margin-bottom: 5px;
background: transparent;
padding: 5px;
border-radius: 5px;
transition: background .3s;
list-style: none;
margin-right: 0;
}
.site-header .header-menu li.more .change-lang-block li:last-child {
margin-bottom: 0;
}
.site-header .header-menu li.more a, .vn-page .site-header li.more a:hover {
color: #f5f7b9;
line-height: 20px;
text-transform: uppercase;
}
.site-header .header-menu li.more .change-lang-block li span {
display: inline-block;
color: #121212;
font-weight: 700;
vertical-align: top;
line-height: 21px;
padding: 0;
}
.site-header .header-menu li.more .change-lang-block .flag {
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #75776f;
border-radius: 50%;
line-height: 20px;
margin-right: 8px;
margin-top: 0;
padding: 0;
}
.site-header .header-menu li.more .change-lang-block li:hover {
background: #e5e5e5;
}
.site-header .header-menu li.more li a {
text-shadow: none;
text-align: left;
}
.site-header .header-menu li.more li:before,
.site-header .header-menu li.more li:after,
.site-header .header-menu li.more li a:before,
.site-header .header-menu li.more li a:before,
.site-header .header-menu li.more li a span:before,
.site-header .header-menu li.more li a span:before,
.site-header .header-menu li.more li a:after,
.site-header .header-menu li.more li a:after,
.site-header .header-menu li.more li a span:after,
.site-header .header-menu li.more li a span:after,
.site-header .header-menu li.more li:hover a:before,
.site-header .header-menu li.more li.active a:before,
.site-header .header-menu li.more li:hover a span:before,
.site-header .header-menu li.more li.active a span:before,
.site-header .header-menu li.more li:hover a:after,
.site-header .header-menu li.more li.active a:after,
.site-header .header-menu li.more li:hover a span:after,
.site-header .header-menu li.more li.active a span:after,
.site-header .header-menu li.more:hover li:before,
.site-header .header-menu li.more:hover li:after,
.site-header .header-menu li.more:hover li a:before,
.site-header .header-menu li.more:hover li a:before,
.site-header .header-menu li.more:hover li a span:before,
.site-header .header-menu li.more:hover li a span:before,
.site-header .header-menu li.more:hover li a:after,
.site-header .header-menu li.more:hover li a:after,
.site-header .header-menu li.more:hover li a span:after,
.site-header .header-menu li.more:hover li a span:after,
.site-header .header-menu li.more:hover li:hover a:before,
.site-header .header-menu li.more:hover li.active a:before,
.site-header .header-menu li.more:hover li:hover a span:before,
.site-header .header-menu li.more:hover li.active a span:before,
.site-header .header-menu li.more:hover li:hover a:after,
.site-header .header-menu li.more:hover li.active a:after,
.site-header .header-menu li.more:hover li:hover a span:after,
.site-header .header-menu li.more:hover li.active a span:after {
display: none !important;
content: normal !important;
opacity: 0 !important;
height: 0 !important;
width: 0 !important;
overflow: hidden;
transition: none;
border: 0 !important;
background: none !important;
}
@media (max-width: 1279px) {
.site-header .header-menu li.more {
display: none;
}
}
@media (min-width: 1280px) {
.site-header .header-menu li.more {
margin-right: 0;
}
}
/*** 3.2.2 - Page header
-----------------------*/
.vn-page .site-header {
position: static;
height: 70px;
background: #121212 url(../images/header-bg.jpg) repeat-x center top;
}
.vn-page .site-header .site-logo {
float: left;
}
.vn-page .site-header .site-logo a.hide-big {
display: none;
}
.vn-page .site-header .header-nav {
text-align: right;
}
.vn-page .site-header .navbar-toggle {
margin: 16px 0;
float: right;
}
@media (max-width: 1279px) {
.vn-page .site-header {
padding-bottom: 0;
height: auto;
text-align: center;
background: #000 url(../images/vn-header-bg-top.jpg) repeat-x center top;
}
.vn-page .site-header .container-fluid {
background: url(../images/vn-header-bg.jpg) repeat-x center bottom;
}
}
/*
@media (max-width: 767px) {
.vn-page .site-header .navbar-toggle {
margin: 0 auto;
float: none;
padding-top: 5px;
}
.vn-page .site-header .site-logo {
max-width: 360px;
width: 100%;
height: auto;
margin: 6px auto 0 auto;
float: none;
}
.vn-page .site-header .site-logo img {
width: 100%;
height: auto;
}
}
*/
@media (max-width: 767px) {
.vn-page .navbar-header {
display: inline-block;
}
.vn-page .site-header .navbar-toggle {
margin: 0 auto;
float: left;
margin-top: 22px;
padding-top: 5px;
}
.vn-page .site-header .site-logo {
max-width: 360px;
height: auto;
margin: 6px auto 0 auto;
float: left;
width: calc(100% - 45px);
}
.vn-page .site-header .site-logo img {
width: 100%;
height: auto;
}
.vn-page .site-header .site-logo a.hide-big {
display: block;
}
.vn-page .site-header .site-logo a.hide-mobile {
display: none;
}
}
@media (max-width: 380px) {
.vn-page .site-header .navbar-toggle {
margin-top: 5%;
}
}
@media (max-width: 410px) {
.vn-page .site-header .container-fluid > .navbar-header {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 640px) {
.vn-page .site-header .container-fluid {
padding: 0 24px;
}
.vn-page .site-header .header-nav {
padding: 0;
}
.vn-page .site-header .site-logo img {
margin-left: -18px;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.vn-page .site-header .site-logo {
width: 360px;
margin-top: 6px;
margin-left: -5px;
}
.vn-page .site-header .site-logo img {
width: 100%;
height: auto;
}
}
@media (min-width: 1280px) {
.vn-page {
padding-top: 70px;
}
.vn-page .site-header {
max-width: 1920px;
}
.vn-page .site-header {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
}
/*** 3.2.3 - Front page header
-----------------------------*/
.front-page .site-header {
height: 173px;
background: rgba(16, 16, 16, 0.59);
position: absolute;
z-index: 10;
top: 0;
left: 0;
right: 0;
}
.front-page .site-header .navbar-header {
margin: 0 auto !important;
text-align: center;
float: none;
position: absolute;
z-index: 5;
left: 0;
right: 0;
top: 0;
}
.front-page .site-header .site-logo {
margin: 0 auto;
text-align: center;
}
.front-page .site-header .navbar-header,
.front-page .site-header .site-logo {
width: 560px;
}
.front-page .fp-logo {
display: block;
}
.front-page .vn-logo {
display: none;
}
.front-page .site-header .site-logo img {
width: 100%;
height: auto;
}
.front-page .site-header h1 {
font-size: 12px;
font-weight: 300;
line-height: normal;
text-transform: uppercase;
color: #fff;
text-align: center;
margin: -13px 0 0 0;
}
.front-page .site-header .navbar-collapse {
padding: 0;
}
.fp-header-menu {
color: #f8f9cf;
text-transform: uppercase;
margin: 67px 0 0 0;
line-height: normal;
padding: 0 0 2px 0;
}
.fp-header-menu li {
float: left;
}
.fp-header-menu a,
.fp-header-menu a:hover {
color: #f5f7b9;
line-height: 20px;
text-transform: uppercase;
font-size: 16px;
}
.fp-left-menu {
background: url(../images/menu-grad-line-left.png) no-repeat left bottom; /* right */
float: left;
list-style: none;
}
.fp-left-menu li {
margin-right: 100px; /*150*/
}
.fp-right-menu {
background: url(../images/menu-grad-line-right.png) no-repeat left bottom;
float: right;
list-style: none;
}
.fp-right-menu > ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
float: right;
}
.fp-right-menu ul.login-link,
.fp-right-menu ul.lang-menu,
.fp-right-menu ul.live-link {
margin-left: 100px;
}
.fp-header-menu .lang-menu li.more {
text-align: left;
position: relative;
cursor: pointer;
}
.fp-header-menu .lang-menu li.more .changed-flag-wrap {
margin-left: 5px;
margin-top: -1px;
cursor: pointer;
}
.fp-header-menu .lang-menu li.more .changed-flag-wrap > .flag {
display: block;
width: 20px;
height: 20px;
border: 2px solid #75776f;
border-radius: 50%;
}
.fp-header-menu .lang-menu li.more > * {
display: block;
line-height: 20px;
float: left;
}
.fp-header-menu .lang-menu li.more > .lang-change-container {
display: none;
position: absolute;
z-index: 5;
width: 87px;
opacity: 0;
transition: display .5s ease-out, opacity .5s ease-out;
}
.fp-header-menu .lang-menu li.more .lang-change-arr {
border-top: 4px solid #f7f8c3;
border-right: 3px solid transparent;
border-bottom: 4px solid transparent;
border-left: 3px solid transparent;
margin-top: 7px;
margin-left: 5px;
cursor: pointer;
}
.fp-header-menu .lang-menu li.more .change-lang-block {
position: relative;
z-index: 7;
top: 30px;
right: 0;
background: #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
padding: 0;
border-radius: 5px;
}
.fp-header-menu .lang-menu li.more:hover > .lang-change-container {
display: block;
opacity: 1;
}
.fp-header-menu .lang-menu li.more .change-lang-block ul:before {
content: "";
display: block;
border: 5px solid transparent;
border-bottom-color: #fff;
position: absolute;
top: -10px;
right: 7px;
z-index: 5;
}
.fp-header-menu .lang-menu li.more .change-lang-block ul {
position: relative;
padding: 10px;
}
.fp-header-menu .lang-menu li.more .change-lang-block li {
line-height: 21px;
float: none;
margin-bottom: 5px;
background: transparent;
padding: 5px;
border-radius: 5px;
transition: background .3s;
list-style: none;
}
.fp-header-menu .lang-menu li.more .change-lang-block li:hover {
background: #e5e5e5;
}
.fp-header-menu .lang-menu li.more .change-lang-block li:last-child {
margin-bottom: 0;
}
.fp-header-menu .lang-menu li.more .change-lang-block li span {
display: inline-block;
color: #121212;
font-weight: 700;
vertical-align: top;
line-height: 21px;
}
.fp-header-menu .lang-menu li.more .change-lang-block .flag {
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #75776f;
border-radius: 50%;
line-height: 20px;
margin-right: 8px;
margin-top: 0;
}
@media (max-width: 1279px) {
.front-page .site-header .header-menu li.more {
display: none;
}
.front-page .site-header {
padding-bottom: 0;
height: auto;
text-align: center;
background: #000 url(../images/vn-header-bg-top.jpg) repeat-x center top;
}
.front-page .site-header .container-fluid {
background: url(../images/vn-header-bg.jpg) repeat-x center bottom;
}
.front-page .fp-header-menu {
display: none;
}
.front-page .site-header .navbar-header {
position: static;
padding: 0 0 5px 0 !important;
}
.front-page .site-header .header-menu {
padding: 10px 0 30px 0;
}
.front-page .site-header .navbar-toggle {
margin: 10px auto 0 auto;
float: none;
}
}
@media (max-width: 767px) {
.front-page .site-header .navbar-toggle {
margin: 0 auto;
float: none;
padding-top: 5px;
}
.front-page .site-header h1 {
display: none;
}
.front-page .site-header .navbar-header,
.front-page .site-header .site-logo {
width: 360px;
}
.front-page .site-header .site-logo {
margin-top: 6px;
}
.front-page .fp-logo {
display: none;
}
.front-page .vn-logo.hide-big {
display: block;
}
.front-page .vn-logo.hide-mobile {
display: none;
}
}
@media (max-width: 767px) {
.front-page .navbar-header {
display: inline-block;
}
.front-page .site-header .navbar-toggle {
margin: 0 auto;
float: left;
margin-top: 19px;
padding-top: 5px;
}
.front-page .site-header .site-logo {
max-width: 360px;
height: auto;
margin: 6px auto 0 auto;
float: left;
width: calc(100% - 45px);
margin-right: 0;
margin-left: 0;
}
.front-page .site-header .site-logo img {
width: 100%;
height: auto;
}
}
@media (max-width: 380px) {
.front-page .site-header .navbar-toggle {
margin-top: 5%;
}
}
@media (min-width: 1280px) {
.front-page .site-header .fp-header-menu li:hover a {
text-decoration: underline;
}
.front-page .site-header .header-menu {
display: none;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.fp-left-menu li {
margin-right: 50px;
}
.fp-right-menu ul.login-link,
.fp-right-menu ul.live-link,
.fp-right-menu ul.lang-menu {
margin-left: 60px;
}
}
@media (min-width: 1440px) and (max-width: 1599px) {
.fp-left-menu li {
margin-right: 80px;
}
.fp-right-menu ul.login-link,
.fp-right-menu ul.live-link,
.fp-right-menu ul.lang-menu {
margin-left: 90px;
}
}
@media (min-width: 1600px) {
.front-page .site-header .container-fluid {
max-width: 1600px;
}
}
@media (max-width: 380px) {
.front-page .site-header .navbar-header /*,
.front-page .site-header .site-logo */
{
width: auto;
margin-right: 15px;
margin-left: 15px;
}
}
/*** 3.2.4 - Front page fixed/scrolled header
--------------------------------------------*/
.front-page.desktop-scroll .site-header {
position: static;
height: 70px;
background: #121212 url(../images/header-bg.jpg) repeat-x center top;
}
.front-page.desktop-scroll .site-header .site-logo {
float: left;
}
.front-page.desktop-scroll .site-header .header-nav {
text-align: right;
}
.front-page.desktop-scroll .site-header .navbar-header {
position: static;
float: left;
padding: 0;
margin: 0 !important;
}
.front-page.desktop-scroll .site-header .navbar-header,
.front-page.desktop-scroll .site-header .site-logo {
width: auto;
}
.front-page.desktop-scroll .site-header .site-logo img {
margin-left: -18px;
width: auto;
}
.front-page.desktop-scroll .fp-logo {
display: none;
}
.front-page.desktop-scroll .vn-logo {
display: block;
}
.front-page.desktop-scroll .vn-logo.hide-big {
display: none;
}
.front-page.desktop-scroll .site-header h1 {
display: none;
}
.front-page.desktop-scroll .fp-left-menu,
.front-page.desktop-scroll .fp-right-menu {
display: none;
}
.front-page.desktop-scroll .site-header .header-menu {
display: block;
padding: 0;
margin: 16px 0 0 0;
float: right;
}
@media (min-width: 1280px) {
.front-page.desktop-scroll {
padding-top: 70px;
}
.front-page.desktop-scroll .site-header {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
}
@media (min-width: 1810px) {
.front-page.desktop-scroll .site-header .header-menu li {
margin-right: 50px;
}
.front-page.desktop-scroll .site-header .header-menu li.more {
margin-right: 0;
}
}
/** 3.3 - Site footer
--------------------*/
.site-footer-top {
/*padding: 35px 0;*/
padding: 24px 0 16px 0;
text-align: center;
background: url(../images/footer-top-bg.png) repeat-x center top;
background-size: 1600px 100%;
}
.site-footer-top .site-footer-brands {
width: 200px;
/*padding: 20px 15px;*/
padding: 0 15px;
margin-bottom: 15px;
display: inline-block;
text-align: center;
transition: opacity 0.3s;
}
.site-footer-top .site-footer-brands:hover {
opacity: 0.5;
}
.site-footer-top .site-footer-brands img {
max-width: 100%;
height: auto;
}
@media (min-width: 1600px) {
.site-footer-top .site-footer-brands {
width: 204px;
}
}
/*** Footer new */
footer {
/*background: #151515;
// padding-top: 78px;
padding-bottom: 70px;*/
position: relative;
text-align: center;
}
footer section {
margin: 0 auto;
max-width: 1472px;
}
footer .left ul,
footer .right ul {
padding-left: 0;
list-style: none !important;
}
footer .copy {
display: inline-block;
vertical-align: top;
text-align: center;
color: #fff;
font-size: 12px;
margin-top: -30px;
}
footer .copy i {
display: block;
}
footer .logo {
position: absolute;
left: 48px;
right: 0;
margin: 0 auto;
width: 514px;
top: 11px;
}
footer .logo img {
width: 100%;
}
footer .left {
float: left;
text-align: left;
margin-left: 20px;
}
footer .left ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
}
footer .left ul li {
margin-bottom: 10px;
max-width: 130px;
height: 42px;
}
footer .left ul li a {
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
footer .left ul li a:hover {
text-decoration: underline;
}
footer .left .address {
color: #fff;
font-size: 12px;
padding-top: 10px;
line-height: 1.5;
padding-right: 50px;
}
footer .left .address img {
width: 140px;
margin-top: 5px;
}
footer .left .address span {
color: #FFFFFF;
}
footer .left .address i {
display: block;
}
footer .right {
float: right;
width: 224px;
text-align: left;
/*margin-right:20px;*/
}
footer .right ul li {
margin-bottom: 10px;
}
footer .right ul li:nth-child(1) a {
background: url(/local/templates/base/images/a1.png) left center no-repeat;
}
footer .right ul li:nth-child(2) a {
font-size: 14px;
background: url(/local/templates/base/images/a2.png) left center no-repeat;
}
footer .right ul li:nth-child(3) a {
font-size: 14px;
padding-left: 0;
}
footer .right ul li a {
color: #fff;
font-size: 18px;
padding-left: 30px;
position: relative;
}
footer .right .social {
text-align: left;
margin-top: 68px;
}
footer .right .social p.soc-links-title {
color: #fff;
font-size: 14px;
display: block;
padding-bottom: 6px;
}
/*footer .right .social a {
display: inline-block;
vertical-align: top;
margin-right: 2px;
}*/
footer p.soc-links a {
display: inline-block;
width: 50px;
height: 40px;
background: url(/local/templates/base/images/soc-icons/soc.png) 100% 100% no-repeat;
margin: 6px 5px 0 0;
}
footer p.soc-links a:hover {
background: url(/local/templates/base/images/soc-icons/soc-hover.png) 100% 100% no-repeat;
}
footer p.soc-links a.soc-vk {
background-position: 0px 0px;
}
footer p.soc-links a.soc-fbk {
background-position: -60px 0px;
}
footer p.soc-links a.soc-ok {
background-position: -120px 0px;
}
footer p.soc-links a.soc-im {
background-position: -176px 0px;
width: 40px;
}
footer p.soc-links span {
position: relative;
bottom: 14px;
right: 25px;
}
@media screen and (max-width: 1500px) {
footer .left ul {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
footer section {
max-width: 1370px;
}
}
@media screen and (max-width: 1400px) {
footer section {
max-width: 1270px;
}
footer .left ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
footer .left ul li:empty {
display: none;
}
footer .left ul li {
height: auto;
}
footer .copy {
margin-top: -30px;
}
}
@media screen and (max-width: 1300px) {
footer section {
max-width: 100%;
width: 100%;
padding: 0 15px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
footer .right .social {
margin-top: 41px;
}
}
@media screen and (min-width: 1080x) and (max-width: 1100px) {
footer .logo {
left: 8px;
}
footer .logo img {
width: 80%;
}
footer .copy {
padding-right: 28px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1080px) {
footer .logo {
left: 0px;
}
footer .logo img {
width: 60%;
margin-top: 10px;
}
footer .copy {
padding-right: 28px;
}
}
@media screen and (min-width: 795px) and (max-width: 1023px) {
footer .logo {
display: inline-block;
position: static;
}
footer {
padding-top: 30px;
}
footer .left ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
text-align: justify;
padding-top: 30px;
}
footer .left ul::after {
content: "";
display: inline-block;
width: 100%;
text-align: justify;
}
footer .left {
float: none;
margin-left: 0;
}
footer .left ul li {
display: inline-block;
vertical-align: top;
}
footer .left .address {
font-size: 14px;
text-align: center;
padding-top: 0;
display: block;
width: auto;
float: right;
padding-right: 0;
margin-left: 25px;
}
footer .left .address i {
display: none;
}
footer .right {
display: inline-block;
margin-right: 0px;
float: left;
padding-top: 0;
width: auto;
}
footer .right ul {
float: left;
margin-right: 30px;
}
footer .right .social {
float: right;
margin-top: 0;
}
footer .right .social p.soc-links-title {
padding-left: 10px;
}
footer .right .social p.soc-links {
margin-left: -15px;
}
footer .copy {
margin-top: 25px;
margin-left: -35px;
margin-top: 1px;
float: right;
}
footer {
padding-bottom: 50px;
}
footer .clearfix.clr_top {
clear: none;
display: none;
}
}
@media screen and (max-width: 794px) {
footer .logo {
display: inline-block;
position: static;
}
footer {
padding-top: 30px;
}
footer .left ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
text-align: justify;
padding-top: 30px;
}
footer .left ul::after {
content: "";
display: inline-block;
width: 100%;
text-align: justify;
}
footer .left {
float: none;
margin-left: 0;
}
footer .left ul li {
display: inline-block;
vertical-align: top;
}
footer .left .address {
font-size: 14px;
text-align: center;
padding-top: 0;
}
footer .left .address i {
display: none;
}
footer .right {
float: none;
display: inline-block;
padding-top: 20px;
margin-right: 0px;
}
footer .right .social p.soc-links-title {
padding-left: 10px;
}
footer .right .social p.soc-links {
margin-left: -15px;
}
footer .copy {
margin-top: 25px;
margin-left: -35px;
}
footer {
padding-bottom: 50px;
}
footer .right ul li:nth-child(3) a {
padding-left: 30px;
}
}
@media screen and (max-width: 760px) {
footer .copy {
margin-left: -45px;
}
footer a.logo {
width: 100% !important;
margin-left: 0 !important;
}
}
@media screen and (max-width: 628px) {
footer .left ul {
display: none;
}
footer .left .address {
margin-top: 25px;
}
}
@media screen and (max-width: 480px) {
footer .right ul li {
padding-left: 15px;
}
footer .left .address {
margin-top: 10px;
padding-right: 30px;
}
footer .right .social p.soc-links-title {
padding-left: 0;
margin-left: -25px;
}
footer .left ul li a {
font-size: 13px;
}
footer .right .social {
text-align: center;
}
footer .logo img {
width: 94%;
}
footer {
padding-top: 0;
padding-bottom: 20px;
}
footer .copy {
margin-left: -17px;
}
}
@media screen and (min-width: 1024px) {
.vn-page.has-sidebar footer .right {
margin-right: 20px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1240px) {
.vn-page.has-sidebar footer .logo {
left: 8px;
}
.vn-page.has-sidebar footer .logo img {
width: 80%;
}
.vn-page.has-sidebar footer .copy {
padding-right: 28px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1080px) {
.vn-page.has-sidebar footer .logo img {
width: 60%;
margin-top: 10px;
}
}
@media screen and (min-width: 1300px) {
.vn-page.has-sidebar.content-collapse footer section {
padding: 0 15px;
}
}
@media screen and (min-width: 1600px) and (max-width: 1780px) {
.vn-page.has-sidebar.content-collapse footer .logo {
left: 128px;
}
.vn-page.has-sidebar.content-collapse footer .logo img {
width: 80%;
}
.vn-page.has-sidebar.content-collapse footer .copy {
margin-left: 80px;
}
}
@media screen and (min-width: 1230px) and (max-width: 1600px) {
.vn-page.has-sidebar.content-collapse footer .logo {
display: inline-block;
position: static;
}
/*.vn-page.has-sidebar.content-collapse footer {*/
/* padding-top: 30px;*/
/*}*/
.vn-page.has-sidebar.content-collapse footer .left ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
text-align: justify;
padding-top: 30px;
}
.vn-page.has-sidebar.content-collapse footer .left ul::after {
content: "";
display: inline-block;
width: 100%;
text-align: justify;
}
.vn-page.has-sidebar.content-collapse footer .left {
float: none;
margin-left: 0;
}
.vn-page.has-sidebar.content-collapse footer .left ul li {
display: inline-block;
vertical-align: top;
}
.vn-page.has-sidebar.content-collapse footer .left .address {
font-size: 14px;
text-align: center;
padding-top: 0;
display: block;
width: auto;
float: right;
padding-right: 0;
margin-left: 25px;
}
.vn-page.has-sidebar.content-collapse footer .left .address i {
display: none;
}
.vn-page.has-sidebar.content-collapse footer .right {
display: inline-block;
margin-right: 0px;
float: left;
padding-top: 0;
width: auto;
}
.vn-page.has-sidebar.content-collapse footer .right ul {
float: left;
margin-right: 30px;
}
.vn-page.has-sidebar.content-collapse footer .right .social {
float: right;
margin-top: 0;
}
.vn-page.has-sidebar.content-collapse footer .right .social p.soc-links-title {
padding-left: 10px;
}
.vn-page.has-sidebar.content-collapse footer .right .social p.soc-links {
margin-left: -15px;
}
.vn-page.has-sidebar.content-collapse footer .copy {
margin-top: 25px;
margin-left: -35px;
margin-top: 1px;
float: right;
}
/*.vn-page.has-sidebar.content-collapse footer {*/
/* padding-bottom: 50px;*/
/*}*/
.vn-page.has-sidebar.content-collapse footer .clearfix.clr_top {
clear: none;
display: none;
}
}
@media screen and (min-width: 1024px) and (max-width: 1229px) {
.vn-page.has-sidebar.content-collapse footer .right .social {
margin-top: 45px;
}
.vn-page.has-sidebar.content-collapse footer section {
padding: 0 20px;
}
.vn-page.has-sidebar.content-collapse footer .logo {
display: inline-block;
position: static;
}
.vn-page.has-sidebar.content-collapse footer {
padding-top: 30px;
}
.vn-page.has-sidebar.content-collapse footer .left ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
text-align: justify;
padding-top: 30px;
}
.vn-page.has-sidebar.content-collapse footer .left ul::after {
content: "";
display: inline-block;
width: 100%;
text-align: justify;
}
.vn-page.has-sidebar.content-collapse footer .left {
float: none;
margin-left: 0;
}
.vn-page.has-sidebar.content-collapse footer .left ul li {
display: inline-block;
vertical-align: top;
}
.vn-page.has-sidebar.content-collapse footer .left .address {
font-size: 14px;
text-align: center;
padding-top: 0;
}
.vn-page.has-sidebar.content-collapse footer .left .address i {
display: none;
}
.vn-page.has-sidebar.content-collapse footer .right {
float: none;
display: inline-block;
padding-top: 20px;
margin-right: 0px;
}
.vn-page.has-sidebar.content-collapse footer .right .social p.soc-links-title {
padding-left: 10px;
}
.vn-page.has-sidebar.content-collapse footer .right .social p.soc-links {
margin-left: -15px;
}
.vn-page.has-sidebar.content-collapse footer .copy {
margin-top: 25px;
margin-left: -35px;
}
.vn-page.has-sidebar.content-collapse footer {
padding-bottom: 50px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1240px) {
.vn-page.has-sidebar.content-collapse footer .copy {
padding-right: 0px;
}
}
/*** 3.4 - Page
-------------*/
/*** 3.5 - Page with sidebar
---------------------------*/
/*** 3.5.1 - Page with sidebar - header
---------------------------*/
.has-sidebar .site-header .header-menu li,
.has-sidebar.content-collapse .site-header .header-menu li {
transition: margin-right 0.3s;
}
@media (min-width: 1024px) {
.vn-page.has-sidebar .site-header {
position: fixed !important;
top: 0;
left: 0;
z-index: 100;
}
.vn-page.has-sidebar {
padding-top: 70px;
}
}
/*@media screen and (max-device-width: 1280px) {*/
/*.sidebar-page-wrap {*/
/*display: block;*/
/*}*/
/*.has-sidebar,*/
/*.has-sidebar.content-collapse {*/
/*margin-right: 0;*/
/*display: block;*/
/*}*/
/*.zsidebar {*/
/*display: none;*/
/*}*/
/*.vn-page.has-sidebar .site-header {*/
/*position: static !important;*/
/*}*/
/*}*/
/** 4 - Front page sections
----------------------------*/
/*** 4.1 - Front page common styles
-----------------------------------*/
@media (max-width: 767px) {
.site-wrap.front-page {
padding-top: 0;
}
}
.fp-title {
font-size: 36px;
color: #b0b0b0;
margin: 30px auto 24px auto;
font-weight: normal;
text-transform: uppercase;
text-align: center;
}
@media (max-width: 991px) {
.fp-title {
font-size: 24px;
color: #000 !important;
font-weight: normal;
text-transform: uppercase;
text-align: center;
}
}
/*** 4.2 - Best authors section
-------------------------------*/
.best-authors-sect {
background: url(../images/bestworks-block-bg.jpg) no-repeat center top;
background-size: cover;
height: 607px;
position: relative;
z-index: 1;
overflow: hidden;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav {
position: relative;
z-index: 1;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
width: 43px;
height: 43px;
position: absolute;
z-index: 3;
left: -37px;
top: -190px;
white-space: nowrap;
text-indent: 200%;
overflow: hidden;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
width: 43px;
height: 43px;
position: absolute;
z-index: 3;
right: -37px;
top: -190px;
white-space: nowrap;
text-indent: 200%;
overflow: hidden;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev:before {
content: "";
width: 37px;
height: 37px;
position: absolute;
z-index: 5;
left: 0;
top: 0;
background: url(../images/carousel-arr-left.png) no-repeat left top;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next:before {
content: "";
width: 37px;
height: 37px;
position: absolute;
z-index: 5;
right: 0;
top: 0;
background: url(../images/carousel-arr-right.png) no-repeat left top;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next:after {
content: "";
display: block;
width: 43px;
height: 43px;
position: absolute;
z-index: 4;
right: -2px;
top: 1px;
background: url(../images/carousel-arr-black-right-hover.png) no-repeat left top;
opacity: 0;
transition: opacity 0.2s;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next:hover:after {
opacity: 0.8;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev:after {
content: "";
display: block;
width: 43px;
height: 43px;
position: absolute;
z-index: 4;
left: -2px;
top: 1px;
background: url(../images/carousel-arr-black-left-hover.png) no-repeat left top;
opacity: 0;
transition: opacity 0.2s;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev:hover:after {
opacity: 0.8;
}
.author-work-wrap {
position: relative;
z-index: 2;
height: 250px;
border-radius: 50%;
}
.owl-carousel .owl-item .author-work-wrap img {
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
transform-style: flat;
border-radius: 50%;
}
.author-work {
position: absolute;
z-index: 3;
top: 0;
left: 50%;
width: 250px;
height: 250px;
text-align: center;
margin-left: -125px;
border-radius: 50%;
}
.author-avatar {
position: absolute;
z-index: 4;
top: 100px;
left: 0;
right: 0;
width: 66px;
height: 66px;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
-moz-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
margin: 0 auto;
text-align: center;
}
.author-avatar img {
border: 3px solid #fff;
}
.author-work img {
border: 1px solid rgba(245, 247, 185, 0.3);
}
.owl-item.active.center .author-work {
width: 483px;
height: 483px;
text-align: center;
margin-left: -241px;
transition: box-shadow 0.2s;
}
.owl-item.active.center:hover .author-work {
box-shadow: 0 0 38px rgba(0, 0, 0, 0.5);
}
.owl-item.active.center .author-avatar {
top: 287px;
width: 140px;
height: 140px;
}
.owl-item.active.center .author-work-wrap {
height: 483px;
}
.owl-item.active.center .author-name {
display: block;
}
.author-name {
display: none;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
z-index: 6;
margin-top: 22px;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
color: #f4f6ac;
text-align: center;
}
.author-name span {
display: block;
line-height: normal;
}
.author-name .fio {
font-size: 18px;
}
.author-name .spec {
font-size: 18px;
color: #fff;
}
.bestauthors-carousel .owl-item.active.center .item {
padding-top: 96px;
}
.bestauthors-carousel .item {
text-align: center;
padding-top: 270px;
}
@media (max-width: 767px) {
.best-authors-sect {
height: 534px;
}
.bestauthors-carousel .owl-item .item {
display: none;
}
.bestauthors-carousel .owl-item.active.center .item {
display: block;
}
.bestauthors-carousel .owl-item .item,
.bestauthors-carousel .owl-item.active.center .item {
padding-top: 0;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
top: -175px;
left: 0;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
top: -175px;
right: 0;
}
.author-work-wrap {
height: 250px;
margin-bottom: 37px;
}
.author-work {
width: 483px;
height: 483px;
text-align: center;
margin-left: -241px;
}
.author-avatar {
top: 340px;
width: 140px;
height: 140px;
}
.author-name {
bottom: -37px;
}
.owl-item.active.center .author-work-wrap {
height: 483px;
}
.owl-item.active.center .author-name {
display: block;
}
}
@media (max-width: 639px) {
.bestauthors-carousel-wrap .container-fluid {
padding: 0;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
left: 15px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.site-wrap.front-page {
padding-top: 140px;
}
.best-authors-sect {
height: 632px;
}
.bestauthors-carousel-wrap .container-fluid {
padding: 0 80px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
top: -140px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
top: -140px;
}
.author-work-wrap {
position: relative;
z-index: 2;
height: 150px;
border-radius: 50%;
margin-bottom: 37px;
}
.owl-item.active.center .author-avatar {
top: 340px;
}
.author-name {
bottom: -37px;
}
}
@media (min-width: 992px) and (max-width: 1099px) {
.site-wrap.front-page {
padding-top: 148px;
}
.best-authors-sect {
height: 510px;
}
.bestauthors-carousel-wrap .container-fluid {
padding: 0 80px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
top: -149px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
top: -149px;
}
.author-work-wrap {
position: relative;
z-index: 2;
height: 150px;
border-radius: 50%;
}
.owl-carousel .owl-item .author-work-wrap img {
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
transform-style: flat;
border-radius: 50%;
}
.author-work {
position: absolute;
z-index: 3;
top: 0;
left: 50%;
width: 150px;
height: 150px;
text-align: center;
margin-left: -75px;
border-radius: 50%;
}
.author-avatar {
position: absolute;
z-index: 4;
top: 60px;
left: 0;
right: 0;
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
-moz-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
margin: 0 auto;
text-align: center;
}
.author-avatar img {
border: 3px solid #fff;
}
.owl-item.active.center .author-work {
width: 380px;
height: 380px;
text-align: center;
margin-left: -190px;
}
.owl-item.active.center .author-avatar {
top: 210px;
width: 110px;
height: 110px;
}
.owl-item.active.center .author-work-wrap {
height: 380px;
}
.author-name {
bottom: 25px;
}
}
@media (min-width: 1100px) and (max-width: 1279px) {
.site-wrap.front-page {
padding-top: 148px;
}
.best-authors-sect {
height: 510px;
}
.bestauthors-carousel-wrap .container-fluid {
padding: 0 80px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
top: -149px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
top: -149px;
}
.author-work-wrap {
position: relative;
z-index: 2;
height: 150px;
border-radius: 50%;
}
.owl-carousel .owl-item .author-work-wrap img {
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
transform-style: flat;
border-radius: 50%;
}
.author-work {
position: absolute;
z-index: 3;
top: 0;
left: 50%;
width: 150px;
height: 150px;
text-align: center;
margin-left: -75px;
border-radius: 50%;
}
.author-avatar {
position: absolute;
z-index: 4;
top: 60px;
left: 0;
right: 0;
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
-moz-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
margin: 0 auto;
text-align: center;
}
.author-avatar img {
border: 3px solid #fff;
}
.owl-item.active.center .author-work {
width: 380px;
height: 380px;
text-align: center;
margin-left: -190px;
}
.owl-item.active.center .author-avatar {
top: 210px;
width: 110px;
height: 110px;
}
.owl-item.active.center .author-work-wrap {
height: 380px;
}
.author-name {
bottom: 25px;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.best-authors-sect {
height: 550px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
top: -167px;
}
.bestauthors-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
top: -167px;
}
.author-work-wrap {
position: relative;
z-index: 2;
height: 200px;
border-radius: 50%;
}
.owl-carousel .owl-item .author-work-wrap img {
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
transform-style: flat;
border-radius: 50%;
}
.author-work {
position: absolute;
z-index: 3;
top: 0;
left: 50%;
width: 200px;
height: 200px;
text-align: center;
margin-left: -100px;
border-radius: 50%;
}
.author-avatar {
position: absolute;
z-index: 4;
top: 75px;
left: 0;
right: 0;
width: 66px;
height: 66px;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
-moz-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
margin: 0 auto;
text-align: center;
}
.author-avatar img {
border: 3px solid #fff;
}
.owl-item.active.center .author-work {
width: 430px;
height: 430px;
text-align: center;
margin-left: -215px;
}
.owl-item.active.center .author-avatar {
top: 250px;
width: 120px;
height: 120px;
}
.owl-item.active.center .author-work-wrap {
height: 430px;
}
}
/*** 4.3 - New works section
----------------------------*/
.new-works-sect .middle-btn-container {
padding-top: 10px;
padding-bottom: 30px;
}
.new-works-sect .fp-title {
color: #999;
}
.new-works-sect .row {
margin: 0 -12px;
}
.new-works-sect {
background: #fff;
overflow: hidden;
}
.work-block-item {
padding: 0 12px;
margin-bottom: 24px;
width: 25%;
overflow: hidden;
}
.work-block-item .work-title {
font-size: 12px;
margin: 0 0 7px 0;
line-height: normal;
color: #404040;
font-weight: normal;
/*height: 28px;*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('bindings.xml#ellipsis');
}
.work-author,
.work-author * {
font-size: 13px;
line-height: normal;
color: #404040;
margin-top: 7px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('bindings.xml#ellipsis');
}
.work-anons-img {
height: auto;
overflow: hidden;
}
.work-anons-img img {
width: 100%;
height: auto;
transition: transform 0.3s;
}
.work-anons-img:hover img {
transform: scale(1.1);
}
.news-title {
font-weight: 700;
font-size: 13px;
margin: 10px 0 0 0;
line-height: normal;
}
@media (max-width: 359px) {
.work-block-item {
float: none;
max-width: none;
width: auto;
}
.work-block-item .work-anons-img {
height: auto;
}
.work-block-item .work-anons-img img {
width: 100%;
height: auto;
}
}
@media (min-width: 360px) and (max-width: 479px) {
.new-works-sect .container {
width: auto;
}
.work-block-item {
float: none;
width: auto;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.new-works-sect .container {
width: 444px;
margin: 0 auto;
}
.work-block-item {
max-width: 540px;
width: auto;
float: none;
margin-left: auto;
margin-right: auto;
}
.work-block-item .work-anons-img {
height: auto;
}
.work-block-item .work-anons-img img {
width: 100%;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.new-works-sect .container-fluid {
max-width: 970px;
}
.work-block-item {
float: left;
width: 50%;
}
}
/*** 4.4 - Open competitions section
------------------------------------*/
@media (max-width: 991px) {
.open-competitions-sect {
background: #fff !important;
}
}
/*** 4.5 - Progress section
---------------------------*/
.progress-sect {
overflow: hidden;
background: #eaeaea;
}
.progress-sect .fp-title {
color: #939393;
}
.progress-sect .middle-btn-container {
padding-top: 25px;
padding-bottom: 25px;
}
.people-carousel-wrap {
background: #111 url(../images/progress-bg.jpg) no-repeat center top;
-webkit-background-size: cover;
background-size: cover;
height: 300px;
}
.people-carousel.owl-carousel .owl-controls .owl-nav {
position: relative;
z-index: 1;
}
.people-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
width: 37px;
height: 37px;
position: absolute;
z-index: 2;
left: -37px;
top: -100px;
background: url(../images/carousel-arr-left.png) no-repeat left top;
white-space: nowrap;
text-indent: 200%;
}
.people-carousel.owl-carousel .owl-controls .owl-nav .owl-prev:after {
content: "";
display: block;
width: 49px;
height: 49px;
position: absolute;
z-index: 2;
left: -3px;
top: 1px;
background: url(../images/carousel-arr-left-hover.png) no-repeat left top;
opacity: 0;
transition: opacity 0.2s;
}
.people-carousel.owl-carousel .owl-controls .owl-nav .owl-prev:hover:after {
opacity: 0.8;
}
.people-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
width: 37px;
height: 37px;
position: absolute;
z-index: 2;
right: -37px;
top: -100px;
background: url(../images/carousel-arr-right.png) no-repeat left top;
white-space: nowrap;
text-indent: 200%;
}
.people-carousel.owl-carousel .owl-controls .owl-nav .owl-next:after {
content: "";
display: block;
width: 49px;
height: 49px;
position: absolute;
z-index: 2;
left: -3px;
top: 1px;
background: url(../images/carousel-arr-right-hover.png) no-repeat left top;
opacity: 0;
transition: opacity 0.2s;
}
.people-carousel.owl-carousel .owl-controls .owl-nav .owl-next:hover:after {
opacity: 0.8;
}
.people-carousel .item {
text-align: center;
padding-top: 53px;
}
.people-avatar {
width: 140px;
height: 140px;
border-radius: 50%;
overflow: visible;
-webkit-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
-moz-box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
box-shadow: 0 0 43px rgba(255, 255, 190, 0.75);
margin: 0 auto;
transition: box-shadow 0.25s;
position: relative;
}
/*
.people-avatar .winner-glory{
background: url(../images/winner-glory-big.png) no-repeat top center;
position: absolute;
z-index: 4;
top: 46px;
left: 0;
right: 0;
width: 138px;
height: 104px;
margin: 0 auto;
}*/
.people-avatar span.star {
position: absolute;
bottom: -15px;
left: 0;
right: 0;
width: 41px;
height: 41px;
margin: 0 auto;
z-index: 6;
}
.people-avatar:hover {
box-shadow: none;
}
.people-avatar a {
display: block;
z-index: 5;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
}
/*
.people-avatar {
width: 140px;
height: 140px;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0 0 43px rgba(255,255,190,0.75);
-moz-box-shadow: 0 0 43px rgba(255,255,190,0.75);
box-shadow: 0 0 43px rgba(255,255,190,0.75);
margin: 0 auto;
transition: box-shadow 0.25s;
}
.people-avatar:hover {
box-shadow: none;
}
.people-avatar a {
display: block;
}
*/
.owl-carousel .owl-item .people-avatar img {
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
transform-style: flat;
border-radius: 50%;
border: 3px solid #fff;
transition: border-color 0.25s;
height: 100%;
}
.owl-carousel .owl-item .people-avatar:hover img {
border-color: transparent;
}
.people-name {
margin-top: 22px;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
color: #efeea8;
}
@media (max-width: 991px) {
.progress-sect {
background: #fff !important;
}
.people-carousel-wrap .container-fluid {
padding: 0 60px;
}
}
/* main_page */
.main-awards-tabs-wrap {
max-width: 1206px;
margin: 0 auto; }
.awards-tabs--with-user-work {
min-height: 382px;
}
@media (min-width: 992px) {
.awards-tabs--with-user-work .awards-menu__item {
visibility: hidden;
}
.people-carousel-wrap .container-fluid {
padding: 0 70px;
}
}
@media (min-width: 1280px) {
.people-carousel-wrap .container-fluid {
min-width: 1200px;
max-width: 1472px;
padding: 0 37px;
}
}
/*** 4.6 - Competition archive section
---------------------------*/
.competition-archive-sect .fp-title {
color: #999;
}
.competition-archive-sect .competition-block-img img {
/*max-height: 254px;*/
max-height: 333px;
}
/*** 4.7 - News section
-----------------------*/
.news-sect .row {
margin: 0 -12px;
}
.news-sect {
background: #f6f6f6;
overflow: hidden;
}
.news-block-item {
padding: 0 12px;
margin-bottom: 43px;
overflow: hidden;
}
.news-anons-img {
height: auto;
overflow: hidden;
}
.news-anons-img img {
transition: transform 0.3s;
}
.news-anons-img:hover img {
transform: scale(1.1);
}
.news-title {
font-weight: 700;
font-size: 16px;
margin: 0px 0 0 0;
line-height: normal;
height: 40px;
}
.news-date {
display: block;
margin-top: 10px;
}
.news-anons-text,
.news-anons-text * {
font-weight: 300;
font-size: 13px;
line-height: normal;
}
@media (max-width: 991px) {
.news-sect {
background: #fff !important;
}
}
@media (max-width: 359px) {
.news-sect .container {
max-width: none;
padding: 0 12px;
margin: 0 auto;
}
.news-block-item {
float: none;
width: auto;
}
.news-block-item .news-anons-img {
height: auto;
}
.news-block-item .news-anons-img img {
width: 100%;
height: auto;
}
}
@media (min-width: 360px) and (max-width: 767px) {
.news-block-item {
max-width: 540px;
float: none;
margin-left: auto;
margin-right: auto;
}
.news-block-item .news-anons-img {
height: auto;
}
.news-block-item .news-anons-img img {
width: 100%;
height: auto;
}
}
@media (min-width: 768px) {
.news-sect .container-fluid {
max-width: 970px;
}
.news-block-item {
float: left;
width: 50%;
}
.news-block-item .news-anons-img img {
width: 100%;
height: auto;
}
}
@media (min-width: 1280px) {
.news-block-item {
width: 25%;
}
}
/*** 4.8 - Ad section
---------------------*/
.promo-sect {
border-top: 1px solid #dddddd;
text-align: center;
overflow: hidden;
}
.promo-block {
width: 100%;
display: block;
float: left;
vertical-align: top;
height: 460px;
}
.promo-block-left {
background: url(../images/promo-left.jpg) no-repeat right top;
-webkit-background-size: cover;
background-size: cover;
}
.promo-block-right {
background: url(../images/promo-right.jpg) no-repeat left top;
-webkit-background-size: cover;
background-size: cover;
}
.promo-block-left .promo-block-info {
float: right;
margin-right: 330px;
max-width: 348px;
}
.promo-block-right .promo-block-info {
float: left;
margin-left: 360px;
}
.promo-block-info {
max-width: 364px;
height: 460px;
padding: 70px 0 99px 0;
text-align: left;
position: relative;
}
.promo-block-info ul {
padding-left: 0;
}
.promo-block-info h4 {
font-weight: 700;
font-size: 25px;
line-height: 1.5;
text-transform: uppercase;
margin: 0 0 13px 0;
min-height: 75px;
}
.promo-block-info .promo-text {
font-weight: 300;
font-size: 18px;
line-height: 1.5;
margin-bottom: 25px;
color: #222;
margin-left: 18px;
}
.promo-btn-pos {
position: absolute;
z-index: 2;
bottom: 42px;
left: 0;
}
.promo-carousel.owl-carousel .owl-controls .owl-nav {
position: relative;
z-index: 1;
}
.promo-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
width: 37px;
height: 37px;
position: absolute;
z-index: 2;
left: 12px;
top: -380px;
background: url(../images/carousel-arr-left.png) no-repeat left top;
white-space: nowrap;
text-indent: 200%;
overflow: hidden;
border-radius: 50%;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.promo-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
width: 37px;
height: 37px;
position: absolute;
z-index: 2;
right: 12px;
top: -380px;
background: url(../images/carousel-arr-right.png) no-repeat left top;
white-space: nowrap;
text-indent: 200%;
overflow: hidden;
border-radius: 50%;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.promo-sect {
border-top: 0;
}
.promo-sect .container {
width: auto;
padding: 0;
}
.promo-block-left {
background: url(../images/promo-left.jpg) no-repeat right top;
-webkit-background-size: cover;
background-size: cover;
}
.promo-block-right {
background: url(../images/promo-right.jpg) no-repeat left top;
-webkit-background-size: cover;
background-size: cover;
}
.promo-block,
.promo-block-info {
height: 400px;
}
.promo-block {
width: 100%;
max-width: 100%;
}
.promo-block-info {
padding: 0 15px 92px 15px;
width: 100%;
max-width: 480px;
overflow: hidden;
}
.promo-block-left .promo-block-info {
float: none;
margin: 0 auto;
text-align: center;
}
.promo-block-right .promo-block-info {
float: none;
margin: 0 auto;
text-align: center;
}
.ad-btn, .promo-btn {
font-size: 23px;
padding: 0 20px;
width: 300px;
text-align: center;
}
.promo-block-info h4 {
margin: 12px 40px 0 40px;
line-height: 1.2;
top: 0;
left: 0;
right: 0;
min-height: 80px;
overflow: hidden;
}
.promo-block-info .promo-text {
margin-bottom: 0;
max-height: 132px;
overflow: hidden;
}
.promo-block-info ul {
text-align: left;
padding-left: 18px;
}
.promo-btn-pos {
bottom: 35px;
left: 0;
right: 0;
margin: 0 auto
}
}
@media (max-width: 419px) {
.promo-block-info h4 {
font-size: 23px;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.promo-sect {
border-top: 0;
}
.promo-sect .container {
width: auto;
padding: 0 40px;
}
.promo-block-left {
background: url(../images/promo-left.jpg) no-repeat right top;
-webkit-background-size: cover;
background-size: cover;
}
.promo-block-right {
background: url(../images/promo-right.jpg) no-repeat left top;
-webkit-background-size: cover;
background-size: cover;
}
.ad-block,
.promo-block-info {
height: 404px;
}
.promo-block-info {
padding: 75px 15px 72px 15px;
}
.promo-block-left .promo-block-info {
float: none;
margin: 0 auto;
text-align: center;
}
.promo-block-right .promo-block-info {
float: none;
margin: 0 auto;
text-align: center;
}
.promo-btn {
font-size: 23px;
padding: 0 20px;
width: 300px;
text-align: center;
}
.promo-block-info h4 {
margin: 15px 0 0 0;
line-height: 1.2;
position: absolute;
top: 0;
left: 0;
right: 0;
max-height: 170px;
overflow: hidden;
}
.promo-block-info .promo-text {
margin-bottom: 0;
max-height: 250px;
overflow: hidden;
text-align: left;
padding-left: 18px;
}
.promo-btn-pos {
bottom: 15px;
left: 0;
right: 0;
margin: 0 auto
}
}
@media (min-width: 1280px) {
.promo-sect .container {
width: auto;
padding: 0;
max-width: 1920px;
margin: 0 auto;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.promo-block-left {
background: url(../images/promo-left.jpg) no-repeat 0 top;
-webkit-background-size: cover;
background-size: cover;
}
.promo-block-right {
-webkit-background-size: cover;
background-size: cover;
}
}
@media (min-width: 1280px) and (max-width: 1365px) {
.promo-block-left .promo-block-info {
float: right;
margin-right: 210px;
max-width: 348px;
}
.promo-block-right .promo-block-info {
float: left;
margin-left: 220px;
}
}
@media (min-width: 1366px) and (max-width: 1439px) {
.promo-block-left .promo-block-info {
float: right;
margin-right: 240px;
max-width: 348px;
}
.promo-block-right .promo-block-info {
float: left;
margin-left: 250px;
}
}
@media (min-width: 1440px) and (max-width: 1599px) {
.promo-block-left {
background: url(../images/promo-left.jpg) no-repeat -20px top;
}
.promo-block-right {
background: url(../images/promo-right.jpg) no-repeat -68px top;
}
.promo-block-left .promo-block-info {
float: right;
margin-right: 290px;
max-width: 348px;
}
.promo-block-right .promo-block-info {
float: left;
margin-left: 290px;
}
}
/* 5 - Page archive contests
---------------------------*/
.competitions-archive,
.competitions-new {
padding: 15px 0;
}
.competition-block {
margin-bottom: 0;
overflow: hidden;
padding: 5px 0;
}
@media (max-width: 1279px) {
.competition-block {
margin-bottom: 24px;
overflow: hidden;
padding: 5px 0;
}
.competition-block .comp-blc {
margin-bottom: 24px;
}
}
@media (max-width: 767px) {
.competition-block {
margin-bottom: 25px;
margin-top: 5px;
overflow: hidden;
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.competition-block {
margin-bottom: 5px;
overflow: hidden;
padding: 5px 0;
}
}
.competition-carousel.owl-carousel .owl-item img {
width: auto;
}
.competition-block .comp-blc {
height: 254px;
float: left;
padding: 0 12px;
}
/*= competition-block-info =*/
.competition-block .competition-block-info,
.competition-block-img,
.competition-block-creators,
.news-anons-img,
.work-anons-img {
transition: box-shadow 0.3s;
}
.competition-block .competition-block-info:hover,
.competition-block-org:hover,
.competition-block-img:hover,
.competition-block-creators:hover,
.news-anons-img:hover,
.work-anons-img:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);
}
.competition-block-org,
.front-page .competition-block-org {
transition: background 0.6s, box-shadow 0.3s;
}
.competition-block-org:hover,
.front-page .competition-block-org:hover {
background: #fff;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);
}
.comp-title:hover {
text-decoration: underline;
}
a.competition-block-link,
a.competition-block-link:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.competition-block .comp-blc {
padding: 0 !important;
}
.competition-block .competition-block-info:hover,
.competition-block-org:hover,
.competition-block-img:hover,
.competition-block-creators:hover {
box-shadow: none;
}
.competition-block {
margin: 0 12px 24px 12px;
transition: box-shadow 0.2s;
}
.competition-block:hover {
box-shadow: 0 0 9px rgba(0, 0, 0, 0.40);
}
}
.competition-block-info .comp-info {
height: 182px;
padding: 6px 12px;
font-size: 23px;
color: #fff;
line-height: normal;
overflow: hidden;
}
.competition-block-info .comp-info * {
font-size: 22px;
color: #fff;
line-height: normal;
}
.competition-block-info .comp-title {
font-weight: 700;
margin: 0;
padding: 0;
}
.competition-block-info .comp-title a {
font-weight: 700;
color: #fff;
text-decoration: none;
}
.competition-block-info .comp-title a:hover {
font-weight: 700;
color: #fff;
text-decoration: underline;
}
.competition-block-info .comp-anons {
font-weight: normal;
}
.competition-block-info .comp-counter-block {
height: 72px;
padding: 7px;
}
.competition-block.new-comp .competition-block-info .comp-counter-block {
padding: 7px 10px;
}
.competition-block-info .comp-counter-block > span {
font-weight: 300;
font-size: 20px;
display: block;
line-height: normal;
}
.competition-block-info .comp-counter-block > span.date {
font-size: 24px;
font-weight: 500;
}
.competition-block-info .comp-counter-text {
display: block;
background-color: #fafafa;
position: relative;
border-radius: 3px;
margin: 1px 137px 1px 1px;
padding: 6px 8px;
/*float: left;*/
width: auto;
}
.competition-block-info .comp-counter-text span {
position: relative;
z-index: 3;
font-size: 16px;
color: #646464;
line-height: normal;
}
.competition-block-info .comp-counter-text:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
background: linear-gradient(to bottom, #000, transparent, #000);
z-index: 1;
border-radius: 5px;
opacity: 0.14;
}
.competition-block-info .comp-counter-text:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #fafafa;
z-index: 2;
border-radius: 3px;
}
.competition-block-info .comp-counter {
display: block;
float: right;
}
.competition-block-info .comp-counter-number {
display: inline-block;
background: #f7f7f7 url(../images/counter-number-bg.png) no-repeat center top;
width: 41px;
height: 58px;
}
/*= competition-block-org =*/
.competition-block-org {
overflow: hidden;
background-color: #f5f5f5;
text-align: center;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 12px;
right: 12px;
}
.front-page .competition-block-org {
background-color: #ebebeb;
}
.competition-block-org .org-block-title {
font-weight: 300;
font-size: 10px;
color: #969696;
text-transform: uppercase;
padding: 18px 0 10px 0;
}
.competition-block-org .org-logo img {
margin: auto;
position: absolute;
z-index: 2;
top: 40px;
bottom: 20px;
left: 0;
right: 0;
max-width: 80%;
width: auto;
max-height: 80%;
height: auto;
text-align: center;
}
@media (max-width: 767px) {
.competition-block-org {
position: static;
}
.competition-block-org .org-logo {
height: 180px;
position: relative;
}
.competition-block-org .org-logo img {
position: absolute;
z-index: 1;
margin: auto;
top: 38px;
bottom: 20px;
left: 0;
right: 0;
max-height: 60%;
}
}
/*= competition-block-img =*/
.competition-block-img {
overflow: hidden;
position: relative;
}
/*= competition-block-creators =*/
.competition-block-creators {
position: relative;
z-index: 1;
}
.author-collective {
position: absolute;
bottom: 0;
left: 9px;
height: 25px;
line-height: 25px;
z-index: 3;
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-weight: 300;
}
.creators-carousel.owl-carousel {
z-index: 2;
}
.creators-carousel {
height: 254px;
padding-bottom: 25px;
}
.creators-carousel .item {
overflow: hidden;
}
.creators-carousel > .owl-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(12, 12, 12, 0.7);
}
.creators-carousel.creators-carousel > .owl-controls .owl-nav {
position: relative;
}
.creators-carousel.owl-carousel .owl-controls .owl-nav .owl-prev,
.creators-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
position: absolute;
z-index: 2;
width: 30px;
height: 30px;
bottom: 90px;
white-space: nowrap;
text-indent: 200%;
overflow: hidden;
}
.creators-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
background: url(../images/creators-arr-l.png) no-repeat center center;
left: 15px;
}
.creators-carousel.owl-carousel .owl-controls .owl-nav .owl-next {
background: url(../images/creators-arr-r.png) no-repeat center center;
right: 15px;
}
.creators-carousel > .owl-controls .owl-dots {
height: 25px;
padding: 7px;
float: right;
}
.creators-carousel > .owl-controls .owl-dots .owl-dot {
border: 2px solid #fff;
width: 11px;
height: 11px;
border-radius: 50%;
display: inline-block;
margin: 0 4px;
vertical-align: top;
position: relative;
}
.creators-carousel > .owl-controls .owl-dots .owl-dot:hover:after {
content: "";
width: 3px;
height: 3px;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 2;
background: #fff;
}
.creators-carousel > .owl-controls .owl-dots .owl-dot.active {
background: #fff;
}
.creator-img-block {
width: 140px;
height: 140px;
margin: 21px auto 0 auto;
position: relative;
}
.creator-img-block.winner .winner-glory {
background: url(../images/winner-glory.png) no-repeat top center;
position: absolute;
z-index: 2;
top: 16px;
left: 0;
right: 0;
width: 138px;
height: 104px;
margin: 0 auto;
}
.creator-img-block.winner .winner-star, .people-avatar .winner-star, .creator-img-block .winner-star {
position: absolute;
z-index: 4;
bottom: 0;
left: 0;
right: 0;
width: 41px;
height: 41px;
margin: 0 auto;
}
.creator-img-block.winner .GOLD_STAR {
background: url(../images/stars/small/star01-gold.png) no-repeat top center;
}
.creator-img-block.winner .GOLD_STAR_GALAXY {
background: url(../images/stars/small/star02-gold.png) no-repeat top center;
}
.creator-img-block.winner .SILVER_STAR {
background: url(../images/stars/small/star01-silver.png) no-repeat top center;
}
.creator-img-block.winner .SILVER_STAR_GALAXY {
background: url(../images/stars/small/star02-silver.png) no-repeat top center;
}
.creator-img-block.winner .BRONZE_STAR {
background: url(../images/stars/small/star01-bronze.png) no-repeat top center;
}
.creator-img-block.winner .BRONZE_STAR_GALAXY {
background: url(../images/stars/small/star02-bronze.png) no-repeat top center;
}
.creator-img-block.winner .creator-img {
width: 114px;
height: 114px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 30px auto;
position: absolute;
z-index: 3;
left: 0;
right: 0;
}
.creator-img-block .creator-img {
width: 114px;
height: 114px;
border-radius: 50%;
overflow: hidden;
margin: 12px auto 18px auto;
position: absolute;
z-index: 3;
left: 0;
right: 0;
}
.creator-img-block .creator-img img {
width: 100% !important;
height: auto !important;
border-radius: 50%;
border: 1px solid #fff;
}
.creators-carousel.owl-carousel .owl-item .creator-img img {
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
transform-style: flat;
}
.creator-name {
font-size: 20px;
font-weight: 300;
color: #000;
text-align: center;
line-height: normal;
}
.creator-name.change-name-color {
color: #000;
}
.creator-name span {
display: block;
text-shadow: 0 0 9px rgba(255, 255, 255, 0.5);
}
.competition-carousel > .owl-controls {
margin-top: 8px;
}
.competition-carousel > .owl-controls .owl-dots {
height: 5px;
text-align: center;
}
.competition-carousel > .owl-controls .owl-dots .owl-dot {
width: 46px;
height: 5px;
background: #e5e5e5;
display: inline-block;
margin: 0 6px;
vertical-align: top;
}
.competition-carousel > .owl-controls .owl-dots .owl-dot:hover {
border: 1px solid #c4c4c4;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.26);
}
.competition-carousel > .owl-controls .owl-dots .owl-dot.active {
background: #1e1e1e;
}
.competition-carousel > .owl-controls .owl-dots .owl-dot.active:hover {
background: #1e1e1e;
border: 0;
box-shadow: none;
}
.comp-status {
text-align: center;
color: #424242;
font-weight: 300;
font-size: 20px;
text-transform: uppercase;
padding: 0;
line-height: normal;
}
.comp-status-count {
font-weight: 700;
}
.works-counter-block {
width: 190px;
height: 166px;
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
right: 23px;
margin: auto 0;
}
.works-counter {
overflow: hidden;
white-space: nowrap;
}
.counter-zero {
opacity: 0.55;
}
.works-status {
color: #dddddd;
font-size: 18px;
text-transform: lowercase;
text-align: center;
background-color: #2a2a2a;
line-height: normal;
padding: 4px;
margin-bottom: 7px;
border: 2px solid #3c3c3c;
border-right-color: #313131;
border-left-color: #313131;
border-radius: 4px;
}
.works-status a {
color: #dddddd;
text-decoration: none;
}
.works-status.final {
color: #dddddd;
font-size: 18px;
text-transform: lowercase;
text-align: center;
background-color: #ff2a00;
line-height: normal;
padding: 4px;
margin-bottom: 7px;
border: 2px solid rgba(49, 49, 49, 0.48);
border-radius: 4px;
}
.works-status.start {
color: #dddddd;
font-size: 18px;
text-transform: lowercase;
text-align: center;
background-color: #118617;
line-height: normal;
padding: 4px 4px 6px 4px;
margin-bottom: 7px;
border: 2px solid #2ba331;
border-radius: 4px;
}
.works-status.start.yellow-button,
.works-status.new_contest.yellow-button {
background: #FDEB00;
border: 0;
padding-left: 35px;
text-transform: uppercase;
padding: 0;
border-radius: 0;
position: relative;
}
.works-status.start.yellow-button::before,
.works-status.new_contest.yellow-button::before {
content: "";
background: #DFCF00;
border: 15px solid transparent;
border-right: 15px solid #FDEB00;
border-bottom: 15px solid #FDEB00;
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
}
.works-status.start.yellow-button a,
.works-status.new_contest.yellow-button a {
color: #000000;
padding: 4px 4px 4px 23px;
display: block;
}
.new_contest {
display: none;
}
.works-counter-number {
display: inline-block;
background: url(../images/counter-number-dark-bg.png) no-repeat center top;
width: 60px;
height: 85px;
}
.open-competitions-block .middle-btn-container {
padding-top: 0;
}
.open-competitions-sect {
background-color: #f5f5f5;
overflow: hidden;
border-top: 1px solid #d8d8d8;
}
.open-competitions-sect .middle-btn-container {
padding-top: 10px;
padding-bottom: 30px;
}
.open-competitions-sect .comp-blc-2 {
background-color: #ebebeb;
}
@media (max-width: 768px) {
.mobile-contest-add {
text-align: center;
}
.new_contest {
width: 40%;
/*margin: 0px auto 24px;*/
display: inline-block;
color: #dddddd;
font-size: 18px;
text-transform: lowercase;
text-align: center;
background-color: #118617;
line-height: normal;
padding: 4px 4px 6px 4px;
border: 2px solid #2ba331;
border-radius: 4px;
width: 190px;
margin-top: 29px;
margin-bottom: 24px;
}
.works-status.start {
display: none;
}
.works-status.start {
display: none;
}
.works-counter-block.hide_mob {
display: none;
}
.competitions-new .competition-block,
.competition-block.new-comp {
box-shadow: 0 0 9px rgba(0, 0, 0, 0.40);
}
}
@media (max-width: 379px) {
.competition-block {
margin-bottom: 24px;
}
.competition-block-half {
margin-bottom: 0;
}
.tablet-flt-l {
float: left;
}
.tablet-flt-r {
float: left;
}
.competition-block .comp-blc.comp-blc-org {
height: auto;
}
.competition-block-info .comp-info {
font-size: 22px;
}
.competition-block-info .comp-info * {
font-size: 22px;
}
.competition-block-info .comp-counter-block {
padding: 7px;
}
.competition-block-info .comp-counter-text {
padding: 7px;
}
.competition-block-info .comp-counter-text span {
font-size: 15px;
}
}
@media (min-width: 380px) and (max-width: 479px) {
.competition-block {
margin-bottom: 24px;
}
.competition-block-half {
margin-bottom: 0;
}
.tablet-flt-l {
float: left;
}
.tablet-flt-r {
float: left;
}
.competition-block .comp-blc.comp-blc-org {
height: auto;
}
.competition-block-info .comp-info {
font-size: 23px;
}
.competition-block-info .comp-info * {
font-size: 23px;
}
.competition-block-info .comp-counter-block {
padding: 7px 10px;
}
.competition-block-info .comp-counter-text {
padding: 6px 12px;
}
.competition-block-info .comp-counter-text span {
font-size: 17px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.competition-block {
margin-bottom: 24px;
}
.competition-block-half {
margin-bottom: 0;
}
.tablet-flt-l {
float: left;
}
.tablet-flt-r {
float: left;
}
.competition-block .comp-blc.comp-blc-org {
height: auto;
}
.competition-block-info .comp-info {
font-size: 23px;
}
.competition-block-info .comp-info * {
font-size: 23px;
}
.competition-block-info .comp-counter-block {
padding: 7px 10px;
}
.competition-block-info .comp-counter-text {
padding: 6px 12px;
}
.competition-block-info .comp-counter-text span {
font-size: 17px;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.competition-block-half {
margin-bottom: 10px;
}
.tablet-flt-l {
float: left !important;
}
.tablet-flt-r {
float: right !important;
}
.comp-blc-min {
width: 360px;
position: relative;
}
.comp-blc-max {
width: 360px;
position: relative;
}
}
@media (min-width: 1280px) and (max-width: 1365px) {
.competition-block-info .comp-info {
font-size: 21px;
}
.competition-block-info .comp-info * {
font-size: 21px;
}
.competition-block-info .comp-counter-block {
padding: 7px 5px;
}
.competition-block.new-comp .competition-block-info .comp-counter-block {
padding: 7px 10px;
}
.competition-block-info .comp-counter-text {
padding: 8px 5px;
}
.competition-block-info .comp-counter-text span {
font-size: 14px;
}
.competition-block-org {
left: 7px;
right: 7px;
}
}
@media (min-width: 1366px) and (max-width: 1599px) {
.competition-block-info .comp-info {
font-size: 22px;
}
.competition-block-info .comp-info * {
font-size: 22px;
}
.competition-block-info .comp-counter-block {
padding: 7px;
}
.competition-block.new-comp .competition-block-info .comp-counter-block {
padding: 7px 10px;
}
.competition-block-info .comp-counter-text {
padding: 7px 6px;
}
.competition-block-org {
left: 12px;
right: 12px;
}
.competition-block-info .comp-counter-text span {
font-size: 16px;
}
}
.competition-list .row {
margin: 0 -12px;
}
.competition-block .comp-blc {
position: relative;
margin-bottom: 14px;
}
@media (min-width: 768px) and (max-width: 1279px) {
.competition-block .competition-block-half {
margin-bottom: 10px;
overflow: hidden;
}
.competition-block .competition-block-half + .competition-block-half {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.competition-list .container-fluid {
padding: 0 12px;
max-width: 540px;
margin: 0 auto;
}
.competition-block .comp-blc {
width: 100%;
margin-bottom: 0;
}
.competition-block .comp-blc.comp-blc-max {
display: none;
}
.competition-block.new-comp .comp-blc.comp-blc-max {
display: block;
width: 100%;
}
}
@media (min-width: 768px) {
.competition-list .container-fluid {
padding: 0 40px;
}
.competition-block .comp-blc {
width: 50%;
}
.competition-block.new-comp .comp-blc.comp-blc-max {
display: block;
width: 100%;
}
}
@media (min-width: 1155px) and (max-width: 1279px) {
.competition-block.new-comp .competition-block-img {
overflow: hidden;
height: 254px;
}
.competition-block.new-comp .competition-block-img img {
width: 100%;
height: auto;
}
}
@media (min-width: 1280px) {
.competition-list .container-fluid {
padding: 0 15px;
}
.competition-block .comp-blc {
width: 25%;
}
.competition-block.new-comp .comp-blc {
width: 25%;
}
.competition-block.new-comp .comp-blc.comp-blc-max {
width: 50%;
}
.front-page .competition-block.new-comp .comp-blc {
width: 25%;
}
.front-page .competition-block.new-comp .comp-blc.comp-blc-max {
width: 50%;
}
.competition-block.new-comp .comp-blc.comp-blc-max {
display: block;
width: 50%;
}
}
@media (min-width: 1600px) {
.competition-block .comp-blc {
width: 22%;
}
.competition-block .comp-blc.comp-blc-max {
width: 34%;
}
.front-page .competition-block .comp-blc {
width: 25%;
}
.front-page .competition-block .comp-blc.comp-blc-max {
width: 25%;
}
.competition-block.new-comp .comp-blc {
width: 25%;
}
.competition-block.new-comp .comp-blc.comp-blc-max {
width: 50%;
}
.front-page .competition-block.new-comp .comp-blc {
width: 25%;
}
.front-page .competition-block.new-comp .comp-blc.comp-blc-max {
width: 50%;
}
}
.number-dark {
width: 61px;
height: 85px;
}
.number-dark.number-dark-0 {
background: url(../images/numbers.png) no-repeat -2px 0;
}
.number-dark.number-dark-1 {
background: url(../images/numbers.png) no-repeat -63px 0;
}
.number-dark.number-dark-2 {
background: url(../images/numbers.png) no-repeat -126px 0;
}
.number-dark.number-dark-3 {
background: url(../images/numbers.png) no-repeat -189px 0;
}
.number-dark.number-dark-4 {
background: url(../images/numbers.png) no-repeat -252px 0;
}
.number-dark.number-dark-5 {
background: url(../images/numbers.png) no-repeat -314px 0;
}
.number-dark.number-dark-6 {
background: url(../images/numbers.png) no-repeat -377px 0;
}
.number-dark.number-dark-7 {
background: url(../images/numbers.png) no-repeat -440px 0;
}
.number-dark.number-dark-8 {
background: url(../images/numbers.png) no-repeat -502px 0;
}
.number-dark.number-dark-9 {
background: url(../images/numbers.png) no-repeat -564px 0;
}
.number-light {
width: 41px;
height: 58px;
}
.number-light.number-light-1 {
background: url(../images/numbers.png) no-repeat 0 -85px;
}
.number-light.number-light-2 {
background: url(../images/numbers.png) no-repeat -43px -85px;
}
.number-light.number-light-3 {
background: url(../images/numbers.png) no-repeat -86px -85px;
}
.number-light.number-light-4 {
background: url(../images/numbers.png) no-repeat -128px -85px;
}
.number-light.number-light-5 {
background: url(../images/numbers.png) no-repeat -172px -85px;
}
.number-light.number-light-6 {
background: url(../images/numbers.png) no-repeat -214px -85px;
}
.number-light.number-light-7 {
background: url(../images/numbers.png) no-repeat -257px -85px;
}
.number-light.number-light-8 {
background: url(../images/numbers.png) no-repeat -300px -85px;
}
.number-light.number-light-9 {
background: url(../images/numbers.png) no-repeat -343px -85px;
}
.number-light.number-light-0 {
background: url(../images/numbers.png) no-repeat -386px -85px;
}
/* Color classes */
.comp-info-change-color {
background-color: #ff2a00;
}
.comp-counter-change-color {
background-color: #ffeae6;
}
.comp-creators-change-grad {
background: linear-gradient(to top, #a77a71, #ffd2c9);
}
/*= competition-pop-under =*/
.competition-pop-under {
width: 350px;
bottom: 0px;
right: 3px;
top: auto;
left: auto;
display: none;
position: fixed;
z-index: 999;
background: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F5F5F5');
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F5F5F5));
background: -moz-linear-gradient(top, #ffffff, #F5F5F5);
box-shadow: 0 0 6px 2px rgba(221, 221, 221, 1);
}
.competition-pop-under.visible {
display: block;
}
.competition-pop-under-close {
position: absolute;
right: 5px;
font-size: 26px;
font-weight: bold;
top: -6px;
text-decoration: none;
}
.competition-pop-under-close:hover {
text-decoration: none;
}
.competition-pop-under .competition-pop-under-header {
font-size: 20px;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
font-family: Arial, sans-serif;
color: #5e5e5e;
background: #EEE;
padding: 10px 15px;
}
.competition-pop-under .competition-pop-under-body {
padding: 20px 15px;
}
.competition-pop-under input[type="text"] {
display: block;
width: 100%;
border: 1px solid #bdbdbd;
padding-left: 15px;
padding-right: 15px;
color: #424242;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
height: 35px;
color: #000000;
}
.competition-pop-under-body input[type="text"] {
display: block;
width: 100%;
border: 1px solid #bdbdbd;
padding-left: 15px;
padding-right: 15px;
color: #424242;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
height: 35px;
color: #000000;
}
.competition-pop-under textarea, .competition-pop-under-body textarea {
display: block;
width: 100%;
border: 1px solid #bdbdbd;
color: #424242;
padding: 10px;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
height: 150px;
color: #000000;
}
.competition-pop-under input.err, .competition-pop-under-body input.err,
.competition-pop-under textarea.err, .competition-pop-under-body textarea.err {
border: 1px solid red;
}
.competition-pop-under input[type="submit"],
.competition-pop-under button {
display: inline-block;
width: 100%;
border: 2px solid #60d6d6;
padding-left: 20px;
padding-right: 20px;
color: #60d6d6;
font-size: 19px;
font-weight: 700;
text-transform: uppercase;
background: transparent;
border-radius: 0;
transition: background .3s, color .3s, border .3s;
height: 35px;
}
.competition-pop-under input[type="submit"]:hover,
.competition-pop-under button:hover {
color: #ffffff;
border: 2px solid #60d6d6;
background: #60d6d6;
}
@media (max-width: 838px) {
.competition-pop-under.visible {
display: none;
}
}
/*==========================================================
======================= UNSORTED =========================
===========================================================*/
.add-photo {
margin-left: auto !important;
margin-right: auto !important;
}
.lk-form-block .add-background {
text-align: center !important;
}
/*===== Page Sort, Filter, and more Bar =====*/
.page-nav {
padding: 24px 0 15px 0;
background: #fff;
}
.page-nav .col-md-12 {
padding: 0 12px;
}
.page-nav .row {
margin: 0 -12px;
}
.page-nav .back-btn {
display: inline-block;
padding-right: 8px;
border-right: 1px solid #e4e4e4;
vertical-align: top;
margin-right: 4px;
}
.page-nav.contest-nav .back-btn {
display: block;
left: 0;
top: 0;
position: absolute;
z-index: 2;
}
.page-nav .back-btn a {
display: block;
width: 20px;
height: 21px;
margin: 11px 0 10px 0;
background: url(../images/gray-arr.png) no-repeat left top;
white-space: nowrap;
overflow: hidden;
text-indent: 200%;
}
.page-title-wrap {
display: inline-block;
}
.page-nav .page-title {
margin: 0;
padding: 0;
font-weight: 700;
display: inline-block;
color: #44494e;
font-size: 20px;
line-height: normal;
vertical-align: top;
margin-top: 9px;
}
.page-nav a.page-title {
text-decoration: none;
transition: color .3s;
}
.page-nav a.page-title:hover {
text-decoration: none;
color: #909090;
}
.page-nav .page-title .breadcrumb-contest-name {
font-weight: 700;
}
.page-nav .page-title span {
font-weight: normal;
}
.page-nav .comp-sort {
display: inline-block;
vertical-align: top;
margin-left: 50px;
margin-top: 11px;
}
.page-nav .comp-sort .sort-label {
color: #b9b2b9;
font-size: 15px;
display: inline-block;
margin-right: 4px;
}
.page-nav .comp-sort .sort-select {
color: #000;
font-size: 15px;
display: inline-block;
border: 1px solid #cbcbcb;
border-radius: 2px;
height: 22px;
text-transform: lowercase;
padding-left: 7px;
}
.page-nav .comp-sort .sort-order {
display: inline-block;
height: 8px;
overflow: hidden;
margin: 0 18px;
}
.page-nav .comp-sort .sort-order .order-arr-asc {
border-top: 7px solid transparent;
border-bottom: 7px solid #000;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
line-height: normal;
position: relative;
margin-right: 12px;
margin-top: -5px;
display: inline-block;
vertical-align: top;
}
.page-nav .comp-sort .sort-order .order-arr-asc.selected:after {
content: "";
border-top: 5px solid transparent;
border-bottom: 5px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
position: absolute;
left: -5px;
right: 0;
bottom: -7px;
z-index: 1;
}
.page-nav .comp-sort .sort-order .order-arr-desc {
border-top: 7px solid #000;
border-bottom: 7px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
line-height: normal;
position: relative;
display: inline-block;
vertical-align: top;
}
.page-nav .comp-sort .sort-order .order-arr-desc.selected:after {
content: "";
border-top: 5px solid #fff;
border-bottom: 5px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
line-height: normal;
position: absolute;
left: -5px;
right: 0;
top: -7px;
z-index: 1;
}
.page-nav .comp-sort .sort-order .order-arr-desc.selected {
border-width: 8px 7px 8px 7px;
border-top-color: #c1c1c1;
}
.page-nav .comp-sort .sort-order .order-arr-asc.selected {
border-bottom-color: #c1c1c1;
border-width: 8px 7px 8px 7px;
margin-top: -8px;
}
.page-nav .comp-filtr {
display: block;
float: right;
font-size: 14px;
padding-top: 9px;
margin-left: 35px;
}
.page-nav .comp-filtr .filtr-label {
display: inline-block;
color: #b9b2b9;
padding: 3px 0;
font-size: 15px;
}
.page-nav .comp-filtr .filtr-ul {
display: inline-block;
padding: 0;
margin: 0 0 0 10px;
}
.page-nav .comp-filtr .filtr-item {
display: inline-block;
text-transform: lowercase;
padding: 3px 10px;
}
.page-nav .comp-filtr .filtr-item:last-child {
padding: 3px 0 3px 10px;
}
.page-nav .comp-filtr .filtr-item.selected:last-child {
padding: 3px 10px;
}
.sf-wrap {
display: inline-block;
}
.page-nav.contest-nav {
padding: 24px 405px 18px 0;
position: relative;
}
.page-nav .row {
overflow: hidden;
}
.page-nav .col-nav-l {
padding: 0 12px;
width: 55%;
float: left;
}
.page-nav.contest-nav .col-nav-l {
width: 100%;
}
.page-nav .col-nav-l .page-title-wrap {
display: block;
float: none;
position: relative;
}
.page-nav.contest-nav .page-title-wrap {
padding-left: 37px;
position: relative;
}
.page-nav.contest-nav .page-title {
display: block;
width: auto;
margin-top: 0;
min-height: 42px;
padding-top: 9px;
}
.page-nav.contest-nav .wd {
padding-top: 25px;
clear: both;
}
.page-nav.contest-nav .wd .breadcrumbs {
padding-left: 0px;
}
.page-nav.contest-nav .konkurs-menu-wrap {
display: block;
float: none;
text-align: left;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-sort,
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr {
float: none;
display: block;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-sort {
margin-top: 10px;
margin-left: 10px;
}
.page-nav.contest-nav .col-nav-r {
width: 390px;
float: right;
padding: 0 12px;
margin-right: -405px;
}
@media (min-width: 1280px) {
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
height: auto !important;
}
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr {
height: auto;
margin-left: 0;
padding-bottom: 10px;
padding-top: 10px;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
height: auto;
margin-left: 0;
}
.collapse-overlay {
position: absolute;
z-index: 6;
bottom: 16px;
top: 0;
left: 1px;
right: 1px;
background: linear-gradient(to top, #fff, transparent);
display: none !important;
}
@media (max-width: 767px) {
.about-block.collapse-wrap.short_desc {
height: auto !important;
}
.about-block.collapse-wrap.short_desc .about-wrapper {
height: auto !important;
}
.about-block.collapse-wrap.short_desc .collapse-overlay {
display: none !important;
}
.about-block.collapse-wrap.short_desc .collapse-btn {
display: none !important;
}
.about-block.collapse-wrap.short_desc:after,
.about-block.collapse-wrap.short_desc:before {
content: normal !important;
display: none !important;
}
.about-block.collapse-wrap.no_content {
display: none !important;
}
}
.collapse-wrap:after {
content: "";
background: #fff;
position: absolute;
bottom: 16px;
top: 0;
left: 1px;
right: 1px;
z-index: 3;
display: none !important;
}
.collapse-wrap:before {
content: "";
background: linear-gradient(to top, #d0cfc6, transparent);
position: absolute;
bottom: 15px;
top: 0;
left: 0;
right: 0;
z-index: 2;
display: none !important;
}
.collapse-btn {
background: url(../images/collapse-btn.png) no-repeat center center;
width: 31px;
height: 31px;
padding: 0;
margin: 0 auto;
border: 0;
position: absolute;
z-index: 7;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
display: none;
transition: transform .3s;
}
.collapse-btn:focus {
outline: none;
}
.collapse-btn.expand {
transform: rotate(180deg);
}
@media (max-width: 767px) {
.collapse-overlay,
.collapse-wrap:after,
.collapse-wrap:before,
.collapse-btn {
display: block !important;
}
.collapse-wrap {
padding-bottom: 31px !important;
position: relative !important;
padding-top: 0 !important;
}
.collapse-container {
position: relative !important;
overflow: hidden !important;
z-index: 6;
}
}
.collapse-wrap.open .collapse-overlay {
display: none !important;
}
.wb-btn {
border: 1px solid #d0cfc6;
line-height: 42px;
color: #000;
display: block;
padding: 0 50px 0 15px;
text-align: left;
width: 100%;
max-width: 336px;
font-size: 24px;
background: #fff;
position: relative;
white-space: nowrap;
overflow: hidden;
}
.wb-btn:hover,
.wb-btn:focus {
text-decoration: none;
}
/*.wb-btn:after {*/
/* content: "";*/
/* position: absolute;*/
/* top: 0;*/
/* bottom: 0;*/
/* right: 0;*/
/*}*/
/*.wb-btn.z-add-btn:after {*/
/* background: url(../images/z-add.png) no-repeat left center;*/
/* width: 19px;*/
/* height: 19px;*/
/* margin: auto 18px auto 0;*/
/*}*/
.col-nav-r .wb-btn.z-add-btn {
background: #FDEB00;
border: 0;
padding-left: 35px;
text-transform: uppercase;
width: 100%;
max-width: none;
}
.col-nav-r .wb-btn.z-add-btn:before {
content: "";
background: #DFCF00;
border: 18px solid transparent;
border-right: 18px solid #FDEB00;
border-bottom: 18px solid #FDEB00;
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
}
.page-nav-meta {
margin-top: 8px;
overflow: hidden;
}
.page-nav-meta .final-date-wrap,
.page-nav-meta .work-count-wrap {
display: inline-block;
}
.page-nav-meta .final-date-wrap {
display: block;
float: left;
}
.page-nav-meta .work-count-wrap {
display: block;
float: right;
}
.page-nav-meta .work-count-wrap:nth-child(4) {
clear: both;
}
.page-nav-meta .final-date-wrap *,
.page-nav-meta .work-count-wrap * {
font-weight: 300;
}
@media (min-width: 768px) and (max-width: 1279px) {
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
text-align: center;
height: auto !important;
}
}
@media (max-width: 1279px) {
.page-nav.contest-nav .konkurs-menu-wrap .comp-sort {
display: none;
}
.page-nav .col-nav-l {
margin-right: 0;
width: 100%;
}
.page-nav.contest-nav .col-nav-r {
float: none;
width: 100%;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr,
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
display: block;
overflow: hidden;
margin-left: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr {
position: relative;
top: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item {
width: 14.285714286%;
display: inline-block;
text-align: center;
line-height: 34px;
padding: 0;
position: relative;
z-index: 4;
white-space: nowrap;
margin-left: -4px;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item:first-child {
margin-left: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item:last-child,
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item:last-child a {
margin-right: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item a {
font-size: 14px;
color: #1f1f1f;
display: block;
margin-right: 5%;
border: 1px solid #d0cfc6;
transition: background 0.3s, color 0.3s;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item:hover a {
font-size: 14px;
color: #fff;
text-decoration: none;
background: #60d6d6;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item.selected {
border-radius: 0;
color: #fff;
background: transparent;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item.selected a {
color: #fff;
background: #60d6d6;
}
.col-nav-r {
margin-top: 24px;
}
.col-nav-r .wb-btn.z-add-btn {
float: right;
width: 130px;
font-size: 13px;
color: #000;
height: 44px;
line-height: normal;
padding-top: 6px;
white-space: normal;
}
.page-nav-meta {
float: left;
width: 67%;
}
.page-nav-meta .final-date-wrap {
float: left;
width: 50%;
text-align: left;
}
.page-nav-meta .work-count-wrap {
float: left;
width: 50%;
text-align: center;
}
.page-nav-meta .final-date-wrap span,
.page-nav-meta .work-count-wrap span {
display: block;
}
}
@media (max-width: 767px) {
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item {
width: 50%;
padding: 6px;
margin: 0 0 0 -4px;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item:nth-child(odd) {
margin: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item a {
margin: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
margin-right: 0;
padding-left: 8px;
padding-right: 8px;
padding-top: 12px;
padding-bottom: 12px;
height: 50px;
}
}
@media (max-width: 639px) {
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item {
display: block;
width: auto;
padding: 0;
margin: 0 0 12px 0 !important;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1280px) {
.has-sidebar .page-nav .row {
position: relative;
}
}
@media (min-width: 1280px) and (max-width: 1365px) {
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr {
margin-left: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
margin-left: 0;
}
}
@media (min-width: 1366px) and (max-width: 1399px) {
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr {
margin-left: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
margin-left: 0;
}
}
@media (min-width: 1700px) and (max-width: 1759px) {
.has-sidebar.content-collapse .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr {
margin-left: 0;
}
.has-sidebar.content-collapse .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
margin-left: 0;
}
}
@media (min-width: 1280px) and (max-width: 1699px) {
.has-sidebar.content-collapse .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr {
margin-left: 0;
}
.has-sidebar.content-collapse .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
margin-left: 0;
}
.has-sidebar.content-collapse .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-item:first-child {
padding-left: 0;
}
.has-sidebar.content-collapse .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-item.selected:first-child {
padding-left: 10px;
}
.has-sidebar.content-collapse .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr {
padding-top: 10px;
}
}
@media (min-width: 1280px) {
.page-nav-meta .final-date-wrap *,
.page-nav-meta .work-count-wrap * {
font-size: 16px;
}
.page-nav-meta.meta-visible {
overflow: visible !important;
}
.page-nav-meta.margin-25 {
margin-top: 25px;
}
.page-nav-meta .work-count-wrap {
position: relative;
bottom: 22px;
}
/*.wb-btn.z-add-btn {*/
/* width: 360px;*/
/*}*/
.wb-btn.z-add-btn.wd {
width: 100%;
}
}
.page-nav-meta .final-date-wrap .final-date,
.page-nav-meta .work-count-wrap .work-count {
font-weight: 700;
}
.page-nav .comp-filtr .filtr-item * {
font-size: 15px;
color: #000;
}
.page-nav .comp-filtr .filtr-item.selected {
background: #60d6d6;
border-radius: 5px;
}
.page-nav .comp-filtr .filtr-item.stat-item {
position: relative;
}
.page-nav .comp-filtr .filtr-item.selected a {
color: #fff;
}
.page-nav .comp-filtr .filtr-item.selected a:hover {
text-decoration: none;
}
.page-nav .comp-filtr-collapse {
display: none;
}
.page-nav .comp-filtr-collapse.desktop-filtr-collapse {
display: block;
float: right;
margin-top: 13px;
}
/*
.page-nav .comp-filtr .filtr-item .stat_container{
min-width: 400px;
position: absolute;
padding: 10px;
background: #fff;
border: 1px solid black;
z-index: 999;
max-height: 400px;
overflow: auto;
display: none;
min-width: 400px;
left: 0;
}*/
.page-nav .comp-filtr .filtr-item .stat_container h2 {
margin-top: 0;
font-size: 18px;
text-align: center;
text-transform: none;
}
.stat-modal .modal-body .brand-element {
margin-bottom: 15px;
}
.stat-modal .modal-body .brand-element p {
margin-bottom: 0;
}
.stat-modal .modal-body .brand-element p.name {
font-weight: bold;
}
.page-nav .comp-filtr.dn {
display: none;
}
.content-collapse {
display: none;
}
@media (max-width: 1279px) {
.page-nav {
text-align: center;
padding: 18px 0 0 0;
}
.page-nav .page-title {
display: block;
text-align: center;
}
.page-nav .comp-sort {
display: none;
}
.page-nav .back-btn {
display: none;
}
.page-nav .page-title {
font-size: 18px;
line-height: normal;
padding-bottom: 14px;
}
.page-nav .comp-filtr-collapse {
display: block;
margin: 0 auto 24px auto;
max-width: 336px;
width: 100%;
height: 44px;
float: none;
}
.page-nav .filtr-collapse-select {
max-width: 336px;
width: 100%;
height: 44px;
padding: 10px 15px;
}
.page-nav-meta .final-date-wrap *,
.page-nav-meta .work-count-wrap * {
font-size: 15px;
line-height: normal;
}
.page-nav.contest-nav .wd {
padding-top: 10px;
}
.page-nav.contest-nav .page-nav-meta .work-count-wrap {
float: right;
text-align: right;
}
.page-nav.contest-nav .final-date-wrap span,
.page-nav.contest-nav .page-nav-meta .work-count-wrap span {
display: inline;
}
.page-nav.contest-nav {
padding: 20px 0 20px 0;
}
.page-nav.contest-nav .meta-wrap {
padding-right: 200px;
position: relative;
margin-right: 0;
}
.page-nav.contest-nav .col-nav-r .wb-btn.z-add-btn {
float: right;
width: 160px;
font-size: 14px;
color: #000;
height: 56px;
line-height: normal;
padding-top: 12px;
white-space: normal;
margin-right: -185px;
}
.page-nav.contest-nav .page-nav-meta {
float: left;
width: 100%;
margin-top: 0;
}
.page-nav.contest-nav .back-btn {
display: none;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
margin-right: -15px;
margin-bottom: -15px;
}
.vn-page.has-sidebar .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item {
width: 33.3333333%;
display: block;
float: left;
margin-bottom: 15px;
margin-left: 0
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-sort {
margin-left: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap {
text-align: left;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item:last-child a {
margin-right: 15px;
}
}
@media (max-width: 639px) {
.page-nav .page-title.settings-title {
color: #424242;
font-size: 19px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 15px;
}
.page-nav .container-fluid {
max-width: 424px;
}
.page-nav-meta {
border: 1px solid #d0cfc6;
height: 44px;
color: #000;
margin-top: 0;
padding: 3px 15px;
display: block;
float: none;
width: 100%;
}
.page-nav-meta .work-count-wrap {
width: 50%;
text-align: center;
}
.page-nav-meta .final-date-wrap {
width: 50%;
text-align: center;
}
.col-nav-r .wb-btn.z-add-btn {
margin-bottom: 24px;
width: 190px;
max-width: 100%;
font-size: 15px;
padding-top: 12px;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
float: none;
}
.col-nav-r .wb-btn.z-add-btn:before {
border: 16px solid transparent;
border-right: 16px solid #FDEB00;
border-bottom: 16px solid #FDEB00;
}
.breadcrumbs li a {
font-size: 15px;
}
.page-nav.contest-nav .wd {
padding-top: 0;
}
.page-nav.contest-nav .meta-wrap {
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 12px;
}
.page-nav.contest-nav .col-nav-r .wb-btn.z-add-btn {
float: none;
width: 100%;
font-size: 14px;
color: #000;
height: 44px;
line-height: normal;
padding-top: 14px;
white-space: normal;
margin-right: 0;
}
.page-nav.contest-nav .page-nav-meta {
float: none;
width: auto;
margin-top: 0;
height: auto;
}
}
@media (max-width: 420px) {
.page-nav-meta .final-date-wrap {
width: 50%;
text-align: center;
}
.page-nav.contest-nav .page-nav-meta .final-date-wrap,
.page-nav.contest-nav .meta-wrap {
display: block;
float: none;
width: auto;
text-align: center;
margin-bottom: 5px;
}
.page-nav.contest-nav .page-nav-meta .work-count-wrap {
float: none;
text-align: center;
width: auto;
display: block;
margin-bottom: 5px;
}
}
@media (max-width: 359px) {
.page-nav .comp-filtr-collapse {
display: block;
margin: 0 auto 24px auto;
max-width: 359px;
width: 100%;
height: 44px;
float: none;
}
.page-nav .filtr-collapse-select {
max-width: 336px;
width: 100%;
height: 44px;
padding: 10px 15px;
}
}
@media (min-width: 1280px) and (max-width: 1799px) {
.page-nav .comp-filtr {
display: block;
float: right;
}
}
@media (max-width: 639px) {
.page-nav .container-fluid {
padding: 0 12px;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.page-nav .container-fluid {
padding: 0 24px;
}
}
@media (min-width: 768px) {
.page-nav .container-fluid {
padding: 0 40px;
}
}
.new-comp-date {
padding: 2px 0;
}
.new-comp-date span {
display: block;
line-height: 1.25;
}
.new-comp-date .text {
font-size: 20px;
font-weight: 300;
}
.new-comp-date .date {
font-size: 24px;
font-weight: 500;
}
@media (max-width: 767px) {
.new-comp .comp-blc-max {
display: block;
}
.works-counter-block {
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: 166px;
}
}
/*===== Works =====
=====================*/
/*===== Sidebar =====
=====================*/
.sidebar-page-wrap {
display: table;
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
@media (max-width: 1023px) {
.sidebar-page-wrap {
display: block;
width: auto;
margin: 0;
}
}
.zsidebar-container {
background: inherit;
min-height: 70px;
position: fixed;
top: 0;
right: 0;
z-index: 200;
width: 90px;
transition: width .3s;
}
.zsidebar.sidebar-open .zsidebar-container {
width: 440px;
}
.sidebar-btn-container {
height: 21px;
margin: 15px 0 0 0;
position: relative;
top: 0;
left: 0;
right: 0;
z-index: 250;
text-align: right;
padding: 0 30px 0 20px;
white-space: nowrap;
overflow: hidden;
}
.sidebar-open-btn,
.sidebar-open-btn:focus {
width: auto;
height: 21px;
box-shadow: none;
border: 0;
outline: 0;
padding: 0;
display: block;
}
.sidebar-open-btn span.sb_txt {
color: #eaeaea;
float: right;
display: block;
opacity: 0;
height: 21px;
margin-right: 15px;
font-size: 16px;
line-height: 21px;
vertical-align: top;
transition: opacity .3s ease-out .5s;
}
.zsidebar.sidebar-open .sidebar-open-btn span.sb_txt {
opacity: 1;
}
.sidebar-open-btn span.sb_arr {
background: url(../images/sidebar-open-btn.png) no-repeat left top;
width: 21px;
height: 21px;
float: right;
display: block;
vertical-align: top;
transition: all 0.3s;
}
.zsidebar.sidebar-open .sidebar-open-btn span.sb_arr {
transform: rotate(180deg);
}
.has-sidebar {
display: table-cell;
vertical-align: top;
width: 100%;
}
.zsidebar {
width: 90px;
background: url(../images/sidebar-bg.jpg) repeat;
min-height: 100%;
display: table-cell;
vertical-align: top;
transition: width 0.3s;
}
.zsidebar.sidebar-open {
width: 440px;
}
@media (max-width: 1023px) {
.sidebar-page-wrap {
display: block;
}
.has-sidebar,
.has-sidebar.content-collapse {
margin-right: 0;
display: block;
}
.zsidebar {
display: none;
}
}
.work-float-block .konkurs-work__drop-actions {
left: auto;
right: 0;
}
@media (min-width: 1024px) {
.vn-page.has-sidebar.content-collapse .work-float-block {
width: 50%;
}
}
@media (min-width: 1366px) {
.vn-page.has-sidebar.content-collapse .work-float-block {
width: 33.33333%;
}
}
@media (min-width: 2400px) {
.vn-page.has-sidebar.content-collapse .work-float-block {
width: 20%;
}
}
.zsidebar-content {
position: relative;
height: 100%;
}
#id_content_open {
width: 440px;
position: relative;
top: 0;
left: auto;
right: 0;
z-index: 1;
display: none;
text-align: center;
padding-top: 15px;
}
#id_content_close {
width: 90px;
position: relative;
top: 0;
left: auto;
right: 0;
z-index: 1;
display: block;
text-align: center;
padding-top: 15px;
}
/*===== Work List =====
=====================*/
.konkurs-work-list .row {
margin: 0 -12px;
}
/*.konkurs-work-list .btn-btm {*/
/* line-height: 42px;*/
/* width: 100%;*/
/* font-size: 24px;*/
/* text-decoration: none;*/
/* background: #FDEB00;*/
/* border: 0;*/
/* text-transform: uppercase;*/
/* padding-left: 35px;*/
/* font-weight: normal;*/
/*}*/
/*.konkurs-work-list .btn-btm:before {*/
/* content: "";*/
/* background: #DFCF00;*/
/* border: 18px solid transparent;*/
/* border-right: 18px solid #FDEB00;*/
/* border-bottom: 18px solid #FDEB00;*/
/* display: block;*/
/* width: 0;*/
/* height: 0;*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/*}*/
.konkurs-work-list .container-fluid {
padding: 0;
}
.konkurs-work-list .new-work-banner {
margin: 0 auto;
width: 70%;
display: block;
}
.konkurs-work-list .new-work-banner img {
width: 100%;
}
.site-wrap.has-sidebar {
height: auto;
}
.work-float-block {
display: block;
float: left;
padding: 0 12px 24px 12px;
}
.konkurs-work {
width: 100%;
height: 310px;
}
.img-block {
overflow: hidden;
}
/*
.konkurs-work-img {
overflow: hidden;
}
*/
.konkurs-work-img,
.konkurs-work-img a {
width: 100%;
/*height: 254px;*/
height: 333px;
}
.block_info_star {
width: 100%;
/*height: 254px;*/
}
.konkurs-work-img a {
display: block;
}
.konkurs-work-img img {
width: 100%;
height: auto;
transition: all .3s;
}
/*.konkurs-work:hover img {
transform: scale(1.1);
}*/
.konkurs-work-caption {
/*max-height: 50px;*/
}
.konkurs-work-authors {
font-size: 14px;
color: #404040;
line-height: 1.3;
padding: 7px 0;
margin-right: 54px;
}
/*.konkurs-work-authors a{
text-decoration: none;
}*/
.konkurs-work-statistics {
width: 54px;
float: right;
padding: 12px 0 0 0;
}
.konkurs-work-statistics span {
display: block;
text-align: right;
padding-right: 20px;
font-size: 12px;
color: #7f7f7f;
line-height: 1;
}
.konkurs-work-statistics .stat-star {
background: url(../images/stat-star.svg) no-repeat right top;
background-size: 11px;
margin-bottom: 9px;
}
.konkurs-work-statistics .stat-heart {
background: url(../images/stat-heart.svg) no-repeat right top;
background-size: 11px;
margin-bottom: 9px;
}
.konkurs-work-statistics .stat-msg {
background: url(../images/stat-msg.svg) no-repeat right 2px;
background-size: 10px;
}
.contrst_b_block {
width: 100%;
display: inline-block;
background: #f0f0f0;
padding: 1px 0 25px 0;
margin: 20px 0;
text-align: center;
}
.b-block-item {
text-align: center;
}
.b-block-item iframe {
margin: 0 auto;
}
.contrst_b_block img {
max-width: 100%;
}
/*bg load*/
.work-float-block .konkurs-work-img a {
/*opacity: 0;
transition: opacity 0.5s ease, transform .3s;
background-position: 50% 50%;
background-size: cover;
*/
}
.work-float-block .konkurs-work-img a:hover {
/*transform: scale(1.1);*/
}
.work-float-block .konkurs-work-img img {
/*opacity: 0;
transition: opacity 0.5s ease;*/
}
.konkurs-work {
height: 380px;
}
.konkurs-work .star, .work-images-wall .item .star {
position: absolute;
z-index: 4;
top: -15px;
width: 123px;
height: 123px;
margin: 0 auto;
}
.work-images-wall .item .star {
right: -10px;
}
.konkurs-work .star {
top: -8px;
left: 0px;
}
.work-images-wall .item .star {
right: 0px;
top: 25px;
}
.swiper-slide .star {
position: absolute;
z-index: 4;
top: 0px;
margin: 0 auto;
}
.konkurs-work .GOLD_STAR, .swiper-slide .GOLD_STAR, .work-images-wall .item .GOLD_STAR {
background: url(../images/stars/works/star01-gold.png) no-repeat top right;
}
.konkurs-work .GOLD_STAR_GALAXY, .swiper-slide .GOLD_STAR_GALAXY, .work-images-wall .item .GOLD_STAR_GALAXY {
background: url(../images/stars/works/star02-gold.png) no-repeat top right;
}
.konkurs-work .SILVER_STAR, .swiper-slide .SILVER_STAR, .work-images-wall .item .SILVER_STAR {
background: url(../images/stars/works/star01-silver.png) no-repeat top right;
}
.konkurs-work .konkurs-work-img .SILVER_STAR_GALAXY, .swiper-slide .SILVER_STAR_GALAXY, .work-images-wall .item .SILVER_STAR_GALAXY {
background: url(../images/stars/works/star02-silver.png) no-repeat top right;
}
.konkurs-work .BRONZE_STAR, .swiper-slide .BRONZE_STAR, .work-images-wall .item .BRONZE_STAR {
background: url(../images/stars/works/star01-bronze.png) no-repeat top right;
}
.konkurs-work .BRONZE_STAR_GALAXY, .swiper-slide .BRONZE_STAR_GALAXY, .work-images-wall .item .BRONZE_STAR_GALAXY {
background: url(../images/stars/works/star02-bronze.png) no-repeat top right;
}
.konkurs-work .CHOICE_RUNET, .swiper-slide .CHOICE_RUNET, .work-images-wall .item .CHOICE_RUNET {
background: url(../images/stars/works/star_runet.png) no-repeat top left;
}
.konkurs-work .PART_FIRST_PLACE, .swiper-slide .PART_FIRST_PLACE, .work-images-wall .item .PART_FIRST_PLACE,
.konkurs-work .PART_SECOND_PLACE, .swiper-slide .PART_SECOND_PLACE, .work-images-wall .item .PART_SECOND_PLACE,
.konkurs-work .PART_THIRD_PLACE, .swiper-slide .PART_THIRD_PLACE, .work-images-wall .item .PART_THIRD_PLACE {
background: url(../images/stars/works/star_part.png) no-repeat top left;
}
.konkurs-work .LOT_COMMENTS, .swiper-slide .LOT_COMMENTS, .work-images-wall .item .LOT_COMMENTS {
background: url(../images/stars/works/lot_comments.png) no-repeat top left;
}
.konkurs-work .BEST_COMMENT, .swiper-slide .BEST_COMMENT, .work-images-wall .item .BEST_COMMENT {
background: url(../images/stars/works/best_comment.png) no-repeat top left;
}
.konkurs-work .star.LIDER, .work-images-wall .item .star.LIDER,
.konkurs-work .star.FIRST_PLACE, .work-images-wall .item .star.FIRST_PLACE,
.konkurs-work .star.SECOND_PLACE, .work-images-wall .item .star.SECOND_PLACE,
.konkurs-work .star.THIRD_PLACE, .work-images-wall .item .star.THIRD_PLACE
{
position: absolute;
z-index: 4;
top: -8px;
left: 0px;
width: 113px;
height: 113px;
margin: 0;
}
.konkurs-work .LIDER, .swiper-slide .LIDER, .work-images-wall .item .LIDER,
.konkurs-work .FINAL_WINNER, .swiper-slide .FINAL_WINNER, .work-images-wall .item .FINAL_WINNER,
.konkurs-work .FIRST_PLACE, .swiper-slide .FIRST_PLACE, .work-images-wall .item .FIRST_PLACE,
.konkurs-work .SECOND_PLACE, .swiper-slide .SECOND_PLACE, .work-images-wall .item .SECOND_PLACE,
.konkurs-work .THIRD_PLACE, .swiper-slide .THIRD_PLACE, .work-images-wall .item .THIRD_PLACE
{
background: url(../images/stars/works/lider_icon.png) no-repeat top left;
}
.konkurs-work .part_choice, .swiper-slide .part_choice, .work-images-wall .item .part_choice{
background: url(../images/stars/works/star_part.png) no-repeat top left;
}
.work-gallery-container {
padding-top: 40px;
}
.sp-slides .work-count {
/*width: 100%;
position: absolute;*/
position: relative;
width: 0px;
overflow: visible;
z-index: 4;
/*font: 18px 'Roboto';*/
font-size: 18px;
font-family: 'GothamPro', sans-serif;
color: #000000;
top: -40px;
}
.work-images-wall .work-count-wall {
/*font: 18px 'Roboto';*/
font-size: 18px;
font-family: 'GothamPro', sans-serif;
color: #000000;
margin-bottom: 13px;
}
.work-images-wall .work-count-wall:first-child {
margin-top: -40px;
}
.konkurs-work-title {
font-weight: 700;
font-size: 14px;
color: #404040;
line-height: 1.45;
padding: 7px 0;
margin-right: 54px;
max-height: 50px;
overflow: hidden;
position: relative;
}
.konkurs-work-title a {
color: #404040;
}
.konkurs-work-title-contest-name {
font-weight: normal;
}
.konkurs-work-title-contest-name a {
text-decoration: none;
}
.konkurs-work-authors {
padding: 0;
max-height: 56px;
}
.konkurs-work-caption {
/* height: 90px;*/
}
.last-works .konkurs-work {
height: 366px;
}
.last-works .konkurs-work-title {
max-height: 90px;
}
.last-works .konkurs-work-caption {
height: 106px;
}
@media (max-width: 767px) {
.konkurs-work-list .row {
margin: 0 -15px;
}
}
@media (max-width: 639px) {
.work-float-block {
width: 100%;
}
.konkurs-work-list .container-fluid {
/*padding: 0 12px;*/
max-width: 450px;
margin: 0 auto;
}
}
@media (max-width: 419px) {
.konkurs-work {
height: auto;
}
.konkurs-work-img,
.konkurs-work-img a, .block_info_star {
height: auto;
}
}
@media (min-width: 640px) {
.work-float-block {
width: 50%;
}
/*.konkurs-work-list .container-fluid {
padding: 0 24px;
}*/
}
@media (min-width: 640px) and (max-width: 779px) {
.konkurs-work-img img {
height: 100%;
width: auto;
}
}
@media (min-width: 768px) {
/*.konkurs-work-list .container-fluid {
padding: 0 40px;
}*/
/*.has-sidebar .konkurs-work-list .container-fluid {*/
/* padding: 0 15px;*/
/*}*/
}
@media (min-width: 960px) {
.work-float-block {
width: 33.33333%;
}
}
@media (min-width: 960px) and (max-width: 1160px) {
.has-sidebar .work-float-block .konkurs-work-img img {
height: 100%;
width: auto;
}
.work-float-block .konkurs-work-img img {
height: 100%;
width: auto;
}
}
@media (min-width: 1280px) {
.has-sidebar .work-float-block {
width: 33.33333%;
}
.has-sidebar.content-collapse .work-float-block {
width: 50%;
}
.work-float-block {
width: 25%;
}
}
@media (min-width: 1280px) and (max-width: 1472px) {
.work-float-block .konkurs-work-img img {
height: 100%;
width: auto;
}
}
@media (min-width: 1366px) {
.has-sidebar .work-float-block {
width: 25%;
}
}
@media (min-width: 1366px) and (max-width: 1640px) {
.has-sidebar .work-float-block .konkurs-work-img img {
height: 100%;
width: auto;
}
}
@media (min-width: 1366px) {
.has-sidebar.content-collapse .work-float-block {
width: 33.33333%;
}
}
@media (min-width: 1680px) {
.has-sidebar .work-float-block {
width: 20%;
}
.work-float-block {
width: 20%;
}
.work-float-block .konkurs-work-img img {
height: 100%;
width: auto;
}
}
@media (min-width: 1920px) {
.has-sidebar .work-float-block .konkurs-work-img img {
height: auto;
width: 100%;
}
.has-sidebar.content-collapse .work-float-block .konkurs-work-img img {
height: 100%;
width: auto;
}
}
@media (min-width: 1720px) {
.has-sidebar.content-collapse .work-float-block {
width: 25%;
}
}
@media (min-width: 1560px) and (max-width: 1680px) {
.has-sidebar .work-float-block .konkurs-work-img img {
height: auto;
width: 100%;
}
}
@media (min-width: 1600px) and (max-width: 1920px) {
.has-sidebar .work-float-block .konkurs-work-img img {
height: 100%;
width: auto;
}
}
@media (min-width: 1550px) and (max-width: 1720px) {
.has-sidebar.content-collapse .work-float-block .konkurs-work-img img {
height: auto;
width: 100%;
}
}
.dialog-overlay {
display: none;
height: 100%;
width: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 399998;
background: rgba(255, 255, 255, 0.5);
}
.dialog-overlay img {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/*===== News List Page =====
==========================*/
.news-list-item {
margin-bottom: 24px;
}
.news-list .row {
margin: 0 -12px;
}
.news-list .col-md-12,
.news-list .col-sm-12,
.news-list .col-md-6,
.news-list .col-sm-6 {
padding: 0 12px;
}
.news-list .news-list-item .container-fluid {
padding: 0 12px;
}
.news-list-item .new-anons-img {
width: 516px;
height: 328px;
overflow: hidden;
}
.news-list-item .new-anons-img img {
width: 100%;
height: auto;
}
.news-list-item .new-anons {
height: 328px;
padding-bottom: 60px;
position: relative;
}
.news-list-item .new-anons .new-anons-date {
font-size: 16px;
color: #363636;
padding-top: 9px;
line-height: normal;
}
.news-list-item .new-txt-wrap {
overflow: hidden;
position: relative;
height: 100%;
padding-top: 18px;
margin-top: -18px;
}
@media (max-width: 1279px) {
.news-list-item .new-txt-wrap:after {
content: "";
display: block;
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
right: 0;
height: 35px;
background: -webkit-linear-gradient(top, #f7f7f7, transparent);
background: linear-gradient(to top, #f7f7f7, transparent);
}
}
@media (min-width: 1280px) {
.news-list-item .new-txt-wrap:after {
content: "";
display: block;
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
right: 0;
height: 45px;
background: linear-gradient(to top, #fff 20%, transparent);
}
.news-list-item .new-txt-wrap {
padding-top: 28px;
margin-top: -28px;
}
}
.news-list-item .new-anons .new-anons-title {
font-size: 36px;
font-weight: 700;
color: #000;
line-height: normal;
margin-top: 22px;
margin-bottom: 8px;
}
.news-list-item .new-anons .new-anons-title a,
.news-list-item .new-anons .new-anons-title a:hover {
text-decoration: none;
}
.news-list-item .new-anons .new-anons-text {
font-size: 20px;
color: #000;
font-weight: 300;
line-height: normal;
}
.news-list-item .new-anons .new-link {
display: block;
width: 332px;
height: 44px;
border: 1px solid #828282;
color: #646464;
font-size: 24px;
line-height: 42px;
white-space: nowrap;
text-transform: lowercase;
text-decoration: none;
text-align: center;
padding: 0 20px;
position: absolute;
z-index: 2;
left: 0;
bottom: 15px;
transition: background 0.3s, color 0.3s;
}
.news-list-item .new-anons .new-link:hover {
color: #f7f7f7;
background: #828282;
}
.news-list-item .new-anons .new-link:hover {
text-decoration: none;
}
@media (max-width: 1279px) {
.news-list .news-list-item .container-fluid {
padding: 0;
}
.news-list .news-list-item .row {
margin: 0;
}
.news-list .news-list-item .col-sm-12 {
padding: 0;
}
.news-list .news-list-item {
border: 1px solid #d0cfc6;
}
.news-list-item .new-anons {
background: #f7f7f7;
text-align: center;
padding: 8px 18px 72px 18px;
height: 290px;
}
.news-list-item .new-anons .new-link {
left: 0;
right: 0;
margin: 0 auto;
width: 170px;
font-size: 24px;
padding: 0 10px;
}
.news-list-item .new-anons-img {
width: 100%;
height: auto;
max-height: 328px;
}
.news-list-item .new-anons .new-anons-date {
font-size: 14px;
padding-top: 0;
}
.news-list-item .new-anons .new-anons-title {
font-size: 24px;
margin-top: 0;
margin-bottom: 8px;
}
.news-list-item .new-anons .new-anons-text {
font-size: 14px;
line-height: normal;
}
}
@media (max-width: 767px) {
.news-list-item .new-anons-img {
width: 100%;
height: auto;
max-height: 328px;
}
.news-list-item .new-anons {
background: #f7f7f7;
text-align: center;
padding: 8px 18px 72px 18px;
height: 290px;
}
}
@media (max-width: 639px) {
.news-list > .container-fluid {
padding: 0 12px;
max-width: 424px;
}
.news-list-item .new-anons {
height: auto;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.news-list > .container-fluid {
padding: 0 24px;
}
.news-list > .container-fluid > .row > .col-sm-6 {
width: 50%;
float: left;
}
}
@media (min-width: 768px) {
.news-list > .container-fluid {
padding: 0 40px;
}
}
@media (min-width: 1280px) {
.news-list > .container-fluid {
width: 1080px;
padding: 0;
margin: 0 auto;
}
.news-list > .container-fluid > .row {
margin: 0;
}
.news-list > .container-fluid > .row > .col-md-12 {
padding: 0;
}
}
/*===== News Detail Page =====
============================*/
.page-content.news-detail {
padding: 24px 0;
}
.news-detail {
}
.news-detail .container {
max-width: 1080px;
padding: 0 12px;
}
.news-detail .row {
margin: 0 -12px;
}
.news-detail .col-sm-12,
.news-detail .col-md-8,
.news-detail .col-md-4 {
padding: 0 12px;
}
.news-detail .container-fluid {
padding: 0 12px;
}
.new-detail-wrap .new-detail-img {
width: 100%;
height: auto;
max-height: 516px;
overflow: hidden;
}
.new-detail-wrap .new-detail-img img {
width: 100%;
height: auto;
}
.new-detail-wrap .new-detail-content {
height: auto;
padding-bottom: 28px;
position: relative;
}
.new-detail-wrap .new-detail-content .new-detail-date {
font-size: 16px;
color: #363636;
padding-top: 17px;
line-height: normal;
}
.new-detail-wrap .new-detail-content .new-detail-title {
font-size: 36px;
font-weight: 700;
color: #000;
line-height: normal;
margin-top: 0;
margin-bottom: 8px;
}
.new-detail-wrap .new-detail-content .new-detail-text {
font-size: 20px;
color: #000;
font-weight: 300;
line-height: normal;
}
.new-detail-wrap .new-detail-content .new-detail-text a {
text-decoration: underline;
}
.new-detail-wrap .new-detail-content .new-detail-text a:hover {
text-decoration: none;
}
.last-news-sidebar .container-fluid,
.last-news-sidebar .col-md-12,
.last-news-sidebar .col-sm-6 {
padding: 0;
}
.last-news-sidebar .row {
margin: 0;
}
.last-news-sidebar .news-block-item {
padding: 0;
width: 100%;
margin-bottom: 24px;
}
@media (max-width: 1279px) {
.news-detail .container {
max-width: 720px;
}
.news-detail .news-list-item .container-fluid {
padding: 0;
}
.news-detail .news-list-item .row {
margin: 0;
}
.news-detail .news-list-item .col-sm-12 {
padding: 0;
}
.news-detail .news-list-item {
border: 1px solid #d0cfc6;
}
.news-detail .col-sm-12.last-news-sidebar {
padding: 0;
}
.last-news-sidebar .col-md-12,
.last-news-sidebar .col-sm-6 {
padding: 0 12px;
}
.new-detail-wrap .new-detail-content .new-detail-date {
font-size: 14px;
padding-top: 12px;
}
.new-detail-wrap .new-detail-content .new-detail-title {
font-size: 24px;
margin-top: 5px;
margin-bottom: 10px;
}
.new-detail-wrap .new-detail-content .new-detail-text {
font-size: 14px;
}
}
@media (max-width: 767px) {
.news-detail .container {
max-width: 360px;
margin: 0 auto;
}
.last-news-sidebar {
display: none;
}
}
/*===== Comments =====
======================*/
.comments-title {
color: #939393;
font-size: 22px;
text-transform: uppercase;
padding-bottom: 20px;
}
.comments-list {
position: relative;
}
.comment-item {
padding: 14px 0 12px 0;
position: relative;
}
.comment-item.reply {
padding-left: 24px;
}
.comment-item.reply .comment-item-author:before {
content: "";
position: absolute;
border-top: 6px solid #afafaf;
border-bottom: 6px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 3px;
left: -18px;
}
.comments-list:before,
.comment-item:after {
content: "";
background: url(../images/comment_brdr.png) repeat-x top;
height: 2px;
position: absolute;
z-index: 1;
left: 0;
right: 0;
}
.comments-list:before {
top: 0;
}
.comment-item:after {
bottom: 0;
}
.comment-item-author {
margin-bottom: 4px;
position: relative;
}
.comment-item-author,
.comment-item-author a {
font-size: 14px;
font-weight: bold;
color: #393939;
line-height: normal;
}
.comment-item-author a {
text-decoration: underline;
}
.comment-item-author a:hover {
text-decoration: none;
}
.comment-item-text {
font-size: 14px;
color: #000;
font-weight: 300;
line-height: 1.1;
}
.comment-item-meta {
text-align: right;
font-size: 14px;
}
.comment-item-meta a,
.comment-item-meta span {
font-size: 14px;
}
.comment-item-author .comment-date {
display: inline-block;
font-size: 12px;
font-weight: normal;
}
.comment-item-author .comment-positive,
.comment-item-author .comment-negative {
float: right;
font-size: 12px;
font-weight: normal;
}
.comment-item-author .comment-negative {
margin-right: 15px;
}
.comment-item-meta .comment-date {
color: #393939;
margin-right: 12px;
}
.comment-item-meta .comment-positive,
.comment-item-meta .comment-positive a,
.comment-item-meta .comment-positive span {
color: #479e00;
}
.comment-item-meta .comment-negative,
.comment-item-meta .comment-negative a,
.comment-item-meta .comment-negative span {
color: #d90000;
}
.comment-sent {
margin-top: 20px;
margin-bottom: 35px;
overflow: hidden;
}
.comment-btn {
display: block;
width: 268px;
height: 46px;
background: #f2f2f2;
border: 1px solid #f2f2f2;
color: #d3d3d3;
font-size: 19px;
text-transform: uppercase;
line-height: 46px;
text-align: center;
text-decoration: none;
white-space: nowrap;
padding: 0 20px;
opacity: 1;
transition: background 0.3s, color 0.3s, border-color 0.3s;
float: left;
}
.comment-btn:focus {
text-decoration: none;
color: #d3d3d3;
}
.comment-btn:hover,
.comment-btn.active {
text-decoration: none;
color: #424242;
border: 1px solid #424242;
background: #fff;
/*opacity: 0.7;*/
}
.comment-sent-txt {
/*float: right;*/
color: #474747;
font-size: 13px;
padding-top: 15px;
width: auto;
margin: 0 auto;
text-align: left;
}
.comment-sent-txt * {
color: #474747;
font-size: 13px;
}
.comment-sent-txt a {
font-weight: 700;
text-decoration: underline;
}
.comment-sent-txt a:hover {
text-decoration: none;
color: #474747;
}
@media (max-width: 767px) {
.comment-sent {
text-align: center;
}
.comment-btn {
float: none;
margin: 0 auto;
}
.comment-sent-txt {
float: none;
width: auto;
text-align: center;
max-width: 270px;
}
}
/*===== Page 404 =====
======================*/
.page_404 {
background: url(../images/bg_404.jpg) no-repeat center top;
-webkit-background-size: cover;
background-size: cover;
height: 100%;
position: relative;
}
.page_404 .page-nav {
padding-bottom: 0;
margin-bottom: 0;
}
.page_404 .page-content {
background: url(../images/404.png) no-repeat center center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 20px;
color: #000;
font-weight: 300;
}
.page_404 .page-content strong {
font-weight: 700;
}
.page_404 .page-content ul {
padding-left: 20px;
}
.page_404 .page-content a {
text-decoration: underline;
}
.page_404 .page-content a:hover {
text-decoration: none;
}
.page_404 .page-content .desc-404 {
margin-bottom: 20px;
}
.page_404 .page-content .page-nav {
background: #fff;
padding-bottom: 0;
}
.page_404 .wrap-404 {
width: auto;
max-width: 690px;
padding: 15px;
margin: auto;
}
@media (max-width: 1279px) {
.page_404 .page-content {
-webkit-background-size: 80% auto;
background-size: 80% auto;
}
}
@media (max-width: 479px) {
.page_404 .page-content {
font-size: 17px;
padding-top: 0;
}
}
/*===== Sponsors List =====
===========================*/
.sponsors-list .col-zd-base {
display: block;
float: left;
padding: 0 12px;
}
.page-content {
padding-top: 9px;
}
.sponsors-list .container-fluid {
padding: 0 12px;
}
.sponsors-list .row {
margin: 0 -12px;
}
.sponsors-list-item {
position: relative;
height: 254px;
background: #eeeeee;
margin-bottom: 24px;
transition: box-shadow 0.2s;
}
.sponsors-list-item:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);
}
.sponsors-list-item a {
display: block;
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.sponsors-list-item img {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
max-width: 80%;
max-height: 60%;
}
@media (max-width: 639px) {
.sponsors-list .container-fluid {
padding: 0 12px;
}
.sponsors-list .col-zd-base {
width: 100%;
max-width: 400px;
float: none;
margin: 0 auto 24px auto;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.sponsors-list .container-fluid {
padding: 0 24px;
}
.sponsors-list .col-zd-base {
width: 50%;
}
}
@media (min-width: 768px) {
.sponsors-list .container-fluid {
padding: 0 40px;
}
.sponsors-list .col-zd-base {
width: 50%;
}
}
@media (min-width: 960px) {
.sponsors-list .col-zd-base {
width: 33.33333%;
}
}
@media (min-width: 1280px) {
.sponsors-list .container-fluid {
padding: 0 15px;
}
.sponsors-list .col-zd-base {
width: 25%;
}
}
@media (min-width: 1600px) {
.sponsors-list .col-zd-base {
width: 20%;
}
}
.cursor_default {
cursor: default;
}
.page-content.work-detail {
padding-top: 0;
padding-bottom: 40px;
}
.work-detail > .container-fluid {
max-width: 1455px;
padding-left: 15px;
padding-right: 24px;
}
.work-detail > .container-fluid > .row {
margin: 0 -12px;
position: relative;
}
.work-detail > .container-fluid > .row > .col-md-9,
.work-detail > .container-fluid > .row > .col-md-3 {
padding-left: 12px;
padding-right: 12px;
}
@media (max-width: 1279px) {
.work-detail > .container-fluid {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 639px) {
.work-detail > .container-fluid {
padding-left: 12px;
padding-right: 12px;
}
}
.wb-btn.z-add-btn.wd {
margin-bottom: 12px;
margin-top: -56px;
}
.wb-btn.z-add-btn.wd.wad {
margin-top:0;
}
@media (max-width: 1279px) {
.wb-btn.z-add-btn.wd {
float: none;
margin: 0 auto;
border: 1px solid #d0cfc6;
line-height: 42px;
color: #000;
display: block;
padding: 0 50px 0 15px;
text-align: left;
width: 100%;
max-width: 336px;
font-size: 24px;
background: #fff;
position: relative;
white-space: nowrap;
margin-bottom: 30px;
margin-top: 40px;
}
}
.work-gallery-container {
width: 100%;
position: relative;
overflow: hidden;
}
.view-change-panel {
border: 1px solid #d0cfc6;
padding: 10px 1px 10px 10px;
/* position: absolute;*/
float: right;
z-index: 2;
right: 0;
top: -55px;
background: #fff;
text-align: center;
}
.view-change-panel:before,
.view-change-panel:after {
content: "";
display: block;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
}
.view-change-panel:before {
z-index: 3;
width: 14px;
bottom: -14px;
border-top: 7px solid #d0cfc6;
border-bottom: 7px solid transparent;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
.view-change-panel:after {
z-index: 4;
width: 12px;
bottom: -12px;
border-top: 6px solid #fff;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.view-btn {
width: 18px;
height: 21px;
margin: 0 9px 0 0;
padding: 0;
border: 0;
border-radius: 0;
vertical-align: top;
background-color: #fff;
background-image: url(../images/view-change-btns.png);
background-repeat: no-repeat;
display: inline-block;
}
/*.view-btn:last-child {*/
/*margin-right: 0;*/
/*}*/
.view-thumbs-btn {
background-position: 0 0;
}
.view-wall-btn {
background-position: -18px 0;
}
.view-fullscreen-btn {
background-position: -36px 0;
}
/*.view-change-panel .view-btn:last-child {*/
/*margin-right: 0;*/
/*}*/
.work-images-wall .item,
.work-images-wall .item img,
.item.sp-slide,
.item.sp-slide img {
width: 100%;
}
.work-images-wall .item,
.item.sp-slide {
height: auto;
max-height: 700px;
overflow: hidden;
}
.work-images-wall .item {
margin-bottom: 24px;
}
.work-images-wall .item a,
.item.sp-slide a {
display: block;
}
.work-images-wall .item img,
.item.sp-slide img {
height: auto;
}
@media (max-width: 1279px) {
.work-images-wall {
display: none !important;
}
.work-images {
display: block !important;
}
}
.view-thumbs {
}
.view-fullscreen {
}
.view-wall .item.sp-slide {
margin-bottom: 24px;
float: none;
position: static;
display: block;
}
.sp-thumbnail-container {
margin: 5px;
}
.sp-selected-thumbnail {
border: 5px solid #fff600;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.sp-bottom-thumbnails {
margin-top: 14px;
}
.sp-fade-arrows {
opacity: 1;
}
.sp-horizontal .sp-previous-arrow {
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid transparent;
border-right: 30px solid #fff;
left: 0;
}
.sp-horizontal .sp-next-arrow {
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid #fff;
border-right: 30px solid transparent;
right: 0;
}
.work-images-wall {
display: none;
}
/*===== Sponsors List Only Images =====
===========================*/
.consurs_partners {
/*background:#EEEEEE; */
width: 100%;
padding: 5px 25px 0 25px;
text-align: center;
}
.consurs_partners p.partner-title {
color: #b5b5b5;
line-height: 1.45;
/*font-family: 'Roboto', sans-serif !important;*/
font-family: 'GothamPro', sans-serif !important;
font-size: 24px;
margin-top: 20px;
margin-bottom: 10px;
font-weight: 500;
}
.consurs_partners .partner-img-block {
width: 100%;
max-width: 300px;
text-align: center;
height: 150px;
overflow: hidden;
display: inline-block;
}
/*===== Detail Slider =====*/
.bx-viewer-btn.bx-viewer-btn-save {
display: none;
}
.gallery-thumbs {
height: 90px;
box-sizing: border-box;
padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
width: 100px;
height: 100%;
opacity: 0.7;
}
.gallery-thumbs .swiper-slide-active {
opacity: 1;
}
.work-gallery-container {
display: none;
}
img.sp-image {
height: auto !important;
}
.bx-viewer-prev-outer {
min-width: 60px;
width: 10%;
max-width: 100px;
}
.bx-viewer-next-outer {
min-width: 60px;
width: 10%;
max-width: 100px;
}
.bx-viewer-prev, .bx-viewer-next, .bx-viewer-close-inner {
border-radius: 0;
}
.bx-viewer-prev {
left: 50%;
margin-left: -25px;
}
.bx-viewer-next {
right: 50%;
margin-right: -25px;
}
.bx-viewer-wrap-inner {
background-color: #000;
border-radius: 0;
}
.bx-viewer-file-name {
color: #fff;
}
.bx-viewer-cap {
border: 0;
background-color: #071c27;
}
.bx-viewer-overlay {
background-color: rgba(0, 0, 0, 0.9);
}
.view-change-panel {
right: 11px !important;
}
@media (max-width: 1279px) {
/*.gallery-thumbs {*/
/* display: none !important;*/
/*}*/
.work-gallery-container {
margin-bottom: 35px;
}
}
@media (max-width: 767px) {
.work-gallery-container {
margin-bottom: 0;
}
}
.sp-image {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.gallery-thumbs .swiper-wrapper {
margin: 0 auto;
}
.gallery-thumbs .swiper-slide {
cursor: pointer;
}
.work-images {
position: relative;
}
.work-images .swiper-button-prev,
.work-images .swiper-button-next,
.work-images .swiper-container-rtl .swiper-button-prev,
.work-images .swiper-container-rtl .swiper-button-next {
display: block;
position: absolute;
width: 50px;
height: auto;
z-index: 10;
cursor: pointer;
background: transparent;
overflow: hidden;
top: 0;
bottom: 0;
margin: auto 0;
transition: background-color .3s;
}
.work-images .swiper-button-prev:hover,
.work-images .swiper-button-next:hover,
.work-images .swiper-container-rtl .swiper-button-prev:hover,
.work-images .swiper-container-rtl .swiper-button-next:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.work-images .swiper-button-next,
.work-images .swiper-container-rtl .swiper-button-prev {
right: 0;
left: auto;
}
.work-images .swiper-button-prev,
.work-images .swiper-container-rtl .swiper-button-next {
left: 0;
right: auto;
}
/*=== changes 11.05.2016 */
.work-images .swiper-button-next:after,
.work-images .swiper-container-rtl .swiper-button-prev:after,
.work-images .swiper-button-prev:after,
.work-images .swiper-container-rtl .swiper-button-next:after {
content: "";
position: absolute;
z-index: 5;
/* border-top: 20px solid transparent;
border-bottom: 20px solid transparent;*/
top: 0;
bottom: 0;
height: 40px;
margin: auto 0;
}
.work-images .swiper-button-next:after,
.work-images .swiper-container-rtl .swiper-button-prev:after {
/* border-left: 30px solid #fff;
border-right: 30px solid transparent;*/
left: 5px;
background: url(../images/r_arr.png) no-repeat left center;
-webkit-background-size: 39px 49px;
background-size: 39px 49px;
height: 49px;
width: 39px;
}
.work-images .swiper-button-prev:after,
.work-images .swiper-container-rtl .swiper-button-next:after {
/* border-left: 30px solid transparent;
border-right: 30px solid #fff;*/
right: 5px;
background: url(../images/l_arr.png) no-repeat right center;
-webkit-background-size: 39px 49px;
background-size: 39px 49px;
height: 49px;
width: 39px;
}
/*=== end of changes 11.05.2016 */
.work-images .swiper-button-prev.swiper-button-disabled,
.work-images .swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: all;
}
/*===== End of Detail Slider =====*/
@media (max-width: 767px) {
.work-images .sp-thumbnails {
display: none;
}
}
@media (max-width: 1279px) {
.work-images {
margin-left: auto;
margin-right: auto;
}
.page-nav .meta-wrap {
overflow: hidden;
margin-bottom: 40px;
}
.page-nav.contest-nav {
padding-bottom: 14px;
}
.page-nav.contest-nav .meta-wrap {
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
}
.work-detail .aside {
float: right;
}
@media (min-width: 992px) and (max-width: 1279px) {
.work-detail .aside .container-fluid {
margin-left: 80px;
margin-right: 80px;
}
}
@media (max-width: 1279px) {
.work-detail .aside {
position: static;
float: none;
}
.social-widgets {
display: none;
}
.view-change-panel {
display: none;
}
}
@media (max-width: 1599px) and (min-width: 1280px) {
.has-sidebar.content-collapse .work-detail .aside {
position: static;
width: auto;
float: none;
}
.has-sidebar.content-collapse .work-detail > .container-fluid > .row > .col-md-9 {
width: auto;
float: none;
margin-right: 0;
}
.has-sidebar.content-collapse .work-detail .aside .container-fluid {
margin-left: 80px;
margin-right: 80px;
}
.has-sidebar.content-collapse .wb-btn.like-btn {
margin: 0 auto;
}
.has-sidebar.content-collapse .wb-btn.z-add-btn.wd {
float: none;
margin: 0 auto;
border: 1px solid #d0cfc6;
line-height: 42px;
color: #000;
display: block;
padding: 0 50px 0 15px;
text-align: left;
width: 100%;
max-width: 336px;
font-size: 24px;
background: #fff;
position: relative;
white-space: nowrap;
margin-bottom: 30px;
margin-top: 40px;
}
.social-widgets {
text-align: center;
}
.social-widget {
display: inline-block;
vertical-align: top;
margin: 0 24px 30px 24px;
}
.has-sidebar .page-nav .col-nav-l.wd {
width: 80%;
padding: 0 12px;
}
}
@media (min-width: 1280px) {
.has-sidebar .page-nav .col-nav-l.wd {
width: 60%;
padding: 0 12px;
}
}
.work-detail h1.work-title {
text-align: center;
margin-bottom: 20px;
}
.work-detail .shield a {
position: relative;
margin: 20px auto 0 auto;
height: 330px;
display: block;
width: 100%;
max-width: 330px;
background: url(/local/templates/base/images/shield-gold.png) center 100% no-repeat;
background-size: cover;
text-decoration: none;
}
.work-detail .shield a:hover {
background: url(/local/templates/base/images/tmp_im.png) center 100% no-repeat;
background-size: cover;
width: 200px;
height: 300px;
margin-bottom: 30px;
}
.work-detail .shield a span {
color: #000;
font-size: 15px;
width: 100%;
text-align: center;
position: absolute;
padding-right: 1px;
}
.work-detail .shield a span.data {
bottom: 105px;
}
.work-detail .shield a span.work_id {
bottom: 90px;
}
.work-detail .shield a span.hiden_data {
display: none;
color: #221F1F;
font-size: 4px;
text-align: left;
}
.work-detail .shield a span.data_hiden {
top: 79.5px;
left: 124px;
}
.work-detail .shield a span.work_id_hiden {
top: 79.5px;
left: 74px;
}
.work-detail .shield a span.author_data {
top: 117px;
text-align: center;
}
.work-detail .shield a span.full_name {
text-align: center;
top: 104px;
font-size: 5px;
line-height: 1.2;
}
.work-detail .shield a span.data_1 {
top: 126px;
left: 57px;
}
.work-detail .shield a span.data_2 {
top: 126px;
left: 65px;
}
.work-detail .shield a span.data_3 {
top: 126px;
left: 81px;
}
.work-detail .shield a span.bottom_id {
bottom: 66px;
text-align: center;
color: #ffffff;
font-size: 3px;
}
.work-detail .shield a span.bottom_date {
bottom: 62px;
text-align: center;
color: #ffffff;
font-size: 3px;
}
.work-detail .author-data-link {
display: block;
width: 100%;
text-align: center;
}
.work-detail .creators-block {
border: 1px solid #dbdad4;
position: relative;
}
.work-detail .creator-img-block {
margin-top: 0;
position: relative;
z-index: 5;
}
.work-detail .creator-name {
position: relative;
z-index: 5;
}
.work-detail .creators-block:before {
content: "";
position: absolute;
z-index: 1;
background: linear-gradient(to top, #fff, transparent);
bottom: -1px;
right: -1px;
left: -1px;
height: 100%;
}
.work-detail .creators-block:after {
content: "";
position: absolute;
z-index: 2;
background: #fff;
bottom: 0;
right: 0;
left: 0;
height: 100%;
}
.work-detail .creator-meta {
position: relative;
z-index: 5;
text-align: center;
margin-top: 15px;
}
.work-detail .colors-detail-block {
position: absolute;
top: 0;
z-index: 9;
right: 0;
max-width: 700px;
width: 60%;
/*width:250px;*/
max-height: 130px;
height: 40%;
/*height:100px;*/
}
.work-detail .colors-detail-block .colors-block,
.work-detail .colors-detail-block .brands-block {
float: left;
width: 50%;
height: 100%;
}
.work-detail .colors-detail-block .brands-block {
text-align: right;
position: relative;
background-color: #ffffff;
}
.work-detail .colors-detail-block .brands-block img {
max-height: 82%;
max-width: 82%;
width: auto;
height: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.work-detail .colors-detail-block .colors-block .contest-name {
font-weight: bold;
color: #c3c3c3;
background: #FFF;
}
.work-detail .colors-detail-block .colors-block .color-container {
display: inline-block;
vertical-align: middle;
width: 100%;
color: #FFF;
text-transform: uppercase;
padding: 0 5px;
text-shadow: 1px 1px 2px black, 0 0 2px black;
}
.work-detail .colors-detail-block .colors-block .color-container::before {
content: "";
display: inline-block;
min-height: inherit;
height: 100%;
vertical-align: middle;
}
.work-detail .colors-detail-block .colors-block.num-1 .color-container {
height: calc(100% - 20px);
font-size: 16px;
}
.work-detail .colors-detail-block .colors-block.num-2 .color-container:nth-child(2) {
height: calc(40% - 10px);
font-size: 13px;
}
.work-detail .colors-detail-block .colors-block.num-2 .color-container:nth-child(3) {
height: calc(60% - 10px);
font-size: 16px;
}
.work-detail .colors-detail-block .colors-block.num-3 .color-container:nth-child(2) {
height: 20%;
font-size: 11px;
}
.work-detail .colors-detail-block .colors-block.num-3 .color-container:nth-child(3) {
height: 30%;
font-size: 13px;
}
.work-detail .colors-detail-block .colors-block.num-3 .color-container:nth-child(4) {
height: calc(50% - 20px);
font-size: 16px;
}
@media (max-width: 670px) {
.work-detail .colors-detail-block {
display: none;
}
}
div.rotator ul li {
float: left;
position: absolute;
list-style: none;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.img-block div.rotator ul li {
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
}
div.rotator ul li.show {
z-index: 500;
}
.creator-meta .meta-item {
width: 64px;
height: 64px;
border-radius: 50%;
border: 2px solid #ddddd4;
display: inline-block;
vertical-align: top;
margin-right: 18px;
overflow: hidden;
padding-top: 12px;
position: relative;
}
.creator-meta .meta-item.win {
border: 0 solid #ddddd4;
padding-top: 0;
}
.creator-meta .meta-item:last-child {
margin-right: 0;
}
.creator-meta .meta-item span {
display: block;
line-height: normal;
}
.creator-meta .meta-item .meta-count {
color: #585858;
font-size: 19px;
font-weight: bold;
margin-bottom: 3px;
}
.creator-meta .meta-item .meta-count.mini {
color: #585858;
font-size: 17px;
font-weight: bold;
margin-bottom: 3px;
margin-top: 3px;
}
.creator-meta .meta-item.comment-meta a,
.creator-meta .meta-item.comment-meta a:hover {
text-decoration: none;
}
.creator-meta .meta-item .meta-winner {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: url(../images/meta-winner.png) no-repeat center center;
background-size: cover;
}
.creator-meta .meta-item .meta-desc {
color: #909090;
font-weight: bold;
font-size: 8px;
text-transform: uppercase;
}
.creator-meta .meta-item .meta-msg {
color: #909090;
font-weight: bold;
font-size: 8px;
text-transform: uppercase;
background: url(../images/stat-msg.svg) no-repeat center center;
width: 12px;
height: 11px;
background-size: 11px;
margin: 0 auto;
}
.creator-meta .meta-item .meta-star {
color: #909090;
font-weight: bold;
font-size: 8px;
text-transform: uppercase;
background: url(../images/stat-star.svg) no-repeat center center;
width: 12px;
height: 11px;
margin: 0 auto;
background-size: 11px;
}
.creator-meta .meta-item .meta-heart {
color: #909090;
font-weight: bold;
font-size: 8px;
text-transform: uppercase;
background: url(../images/stat-heart.svg) no-repeat center center;
width: 12px;
height: 11px;
margin: 0 auto;
background-size: 11px;
}
.creator-meta .meta-item.shield-personal {
background: url(/local/templates/base/images/shield-grey.png) 100% 0px no-repeat;
background-size: cover;
text-decoration: none;
}
.creator-meta .meta-item.shield-personal:hover {
background: url(/local/templates/base/images/shield-gold.png) 100% 2px no-repeat;
background-size: cover;
}
.creator-meta .mint-btn {
margin-top: 5px;
font-size: 16px;
font-weight: bold;
padding: 0 15px;
}
.creator-meta .mint-btn:before,
.creator-meta .mint-btn:after {
display: none;
}
@media (max-width: 767px) {
.creator-meta .mint-btn {
display: block;
margin: 10px auto 0 auto;
text-align: center;
padding: 0;
}
}
@media (max-width: 420px) {
.creator-meta .mint-btn {
font-size: 14px;
}
}
/*
.social-widgets {
margin-top: 70px;
}
.social-widget {
margin: 0 auto 30px auto;
max-width: 240px;
height: auto;
max-height: 360px;
overflow: hidden;
}
*/
.social-share .social-title {
font-size: 18px;
color: #000;
font-weight: 300;
text-transform: uppercase;
text-align: center;
padding-bottom: 5px;
margin-top: 34px;
}
.social-share .social {
margin-top: 10px;
}
.social-share .social .sn {
background: rgba(0, 0, 0, 0.045);
display: inline-block;
margin-right: 24px;
}
.social-share .social .sn:last-child {
margin-right: 0;
}
.work-description {
padding-top: 30px;
padding-left: 80px;
padding-right: 80px;
}
.work-description .work-title {
font-size: 22px;
color: #000;
font-weight: 700;
text-transform: uppercase;
line-height: normal;
margin: 0 0 7px 0;
}
.work-description .work-text {
font-size: 17px;
color: #000;
font-weight: 300;
line-height: normal;
overflow: hidden;
}
.work-detail .comments-block {
padding-top: 30px;
padding-left: 80px;
padding-right: 80px;
}
.work-detail .comments-title {
font-size: 22px;
color: #000;
font-weight: 700;
}
@media (max-width: 991px) {
.work-description,
.work-detail .comments-block {
padding-left: 0;
padding-right: 0;
}
}
.wb-btn.like-btn:after {
background: url(../images/like-btn.png) no-repeat left center;
width: 12px;
height: 11px;
margin: auto 18px auto 0;
}
@media (max-width: 1279px) {
.wb-btn.like-btn {
margin: 0 auto;
}
}
.notWork {
text-align: center;
max-width: 700px;
margin: 0 auto;
padding: 30px 0;
}
.notWork p {
font-size: 20px;
color: #000;
margin-bottom: 30px;
}
.konkurs-name {
font-weight: 700;
}
@media (max-width: 420px) {
.notWork .ad-btn {
font-size: 20px;
height: 52px;
line-height: 52px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
max-width: 290px;
}
}
@media (min-width: 421px) {
.notWork .ad-btn {
width: auto;
}
}
.prize .container-fluid {
padding: 0 12px;
max-width: 720px;
}
.prize .row {
margin-left: -12px;
margin-right: -12px;
}
.prize .btn-btm {
line-height: 42px;
width: 100%;
font-size: 24px;
text-decoration: none;
background: #FDEB00;
border: 0;
text-transform: uppercase;
padding-left: 35px;
font-weight: normal;
}
.prize .btn-btm:before {
content: "";
background: #DFCF00;
border: 18px solid transparent;
border-right: 18px solid #FDEB00;
border-bottom: 18px solid #FDEB00;
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
}
@media (min-width: 640px) and (max-width: 1279px) {
.prize .container-fluid {
padding: 0 40px;
}
}
@media (min-width: 1280px) {
.prize .container-fluid {
padding: 0 15px;
}
}
.prize .col-sm-12 {
padding: 0 12px;
}
.prize-img,
.prize-img img {
width: 100%;
}
.prize-img {
max-height: 520px;
overflow: hidden;
}
.prize-img img {
height: auto;
}
.nomination {
font-size: 16px;
color: #363636;
margin-top: 30px;
}
.prize-name {
color: #000;
font-size: 36px;
margin: 0;
padding: 0;
font-weight: 700;
line-height: normal;
margin-bottom: 8px;
}
.prize-text {
font-size: 20px;
color: #000;
font-weight: 300;
}
.page-content.prize {
padding-top: 0;
padding-bottom: 30px;
}
@media (max-width: 1279px) {
.nomination {
font-size: 14px;
margin-top: 30px;
}
.prize-name {
font-size: 24px;
margin-bottom: 8px;
}
.prize-text {
font-size: 14px;
}
.work-detail .creator-meta,
.work-detail .creators-block {
margin-left: auto;
margin-right: auto;
}
div#id_leftColDetailWork {
width: 100%;
}
}
/*===== Organizer Page =====
============================*/
.cover-container {
height: 320px;
}
.cover-container {
overflow: hidden;
position: relative;
}
.cover-container * {
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.cover-container .cover {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.cover-container .cover img {
height: 100%;
width: auto;
}
.cover-container .member-info {
position: relative;
z-index: 2;
height: 100%;
}
.cover-container .member-info .ln {
position: relative;
float: left;
padding: 24px 18px 12px 18px;
width: 20%;
max-width: 360px;
height: 100%;
overflow: hidden;
}
.cover-container .member-info .name {
font-size: 24px;
font-weight: 700;
text-align: center;
line-height: normal;
height: 64px;
overflow: hidden;
position: relative;
}
.black-theme .cover-container .member-info .name{
color:#000 !important;
}
.black-theme .cover-container *{
color:#000 !important;
}
.cover-container .member-info .name span {
display: block;
position: absolute;
z-index: 4;
left: 0;
right: 0;
bottom: 0;
}
.cover-container .member-info .logo {
max-width: 300px;
width: 100%;
height: auto;
max-height: 220px;
}
.cover-container .member-info .logo img {
width: 100%;
height: auto;
}
.cover-container .contacts {
padding: 24px 90px 24px 12px;
position: absolute;
top: 0;
left: 60%;
z-index: 5;
width: 40%;
height: 100%;
overflow: hidden;
}
.cover-container .contacts * {
font-size: 14px;
line-height: 22px;
}
.cover-container .contacts a {
text-decoration: underline;
}
.cover-container .contacts a:hover {
color: #fff;
text-decoration: none;
}
.cover-container .contacts .cline {
margin-bottom: 10px;
padding-left: 34px;
}
.cover-container .contacts .cline .cont-icon {
width: 22px;
height: 22px;
display: inline-block;
vertical-align: top;
margin-right: 12px;
margin-left: -34px;
}
.cont-icon.site-icon {
background: url(../images/site.png) no-repeat center center;
}
.cont-icon.phone-icon {
background: url(../images/phone.png) no-repeat center center;
}
.cont-icon.mail-icon {
background: url(../images/mail.png) no-repeat center center;
}
.cont-icon.address-icon {
background: url(../images/adress.png) no-repeat center center;
}
.social {
position: static;
width: auto;
height: 45px;
margin: auto 0;
text-align: center;
}
.cover-container .social {
position: absolute;
top: 0;
bottom: 0;
right: 20px;
z-index: 5;
width: 45px;
text-align: left;
vertical-align: middle;
display: table;
}
.cover-container .social .share42-item {
margin-bottom: 10px;
margin-right: 0;
}
.cover-container .social .share42-item a {
display: block;
}
.share42-item {
display: inline-block;
margin: 0 24px 0 0;
height: 45px;
border-radius: 50%;
overflow: hidden;
}
.share42-item a {
display: inline-block;
width: 45px;
height: 45px;
margin: 0;
padding: 0;
outline: none;
/*background-image: url(../images/social.png);*/
background-repeat: no-repeat;
background-position-y: 0;
border-radius: 50%;
overflow: hidden;
position: relative;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
.share42-item a:after {
content: "";
display: block;
position: absolute;
z-index: 5;
width: 45px;
height: 45px;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
/*background-image: url(../images/social.png);*/
background-repeat: no-repeat;
/*background-position-y: -58px;*/
opacity: 0;
transition: opacity .3s;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
.share42-item a:hover:after {
opacity: 1;
}
/*
.share42-item a.vk {
background-image: url(../images/social-vk-big-gray.png);
}
.share42-item a.fb {
background-image: url(../images/social-fb-big-gray.png);
}
.share42-item a.ok {
background-image: url(../images/social-ok-big-gray.png);
}
*/
.share42-item a.vk {
/* background-position: -1px -58px;*/
background-image: url(../images/social-vk-big.png);
}
.share42-item a.fb {
/* background-position: -110px -58px; */
background-image: url(../images/social-fb-big.png);
}
.share42-item a.ok {
/* background-position: -56px -58px; */
background-image: url(../images/social-ok-big.png);
}
.cover-container .social .sn {
display: block;
margin-bottom: 10px;
}
.social .sn,
.social .sn span {
display: block;
width: 45px;
height: 45px;
border-radius: 50%;
}
.social .sn {
margin-bottom: 0;
}
.social .sn span {
position: relative;
}
.social .sn span:before,
.social .sn span:after {
content: "";
display: block;
position: absolute;
width: 45px;
height: 45px;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
margin: auto;
opacity: 0;
background-image: url(../images/social.png);
background-repeat: no-repeat;
transition: opacity .3s;
}
.social .sn span:before {
background-position-y: -2px;
opacity: 1;
transition: opacity .3s;
}
.social .sn span:after {
background-position-y: -59px;
}
.social .sn span:hover:before {
opacity: 0;
}
.social .sn span:hover:after {
opacity: 1;
}
.cover-container .social .sn:last-child {
margin-bottom: 0;
}
.sn span.ok:before,
.sn span.ok:after {
background-position-x: -56px;
}
.sn span.fb:before,
.sn span.fb:after {
background-position-x: -110px;
}
.sn span.vk:before,
.sn span.vk:after {
background-position-x: -1px;
}
.sn span.ap:before,
.sn span.ap:after {
background-position-x: -166px;
}
.sn span.im:before,
.sn span.im:after {
background-position-x: -220px;
}
.about-block {
width: 40%;
padding: 24px 12px;
position: absolute;
z-index: 6;
top: 0;
left: 20%;
height: 100%;
}
.about-wrapper {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
width: 100%;
text-align: left;
}
@media (min-width: 1280px) {
.about-wrapper {
height: 100% !important;
}
}
.about-wrapper .about-container {
font-size: 18px;
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.black-theme .about-wrapper .about-container {
color:#000;
}
.scroller {
height: 100%;
overflow-y: scroll;
padding-right: 20px;
}
.scroller::-webkit-scrollbar {
width: 0;
}
.scroller__bar-wrapper {
position: absolute;
z-index: 7;
top: 10px;
bottom: 10px;
right: 2px;
width: 1px;
border-radius: 5px;
background: #f5f4f5;
pointer-events: none;
}
.scroller__bar {
position: absolute;
z-index: 8;
right: -2px;
width: 5px;
border-radius: 3px;
background: #f5f4f5;
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
pointer-events: auto;
}
.scroller__bar:hover {
opacity: 1;
}
.baron .scroller__bar {
opacity: 1;
}
.baron_h .scroller__bar_h {
opacity: 1;
bottom: 30px;
}
.more-btn {
color: #282828;
background: transparent;
padding: 0 15px;
line-height: 42px;
border: 1px solid #282828;
text-decoration: none;
opacity: 1;
transition: opacity 0.3s;
font-size: 24px;
margin-top: 20px;
display: none;
}
.more-btn:hover {
background: transparent;
text-decoration: none;
opacity: 0.8;
}
@media (max-width: 1279px) {
.cover-container .member-info .ln {
padding: 24px 18px 12px 24px;
width: 50%;
float: left;
}
.cover-container .contacts {
padding: 24px 24px 24px 12px;
position: relative;
left: 0;
width: 50%;
float: right;
}
.about-block {
position: static;
width: 100%;
}
.about-wrapper .about-container {
font-size: 14px;
color: #696969;
text-shadow: none;
text-align: center;
}
.cover-container .social {
position: static;
width: 100%;
margin-top: 20px;
}
.cover-container .social .sn {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
margin-right: 24px;
}
.cover-container .social .sn:last-child {
margin-right: 0;
}
.organizer .scroller .scroller__bar-wrapper {
opacity: 0;
}
}
@media (max-width: 767px) {
.organizer .member-page-header {
margin: 0 auto 30px auto;
}
.member-page-header {
margin: 0 auto;
}
.cover-container {
height: 100%;
}
.cover-container .member-info .ln {
padding: 24px 12px;
width: 100%;
margin: 0 auto;
float: none;
}
.cover-container .member-info .logo {
margin: 0 auto;
}
.cover-container .contacts {
padding: 0 12px 24px 12px;
width: 100%;
float: none;
}
.about-block {
position: static;
width: 100%;
left: 0;
z-index: 10;
}
.about-wrapper .about-container {
font-size: 14px;
color: #696969;
text-shadow: none;
text-align: center;
}
.cover-container .social {
display: none;
}
.about-block {
text-align: center;
}
.scroller {
overflow-y: hidden;
}
.about-wrapper {
height: 200px;
transition: height 0.3s;
padding: 30px 0 12px 0;
}
.about-wrapper.expand {
height: auto;
transition: height 0.3s;
}
.more-btn {
display: inline-block;
}
}
.shide {
display: none !important;
}
@media (min-width: 768px) and (max-width: 1279px) {
.about-wrapper {
height: auto !important;
}
.competition-block .competition-block-half {
padding-top: 5px;
margin-bottom: 5px;
}
}
/*===== Participant Page =====
============================*/
.participant .cover-container .member-info .ln {
width: 30%;
}
@media (max-width: 1279px) {
.member-page-header > .container-fluid {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.member-page-header > .container-fluid {
max-width: 560px;
padding-left: 12px;
padding-right: 12px;
}
.member-page-header > .container-fluid > .row {
margin-left: -12px;
margin-right: -12px;
}
.member-page-header > .container-fluid > .row > .col-md-12 {
padding-left: 12px;
padding-right: 12px;
}
.page-content.participant .competition-list .container-fluid {
padding-left: 0;
padding-right: 0;
}
.page-content.participant .competition-list .row {
margin-left: 0;
margin-right: 0;
}
.page-content.participant .competition-block {
margin-right: 0;
margin-left: 0;
}
}
@media (max-width: 639px) {
.member-page-header > .container-fluid {
padding-left: 12px;
padding-right: 12px;
}
.member-page-header > .container-fluid > .row {
margin-left: -12px;
margin-right: -12px;
}
.member-page-header > .container-fluid > .row > .col-md-12 {
padding-left: 12px;
padding-right: 12px;
}
}
.participant .cover-container .member-info .avatar-wrap {
overflow: hidden;
width: 230px;
height: 210px;
padding: 0 15px 10px 15px;
margin: 0 auto;
position: relative;
}
.participant .cover-container .member-info .winner-glory {
position: absolute;
z-index: 3;
left: 0;
bottom: 0;
right: 0;
top: 0;
background: url(../images/winner-glory-lk.png) no-repeat center bottom;
}
.participant .cover-container .member-info .avatar {
border: 2px solid #fff;
border-radius: 50%;
overflow: hidden;
width: 200px;
height: 200px;
margin: 0 auto;
position: relative;
z-index: 5;
}
.participant .cover-container .member-info .avatar img {
width: 100%;
height: auto;
max-width: 200px;
max-height: 200px;
}
.participant .about-block {
width: 35%;
left: 30%;
}
.participant .about-wrapper .about-container {
font-size: 14px;
}
.participant .scroller.baron .scroller__bar-wrapper {
opacity: 1;
}
.participant .scroller .scroller__bar-wrapper {
opacity: 0;
}
.participant .cover-container .advances {
width: 35%;
left: 65%;
padding: 24px 90px 24px 12px;
position: absolute;
top: 0;
z-index: 5;
height: 100%;
}
.advances-carousel {
max-width: 290px;
width: 100%;
margin: 0 auto;
}
.advances-carousel .item {
text-align: center;
}
.advances-carousel.owl-carousel .owl-item img {
-webkit-transform-style: flat;
-moz-transform-style: flat;
-ms-transform-style: flat;
transform-style: flat;
width: auto;
height: auto;
max-width: 290px;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.nom-emblem {
overflow: hidden;
width: 100%;
height: 200px;
text-align: center;
position: relative;
}
.nom-text {
font-size: 14px;
line-height: normal;
margin-top: 5px;
}
.advances-carousel.owl-carousel .owl-controls {
text-align: center;
}
.advances-carousel.owl-carousel .owl-controls .owl-dots {
height: 8px;
margin-top: 12px;
}
.advances-carousel.owl-carousel .owl-controls .owl-dot {
width: 8px;
height: 8px;
display: inline-block;
margin-right: 9px;
background: #fff;
opacity: 0.7;
transition: opasity .2s;
vertical-align: top;
border-radius: 50%;
line-height: 1;
}
.advances-carousel.owl-carousel .owl-controls .owl-dot:last-child {
margin-right: 0;
}
.advances-carousel.owl-carousel .owl-controls .owl-dot.active {
opacity: 1;
}
/*=== Contests Block in Participant page ===*/
.sect-title {
color: #939393;
font-size: 36px;
text-transform: uppercase;
text-align: center;
position: relative;
line-height: normal;
margin-left: 12px;
margin-right: 12px;
margin-top: 20px;
margin-bottom: 10px;
}
@media (max-width: 1279px) {
.sect-title {
font-size: 24px;
margin-top: 0;
}
.page-content.participant .sect-title {
margin-left: 0;
margin-right: 0;
}
}
.sect-title span {
background: #fff;
display: inline-block;
padding: 0 15px;
position: relative;
z-index: 3;
}
.sect-title:after {
content: "";
border-top: 1px solid #939393;
height: 1px;
width: 100%;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 2;
}
@media (max-width: 1279px) {
.sect-title:after {
display: none;
}
.sect-title {
font-size: 24px;
margin-bottom: 20px;
margin-left: 40px;
margin-right: 40px;
}
}
.organizer .sect-title {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.sect-title {
margin-bottom: 15px;
}
.page-content.participant > .container-fluid {
max-width: 560px;
}
}
@media (max-width: 639px) {
.sect-title {
margin-left: 12px;
margin-right: 12px;
}
}
@media (max-width: 419px) {
.participant .cover-container .member-info .name {
font-size: 22px;
}
}
.participant .competition-block {
margin-bottom: 19px;
position: relative;
padding: 0;
height: 280px;
overflow: visible;
}
.participant .competition-block .cbi {
width: 25%;
height: 100%;
float: left;
position: relative;
padding: 0 12px;
}
.participant .competition-block .cbi .star {
position: absolute;
z-index: 4;
top: -10px;
right: 0;
width: 123px;
height: 123px;
margin: 0 auto;
}
.participant .competition-block .cbi .GOLD_STAR {
background: url(../images/stars/works/star01-gold.png) no-repeat top center;
}
.participant .competition-block .cbi .GOLD_STAR_GALAXY {
background: url(../images/stars/works/star02-gold.png) no-repeat top center;
}
.participant .competition-block .cbi .SILVER_STAR {
background: url(../images/stars/works/star01-silver.png) no-repeat top center;
}
.participant .competition-block .cbi .SILVER_STAR_GALAXY {
background: url(../images/stars/works/star02-silver.png) no-repeat top center;
}
.participant .competition-block .cbi .BRONZE_STAR {
background: url(../images/stars/works/star01-bronze.png) no-repeat top center;
}
.participant .competition-block .cbi .BRONZE_STAR_GALAXY {
background: url(../images/stars/works/star02-bronze.png) no-repeat top center;
}
.participant .competition-block .cbi .competition-block-img {
width: 100%;
height: 100%;
position: relative;
}
.participant .competition-block .cbi .competition-block-img a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.participant .competition-block .cbi .competition-block-img img {
width: auto;
height: 100%;
}
.participant .competition-block .competition-right-block {
width: 75%;
float: left;
position: relative;
padding: 0 12px;
height: 100%;
}
.participant .competition-block .crb {
background: #f5f5f5;
transition: box-shadow .3s;
overflow: hidden;
position: relative;
}
.participant .competition-block .crb:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);
}
.crb {
height: 100%;
}
.participant .competition-block .competition-right-block .competition-block-org {
width: 33.33333333%;
position: absolute;
padding: 0 12px;
height: 100%;
top: 0;
left: 66.66666666%;
}
.participant .competition-block .competition-right-block .competition-block-org a {
display: block;
}
.cover_img {
width: 100%;
height: auto;
object-fit: cover;
overflow: hidden;
}
.participant .competition-block .work-title {
max-height: 56px;
overflow: hidden;
}
.participant .competition-block .work-title,
.participant .competition-block .work-title a {
text-transform: uppercase;
font-weight: 700;
font-size: 26px;
color: #000;
}
.participant .competition-block .creator-meta {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
margin-bottom: 15px;
}
.participant .competition-block .creator-meta .meta-item {
text-align: center;
}
.participant .competition-block .comp-counter-block .new-comp-date span {
display: inline-block;
}
.participant .competition-block .comp-counter-block .new-comp-date .date {
font-size: 24px;
color: #4f4f4f;
font-weight: 500;
}
.participant .competition-block .comp-counter-block .new-comp-date .text {
font-size: 20px;
color: #656565;
font-weight: 300;
}
.participant .competition-block .work-title,
.participant .competition-block .creator-meta {
width: 66.66666666%;
padding-left: 15px;
}
@media (min-width: 1280px) {
.participant .competition-block .competition-block-org,
.participant .competition-block .competition-block-info {
background: transparent;
box-shadow: none;
}
.participant .competition-list .container-fluid {
padding-left: 0;
padding-right: 0;
}
.participant .competition-list .container-fluid .row {
margin-left: 0;
margin-right: 0;
}
.participant .sect-title {
margin-left: 0;
margin-right: 0;
}
.participant .competition-block .competition-right-block {
padding-right: 0;
}
.participant .competition-block .cbi {
padding-left: 0;
}
.participant .competition-block .competition-block-org:hover {
background: transparent;
box-shadow: none;
}
.participant .competition-block .competition-block-info .comp-counter-block {
background: transparent;
}
.participant .competition-block .competition-block-info .comp-info {
max-height: 108px;
}
.participant .competition-block .competition-block-info .comp-info {
background: transparent !important;
height: auto;
max-height: none;
overflow: hidden;
padding: 0 0 0 15px;
width: 66.66666666%;
}
.participant .competition-block .competition-block-info .comp-info * {
color: #2f2f2f;
font-size: 22px;
}
.participant .competition-block .competition-block-info .comp-counter-block {
padding: 0;
height: auto;
position: absolute;
z-index: 2;
bottom: 86px;
left: 0;
padding-left: 15px;
}
}
@media (min-width: 1280px) and (max-width: 1599px) {
.participant .competition-block .work-title,
.participant .competition-block .work-title a {
font-size: 22px;
}
.participant .competition-block .comp-counter-block .new-comp-date .date {
font-size: 22px;
}
.participant .competition-block .comp-counter-block .new-comp-date .text {
font-size: 18px;
color: #656565;
font-weight: 300;
}
.participant .competition-block .competition-block-info .comp-info * {
font-size: 20px;
}
}
@media (max-width: 1279px) {
.participant .competition-block {
margin-bottom: 19px;
position: relative;
padding: 0;
height: auto;
overflow: visible;
transition: box-shadow .3s;
}
.participant .competition-block:hover {
box-shadow: 0 0 7px rgba(0, 0, 0, 0.45);
}
.participant .competition-block .cbi {
width: 100%;
height: auto;
float: none;
position: relative;
padding: 0;
}
.participant .competition-block .cbi .competition-block-img {
width: 100%;
height: 100%;
position: relative;
box-shadow: none;
}
.participant .competition-block .cbi .competition-block-img:hover {
box-shadow: none;
}
.participant .competition-block .cbi .competition-block-img a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.participant .competition-block .cbi .competition-block-img img {
width: 100%;
height: auto;
}
.participant .competition-block .competition-right-block {
width: 100%;
float: none;
position: relative;
padding: 0;
height: auto;
box-shadow: none;
}
.participant .competition-block .competition-right-block:hover {
box-shadow: none;
}
.participant .competition-block .crb {
background: transparent;
transition: box-shadow .3s;
overflow: hidden;
position: relative;
box-shadow: none;
}
.participant .competition-block .crb:hover {
box-shadow: none;
}
.crb {
height: 100%;
}
.participant .competition-block .competition-right-block .competition-block-org {
width: 100%;
position: relative;
padding: 0 12px;
height: 180px;
top: 0;
left: 0;
box-shadow: none;
background: #f5f5f5;
}
.participant .competition-block .competition-right-block .competition-block-org:hover {
background: #f5f5f5;
}
.participant .competition-block .competition-right-block .competition-block-org a {
display: block;
}
.participant .competition-block .work-title {
max-height: none;
overflow: hidden;
text-align: center;
}
.participant .competition-block .work-title,
.participant .competition-block .work-title a {
text-transform: uppercase;
font-weight: 700;
font-size: 26px;
color: #000;
}
.participant .competition-block .creator-meta {
position: static;
z-index: 2;
bottom: 0;
left: 0;
margin-bottom: 15px;
text-align: center;
}
.participant .competition-block .creator-meta .meta-item {
text-align: center;
}
.participant .competition-block .comp-counter-block .new-comp-date span {
display: block;
}
.participant .competition-block .comp-counter-block .new-comp-date .date {
font-size: 24px;
}
.participant .competition-block .comp-counter-block .new-comp-date .text {
font-size: 20px;
}
.participant .competition-block .competition-block-info,
.participant .competition-block .work-title,
.participant .competition-block .creator-meta {
width: 100%;
padding-left: 0;
}
.participant .competition-block .competition-block-info:hover {
box-shadow: none;
}
}
.member-msg-btn,
.member-msg-btn:focus {
border: 1px solid #fff;
height: 44px;
line-height: 42px;
padding: 0 25px;
text-decoration: none;
color: #fff;
display: block;
position: absolute;
z-index: 10;
bottom: 24px;
font-size: 24px;
left: -100%;
margin-left: 12px;
white-space: nowrap;
background: transparent;
text-align: center;
outline: none;
transition: background .4s, color .4s;
}
.member-msg-btn:hover {
text-decoration: none;
background: #fff;
color: #222;
font-size: 24px;
}
.wrap-mbox {
display: table;
vertical-align: top;
width: 100%;
}
.message-box .messages-container {
padding: 12px;
z-index: 2;
position: relative;
}
.message-box .messages-container:before {
content: "";
position: absolute;
z-index: 3;
background: linear-gradient(to bottom, #d5d5cd, transparent);
height: 60%;
top: 0;
left: 0;
right: 0;
}
.message-box .messages-container:after {
content: "";
position: absolute;
z-index: 4;
background: #fff;
height: 100%;
max-height: 600px;
top: 1px;
left: 1px;
right: 1px;
}
.message-box .msg-item {
overflow: hidden;
margin-bottom: 30px;
z-index: 7;
position: relative;
}
.msg-date-cont {
width: 65px;
overflow: hidden;
float: left;
}
.msg-date-cont * {
font-size: 11px;
font-weight: 300;
line-height: normal;
color: #aeaeae;
}
.msg-date-cont .msg-date {
display: block;
}
.msg-date-cont .msg-icon,
.msg-date-cont .msg-time {
display: inline-block;
vertical-align: top;
line-height: 11px;
}
.msg-date-cont .msg-icon {
margin-left: 5px;
}
.msg-icon.notif {
background: url(../images/stat-notif.png) no-repeat center center;
width: 12px;
height: 11px;
}
.msg-icon.msg {
background: url(../images/stat-msg.svg) no-repeat center center;
width: 11px;
height: 12px;
}
.msg-icon.star {
background: url(../images/stat-star.svg) no-repeat center center;
width: 12px;
height: 11px;
}
.msg-text {
margin-left: 65px;
overflow: hidden;
color: #595959;
font-size: 12px;
line-height: normal;
font-weight: 300;
}
@media (min-width: 1280px) {
.participant .about-block {
height: 252px;
}
}
@media (max-width: 1279px) {
.participant .about-block {
width: 100%;
left: 0;
padding-bottom: 12px;
}
.participant .cover-container .social {
display: none;
}
.participant .scroller.baron .scroller__bar-wrapper {
opacity: 0;
}
.page-content.participant > .container-fluid {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1280px) and (max-width: 1365px) {
.participant .cover-container .member-info .name {
font-size: 22px;
}
}
@media (max-width: 1279px) {
.page-content.participant > .container-fluid > .row {
margin-left: -12px;
margin-right: -12px;
}
.page-content.participant > .container-fluid .col-md-8.col-sm-6,
.page-content.participant .col-md-4.col-sm-6 {
padding-left: 12px;
padding-right: 12px;
}
.page-content.participant > .container-fluid .col-md-8.col-sm-6 .competition-list .container-fluid {
padding-left: 0;
padding-right: 0;
}
.page-content.participant > .container-fluid .col-md-8.col-sm-6 .competition-list .row {
margin-left: 0;
margin-right: 0;
}
.participant .cover-container .cover img {
height: 100%;
width: auto;
}
.participant .competition-list {
width: 100%;
}
.participant .cover-container .member-info {
width: 100%;
}
.participant .cover-container .member-info .ln {
width: 50%;
max-width: none;
}
.cover-container .member-info .name {
max-width: 336px;
margin-left: auto;
margin-right: auto;
}
.participant .cover-container .advances {
position: relative;
float: right;
left: 0;
width: 50%;
overflow: hidden;
padding-right: 24px;
}
.nom-emblem {
height: 140px;
}
.member-msg-btn,
.member-msg-btn:focus {
bottom: 24px;
font-size: 24px;
left: 0;
top: 0;
position: relative;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.advances .portfolio-link {
display: block;
text-align: center;
left: 0;
top: 0;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.page-content.participant .col-md-4.col-sm-6 {
float: right;
}
.page-content.participant .member-page-header {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.sect-title {
margin-left: 0;
margin-right: 0;
}
.page-content.participant .member-page-header {
margin-bottom: 30px;
}
.participant .cover-container .cover img {
height: 100%;
width: auto;
position: relative;
left: -50%;
}
.participant .cover-container .member-info .ln {
width: 100%;
float: none;
}
.participant .cover-container .advances {
position: relative;
float: none;
left: 0;
width: 100%;
overflow: hidden;
padding-right: 12px;
padding-left: 12px;
}
.member-msg-btn,
.member-msg-btn:focus {
font-size: 22px;
width: 100%;
max-width: 336px;
padding: 0 10px;
}
.member-msg-btn:hover {
font-size: 22px;
}
.page-content.participant > .container-fluid {
padding-left: 12px;
padding-right: 12px;
}
.page-content.participant > .container-fluid > .row {
margin-left: -12px;
margin-right: -12px;
}
.page-content.participant > .container-fluid > .row .col-md-8.col-sm-6,
.page-content.participant > .container-fluid > .row .col-md-4.col-sm-6 {
padding-left: 12px;
padding-right: 12px;
}
}
.bx-viewer-btn.bx-viewer-btn-save {
display: none;
}
.page-content.article {
padding: 24px 15px;
max-width: 1160px;
margin: 0 auto;
font-size: 18px;
font-weight: 300;
line-height: 1.5;
}
.page-content.article * {
font-size: 18px;
font-weight: 300;
line-height: 1.5;
}
.page-content.article a {
text-decoration: underline;
}
.page-content.article a:hover {
text-decoration: none;
}
.page-content.article strong {
font-weight: 700;
}
.page-content.article h1,
.page-content.article h2,
.page-content.article h3,
.page-content.article h4 {
font-weight: 700;
}
.page-content.article b {
font-weight: bold;
}
.page-content.article h1 {
font-size: 32px;
}
.page-content.article h2 {
font-size: 28px;
}
.page-content.article h3 {
font-size: 24px;
}
.page-content.article h4 {
font-size: 20px;
}
.page-content.article .btn-btm {
line-height: 42px;
width: 100%;
font-size: 24px;
text-decoration: none;
background: #FDEB00;
border: 0;
text-transform: uppercase;
padding-left: 35px;
font-weight: normal;
}
.page-content.article .btn-btm:before {
content: "";
background: #DFCF00;
border: 18px solid transparent;
border-right: 18px solid #FDEB00;
border-bottom: 18px solid #FDEB00;
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 1279px) {
.page-content.article {
padding: 24px 40px;
}
}
@media (max-width: 767px) {
.page-content.article {
padding: 24px 12px;
}
}
/*===== Jury Page =====
=====================*/
.page-content.jury {
padding-top: 0;
}
.jury-grid-sizer {
width: 120px;
}
.jury-item {
float: left;
}
.jury-item--size1 {
width: 120px;
height: 120px;
}
.jury-item--size2 {
width: 240px;
height: 240px;
}
.jury-item--size3 {
width: 480px;
height: 480px;
}
.jury-item--size4 {
width: 120px;
height: 120px;
}
.jury-item--width2 {
width: 40%;
}
.jury-item--width3 {
width: 60%;
}
.jury-item--height2 {
height: 200px;
}
.jury-item--height3 {
height: 260px;
}
.jury-item--height4 {
height: 360px;
}
.jury-item .jury-img-container {
background: #d9d9d9;
overflow: hidden;
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: 6px;
display: block;
}
.jury-img-container img {
width: 100%;
height: auto;
}
.jury-about-modal .modal-dialog {
max-width: 1080px;
width: 100%;
}
.jury-about-modal .modal-content > .container-fluid {
padding: 70px;
}
.jury-about-modal .modal-content {
position: relative;
}
.jury-about-modal .modal-content .close {
position: absolute;
z-index: 5;
top: 20px;
right: 20px;
float: right;
font-size: 50px;
font-weight: 300;
line-height: 30px;
color: #000;
text-shadow: none;
opacity: 1;
}
.jury-about-modal .col-sm-6 {
padding: 0 30px;
}
.jury-about-modal .modal-content > .container-fluid > .row {
margin: 0 -30px;
}
.jury-about-modal .col-sm-6 img {
width: 100%;
height: auto;
}
.jury-about-modal .jury-name {
color: #000;
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
}
.jury-about-modal .jury-about-text,
.jury-about-modal .jury-about-text * {
color: #6e6e6e;
font-size: 18px;
}
.jury-about-modal .jury-about-text p {
margin-bottom: 16px;
}
.jury-about-modal .jury-about-text a {
text-decoration: underline;
}
.jury-about-modal .jury-about-text a:hover {
text-decoration: none;
}
.jury-about-modal .jury-about-text a.jury-more-link {
color: #3e3e3e;
font-size: 15px;
}
@media (max-width: 1199px) and (min-width: 992px) {
.jury-about-modal .modal-dialog {
max-width: 940px;
}
.jury-about-modal .modal-content > .container-fluid {
padding: 50px;
}
.jury-about-modal .jury-about-text,
.jury-about-modal .jury-about-text * {
font-size: 16px;
}
}
@media (max-width: 991px) {
.jury-about-modal .modal-dialog {
max-width: 740px;
}
.jury-about-modal .modal-content > .container-fluid {
padding: 42px 24px 24px 24px;
}
.jury-about-modal .jury-about-text,
.jury-about-modal .jury-about-text * {
font-size: 16px;
line-height: normal;
}
.jury-about-modal .jury-about-text p {
margin-bottom: 12px;
}
.jury-about-modal .col-sm-6 {
padding: 0 12px;
}
.jury-about-modal .modal-content > .container-fluid > .row {
margin: 0 -12px;
}
.jury-about-modal .modal-content .close {
position: absolute;
z-index: 5;
top: 9px;
right: 12px;
}
.jury-about-modal .jury-name {
margin-bottom: 14px;
}
}
@media (max-width: 767px) {
.jury-about-modal .modal-dialog {
max-width: 560px;
padding-left: 12px;
padding-right: 12px;
margin-left: auto;
margin-right: auto;
}
.jury-about-modal .modal-content .close {
top: 7px;
right: 9px;
}
.jury-about-modal .jury-name {
padding-top: 10px;
}
.jury-about-modal .modal-content .close {
top: 9px;
right: 10px;
font-size: 36px;
line-height: 20px;
}
.jury-item--size3 {
width: 240px;
height: 240px;
}
}
@media (max-width: 479px) {
.jury-about-modal .jury-name {
font-size: 22px;
}
.jury-about-modal .jury-about-text,
.jury-about-modal .jury-about-text * {
font-size: 14px;
}
}
/*===== CONTACTS =====
==============*/
.page-content.contacts-form {
padding: 24px 15px;
max-width: 1160px;
margin: 0 auto;
font-size: 18px;
font-weight: 300;
line-height: 1.5;
min-width: 280px;
}
.page-content.contacts-form .left {
float: left;
width: 430px;
}
.page-content.contacts-form h5.subtitle {
margin-bottom: 47px;
color: #9b9e9f;
}
.page-content.contacts-form .right {
float: right;
width: -moz-calc(100% - 430px);
width: -webkit-calc(100% - 430px);
width: -o-calc(100% - 430px);
width: calc(100% - 430px);
padding-left: 55px;
}
.page-content.contacts-form input[type="text"],
.page-content.contacts-form textarea {
display: block;
width: 100%;
border: 1px solid #bdbdbd;
padding-left: 15px;
padding-right: 15px;
color: #424242;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
height: 46px;
line-height: 44px;
margin-bottom: 20px;
}
.page-content.contacts-form input[type="text"].err {
border: 1px solid red;
}
.page-content.contacts-form textarea {
height: auto;
}
.page-content.contacts-form .right .required input {
width: 50%;
float: left;
}
.page-content.contacts-form .right .required input:first-child {
width: -moz-calc(50% - 15px);
width: -webkit-calc(50% - 15px);
width: -o-calc(50% - 15px);
width: calc(50% - 15px);
margin-right: 15px;
}
span.required, span.attention{
color:red;
}
.page-content.contacts-form a.submit {
display: inline-block;
width: auto;
height: 44px;
border: 1px solid #828282;
color: #646464;
font-size: 24px;
line-height: 42px;
white-space: nowrap;
text-transform: lowercase;
text-decoration: none;
text-align: center;
padding: 0 20px;
transition: background 0.3s, color 0.3s;
}
.page-content.contacts-form a.submit:hover {
color: #f7f7f7;
background: #828282;
}
.page-content.contacts-form a.submit:first-of-type {
margin-right: 10px;
}
.page-content.contacts-form .msg {
margin-top: 10px;
display: block;
color: green;
}
.page-content.contacts-form .map-block {
margin: 25px 0;
}
@media (max-width: 968px) {
.page-content.contacts-form .left, .page-content.contacts-form .right {
float: none;
width: 100%;
padding: 0;
}
}
@media (max-width: 420px) {
.page-content.contacts-form .right .required input {
width: 100% !important;
float: none;
margin-right: 0;
}
.page-content.contacts-form a.submit {
width: 100%;
margin-bottom: 15px;
}
}
/*===== LK =====
==============*/
.lk-menu {
list-style: none;
margin-left: 0;
margin-bottom: 0;
overflow: hidden;
padding-left: 0;
float: right;
}
.lk-menu li {
float: left;
margin-right: 30px;
}
.lk-menu li:last-child {
margin-right: 0;
}
.lk-menu a {
display: block;
border: 1px solid #1a1a1a;
line-height: 35px;
padding: 0 20px;
font-size: 18px;
text-align: center;
text-decoration: none;
transition: background .3s, border-color .3s, color .3s;
}
.lk-menu a:hover,
.lk-menu a.active {
text-decoration: none;
background: #8a8a8a;
border: 1px solid #8a8a8a;
color: #fff;
}
.page-nav .col-md-7,
.page-nav .col-md-5 {
padding-left: 12px;
padding-right: 12px;
}
@media (max-width: 1279px) {
.lk-menu {
text-align: center;
float: none;
margin-bottom: 10px;
margin-top: 5px;
}
.lk-menu li {
display: inline-block;
float: none;
}
}
@media (max-width: 767px) {
.lk-menu a {
padding: 0 10px;
font-size: 14px;
text-transform: lowercase;
}
}
@media (max-width: 400px) {
.lk-menu li {
margin-right: 8px;
margin-bottom: 8px;
}
}
/*===== Request =====
===================*/
.page-content.add-works-page {
padding-bottom: 40px;
padding-top: 40px;
}
.container-fluid.ui-container > .row {
margin-left: -12px;
margin-right: -12px;
}
.container-fluid.ui-container > .row > .col-sm-12 {
padding-left: 12px;
padding-right: 12px;
}
.ui-container {
max-width: 1080px;
border: 1px solid #d0cfc6;
padding: 20px 25px;
}
.lk-block-title {
color: #424242;
font-size: 19px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 15px;
}
.lk-block-yellow {
background-color: #FFDB4D;
padding: 10px;
}
.lk-block-yellow .about-fix-author-hint {
background-color: #ffffff;
position: absolute;
z-index: 999;
left: 0;
padding: 0 15px 15px 15px;
border: 1px solid #d0cfc6;
width: 600px;
display: none;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.lk-block-yellow .about-fix-author-hint .text {
font-size: 13px;
}
.lk-block-yellow .about-fix-author-hint .text img {
width: 200px;
height: auto;
float: left;
margin-bottom: 35px;
}
.lk-block-yellow .about-fix-author-hint .close-hint {
position: absolute;
right: 10px;
top: 23px;
font-weight: bold;
font-size: 20px;
text-decoration: none;
}
.lk-block-yellow .agree-text.about-fix-author {
background-color: #FFDB4D;
}
@media (max-width: 840px) {
.lk-block-yellow .about-fix-author-hint {
width: 100%;
}
.lk-block-yellow .about-fix-author-hint .text img {
width: 200px;
height: auto;
float: none;
display: block;
margin: 0 auto;
}
}
@media (max-width: 400px) {
.lk-block-yellow .agree-text.about-fix-author {
float: none;
}
.lk-block-yellow .about-fix-author-hint {
width: 98%;
margin: 0 1%;
}
}
/*=== Add Works Block ===*/
.add-works-page .ui-container {
padding: 30px;
margin-left: auto;
margin-right: auto;
}
.add-works-page .row {
padding: 0;
}
.add-works-wrap {
overflow: hidden;
}
.add-works-wrap .add-works-container {
margin-right: -30px;
margin-bottom: -30px;
overflow: hidden;
}
.add-works-wrap .add-works-item,
.add-works-wrap .add-work {
border: 1px solid #e5e5e5;
width: 230px;
height: 222px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.add-works-wrap .add-works-item img {
width: 100%;
height: auto;
}
.edit-tools {
height: 32px;
position: absolute;
z-index: 50;
top: 5px;
left: 5px;
right: 5px;
text-align: right;
}
.edit-tools .edit-tools-btn {
width: 32px;
height: 32px;
display: inline-block;
border-radius: 50%;
overflow: hidden;
background-color: #363636;
background-repeat: no-repeat;
background-position: center center;
vertical-align: top;
margin-left: 4px;
}
.edit-tools .edit-btn {
background-image: url(../images/edit-btn-new.png);
}
.edit-tools .change-color-button {
background-image: url(../images/change-color-button.png);
}
.edit-tools .edit-remove {
background-image: url(../images/remove-btn.png);
}
.add-works-wrap .add-work {
text-align: center;
}
.add-works-wrap .add-work a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
text-decoration: none;
}
.add-works-wrap .add-work a:hover,
.add-works-wrap .add-work a:focus {
text-decoration: none;
color: #fff;
}
.add-works-wrap .add-work a:before {
content: "";
width: 116px;
height: 116px;
margin: auto;
position: absolute;
top: 0;
bottom: 17%;
left: 0;
right: 0;
border-radius: 50%;
background: #e5e5e5;
overflow: hidden;
}
.add-works-wrap .add-work a:after {
content: "+";
font-size: 100px;
line-height: 62px;
vertical-align: top;
font-weight: 700;
color: #fff;
width: 63px;
height: 63px;
margin: auto;
position: absolute;
top: 0;
bottom: 17%;
left: 0;
right: 0;
/*overflow: hidden;*/
}
.add-works-wrap .add-work span {
position: absolute;
/*top: 0;*/
bottom: 20px;
left: 0;
right: 0;
display: block;
font-size: 14px;
color: #424242;
text-align: center;
width: 140px;
margin: 0 auto;
line-height: normal;
}
.container-fluid.ui-container .nomination-row {
background: #ffc90c;
margin: -30px -30px 20px;
padding: 20px 30px;
}
.nomination-block {
display: inline-block;
width: 100%;
max-height: 46px;
}
.nomination-block.sod .lk-block-title {
float: left;
width: 60%;
margin-bottom: 0;
margin-top: 10px;
}
.nomination-block.sod select {
float: right;
max-width: 400px;
width: 40%;
}
.add-works-page span.red {
color: #ff0000;
}
.add-works-page .no-transform {
text-transform: none;
font-weight: normal;
}
@media (max-width: 1279px) {
.add-works-page .container-fluid.ui-container {
max-width: 720px;
}
.add-works-page h1 {
margin-top: 0;
}
.add-works-page .container-fluid.ui-container .col-sm-12 {
max-width: none;
}
}
@media (max-width: 767px) {
.add-works-page .container-fluid.ui-container {
max-width: none;
width: auto;
padding: 20px;
margin-left: 0;
margin-right: 0;
}
.page-content.add-works-page {
padding-bottom: 25px;
padding-top: 5px;
}
}
@media (max-width: 639px) {
.add-works-page .container-fluid.ui-container {
max-width: none;
width: auto;
padding: 20px;
border: 1px solid #d0cfc6;
}
.agree-text {
background-color: transparent;
width: auto;
display: block;
}
}
/*=== Zvezda Base Form Styles ===*/
.sod label {
font-size: 14px;
font-weight: normal;
color: #424242;
}
.sod label {
margin-bottom: 0;
}
.sod input {
height: 46px;
line-height: 44px;
}
.sod input[type="password"] {
font-size: 22px;
}
.sod input[name="user_type"] {
font-size: 14px;
width: auto;
margin: 10px;
padding: 0;
display: inline-block;
height: auto;
}
.sod input,
.sod textarea {
display: block;
width: 100%;
border: 1px solid #bdbdbd;
padding-left: 15px;
padding-right: 15px;
color: #424242;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}
.sod select {
display: block;
width: 100%;
border: 1px solid #bdbdbd;
padding-left: 15px;
padding-right: 15px;
color: #424242;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
height: 46px;
}
.sod textarea {
padding-top: 10px;
padding-bottom: 10px;
max-width: 100%;
line-height: 1.4;
min-height: 114px;
height: 114px;
margin-bottom: 24px;
}
.sod input[type="checkbox"] {
margin: 0;
width: 29px;
height: 29px;
display: inline-block;
}
.sod input[type="checkbox"] {
vertical-align: top;
margin: 0;
width: 29px;
height: 29px;
}
.sod input[type="checkbox"] + label {
cursor: pointer;
display: inline-block;
vertical-align: top;
}
.sod input[type="checkbox"]:not(checked) {
position: absolute;
opacity: 0;
}
.sod input[type="checkbox"]:not(checked) + label {
position: relative;
padding: 0 0 0 29px;
}
.sod input[type="checkbox"]:not(checked) + label:before {
content: "";
position: absolute;
/*top: -4px;*/
left: 0;
width: 29px;
height: 29px;
background: #fff;
border: 1px solid #bdbdbd;
}
.sod input[type="checkbox"]:not(checked) + label:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 29px;
height: 29px;
opacity: 0;
transition: opacity .3s;
}
.sod input[type="checkbox"]:checked + label:after {
font-family: "Glyphicons Halflings";
content: "\e013";
font-size: 19px;
text-align: center;
opacity: 1;
}
.sod input[type="submit"],
.sod input[type="button"],
.sod button {
display: inline-block;
width: auto;
border: 1px solid #424242;
padding-left: 20px;
padding-right: 20px;
color: #424242;
font-size: 19px;
font-weight: 700;
text-transform: uppercase;
background: transparent;
border-radius: 0;
margin-bottom: 10px;
transition: background .3s, color .3s, border .3s;
}
.sod input[type="submit"]:hover,
.sod input[type="button"]:hover,
.sod button:hover {
color: #fff;
border: 1px solid #8a8a8a;
background: #8a8a8a;
}
.agree-text-wrap {
overflow: hidden;
height: 29px;
margin-bottom: 24px;
position: relative;
}
.agree-text {
font-size: 14px;
font-weight: normal;
color: #424242;
height: 29px;
padding-top: 4px;
padding-right: 5px;
position: relative;
z-index: 2;
background: #fff;
display: inline-block;
}
.agree-text.about-fix-author {
margin-bottom: 5px;
}
.agree-text-wrap:after {
content: "";
border-top: 1px dotted #bababa;
position: absolute;
z-index: 1;
height: 1px;
top: 0;
bottom: 0;
left: 0;
right: 40px;
margin: auto 0;
}
.agree-text a {
text-decoration: underline;
}
.agree-text a:hover {
text-decoration: none;
}
#request-works textarea {
min-height: 114px;
height: 114px;
margin-bottom: 30px;
}
.agree-text-wrap input[type="checkbox"],
.agree-text-wrap input[type="checkbox"] + label,
#request-works input[type="checkbox"],
#request-works input[type="checkbox"] + label {
float: right;
}
#request-works .flat-wb-btn {
margin-top: 5px;
}
@media (max-width: 1279px) {
.container-fluid.ui-container {
max-width: 698px;
padding-top: 30px;
padding-bottom: 30px;
}
.container-fluid.ui-container .col-sm-12 {
max-width: 520px;
margin-left: auto;
margin-right: auto;
float: none;
}
.request-works-block {
padding-top: 30px;
}
.request-works-block.request-mobile {
padding-top: 0;
padding-bottom: 0;
}
.add-works-wrap .add-works-item, .add-works-wrap .add-work {
margin-top: 10px;
}
.nomination-block {
max-height: 100%;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: block;
}
.nomination-block .lk-block-title {
margin-top: 0 !important;
margin-bottom: 10px !important;
width: 100% !important;
float: none !important;
}
.nomination-block.sod select {
width: 100% !important;
float: none !important;
max-width: none;
}
}
@media (max-width: 767px) {
.container-fluid.ui-container {
width: 580px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.container-fluid.ui-container .nomination-row {
margin: -20px -20px 20px;
padding: 20px;
}
.container-fluid.ui-container .work-fields-row .col-sm-12 {
width: 100%;
}
}
@media (max-width: 639px) {
.container-fluid.ui-container {
max-width: 360px;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 12px;
padding-right: 12px;
}
.ui-container {
border: 0;
}
.container-fluid.ui-container > .row {
margin-left: -12px;
margin-right: -12px;
}
.container-fluid.ui-container .nomination-row {
margin: -20px -20px 20px !important;
padding: 20px;
}
.container-fluid.ui-container > .row > .col-sm-12 {
padding-left: 12px;
padding-right: 12px;
}
.add-works-wrap .add-works-container {
margin-right: 0;
margin-bottom: -12px;
}
.add-works-wrap .add-works-item,
.add-works-wrap .add-work {
margin-right: 0;
margin-bottom: 12px;
width: 100%;
height: 244px;
}
}
@media (max-width: 480px) {
.lk-block-title-co-author {
padding-left: 42px;
position: relative;
font-size: 16px;
padding-top: 3px;
}
.request-works-block .agree-text {
height: auto;
padding-top: 4px;
padding-right: 0;
background: transparent;
display: block;
}
.request-works-block .agree-text-wrap {
position: relative;
padding-left: 42px;
height: auto;
min-height: 29px;
}
.request-works-block .agree-text-wrap:after {
content: normal;
display: none;
}
.request-works-block .agree-text-wrap input[type="checkbox"] + label,
.lk-block-title-co-author input[type="checkbox"] + label,
.lk-block-title-co-author input[type="checkbox"] + label {
position: absolute !important;
left: 0;
top: 0;
}
}
@media (max-width: 357px) {
.agree-text-wrap {
height: 42px;
}
.lk-form-block.agree-text-wrap {
height: 42px;
padding-bottom: 0;
margin-bottom: 34px;
}
.lk-form-block.agree-text-wrap input[type="checkbox"]:not(checked) + label {
margin-top: 6px;
}
.agree-text {
width: 200px;
height: 43px;
float: left;
line-height: normal;
}
.agree-text-wrap input[type="checkbox"],
.agree-text-wrap input[type="checkbox"] + label
#request-works input[type="checkbox"],
#request-works input[type="checkbox"] + label {
margin-top: 6px;
}
.add-works-wrap .add-works-item {
height: auto;
}
}
/*===== LK =====*/
.lk-page {
padding-bottom: 50px;
}
.lk-page .ui-container {
margin: 0 auto;
}
#lk-personal .container-fluid {
padding: 0;
}
#lk-personal .row {
margin: 0 -12px;
}
#lk-personal .col-md-6.col-sm-12 {
padding: 0 12px;
}
.lk-form-block {
padding-bottom: 20px;
}
#lk-personal .lk-about-block textarea {
margin-bottom: 10px;
}
.lk-theme .lk-block-title {
margin-bottom: 27px;
}
.lk-theme .lk-theme-change {
margin-right: -30px;
margin-bottom: -30px;
overflow: hidden;
}
.lk-theme .change-block {
border: 1px solid #e5e5e5;
width: 230px;
height: 222px;
float: left;
margin-right: 30px;
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.lk-theme .change-block a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.lk-theme .change-block.lk-change-avatar a {
width: 162px;
height: 162px;
position: absolute;
bottom: 0;
top: 9%;
left: 0;
right: 0;
z-index: 1;
margin: auto;
border-radius: 50%;
}
.lk-theme .change-block.lk-change-avatar img {
width: 100%;
height: auto;
border-radius: 50%;
}
.lk-theme .change-block.lk-change-cover img {
width: auto;
height: 100%;
}
.change-block-label {
color: #424242;
font-size: 14px;
position: absolute;
z-index: 2;
top: 10px;
left: 0;
right: 0;
text-align: center;
}
.lk-change-cover .change-block-label {
color: #fff;
}
.lk-changepass-block {
position: relative;
}
.lk-about-block {
padding-bottom: 34px;
}
.lk-changepass-block {
padding-bottom: 30px;
}
.new_author {
color: red;
font-size: 19px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 15px;
}
@media (max-width: 1279px) {
.lk-personal-block {
padding-bottom: 30px;
}
}
@media (max-width: 639px) {
.lk-theme .lk-theme-change {
margin-right: 0;
margin-bottom: -12px;
}
.lk-theme .change-block {
margin-right: 0;
margin-bottom: 12px;
width: 100%;
height: 244px;
}
}
/*===== Modals Styles =====*/
.modal-content {
border: 0;
border-radius: 0;
}
.modal-content > .container-fluid > .row {
margin: 0 -12px;
}
.modal-content > .container-fluid,
.modal-content > .container-fluid > .row > .col-md-8.col-sm-12,
.modal-content > .container-fluid > .row > .col-md-4.col-sm-12 {
padding: 0 12px;
}
@media (min-width: 1280px) {
#edit-color-img .modal-content > .container-fluid,
#edit-color-img .modal-content > .container-fluid > .row,
#edit-color-img .modal-content > .container-fluid > .row > .col-md-8.col-sm-12,
#edit-color-img .modal-content > .container-fluid > .row > .col-md-4.col-sm-12,
#edit-brand-img .modal-content > .container-fluid,
#edit-brand-img .modal-content > .container-fluid > .row,
#edit-brand-img .modal-content > .container-fluid > .row > .col-md-8.col-sm-12,
#edit-brand-img .modal-content > .container-fluid > .row > .col-md-4.col-sm-12,
#add-work-img .modal-content > .container-fluid,
#add-work-img .modal-content > .container-fluid > .row,
#add-work-img .modal-content > .container-fluid > .row > .col-md-8.col-sm-12,
#add-work-img .modal-content > .container-fluid > .row > .col-md-4.col-sm-12 {
height: 100%;
}
}
#edit-brand-img {
z-index: 1060;
}
#edit-color-img .modal-dialog,
#edit-brand-img .modal-dialog,
#add-work-img .modal-dialog {
width: 908px;
height: 410px;
margin: 11% auto 30px auto;
}
#edit-color-img .modal-dialog {
margin: 9% auto 30px auto;
}
#edit-brand-img .modal-dialog {
width: 708px;
}
#edit-color-img .modal-dialog {
width: 928px;
height: 705px;
}
#edit-color-img .modal-dialog input[type='button'] {
width: 100%;
}
#edit-brand-img .modal-dialog .modal-content,
#edit-color-img .modal-dialog .modal-content,
#add-work-img .modal-dialog .modal-content {
height: 100%;
padding: 20px 8px;
}
#edit-brand-img .modal-dialog .modal-content .row {
padding: 0 20px;
}
#add-work-form textarea {
width: 100%;
max-width: 100%;
height: 160px;
max-height: 160px;
}
#edit-color-img .work-img-added {
width: 550px;
height: 470px;
}
#add-work-img .work-img-added {
width: 550px;
height: 370px;
overflow: hidden;
}
#edit-brand-img .row {
position: relative;
}
#edit-brand-img .new-brand {
position: absolute;
top: calc(100% - 80px);
width: calc(100% - 40px);
text-align: center;
}
#edit-color-img .head_text {
padding: 0 20px;
font-weight: 700;
font-size: 19px;
text-transform: uppercase;
}
#edit-color-img .head_text .red {
color: #ff0000;
}
#edit-brand-img .head_text {
font-weight: 700;
color: #ff0000;
font-size: 19px;
text-transform: uppercase;
text-align: center;
}
#edit-color-img .head_text .little-text {
font-weight: normal;
color: #000;
font-size: 14px;
text-transform: initial;
line-height: 1;
display: block;
margin-bottom: 15px;
text-align: center;
}
#add-work-img .work-img-added img {
width: 100%;
height: auto;
}
#edit-color-img .work-img-added {
max-width: 100%;
}
#edit-color-img .work-img-added canvas {
width: 100%;
cursor: url(/local/templates/base/images/cursor.cur) 0 30, default;
}
#add-work-form {
height: 100%;
position: relative;
}
#add-work-form .flat-wb-btn {
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
margin-bottom: 0;
}
#edit-color-img .color-box {
width: 100%;
display: inline-block;
}
#edit-color-img .color-box .color_type {
width: 33.3%;
float: left;
position: relative;
opacity: 0.3;
padding-top: 5px;
background-color: #FFF;
background-clip: content-box;
}
#edit-color-img .color_type.selected {
opacity: 1;
}
#edit-color-img .color_type.selected::before {
content: "";
display: block;
border: 5px solid transparent;
border-top: 5px solid #ff0000;
position: absolute;
top: 0;
left: calc(50% - 5px);
}
#edit-color-img .color_type.selected.with_brands::after {
content: "";
border: 5px solid transparent;
border-bottom: 5px solid #ff0000;
position: absolute;
bottom: -5px;
left: calc(50% - 5px);
display: block;
}
#edit-color-img .color-box .color_type img {
width: 100%;
height: 100%;
z-index: 100;
}
#edit-color-img .brand-info,
#edit-color-img .color-info {
background-color: #ffff00;
padding: 10px 13px;
text-align: center;
}
#edit-color-img .brand-info {
display: none;
}
#edit-color-img .color-info {
border-bottom: 2px solid #ff0000;
}
#edit-color-img .brand-info {
border-top: 2px solid #ff0000;
}
#edit-color-img .brand-info.changed,
#edit-color-img .color-info.changed {
background-color: #FFF;
}
#edit-color-img .color-info.changed {
border-top: 2px solid #ffff00;
}
#edit-color-img .brand-info .red,
#edit-color-img .color-info .red {
color: #ff0000;
}
#edit-color-img .brand-info .small {
font-size: 12px;
width: 100%;
display: block;
text-align: center;
line-height: 1;
}
#edit-color-img .brand-info .brand_name {
width: 100%;
display: block;
text-align: center;
font-size: 19px;
font-weight: 700;
margin: 10px 0;
}
#edit-color-img .brand-info .big,
#edit-color-img .color-info .big {
font-size: 15px;
text-transform: uppercase;
}
/*
#edit-color-img .brand-info .big.bold,
#edit-color-img .color-info .big.bold{
font-weight: bold;
}*/
#edit-color-img .brand-info .select_brand_container {
text-align: center;
}
#edit-color-img .brand-info .select_brand {
display: inline-block;
background: #FFF;
width: 29px;
height: 29px;
border-radius: 30px;
font-size: 19px;
font-weight: 700;
text-decoration: none;
padding-top: 2px;
padding-left: 2px;
color: #ff0000;
cursor: pointer;
position: relative;
overflow: hidden;
}
#edit-color-img .brand-info .select_brand:hover::before {
content: "+";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: #FFF;
padding-right: 3px;
}
#edit-color-img .color-info .grey {
color: #979796;
}
#edit-color-img .color-info .color-pre-definition {
width: 100%;
text-align: center;
}
#edit-color-img .color-info .color-definition {
font-weight: bold;
color: black;
color: black;
font-size: 20px;
font-weight: 700;
width: 100%;
text-align: center;
display: inline-block;
}
#edit-brand-img .brands_list {
max-height: 200px;
min-height: 30px;
overflow: auto;
}
#edit-brand-img .other input {
display: block;
width: 100%;
max-width: 250px;
border: 1px solid #bdbdbd;
padding-left: 15px;
padding-right: 15px;
color: #424242;
font-size: 14px;
font-weight: normal;
height: 30px;
margin: 10px auto 0 auto;
}
#edit-brand-img span.add_more{
display:block;
margin:0 auto;
position: relative;
top: 18px;
cursor:pointer;
}
#edit-brand-img span.add_more::before {
content: "";
width: 26px;
height: 26px;
margin: auto;
position: absolute;
top: 0;
bottom: 17%;
left: 0;
right: 0;
border-radius: 50%;
background: #e5e5e5;
overflow: hidden;
}
#edit-brand-img span.add_more::after {
content: "+";
font-size: 26px;
line-height: 12px;
vertical-align: top;
font-weight: 700;
color: #fff;
width: 26px;
height: 26px;
margin: auto;
position: absolute;
top: 13px;
bottom: 0;
left: 9px;
right: 0;
overflow: hidden;
}
#edit-brand-img .brands_list a {
display: inline-block;
float: left;
width: 25%;
}
#edit-brand-img .brands_list a.selected {
font-weight: bold;
color: red;
}
#edit-brand-img .brands_list a:last-child::after {
content: "";
display: block;
clear: both;
}
#edit-brand-img.only-brands .brands_list {
position: relative;
}
#edit-brand-img.only-brands .brands_list .brand_block {
height: 30px;
float: left;
width: 33.3%;
overflow: hidden;
margin-bottom: 5px;
}
#edit-brand-img.only-brands .brands_list .brand_block label {
line-height: 30px;
padding-left: 35px;
}
#edit-color-img .err {
display: block;
width: 100%;
text-align: center;
margin-top: 5px;
color: red;
}
@media (max-width: 1279px) {
#edit-brand-img.only-brands .brands_list .brand_block {
width: 50%;
}
#edit-color-img .modal-dialog,
#edit-brand-img .modal-dialog,
#add-work-img .modal-dialog {
max-width: 490px;
width: 100%;
height: auto;
margin: 11% auto 0 auto;
}
#edit-brand-img .modal-dialog,
#edit-color-img .modal-dialog {
margin: 9% auto 0 auto;
}
#edit-brand-img .modal-dialog .modal-content {
min-height: 395px;
}
#edit-brand-img .modal-dialog .brands_list {
height: 150px;
margin-bottom: 15px;
}
#edit-brand-img .other input {
margin-bottom: 15px;
}
#edit-brand-img .new-brand {
top: 100%;
}
#edit-color-img .work-img-added,
#add-work-img .work-img-added {
width: 100%;
height: auto;
margin-bottom: 24px;
}
#add-work-form {
overflow: hidden;
}
#add-work-form .flat-wb-btn {
position: static;
float: right;
}
#edit-color-img .brands_list_block {
position: relative;
width: 100%;
left: 0;
top: 15px;
}
#edit-color-img .additional_color .brands_list_block {
top: 10px;
}
#edit-color-img .accept_color .brands_list_block {
top: 5px;
}
}
.modal-open,
.modal {
padding-right: 0 !important;
}
@media (max-width: 559px) {
#edit-brand-img.only-brands .brands_list .brand_block {
width: 100%;
}
.modal {
padding-left: 12px;
padding-right: 12px !important;
}
#edit-brand-img .modal-dialog .modal-content {
min-height: 460px;
}
#edit-brand-img .brands_list a {
width: 100%;
float: none;
text-align: center;
}
}
@media (max-width: 419px) {
#add-work-form textarea {
padding-left: 12px;
min-height: 100px;
height: 100px;
max-height: 100px;
}
}
/*===== Participants and Winners List =====
=============================*/
.participants-list .container-fluid {
max-width: 1920px;
text-align: center;
}
.participants-list .row {
margin-left: -12px;
margin-right: -12px;
}
.participants-list .btn-btm {
line-height: 42px;
width: 100%;
font-size: 24px;
text-decoration: none;
background: #FDEB00;
border: 0;
text-transform: uppercase;
padding-left: 35px;
font-weight: normal;
}
.participants-list .btn-btm:before {
content: "";
background: #DFCF00;
border: 18px solid transparent;
border-right: 18px solid #FDEB00;
border-bottom: 18px solid #FDEB00;
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 739px) {
.participants-list .container-fluid {
padding-left: 12px;
padding-right: 12px;
max-width: 480px;
}
}
@media (min-width: 640px) {
.participants-list .container-fluid {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.participants-list .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
.participants-list .col-zd-base {
display: inline-block;
padding: 0 12px;
margin-bottom: 24px;
/*min-width: 340px;*/
text-align: left;
vertical-align: top;
margin-left: -4px;
}
@media (max-width: 739px) {
.participants-list .col-zd-base {
display: block;
margin-left: 0;
}
}
@media (max-width: 739px) {
.participants-list .col-zd-base {
width: 100%;
}
}
@media (min-width: 740px) {
.participants-list .col-zd-base {
width: 50%;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.vn-page.has-sidebar.content-collapse .participants-list .col-zd-base {
width: 50%;
}
}
/*@media (min-device-width: 1100px) and (max-device-width: 1279px) {*/
/*.participants-list .col-zd-base {*/
/*width: 33.33333%;*/
/*}*/
/*}*/
@media (min-width: 1100px) {
.participants-list .col-zd-base {
width: 33.33333%;
}
}
@media (min-width: 1480px) {
.participants-list .col-zd-base {
width: 25%;
}
}
@media (min-width: 1830px) {
.participants-list .col-zd-base {
width: 20%;
}
}
.participants-item {
position: relative;
overflow: hidden;
height: 254px;
background: #eeeeee;
transition: box-shadow 0.2s;
}
.participant-img-block {
width: 122px;
height: 118px;
margin: 40px auto 0 auto;
position: relative;
}
.participants-item.hasTrophy .participant-img-block {
margin: 15px auto 0 auto;
}
.participants-item.hasTrophy .winner-glory {
display: block;
}
.participant-img-block .winner-glory {
background: url(../images/winner-glory-list.png) no-repeat top center;
position: absolute;
z-index: 2;
top: 16px;
left: 0;
right: 0;
width: 122px;
height: 92px;
margin: 0 auto;
display: none;
}
.participant-img-block .participant-img {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 30px auto;
position: absolute;
z-index: 3;
left: 0;
right: 0;
}
.participant-img-block .participant-img img {
width: 100% !important;
height: auto !important;
border-radius: 50%;
border: 1px solid #fff;
}
.participant-name-block {
font-size: 18px;
font-weight: 300;
color: #000;
text-align: center;
line-height: normal;
min-height: 44px;
position: relative;
}
.participant-name {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
}
.participant-name-block span {
display: block;
text-align: center;
}
.participants-item.hasTrophy .trophy-list {
display: block;
}
.trophy-list {
height: 70px;
overflow: hidden;
color: #fff;
font-size: 12px;
line-height: normal;
background: #808080;
padding: 0 35px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: none;
}
.trophy-list .trophy-item {
height: 70px;
display: table-cell;
vertical-align: middle;
padding: 5px 0;
}
.trophy-star {
background: rgba(95, 95, 95, 0.35);
border-radius: 50%;
overflow: hidden;
width: 42px;
height: 42px;
display: block;
float: left;
position: relative;
margin: -21px 0 0 0;
top: 50%;
bottom: 0;
left: 0;
}
.trophy-star:after {
content: "";
display: block;
width: 42px;
height: 42px;
background: url(../images/trophy-star.png) no-repeat center center;
}
.trophy-list .trophy-text {
display: block;
margin-left: 48px;
max-height: 44px;
height: auto;
overflow: hidden;
}
.trophy-list.owl-carousel .owl-nav {
position: relative;
}
.trophy-list.owl-carousel .owl-controls .owl-nav .owl-prev,
.trophy-list.owl-carousel .owl-controls .owl-nav .owl-next {
position: absolute;
z-index: 10;
top: -49px;
width: 13px;
height: 27px;
white-space: nowrap;
text-indent: 200%;
overflow: hidden;
}
.trophy-list.owl-carousel .owl-controls .owl-nav .owl-prev {
left: -18px;
background: url(../images/trophy-arr-left.png) no-repeat right center;
}
.trophy-list.owl-carousel .owl-controls .owl-nav .owl-next {
right: -18px;
background: url(../images/trophy-arr-right.png) no-repeat left center;
}
@media (max-width: 359px) {
.participants-list .col-zd-base {
min-width: 100%;
}
.participants-item {
height: 270px;
}
.trophy-list {
height: 90px;
overflow: hidden;
color: #fff;
font-size: 12px;
line-height: normal;
background: #808080;
padding: 0 35px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: none;
}
.trophy-list .trophy-item {
height: 90px;
display: table-cell;
vertical-align: middle;
padding: 5px 0;
}
.trophy-list .trophy-text {
max-height: 56px;
}
.trophy-list.owl-carousel .owl-controls .owl-nav .owl-prev,
.trophy-list.owl-carousel .owl-controls .owl-nav .owl-next {
top: -59px;
}
}
@media (min-width: 1280px) {
.has-sidebar .participants-list .col-zd-base {
width: 33.33333333%;
}
.has-sidebar.content-collapse .participants-list .col-zd-base {
width: 50%;
}
}
@media (min-width: 1550px) {
.has-sidebar .participants-list .col-zd-base {
width: 25%;
}
.has-sidebar.content-collapse .participants-list .col-zd-base {
width: 33.33333333%;
}
}
@media (min-width: 1910px) {
.has-sidebar .participants-list .col-zd-base {
width: 20%;
}
.has-sidebar.content-collapse .participants-list .col-zd-base {
width: 25%;
}
}
/*===== Progress List =====
=========================*/
.progress-list {
margin-bottom: 30px;
}
.progress-list .container-fluid {
max-width: 1082px;
padding: 0;
}
.progress-list .row {
margin: 0;
}
.progress-list .col-md-12.col-sm-6 {
padding: 0;
}
.progress-list .container-fluid .container-fluid {
max-width: none;
padding: 0 12px;
}
.progress-list .row .row {
margin: 0 -12px;
}
.progress-list .col-md-4.col-sm-12,
.progress-list .col-md-8.col-sm-12 {
padding: 0 12px;
z-index: 3;
}
.progress-list-item {
background: #F7F7F7;
border: 1px solid #d0cfc6;
padding: 20px 0;
min-height: 242px;
position: relative;
margin-bottom: 24px;
}
.progress-list-item.winner:after {
content: "";
display: block;
position: absolute;
z-index: 1;
background: url(../images/progress-star.png) no-repeat right bottom;
bottom: 0;
top: 0;
right: 0;
left: 0;
}
.progress-list-item .participant-avatar {
width: 100%;
height: 100%;
overflow: hidden;
}
.progress-list-item .participant-avatar a {
display: block;
overflow: hidden;
width: 202px;
height: 202px;
border-radius: 50%;
margin: auto;
}
.progress-list-item .participant-avatar img {
display: block;
width: 100%;
height: auto;
border-radius: 50%;
border: 1px solid #fff;
}
.progress-list-item .progress-info .progress-date {
font-size: 16px;
color: #363636;
padding-top: 18px;
line-height: normal;
margin-bottom: 15px;
}
.progress-list-item .progress-info .part-name {
font-size: 36px;
color: #000;
line-height: normal;
font-weight: 700;
margin-bottom: 8px;
}
.progress-list-item .progress-info .progress-text {
font-size: 20px;
color: #000;
line-height: normal;
font-weight: 300;
margin-bottom: 25px;
position: relative;
}
.progress-list-item .progress-info .progress-link {
display: inline-block;
height: 44px;
border: 1px solid #828282;
color: #646464;
font-size: 24px;
line-height: 42px;
white-space: nowrap;
text-transform: lowercase;
text-decoration: none;
text-align: center;
padding: 0 20px;
transition: background 0.3s, color 0.3s;
}
.progress-list-item .progress-info .progress-link:hover {
color: #f7f7f7;
background: #828282;
text-decoration: none;
}
.progress-list-item .hide-overlay444 {
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
right: 0;
height: 20px;
background: linear-gradient(to top, #f7f7f7, transparent);
display: none;
}
@media (max-width: 1279px) {
.progress-list .container-fluid {
padding: 0 40px;
max-width: 1080px;
}
.progress-list .row {
margin: 0 -12px;
}
.progress-list .col-md-12.col-sm-6 {
padding: 101px 12px 0 12px;
}
.progress-list .container-fluid .container-fluid {
max-width: none;
padding: 0 20px;
}
.progress-list .row .row {
margin: 0 -20px;
}
.progress-list-item {
padding-top: 0;
padding-bottom: 25px;
text-align: center;
}
.progress-list .col-md-4.col-sm-12,
.progress-list .col-md-8.col-sm-12 {
padding: 0 20px;
}
.progress-list-item .participant-avatar {
height: 202px;
margin-top: -101px;
}
.progress-list-item .progress-info .part-name {
font-size: 28px;
}
.progress-list-item .progress-info .part-name span {
display: block;
white-space: nowrap;
}
.progress-list-item .hide-overlay {
display: block;
}
.progress-list-item .progress-info .progress-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
@media (max-width: 839px) {
.progress-list .container-fluid {
padding: 0 24px;
}
.progress-list-item .progress-info .part-name {
font-size: 26px;
}
.progress-list-item .progress-info .progress-text {
font-size: 18px;
}
}
@media (max-width: 767px) {
.progress-list .container-fluid {
padding: 0 12px;
max-width: 424px;
}
.progress-list-item .progress-info .part-name {
font-size: 28px;
}
.progress-list-item .progress-info .progress-text {
font-size: 20px;
}
}
@media (max-width: 379px) {
.progress-list-item .progress-info .part-name {
font-size: 26px;
}
.progress-list-item .progress-info .progress-text {
font-size: 18px;
}
.progress-list-item.winner:after {
background-size: 250px 250px;
}
}
@media (max-width: 359px) {
.progress-list-item .progress-info .part-name {
font-size: 23px;
}
.progress-list-item .progress-info .progress-text {
font-size: 17px;
}
}
/*===== Progress Detail Page =====
============================*/
.page-content.progress-detail {
padding: 24px 0;
}
.progress-detail .container-fluid {
max-width: 1080px;
padding: 0 12px;
}
.progress-detail .row {
margin: 0 -12px;
}
.progress-detail .col-sm-12,
.progress-detail .col-md-8,
.progress-detail .col-md-4 {
padding: 0 12px;
}
.progress-detail-wrap .participant-avatar {
width: 100%;
height: 100%;
overflow: hidden;
}
.progress-detail-wrap .participant-avatar a {
display: block;
overflow: hidden;
width: 202px;
height: 202px;
border-radius: 50%;
margin: auto;
}
.progress-detail-wrap .participant-avatar img {
display: block;
width: 100%;
height: auto;
border-radius: 50%;
border: 1px solid #fff;
}
.progress-detail-wrap .progress-detail-content {
height: auto;
padding-bottom: 28px;
position: relative;
}
.progress-detail-wrap .progress-detail-content .progress-detail-date {
font-size: 16px;
color: #363636;
padding-top: 17px;
line-height: normal;
text-align: center;
}
.progress-detail-wrap .progress-detail-content .progress-detail-title {
font-size: 36px;
font-weight: 700;
color: #000;
line-height: normal;
margin-top: 0;
margin-bottom: 8px;
text-align: center;
}
.progress-detail-wrap .progress-detail-content .progress-detail-text {
font-size: 20px;
color: #000;
font-weight: 300;
line-height: normal;
}
.last-progress-sidebar .container-fluid {
max-width: none;
}
.last-progress-sidebar .container-fluid,
.last-progress-sidebar .col-md-12,
.last-progress-sidebar .col-sm-6 {
padding: 0;
}
.last-progress-sidebar .row {
margin: 0;
}
.last-progress-sidebar .progress-list-item {
text-align: center;
padding-left: 12px;
padding-right: 12px;
min-height: 0;
}
.last-progress-sidebar .progress-list-item .progress-info .progress-date {
padding-top: 0;
}
.last-progress-sidebar .progress-list-item .progress-info .part-name {
font-size: 22px;
}
.last-progress-sidebar .progress-list-item .progress-info .progress-text {
font-size: 17px;
}
@media (max-width: 1279px) {
.last-progress-sidebar .progress-list-item {
padding-top: 20px;
}
.progress-detail .container-fluid {
max-width: 720px;
}
.progress-detail .col-sm-12.last-progress-sidebar {
padding: 0;
}
.last-progress-sidebar .col-md-12,
.last-progress-sidebar .col-sm-6 {
padding: 0 12px;
}
.progress-detail-wrap .progress-detail-content .progress-detail-date {
font-size: 14px;
padding-top: 12px;
}
.progress-detail-wrap .progress-detail-content .progress-detail-title {
font-size: 24px;
margin-top: 5px;
margin-bottom: 10px;
}
.progress-detail-wrap .progress-detail-content .progress-detail-text {
font-size: 14px;
}
}
@media (max-width: 767px) {
.progress-detail .container-fluid {
max-width: 360px;
margin: 0 auto;
}
.progress-news-sidebar {
display: none;
}
}
.lk-birthday-wrap {
position: relative;
}
.lk-birthday-wrap img.calendar-icon {
border: 0;
width: 19px;
height: 19px;
vertical-align: top;
cursor: pointer;
position: absolute;
z-index: 5;
right: 12px;
top: 0;
bottom: 0;
margin: auto 0;
}
.no-pad-left {
padding-left: 0 !important;
}
.no-mar-left {
margin-left: 0 !important;
}
.lk-menu a.disabled,
.lk-menu a.disabled:hover {
opacity: 0.3;
cursor: default;
background: #8a8a8a;
border: 1px solid #8a8a8a;
color: #f0f0f0;
}
#member-msg .container-fluid {
padding: 0px 24px 0px 24px;
}
#member-msg .modal-dialog {
margin: 11% auto 30px auto;
}
#member-msg-form h3 {
margin-top: 0px !important;
}
@media (max-width: 767px) {
#member-msg {
padding-left: 15px;
padding-right: 15px !important;
}
#member-msg .modal-dialog {
max-width: 600px;
}
}
@media (max-width: 419px) {
#member-msg .container-fluid {
padding: 20px 15px 12px 15px;
}
#member-msg .flat-wb-btn {
display: block;
margin-left: auto;
margin-right: auto;
}
}
.all-ok-send-mess {
font-size: 16px;
color: #43A721;
}
/*===== Auth, Registrtion, Forgot, Reset =====
============================================*/
.zauth h1 {
margin-top: 0;
line-height: normal;
margin-bottom: 0px;
}
.zauth .auth-links {
padding-top: 5px;
}
.zauth .auth-links a {
display: inline-block;
margin-right: 25px;
margin-top: 5px;
}
.zauth.ui-container {
max-width: 600px;
margin-top: 30px;
margin-bottom: 30px;
}
.sod input.error {
border-color: #f00;
color: #f00;
}
.sod .error {
color: #f00;
}
.zauth .agree-text-wrap {
margin-top: 25px;
height: auto;
padding-right: 120px;
}
.zauth .agree-text-wrap::after {
margin: 0;
top: 14px;
}
.zauth .sod input[type="checkbox"]:not(checked) + label {
position: relative;
padding: 0 0 0 29px;
left: 120px;
}
.agree-text-wrap.error .agree-text,
.agree-text-wrap.error .agree-text a,
.agree-text-wrap.error .agree-text a:hover {
color: #f00;
}
.agree-text-wrap.error input[type="checkbox"]:not(checked) + label:before {
border: 1px solid #f00;
}
.agree-text-wrap.error:after {
border-top: 1px dotted #f00;
}
.zauth form {
margin-bottom: 0;
}
.page-content.article .zauth p {
line-height: 1.3;
margin-bottom: 12px;
font-size: 16px;
font-weight: 300;
}
.page-content.article .zauth p.auth-top-text {
margin-bottom: 25px;
line-height: 1.5;
}
.page-content.article .zauth p.auth-top-text a {
font-size: 16px;
}
.zauth .flat-wb-btn,
.zauth .forgot .flat-wb-btn,
.zauth .reset .flat-wb-btn {
margin-top: 12px;
}
.zauth .agree-text {
padding-top: 0;
}
@media (max-width: 359px) {
.zauth .agree-text-wrap {
margin-top: 0;
line-height: normal;
height: auto;
padding-right: 50px;
}
.zauth .agree-text {
width: 194px;
height: auto;
float: left;
line-height: normal;
}
.zauth .agree-text-wrap input[type="checkbox"],
.zauth .agree-text-wrap input[type="checkbox"] + label {
margin-top: 11px;
}
.zauth .sod input[type="checkbox"]:not(checked) + label {
left: 47px;
top: 0;
margin-top: 5px;
}
.zauth .agree-text-wrap::after {
top: 19px;
}
}
@media (max-width: 639px) {
.zauth.ui-container {
max-width: 480px;
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
border: 1px solid #d0cfc6;
padding-left: 20px;
padding-right: 20px;
}
}
.tablebodytext {
display: none;
}
.forgot_pass2 {
display: none;
}
.sod span.error {
color: #f00;
padding: 0;
margin-top: -6px;
display: block;
line-height: 1;
}
.errors {
color: #f00;
}
.error_color {
color: #f00 !important;
border: 1px solid #f00 !important;
}
.success {
color: #26A81D;
}
/*===== Like Modal =====*/
#id_need_auth_vote {
margin-top: 10%;
}
#id_need_auth_vote .modal-dialog {
height: auto;
text-align: center;
}
#id_need_auth_vote .modal-content {
padding: 36px 24px;
}
#id_need_auth_vote .modal-content > .container-fluid,
#id_need_auth_vote .modal-content > .container-fluid > .row {
height: auto;
}
#id_need_auth_vote h2 {
font-size: 26px;
margin-top: 0;
margin-bottom: 30px;
line-height: 1.2;
}
#id_need_auth_vote a {
font-size: 18px;
text-decoration: underline;
font-weight: 300;
}
#id_need_auth_vote a:hover {
text-decoration: none;
}
@media (max-width: 379px) {
#id_need_auth_vote h2 {
font-size: 21px;
}
#id_need_auth_vote a {
font-size: 17px;
}
#id_need_auth_vote .col-sm-6.col-xs-12 {
margin-bottom: 10px;
}
}
/*===== Like Button =====*/
.like-btn span.text1,
.like-btn.voted span.text2 {
display: inline-block;
padding: 0 40px;
position: relative;
}
.like-btn span.text2,
.like-btn.voted span.text1 {
display: inline-block;
padding: 0 40px;
position: relative;
}
.vote-error {
color: #f00;
line-height: 1.3;
padding: 15px 5px 0px 5px;
font-size: 13px;
text-align: center;
}
.like-btn {
position: relative;
}
/*#id_link_vote.like-btn {*/
/*background: #FDEB00;*/
/*border:0;*/
/*line-height: 48px;*/
/*padding-left: 35px;*/
/*text-transform: uppercase;*/
/*}*/
/*#id_link_vote.like-btn {
border:0;
line-height: 48px;
padding-left: 35px;
padding-right: 35px;
text-align: center;
text-transform: uppercase;
padding: 0 10px;
font-size: 12px;
-webkit-appearance: none;
border: 1px solid #ebebeb;
}
#id_link_vote.wb-btn.like-btn::after {
display:none;
}
#id_link_vote.like-btn span:before{
content:"";
background: url(/local/templates/base_sub_page/components/archiprofi/ib-list-linkprop/list-works/images/star_vote.png) no-repeat 0 0;
display: block;
width: 22px;
height: 22px;
position: absolute;
left: 0px;
top: 13px;
}
#id_link_vote.like-btn.voted span:before, #id_link_vote.like-btn:hover span:before {
background: url(/local/templates/base_sub_page/components/archiprofi/ib-list-linkprop/list-works/images/star_vote.png) no-repeat 100% 0;
}
*/
.like-btn .preloader {
display: none;
opacity: 0;
text-align: center;
}
.like-btn .preloader img {
position: absolute;
z-index: 11;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.like-btn.active .preloader {
display: block;
opacity: 1;
position: absolute;
z-index: 10;
bottom: 0;
top: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.7);
}
.modal-backdrop {
background-color: #000;
}
.modal-backdrop.in {
opacity: 0.5;
}
.comments-block fieldset {
padding: 15px 15px 10px 15px;
background-color: #F2F2F2;
border: 1px solid #E5E5E5 !important;
margin-top: 10px;
}
.comments-block fieldset p {
font-size: 15px;
font-weight: 300;
}
.comments-block textarea[name=COMMENT] {
width: 100% !important;
border: 1px solid #e5e5e5;
padding: 10px;
font-size: 14px;
min-height: 80px;
}
.comments-block button.comment_submit {
display: block;
width: 268px;
height: 46px;
background: #FFF;
border: 1px solid #D8D8D8;
color: #9B9B9B;
font-size: 19px;
text-transform: uppercase;
line-height: 46px;
text-align: center;
text-decoration: none;
white-space: nowrap;
padding: 0 20px;
opacity: 1;
transition: background 0.3s, color 0.3s, border-color 0.3s;
margin: 15px auto 5px auto;
}
@media (max-width: 767px) {
.comments-block button.comment_submit {
width: 268px;
margin: 10px auto 0 auto;
}
}
@media (max-width: 419px) {
.comments-block button.comment_submit {
max-width: 250px;
width: 100%;
margin: 10px auto 0 auto;
}
}
.slick-dots {
height: 25px;
text-align: right;
list-style: none;
padding-left: 0;
padding-right: 4px;
padding-top: 7px;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(12, 12, 12, 0.7);
}
.slick-dots li {
border-radius: 50%;
border: 2px solid #fff;
display: inline-block;
margin: 0 4px;
vertical-align: top;
position: relative;
overflow: hidden;
width: 11px;
height: 11px;
}
.slick-dots li:after {
content: "";
display: none;
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #fff;
margin: auto;
width: 3px;
height: 3px;
border-radius: 50%;
overflow: hidden;
}
.slick-dots li:hover:after,
.slick-dots li.slick-active:after {
display: block;
}
.slick-dots li button,
.slick-dots li button:focus {
width: 11px;
height: 11px;
border-radius: 50%;
background: transparent;
display: block;
border: 0;
box-shadow: none;
}
/*===== Anvi Styles =====
========================*/
.lk-change-cover .change-block-label.white {
color: #fff;
text-shadow: 1px 1px 2px black;
}
.info-file {
width: 490px;
margin-right: 30px;
margin-bottom: 10px;
}
.info-file-sizes {
color: #5C5C5C;
font-size: 12px;
padding-top: 10px;
}
.des_fileProgress {
color: #5C5C5C;
font-size: 12px;
padding-top: 10px;
}
.mainErrorStateReq.error {
font-size: 12px;
}
/*-------------------*/
.fp-title a {
font-size: 36px;
color: #b0b0b0;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
transition: color .3s;
}
.fp-title a:hover {
text-decoration: none;
color: #000;
}
@media (max-width: 991px) {
.fp-title a {
color: #000;
font-size: 24px;
}
.fp-title a:hover {
text-decoration: none;
color: #999;
}
}
.rel_wrap {
position: relative;
}
.lk-change-cover .change-block-label {
color: #000;
}
@media (min-width: 768px) {
.cover-container .cover img {
width: auto;
height: 100%;
}
}
.vn-page .site-header .container-fluid,
.front-page .site-header .container-fluid,
.page-nav .container-fluid,
.site-footer-bottom,
.front-page .site-footer-bottom,
.page-content,
.front-page footer,
.vn-page footer {
min-width: 320px;
}
@media (max-width: 639px) {
.site-footer-bottom .container-fluid,
.fp-title,
.middle-btn-container {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 640px) and (max-width: 767px) {
.site-footer-bottom .container-fluid,
.front-page.desktop-scroll .site-header .container-fluid,
.bestauthors-carousel-wrap .container-fluid,
.news-sect .container-fluid,
.new-works-sect .container-fluid,
.fp-title,
.middle-btn-container,
.participants-list .container-fluid,
.jury .container-fluid,
.work-detail > .container-fluid {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 768px) {
.site-footer-bottom .container-fluid,
.front-page.desktop-scroll .site-header .container-fluid,
.vn-page .site-header .container-fluid,
.news-sect .container-fluid,
.new-works-sect .container-fluid,
.fp-title,
.middle-btn-container,
.jury .container-fluid,
.work-detail > .container-fluid {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.vn-page.has-sidebar .site-footer-bottom .container-fluid,
.vn-page.has-sidebar .site-header .container-fluid,
.vn-page.has-sidebar .page-nav .container-fluid,
.vn-page.has-sidebar .participants-list .container-fluid,
.vn-page.has-sidebar .jury .container-fluid,
.vn-page.has-sidebar .work-detail > .container-fluid {
padding-left: 24px;
padding-right: 24px;
}
.vn-page.has-sidebar #top_scroller {
right: 24px;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
margin-right: -15px;
margin-bottom: -15px;
}
.vn-page.has-sidebar .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item {
width: 33.3333333%;
display: block;
float: left;
margin-bottom: 15px;
margin-left: 0;
}
.vn-page.has-sidebar .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item a {
margin-right: 15px;
}
}
@media (min-width: 1170px) and (max-width: 1279px) {
.vn-page.has-sidebar .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item {
width: 25%;
}
}
@media (min-width: 1280px) {
.page-content {
padding-left: 20px !important;
padding-right: 20px !important;
max-width: 1880px;
margin-left: auto;
margin-right: auto;
}
.vn-page .site-header .container-fluid,
.page-nav .container-fluid,
.site-footer-bottom .container-fluid,
.page-content.news-list,
.page-content.add-works-page,
.page_404 .page-content,
.page-content.news-detail,
.page-content.lk-page,
.page-content.progress-list,
.page-content.progress-detail,
.middle-btn-container {
padding-left: 40px !important;
padding-right: 40px !important;
max-width: 1880px;
margin-left: auto;
margin-right: auto;
}
.front-page .site-header .container-fluid,
.site-footer-top .container-fluid {
padding-left: 40px !important;
padding-right: 40px !important;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
.fp-title {
padding-left: 40px !important;
padding-right: 40px !important;
max-width: 1520px;
margin-left: auto;
margin-right: auto;
}
.new-works-sect .container-fluid,
.front-page .middle-btn-container,
.front-page .competition-list .container-fluid,
.news-sect .container-fluid {
padding-left: 40px !important;
padding-right: 40px !important;
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
.bestauthors-carousel-wrap .container-fluid {
min-width: 1183px;
max-width: 1470px;
padding: 0 40px;
}
}
@media (min-width: 1280px) and (max-width: 1366px) {
.vn-page.has-sidebar .site-footer-bottom .container-fluid,
.vn-page.has-sidebar .site-header .container-fluid,
.vn-page.has-sidebar .page-nav .container-fluid,
.vn-page.has-sidebar .participants-list .container-fluid,
.vn-page.has-sidebar .jury .container-fluid,
.vn-page.has-sidebar .work-detail > .container-fluid {
padding-left: 24px !important;
padding-right: 24px !important;
}
.vn-page.has-sidebar .page-content {
padding-left: 9px !important;
padding-right: 9px !important;
}
.vn-page.has-sidebar .site-header .header-menu li {
margin-right: 5px;
}
.vn-page.has-sidebar .site-header .header-menu li.more {
margin-right: 0;
}
}
@media (min-width: 1680px) and (max-width: 1779px) {
.vn-page.has-sidebar.content-collapse .site-footer-bottom .container-fluid,
.vn-page.has-sidebar.content-collapse .site-header .container-fluid,
.vn-page.has-sidebar.content-collapse .page-nav .container-fluid,
.vn-page.has-sidebar.content-collapse .participants-list .container-fluid,
.vn-page.has-sidebar.content-collapse .jury .container-fluid,
.vn-page.has-sidebar.content-collapse .work-detail > .container-fluid {
padding-left: 24px !important;
padding-right: 24px !important;
}
.vn-page.has-sidebar.content-collapse .page-content {
padding-left: 9px !important;
padding-right: 9px !important;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li {
margin-right: 6px;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.more {
margin-right: 0;
}
}
@media (min-width: 1780px) {
.vn-page.has-sidebar.content-collapse .site-footer-bottom .container-fluid,
.vn-page.has-sidebar.content-collapse .site-header .container-fluid,
.vn-page.has-sidebar.content-collapse .page-nav .container-fluid,
.vn-page.has-sidebar.content-collapse .participants-list .container-fluid,
.vn-page.has-sidebar.content-collapse .jury .container-fluid,
.vn-page.has-sidebar.content-collapse .work-detail > .container-fluid {
padding-left: 24px !important;
padding-right: 24px !important;
}
.vn-page.has-sidebar.content-collapse .page-content {
padding-left: 9px !important;
padding-right: 9px !important;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li {
margin-right: 35px;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.more {
margin-right: 0;
}
}
@media (min-width: 1280px) and (max-width: 1679px) {
.vn-page.has-sidebar.content-collapse .site-footer-bottom .container-fluid,
.vn-page.has-sidebar.content-collapse .site-header .container-fluid,
.vn-page.has-sidebar.content-collapse .page-nav .container-fluid,
.vn-page.has-sidebar.content-collapse .participants-list .container-fluid,
.vn-page.has-sidebar.content-collapse .jury .container-fluid,
.vn-page.has-sidebar.content-collapse .work-detail > .container-fluid {
padding-left: 24px !important;
padding-right: 24px !important;
}
.vn-page.has-sidebar.content-collapse .page-content {
padding-left: 9px !important;
padding-right: 9px !important;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li {
margin-right: 6px;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.more {
margin-right: 0;
}
.vn-page.has-sidebar.content-collapse .site-header {
padding-bottom: 0;
height: auto;
text-align: center;
background: #000 url(../images/vn-header-bg-top.jpg) repeat-x center top;
}
.vn-page.has-sidebar.content-collapse .site-header .container-fluid {
background: url(../images/vn-header-bg.jpg) repeat-x center bottom;
}
.vn-page.has-sidebar.content-collapse .site-header .navbar-header {
padding: 0;
margin: 0;
float: none;
}
.vn-page.has-sidebar.content-collapse .site-header .site-logo {
width: 360px;
margin-top: 6px;
margin-left: -5px;
}
.vn-page.has-sidebar.content-collapse .site-header .site-logo img {
width: 100%;
height: auto;
}
.vn-page.has-sidebar.content-collapse .site-header .navbar-toggle {
display: block !important;
}
.vn-page.has-sidebar.content-collapse .site-header .container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
padding: 0 40px;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu {
width: 654px;
overflow: hidden;
float: none;
margin: 0 auto;
padding: 14px 0 35px 0;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li {
margin: 0 6px 8px 6px;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li a {
font-size: 24px;
line-height: 47px;
width: 315px;
text-align: center;
}
.vn-page.has-sidebar.content-collapse .header-menu li.more {
display: none;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li {
display: block;
}
.vn-page.has-sidebar.content-collapse .navbar-collapse.collapse {
display: none !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.vn-page.has-sidebar.content-collapse .navbar-collapse.collapse.in {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.vn-page.has-sidebar.content-collapse .header-nav:before {
content: "";
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 1px;
height: 14px;
background: url(../images/menu-decor.png) no-repeat center bottom;
opacity: 0;
transition: opacity 0.2s;
}
.vn-page.has-sidebar.content-collapse .header-nav.in:before {
display: block;
opacity: 1;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li:before,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li:before {
opacity: 1;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li a:before {
content: "";
position: absolute;
z-index: 13;
top: 0;
left: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li a:after {
content: "";
position: absolute;
z-index: 13;
top: 0;
right: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li:after,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li:after {
content: "";
position: absolute;
z-index: 12;
height: 1px;
right: 30px;
left: 30px;
bottom: 0;
display: block;
background: linear-gradient(to right, transparent, #faed8a, transparent);
box-shadow: none;
opacity: 0.8;
width: auto;
margin-left: 0;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li a span:before {
content: "";
position: absolute;
z-index: 14;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, #827e6e, transparent, #827e6e);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li:hover:before,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.active:before {
content: "";
position: absolute;
z-index: 12;
margin-left: -4px;
left: 50%;
bottom: 1px;
display: block;
border: 4px solid transparent;
border-bottom-color: #e3d77e;
opacity: 0.8;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li:hover:after,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.active:after {
opacity: 1;
left: 0;
right: 0;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li .mobile-lang {
width: 315px;
padding: 0;
margin: 0;
text-align: center;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li .mobile-lang li {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
float: none;
display: inline-block;
width: 150px;
opacity: 0.8;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li .mobile-lang li a {
width: 150px;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li:before,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li:hover:before,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li.active:before {
content: "";
position: absolute;
z-index: 13;
top: 0;
left: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
opacity: 1;
margin-left: 0;
border: 0;
height: 47px;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li .mobile-lang:before {
content: "";
position: absolute;
z-index: 14;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, #827e6e, transparent, #827e6e);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li span:before,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li li a:before,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li li a:after {
content: normal;
display: none;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li:after,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li:hover:after,
.vn-page.has-sidebar.content-collapse .site-header .header-menu li.mobile-lang-li.active:after {
content: "";
position: absolute;
z-index: 13;
top: 0;
right: 0;
bottom: 0;
width: 1px;
display: block;
background: linear-gradient(to bottom, #767344, transparent);
box-shadow: 0 0 10px rgba(255, 255, 190, 0.7);
opacity: 1;
margin-left: 0;
border: 0;
left: auto;
height: 47px;
}
.vn-page.has-sidebar.content-collapse .header-nav:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 3px;
background: linear-gradient(to right, transparent, #faed8a, transparent);
box-shadow: 0 0 27px rgba(255, 255, 255, 0.75);
display: block;
opacity: 1;
transition: opacity 0.2s;
}
}
@media (min-width: 1024px) and (max-width: 1170px) {
.vn-page.has-sidebar.content-collapse .site-header .header-menu {
width: 315px;
padding: 10px 0 30px 0;
}
.vn-page.has-sidebar.content-collapse .site-header .header-menu li {
margin: 0 0 8px 0;
}
}
.jury-items-container {
margin-left: -6px;
margin-right: -6px;
}
.video_icon {
margin: auto;
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 45px;
height: 45px;
background: url(/local/templates/base/images/video-with-shadow.png) no-repeat center center;
}
.work-anons-img {
position: relative;
}
.work-anons-img, .konkurs-work-img {
position: relative;
}
#add-work-video .modal-dialog {
width: 800px;
height: 250px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#add-work-video .modal-content, #member-msg .modal-content {
border: 0;
border-radius: 0;
height: 100%;
padding: 30px 15px;
}
#add-work-video #id_modal_youtube {
width: 80%;
height: auto;
margin: 0 auto;
display: block;
}
#add-work-video label[for=work-video-url] {
padding: 0 0 5px 0;
}
#add-work-video .close, #member-msg .close {
float: right;
position: absolute;
font-size: 21px;
font-weight: bold;
right: 15px;
top: 15px;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20);
}
@media (max-width: 1279px) {
#add-work-video .modal-dialog {
width: 720px;
height: 250px;
}
}
@media (max-width: 767px) {
#add-work-video .modal-dialog {
max-width: 480px;
height: 420px;
width: 100%;
}
#add-work-video #id_modal_youtube {
width: auto;
height: auto;
max-width: 170px;
margin-bottom: 24px;
}
}
@media (max-width: 510px) {
#add-work-video .modal-dialog, #member-msg .modal-dialog {
position: relative;
margin-top: 11%;
margin-left: 15px;
margin-right: 15px;
height: auto;
max-height: none;
width: auto;
}
}
@media (min-width: 1620px) {
.participant .competition-block .cbi .competition-block-img img {
width: 100%;
height: auto;
}
}
.site-wrap {
height: auto;
}
@media (max-width: 1599px) and (min-width: 1366px) {
.competition-block-info .comp-info * {
font-size: 21px;
}
}
.zsidebar {
background: url(/local/templates/base_sub_page/sidebar/hotel-2015/background.jpg) no-repeat center top;
background-size: cover;
}
#id_content_open {
padding-top: 0 !important;
margin-top: -45px;
}
#id_content_close {
padding-top: 0 !important;
margin-top: -45px;
height: 100%;
}
#id_content_close img {
display: block;
max-height: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
#id_banner_img_1 {
margin-top: 70px;
}
#id_content_open img {
max-width: 85%;
height: auto;
display: block;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-height: 70%
}
#id_content_open .open_img_1 {
height: 25%;
position: relative;
}
#id_content_open .open_img_1 img {
margin: auto;
}
#id_content_open .open_img_2 {
height: 25%;
position: relative;
}
#id_content_open .open_img_3 {
height: 30%;
position: relative;
}
#id_content_open .open_img_4 {
height: 20%;
position: relative;
}
#id_content_open .open_img_4 a {
display: block;
margin-top: 40px;
max-height: 65px;
height: 100%;
}
#id_content_open .open_img_4 img {
height: 65px;
width: 279px;
bottom: auto !important;
}
/*=== Конкурс отель */
.hotel-2015 #id_content_open img {
max-width: 70%;
}
@media (max-height: 900px) {
.hotel-2015 #id_content_open img {
margin-left: auto;
margin-right: auto;
width: auto;
height: 85%;
max-width: none;
}
.hotel-2015 #id_content_open .open_img_4 img {
height: 58px;
width: 248px;
}
}
/*=== Конкурс видео */
.konkurs-videozastavka-tseremonii-nagrazhdeniya-premii-interia-awards #id_content_open img {
max-width: 80%;
}
.konkurs-videozastavka-tseremonii-nagrazhdeniya-premii-interia-awards #id_content_open #id_banner_img_2 {
margin-top: 30px;
}
.konkurs-videozastavka-tseremonii-nagrazhdeniya-premii-interia-awards #id_content_open #id_banner_img_1 {
margin-top: 75px;
max-width: 250px;
}
@media (max-height: 800px) {
.konkurs-videozastavka-tseremonii-nagrazhdeniya-premii-interia-awards #id_content_open img {
margin-left: auto;
margin-right: auto;
width: auto;
height: 85%;
max-width: none;
}
.konkurs-videozastavka-tseremonii-nagrazhdeniya-premii-interia-awards #id_content_open .open_img_4 img {
height: 58px;
width: 248px;
}
}
/*=== Конкурс ковров */
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open img {
max-width: 85%;
}
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open #id_banner_img_1 {
margin-top: 110px;
margin-left: 20px;
}
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open #id_banner_img_2 {
margin: auto auto auto 20px;
}
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open #id_banner_img_3 {
margin: auto 0 auto 0;
width: 100%;
height: auto;
max-width: 100%;
max-height: none;
}
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_close img {
margin-top: 65px;
}
@media (max-height: 750px) {
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open img {
margin-left: auto;
margin-right: auto;
width: auto;
height: 85%;
max-width: none;
}
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open .open_img_4 img {
height: 58px;
width: 248px;
}
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open #id_banner_img_1 {
max-height: 82px;
margin-left: 35px;
margin-top: 85px;
}
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open #id_banner_img_3 {
max-height: 150px;
max-width: none;
width: auto;
margin-top: 30px;
margin-left: 35px;
}
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open #id_banner_img_2 {
margin-left: 35px;
margin-bottom: 0 !important;
}
}
@media (max-height: 530px) {
.kover-i-kovrovoe-pokrytie-s-avtorskim-risunkom #id_content_open #id_banner_img_1 {
max-height: 82px;
margin-top: 65px;
}
}
.comp-f {
display: inline-block !important;
margin-top: 10px;
margin-left: 10px;
}
.filtres_select.comp-f {
margin-top: 0;
}
.comp-f .comp-f_label {
color: #b9b2b9;
font-size: 15px;
display: inline-block;
margin-right: 4px;
}
.comp-f .comp-f_select {
color: #000;
/* font-size: 15px;*/
display: inline-block;
border: 1px solid #cbcbcb;
border-radius: 2px;
height: 22px;
padding-left: 7px;
}
@media (max-width: 1279px) {
.hide_on_devices {
display: none !important;
}
}
.jury_slider_item_img {
overflow: hidden;
position: relative;
}
.jury_slider_item_img img {
height: auto;
width: 100%;
display: block;
border: 0;
transform-style: initial !important;
}
.page-content.jury .container-fluid {
max-width: 1442px;
}
.jury_slider .owl-controls {
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
}
.jury_slider .owl-controls .owl-nav {
position: relative;
}
.jury_slider .owl-prev,
.jury_slider .owl-next {
width: 40px;
display: block;
position: relative;
background: rgba(255, 255, 255, 0.5);
white-space: nowrap;
text-indent: 1000%;
overflow: hidden;
transition: background .3s;
}
.jury_slider .owl-prev {
float: left;
}
.jury_slider .owl-next {
float: right;
}
.jury_slider .owl-prev:hover,
.jury_slider .owl-next:hover {
background: rgba(255, 255, 255, 0.7);
}
.jury_slider .owl-prev:after,
.jury_slider .owl-next:after,
.jury_slider .owl-prev span,
.jury_slider .owl-next span {
content: "";
display: block;
position: absolute;
z-index: 5;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
width: 15px;
height: 30px;
}
.jury_slider .owl-prev:after,
.jury_slider .owl-prev span {
border-left: 15px solid transparent;
border-right: 15px solid #fff;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
left: -4px;
}
.jury_slider .owl-next:after,
.jury_slider .owl-next span {
border-left: 15px solid #fff;
border-right: 15px solid transparent;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
right: -4px;
}
.jury_slider .jury_slider_item_title {
font-size: 24px;
font-weight: bold;
color: #000;
margin-top: 24px;
margin-bottom: 16px;
padding-left: 24px;
padding-right: 24px;
line-height: 1.2;
}
.jury_slider .jury_slider_item_desc {
font-size: 17px;
padding-left: 24px;
padding-right: 24px;
position: relative;
min-height: 70px;
}
.jury_slider .owl-item .jury_slider_item_desc:before {
content: "";
display: block;
position: absolute;
height: 70px;
left: 0;
right: 0;
top: 0;
background: url("../images/jury_grad.png") repeat-x left top;
}
.jury_slider .owl-item .jury_slider_item_desc:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 70px;
/* background: linear-gradient(to top, #fff 75%, transparent); */
background: #fff;
}
.jury_slider .owl-item.center .jury_slider_item_desc:after,
.jury_slider .owl-item.center .jury_slider_item_desc:before {
background: transparent;
}
.jury_slider .owl-item.center .jury_slider_item_desc:after {
background: transparent;
}
@media (max-width: 1023px) {
.jury_slider .jury_slider_item_title {
font-size: 18px;
}
.jury_slider .jury_slider_item_desc {
font-size: 15px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.page-content.jury .container-fluid {
overflow: hidden;
}
.page-content.jury .container-fluid .row {
margin-left: -35%;
margin-right: -35%;
}
.page-content.jury.no_jury .container-fluid .row {
margin-left: -15px;
margin-right: -15px;
}
}
.jury_svg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 10;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.page-content.jury {
width: auto !important;
}
}
/*** User rating section
---------------------*/
.user-rating-nav .nav-container,
#user-rating-ajax-block {
max-width: 1440px;
margin: 0 auto;
}
.user-rating-nav .nav-container {
padding: 0 38px;
position: relative;
overflow: hidden;
}
.user-rating-nav .nav-container .fp-title:before {
content: "";
position: absolute;
width: 100%;
border-bottom: 1px solid #b0b0b0;
top: 49px;
left: calc(50% + 230px);
}
.user-rating-nav .nav-container .fp-title:after {
content: "";
position: absolute;
width: 100%;
border-bottom: 1px solid #b0b0b0;
top: 49px;
left: 0;
width: calc(50% - 230px);
}
.user-rating-nav .user-rating-nav-block {
float: right;
}
.user-rating-nav-block .user-rating-nav-item {
float: left;
width: 90px;
text-align: center;
position: relative;
}
.user-rating-nav-block .nav-item-sort {
position: absolute;
top: 5px;
right: 10px;
}
.user-rating-nav-block .nav-item-sort .nav-item-sort-up:after {
content: '';
position: absolute;
border: 6px solid transparent;
border-bottom: 7px solid #989898;
top: 0;
cursor: pointer;
left: -4px;
}
.user-rating-nav-block .nav-item-sort .nav-item-sort-down:after {
content: '';
position: absolute;
border: 6px solid transparent;
border-top: 7px solid #989898;
top: 18px;
cursor: pointer;
left: -4px;
}
.user-rating-nav-block .nav-item-sort .nav-item-sort-up.selected:after {
border-bottom: 7px solid black;
}
.user-rating-nav-block .nav-item-sort .nav-item-sort-down.selected:after {
border-top: 7px solid black;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-name {
line-height: 1.2;
color: #989898;
margin-top: 4px;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-img {
display: block;
width: 30px;
height: 30px;
margin: 0 auto;
}
.user-rating-nav .user-rating-sort-container.fixed {
position: fixed;
top: 70px;
padding-top: 9px;
padding-bottom: 4px;
left: 0;
width: 100%;
display: inline-block;
background: #ffffff;
z-index: 99;
}
.user-rating-nav .user-rating-sort-container.fixed .user-rating-sort-subcontainer {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0 39px;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-img.UF_TOTAL_GOLD {
background: url(/local/templates/base/images/user_rating/gold.png) no-repeat top right;
background-size: cover;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-img.UF_TOTAL_SILVER {
background: url(/local/templates/base/images/user_rating/silver.png) no-repeat top right;
background-size: cover;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-img.UF_TOTAL_BRONZE {
background: url(/local/templates/base/images/user_rating/bronze.png) no-repeat top right;
background-size: cover;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-img.UF_TOTAL_VICTORIES {
background: url(/local/templates/base/images/user_rating/cup.png) no-repeat top right;
background-size: cover;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-img.UF_TOTAL_CONTESTS {
background: url(/local/templates/base/images/user_rating/ppl.png) no-repeat top right;
background-size: cover;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-img.UF_TOTAL_WORKS {
background: url(/local/templates/base/images/user_rating/sert.png) no-repeat top right;
background-size: cover;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-img.UF_TOTAL_RATING {
background: url(/local/templates/base/images/user_rating/graph.png) no-repeat top right;
background-size: cover;
}
#user-rating-ajax-block {
border-top: 1px solid #b0b0b0;
}
.user-rating-list {
width: 100%;
}
.user-rating-list .user-rating-item {
display: inline-block;
width: 100%;
padding: 20px;
height: 190px;
}
.user-rating-list .user-rating-item.grey {
background: #F9F9F9;
background: linear-gradient(to top, #F9F9F9, #FFFFFF);
}
.user-rating-list .user-photo {
float: left;
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
margin-right: 20px;
}
.user-rating-list .user-photo img {
width: 100%;
}
.user-rating-list .user-info {
float: left;
margin-right: 20px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.user-rating-list .user-info span {
display: block;
}
.user-rating-list .user-info span.user-name {
font-size: 24px;
font-weight: 700;
color: #000;
line-height: normal;
max-width: 200px;
max-height: 58px;
overflow: hidden;
text-overflow: ellipsis;
}
.user-rating-list .user-info span.user-speciality {
font-size: 18px;
color: #000;
line-height: 1.4;
color: #989898;
max-width: 200px;
max-height: 97px;
overflow: hidden;
text-overflow: ellipsis;
}
.user-rating-list .awards {
float: right;
padding: 0 19px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.user-rating-list .awards span {
display: inline-block;
font-size: 22px;
color: #44494e;
width: 90px;
text-align: center;
float: left;
overflow: hidden;
text-overflow: ellipsis;
}
.user-rating-nav .container-fluid,
#id_user_rating_block {
min-width: 320px;
overflow: hidden;
}
@media (min-width: 1441px) and (max-width: 1520px) {
.user-rating-nav .container-fluid {
padding: 0 !important;
}
.user-rating-nav .page-title-wrap {
padding: 0 12px;
}
.user-rating-nav .user-rating-nav-block {
padding: 0;
}
}
@media (max-width: 1440px) {
.user-rating-nav .nav-container {
padding: 0;
}
}
@media (max-width: 1279px) {
.user-rating-nav .user-rating-nav-block {
margin-bottom: 20px;
}
.user-rating-nav .user-rating-sort-container.fixed {
top: 0;
}
.user-rating-nav .user-rating-sort-container.fixed .user-rating-sort-subcontainer {
left: 0;
padding: 0 38px;
}
.user-rating-nav .user-rating-sort-container.fixed .user-rating-nav-block {
margin-bottom: 0;
}
}
@media (max-width: 1100px) {
.user-rating-nav-block .user-rating-nav-item {
width: 94px;
}
.user-rating-nav .user-rating-sort-container.fixed .user-rating-sort-subcontainer {
padding: 0;
}
.user-rating-nav .user-rating-nav-block {
float: none;
display: inline-block;
}
.user-rating-list .user-rating-item {
height: auto;
}
.user-rating-list .user-photo {
float: none;
margin: 0 auto;
}
.user-rating-list .user-info {
float: none;
margin: 0;
padding: 30px 0;
text-align: center;
transform: none;
top: 0;
}
.user-rating-list .awards {
transform: none;
top: 0;
}
.user-rating-list .user-info span.user-name {
max-width: 100%;
max-height: 100%;
}
.user-rating-list .user-info span.user-speciality {
max-width: 100%;
max-height: 100%;
}
.user-rating-list .awards {
float: none;
padding: 0;
text-align: center;
width: 100%;
display: block;
}
.user-rating-list .awards span {
float: none;
}
}
@media (max-width: 991px) {
.user-rating-nav .nav-container .fp-title:before,
.user-rating-nav .nav-container .fp-title:after {
display: none;
}
}
@media (max-width: 720px) {
.user-rating-nav-block .user-rating-nav-item {
width: 64px;
}
.user-rating-list .awards span {
width: 60px;
font-size: 16px;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-name {
position: relative;
top: 15px;
font-size: 12px;
}
.user-rating-nav-block .nav-item-sort {
position: absolute;
top: 30px;
left: 20px;
}
.user-rating-nav .nav-container, #user-rating-ajax-block {
max-width: 100%;
}
.user-rating-nav-block .nav-item-sort .nav-item-sort-up::after {
left: -5px;
}
.user-rating-nav-block .nav-item-sort .nav-item-sort-down::after {
top: 6px;
left: 11px;
}
.user-rating-list .user-rating-item {
padding: 30px;
}
.user-rating-nav .user-rating-sort-container.fixed .user-rating-nav-block {
margin-bottom: 15px;
}
}
@media (max-width: 640px) {
.user-rating-nav-block .user-rating-nav-item {
width: 50px;
}
.user-rating-list .awards span {
width: 60px;
font-size: 16px;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-name {
position: relative;
top: 15px;
font-size: 10px;
}
.user-rating-nav-block .nav-item-sort {
left: 14px;
}
.user-rating-list .awards span {
width: 50px;
font-size: 16px;
float: left;
}
.user-rating-list .user-rating-item {
padding: 30px 0;
text-align: center;
}
.user-rating-list .awards {
width: auto;
display: inline-block;
}
}
@media (max-width: 400px) {
.user-rating-nav .container-fluid {
padding: 0;
}
.user-rating-nav-block .user-rating-nav-item {
width: 44px;
}
.user-rating-nav-block .user-rating-nav-item .nav-item-name {
position: relative;
top: 15px;
font-size: 9px;
}
.user-rating-nav-block .nav-item-sort {
position: absolute;
top: 30px;
left: 13px;
}
.user-rating-nav-block .nav-item-sort .nav-item-sort-up::after {
left: -5px;
}
.user-rating-nav-block .nav-item-sort .nav-item-sort-down::after {
top: 6px;
left: 11px;
}
.user-rating-list .awards span {
width: 44px;
font-size: 18px;
float: left;
}
.user-rating-nav .user-rating-sort-container.fixed .user-rating-sort-subcontainer {
padding: 0px;
}
}
/*** End User rating section
---------------------*/
/*16.09.2015*/
@media (max-width: 1279px) {
.user_lk_nav > .container-fluid {
max-width: 698px;
padding-left: 12px;
padding-right: 12px;
}
.user_lk_nav .col-md-8.col-sm-12 {
padding-left: 0;
padding-right: 0;
}
.user_lk_nav > .container-fluid .lk-menu li {
width: 25%;
margin-right: 0;
display: block;
float: left;
padding-right: 15px;
}
.user_lk_nav .lk-menu li:last-child {
padding-right: 0;
}
}
@media (max-width: 767px) {
.user_lk_nav > .container-fluid {
max-width: 580px;
}
}
@media (max-width: 639px) {
.user_lk_nav > .container-fluid {
max-width: 360px;
}
.user_lk_nav > .container-fluid > .row {
margin-left: 0;
margin-right: 0;
}
.user_lk_nav > .container-fluid .lk-menu li {
width: 100%;
float: none;
padding-right: 0;
margin-bottom: 15px;
}
.user_lk_nav .lk-menu li:last-child {
margin-bottom: 0;
}
.user_lk_nav > .container-fluid .lk-menu a {
font-size: 15px;
}
}
.konkurs-work-caption {
/*height: 50px;*/
overflow: hidden;
}
.konkurs-work-authors {
font-size: 14px;
color: #404040;
line-height: 1.45;
/*padding: 7px 0;*/
margin-right: 54px;
/*height: 50px;*/
overflow: hidden;
position: relative;
}
.konkurs-work-authors span.star, .comment-item-author span.star, .work-author span.star, .people-name span.star, .creator-name span.star, .progress-detail-title span.star, .participant-name span.star {
width: 27px;
height: 27px;
display: inline-block;
margin: -7px 0 -8px 0;
}
.comment-item-author span.star {
margin: -7px 0 -8px -5px;
}
.creator-name span.star, .participant-name span.star {
margin: -7px 0 -7px 0px;
}
.progress-detail-title span.star {
margin: -7px 0 -4px 0px;
width: 33px;
height: 33px;
}
.konkurs-work-authors span.GOLD_STAR, .comment-item-author span.GOLD_STAR, .work-author span.GOLD_STAR, .people-name span.GOLD_STAR, .people-avatar span.GOLD_STAR, .creator-name span.GOLD_STAR, .progress-detail-title span.GOLD_STAR, .participant-name span.GOLD_STAR {
background: url(../images/stars/small/star01-gold.png) no-repeat;
background-size: cover;
}
.konkurs-work-authors span.GOLD_STAR_GALAXY, .comment-item-author span.GOLD_STAR_GALAXY, .work-author span.GOLD_STAR_GALAXY, .people-name span.GOLD_STAR_GALAXY, .people-avatar span.GOLD_STAR_GALAXY, .creator-name span.GOLD_STAR_GALAXY, .progress-detail-title span.GOLD_STAR_GALAXY, .participant-name span.GOLD_STAR_GALAXY {
background: url(../images/stars/small/star02-gold.png) no-repeat;
background-size: cover;
}
.konkurs-work-authors span.SILVER_STAR, .comment-item-author span.SILVER_STAR, .work-author span.SILVER_STAR, .people-name span.SILVER_STAR, .people-avatar span.SILVER_STAR, .creator-name span.SILVER_STAR, .progress-detail-title span.SILVER_STAR, .participant-name span.SILVER_STAR {
background: url(../images/stars/small/star01-silver.png) no-repeat;
background-size: cover;
}
.konkurs-work-authors span.SILVER_STAR_GALAXY, .comment-item-author span.SILVER_STAR_GALAXY, .work-author span.SILVER_STAR_GALAXY, .people-name span.SILVER_STAR_GALAXY, .people-avatar span.SILVER_STAR_GALAXY, .creator-name span.SILVER_STAR_GALAXY, .progress-detail-title span.SILVER_STAR_GALAXY, .participant-name span.SILVER_STAR_GALAXY {
background: url(../images/stars/small/star02-silver.png) no-repeat;
background-size: cover;
}
.konkurs-work-authors span.BRONZE_STAR, .comment-item-author span.BRONZE_STAR, .work-author span.BRONZE_STAR, .people-name span.BRONZE_STAR, .people-avatar span.BRONZE_STAR, .creator-name span.BRONZE_STAR, .progress-detail-title span.BRONZE_STAR, .participant-name span.BRONZE_STAR {
background: url(../images/stars/small/star01-bronze.png) no-repeat;
background-size: cover;
}
.konkurs-work-authors span.BRONZE_STAR_GALAXY, .comment-item-author span.BRONZE_STAR_GALAXY, .work-author span.BRONZE_STAR_GALAXY, .people-name span.BRONZE_STAR_GALAXY, .people-avatar span.BRONZE_STAR_GALAXY, .creator-name span.BRONZE_STAR_GALAXY, .progress-detail-title span.BRONZE_STAR_GALAXY, .participant-name span.BRONZE_STAR_GALAXY {
background: url(../images/stars/small/star02-bronze.png) no-repeat;
background-size: cover;
}
.konkurs-work-authors:after {
/*content: "";*/
content: normal;
display: none;
/*display: block;*/
position: absolute;
z-index: 5;
bottom: 0;
left: 0;
right: 0;
height: 24px;
background: linear-gradient(to top, #fff, transparent);
}
.with_close_btn .modal-content {
position: relative;
}
.with_close_btn .modal-content h3 {
margin-top: 10px;
margin-bottom: 12px;
}
.with_close_btn .modal-content > .container-fluid {
padding: 24px 20px 20px 20px;
}
.with_close_btn button.close {
padding-top: 6px;
padding-right: 10px;
position: absolute;
z-index: 5;
right: 0;
top: 0;
}
.with_close_btn .lk-co-author {
margin-bottom: 4px !important;
}
.lk-block-so-author-list.hidden {
display: none;
}
.lk-block-so-author-list-add-error {
padding-top: 10px;
padding-bottom: 10px;
}
.lk-block-fix-author-block input {
width: auto;
height: auto;
display: inline-block;
}
.lk-block-fix-author-block label {
margin: 0 10px;
}
.request-text-add-error {
margin-top: -15px;
padding-bottom: 20px;
}
.request-text-add-error {
color: #FF0000;
}
.workdetail_creators_carousel {
z-index: 7;
}
.workdetail_creators_carousel .owl-nav {
position: relative;
z-index: 8;
}
.workdetail_creators_carousel .owl-nav .owl-prev,
.workdetail_creators_carousel .owl-nav .owl-next {
position: absolute;
z-index: 9;
width: 30px;
height: 30px;
/*background: #333;*/
bottom: 80px;
overflow: hidden;
white-space: nowrap;
text-indent: 200%;
border-width: 15px;
border-style: solid;
border-color: transparent;
transition: opacity .3s;
}
.workdetail_creators_carousel .owl-nav .owl-prev {
left: 25px;
border-right-color: #999;
}
.workdetail_creators_carousel .owl-nav .owl-next {
right: 25px;
border-left-color: #999;
}
.workdetail_creators_carousel .owl-nav .owl-prev:hover,
.workdetail_creators_carousel .owl-nav .owl-next:hover {
opacity: 0.5;
}
@media (max-width: 1279px) {
.workdetail_creators_carousel {
max-width: 336px;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.work-gallery-container .work-images {
margin-bottom: 30px;
}
}
@media (max-width: 1599px) {
.vn-page.has-sidebar.content-collapse .workdetail_creators_carousel {
max-width: 336px;
margin-right: auto;
margin-left: auto;
}
}
.page-content.jury .btn-btm {
line-height: 42px;
width: 100%;
font-size: 24px;
text-decoration: none;
background: #FDEB00;
border: 0;
text-transform: uppercase;
padding-left: 35px;
font-weight: normal;
}
.page-content.jury .btn-btm:before {
content: "";
background: #DFCF00;
border: 18px solid transparent;
border-right: 18px solid #FDEB00;
border-bottom: 18px solid #FDEB00;
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
}
.jury_slider .jury_slider_item_title,
.jury_slider .jury_slider_item_desc {
opacity: 0;
}
.jury_slider .owl-item.center .jury_slider_item_title,
.jury_slider .owl-item.center .jury_slider_item_desc {
opacity: 1;
}
.jury_slider .owl-item {
transform: scale(0.9);
}
.jury_slider .owl-item.center {
transform: scale(1);
}
.jury_slider .owl-item .jury_svg {
width: 104%;
height: 104%;
top: -10px;
left: -10px;
}
.jury_slider .owl-item.center .jury_svg {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.jury_slider .owl-item .jury_slider_item_img {
overflow: hidden;
}
.vote_table_list {
width: 100%;
}
td.voteElem {
padding: 10px 0;
text-align: center;
font-weight: bold;
border: 3px solid #fff;
background-color: #E4FFFF;
cursor: pointer;
}
td.voteElem:hover {
background-color: #60D6D6;
}
.vote_list_header h2, .vote_row_line_3 h2 {
margin-top: 0px;
}
td.voteElem_empty {
padding: 10px 0;
text-align: center;
font-weight: bold;
border: 3px solid #fff;
background-color: #E4FFFF;
}
.vote_list_header {
margin-bottom: 20px;
}
.vote_line_3 {
padding: 10px;
}
.comment-item-author {
padding-bottom: 0;
overflow: hidden;
display: block;
float: none;
margin: 0 120px 0 35px;
}
.cia-wrap {
min-height: 25px;
padding-bottom: 10px;
position: relative;
}
.comment-item-avatar {
float: left;
margin-right: 10px;
overflow: hidden;
width: 25px;
height: 25px;
position: relative;
}
.comment-item-avatar img {
width: 100%;
height: auto;
display: block;
border: 0
}
span.cia-name {
display: inline-block;
padding-top: 5px;
}
.comment-item-author .comment-date {
padding-bottom: 0;
}
.comment-voting {
position: absolute;
z-index: 5;
top: 0;
right: 0;
}
.comment-voting > * {
display: inline-block;
}
.comment-item.reply .comment-item-author:before {
content: normal;
display: none;
}
.comment-item.reply .cia-wrap:before {
content: "";
position: absolute;
border-top: 6px solid #afafaf;
border-bottom: 6px solid transparent;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 9px;
left: -18px;
z-index: 40;
}
@media (max-width: 767px) {
.comment-item-avatar {
width: 35px;
height: 35px;
}
.comment-item-author .comment-date {
display: block;
}
.work-detail > .container-fluid > .row > .col-md-3 {
padding-top: 24px;
}
span.cia-name {
padding-top: 0;
}
.comment-item.reply .cia-wrap:before {
top: 15px;
left: -22px;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.work-detail > .container-fluid > .row > .col-md-9 {
float: none;
}
}
.contest-partners-info img.adaptive-info-img {
width: 100%;
height: auto;
}
.contest-partners-info .info-collage-images {
overflow: hidden;
}
.contest-partners-info .info-collage-images .element-info {
display: block;
width: 50%;
height: auto;
float: left;
padding: 0 10px 10px 0;
}
.contest-partners-info .info-collage-images .element-info-3-elem {
display: block;
width: 33.3%;
height: auto;
float: left;
padding: 0 10px 10px 0;
}
.contest-partners-info .info-collage-images .element-info-full {
display: block;
width: 100%;
height: auto;
text-align: center;
float: left;
padding: 0 10px 10px 0;
}
.contest-partners-info .info-collage-images .element-info a {
width: 100%;
height: auto;
}
.contest-partners-info .info-collage-images .element-info a img {
width: 100%;
height: auto;
}
@media (max-width: 1023px) {
.contest-partners-info .info-collage-images .element-info {
display: block;
width: auto;
min-width: 300px;
max-width: 600px;
height: auto;
margin: 0 auto 20px auto;
padding: 0;
float: none;
}
}
@media (max-width: 600px) {
.contest-partners-info .info-collage-images .element-info {
display: block;
width: 100%;
height: auto;
margin: 0 0 20px 0;
padding: 0;
float: none;
}
}
.contest-partners-info .info-collage-images .element-info-3-elem a {
width: 100%;
height: auto;
}
.contest-partners-info .info-collage-images .element-info-3-elem a img {
width: 100%;
height: auto;
}
@media (max-width: 1023px) {
.contest-partners-info .info-collage-images .element-info-3-elem {
display: block;
width: auto;
min-width: 300px;
max-width: 600px;
height: auto;
margin: 0 auto 20px auto;
padding: 0;
float: none;
}
}
@media (max-width: 600px) {
.contest-partners-info .info-collage-images .element-info-3-elem {
display: block;
width: 100%;
height: auto;
margin: 0 0 20px 0;
padding: 0;
float: none;
}
}
.c_partners_list {
overflow: hidden;
padding: 25px 0;
}
.c_partners_item {
margin-bottom: 25px;
overflow: hidden;
}
.c_partners_logo {
max-width: 200px;
float: left;
display: block;
text-decoration: none;
}
.c_partners_logo img {
width: 100%;
height: auto;
max-width: 100%;
}
.c_partners_desc {
margin-left: 225px;
padding-top: 15px;
}
.c_partners_title {
margin: 0;
overflow: hidden;
}
.c_partners_item,
.c_partners_item h3,
.c_partners_item p,
.c_partners_item a {
/*font-family: 'Roboto', sans-serif !important;*/
font-family: 'GothamPro', sans-serif;
font-weight: normal !important;
font-size: 18px !important;
}
.c_partners_item h3 {
font-weight: bold !important;
font-size: 24px !important;
}
@media (max-width: 600px) {
.c_partners_logo {
float: none;
margin: 0 auto;
}
.c_partners_desc {
margin-left: 0;
}
.c_partners_item,
.c_partners_item h3,
.c_partners_item p,
.c_partners_item a {
font-size: 17px !important;
}
.c_partners_item h3 {
font-size: 21px !important;
}
}
.status-partner {
display: block;
position: relative;
z-index: 2;
text-decoration: none !important;
margin: 20px 20px 0 20px;
text-align: center;
text-transform: uppercase;
color: #909090;
}
.sponsors-list-item a {
text-decoration: none;
}
.no-backgound {
background: #fff;
}
.ap-wrapper .ap-user-toggle input[type="email"].error, .ap-wrapper .ap-user-toggle input[type="password"].error {
border: 1px solid red !important;
}
.transform-270 {
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
#panel {
z-index: 100000;
position: absolute;
}
.footer_invite {
padding: 10px 0;
text-align: center;
}
@media (max-width: 899px) {
.footer_invite {
display: none;
}
}
/* TOP BANNER */
.header_invite {
position: relative;
z-index: 10001;
padding: 10px 0;
background: url(/bitrix/templates/archiprofi_v2015/images/icons/bg_left_banner.png) repeat;
text-align: center;
}
.header_invite #ad_ph_1 {
display: inline-block !important;
max-width: 1200px;
}
.header_invite #ad_ph_1,
.header_invite #ad_ph_2 {
margin: 0 auto;
}
li.ap-main-menu__item {
position: relative;
}
.yello_fon:before {
content: " ";
background-color: #fafa00;
display: block;
height: 35px;
width: 100%;
position: absolute;
z-index: 0;
top: -10px;
left: 0px;
}
.ap-header-sticked .yello_fon:before {
top: -8px;
}
.show-mobile-menu .yello_fon:before {
top: 0;
left: -30px;
width: 270px;
}
@media (max-width: 360px) {
.show-mobile-menu .yello_fon:before {
float: none;
left: -36px;
width: 360px;
}
.ap-header__nav {
overflow: hidden;
}
}
@media (max-width: 1140px) and (min-width: 992px) {
.ap-header-sticked .yello_fon:before {
height: 32px;
}
}
#top-menu-item-moderator {
color: #ff0000;
line-height: 50px;
}
.ap-wrapper {
position: relative;
}
.like-button, .comment-button, .share-button {
display: block; /*height: 18px; padding-right: 3px; */
cursor: pointer;
}
.like-button svg, .comment-button svg, .share-button svg {
cursor: pointer;
fill: #505050;
cursor: pointer;
}
.like-button:hover svg, .comment-button:hover svg, .share-button:hover svg, .like-button.voted svg {
cursor: pointer;
fill: #FF0000 !important;
cursor: pointer;
}
.red_tooltip {
}
.red_tooltip::after {
background: #ff0000;
/*box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);*/
color: #FFF;
content: attr(data-tooltip);
opacity: 0;
padding: 5px 10px;
position: absolute;
visibility: hidden;
transition: all 0.4s ease-in-out;
border: 1px solid #000;
}
.red_tooltip:hover::after {
opacity: 1 !important;
visibility: visible;
z-index: 2000;
}
.overflow-hidden {
overflow: hidden;
}
.ap-services-menu__link_type_icon .icon_favorite {
margin: 0 !important;
}
.comp-f .comp-f_select,
.page-nav .comp-sort .sort-select {
max-width: 200px !important;
}
@media (max-width: 1024px) {
.page-nav.contest-nav .comp-nomination {
margin-left: 0;
margin-right: 16px;
}
.page-nav.contest-nav .comp-sort {
margin-top: 10px !important;
margin-bottom: 0 !important;
}
.page-nav .comp-sort .sort-order {
margin: 0 0 0 28px !important;
}
.comp-f .comp-f_select {
max-width: 100px !important;
}
.page-nav .comp-sort .sort-select {
max-width: 240px !important;
}
}
@media (max-width: 1279px) and (min-width: 768px) {
.vn-page.has-sidebar .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item a,
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item.selected a {
margin-right: 0;
}
.page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul {
margin-right: -6px;
margin-bottom: -6px;
}
.vn-page.has-sidebar .page-nav.contest-nav .konkurs-menu-wrap .comp-filtr .filtr-ul .filtr-item {
padding-left: 6px;
padding-right: 6px;
}
}
@media (max-width: 767px) {
.page-nav.contest-nav .comp-sort,
.page-nav.contest-nav .comp-nomination {
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px !important;
max-width: 400px;
width: 100%;
text-align: left;
}
.comp-f .comp-f_label,
.page-nav .comp-sort .sort-label {
font-size: 14px;
width: 90px;
}
.comp-f .comp-f_select,
.page-nav .comp-sort .sort-select {
max-width: 190px !important;
width: 100%;
}
.page-nav .comp-sort .sort-order {
margin: 0 0 0 18px !important;
}
.page-nav .comp-sort .sort-order .order-arr-asc {
margin-right: 14px !important;
}
}
@media (max-width: 480px) {
.page-nav.contest-nav .comp-sort,
.page-nav.contest-nav .comp-nomination {
max-width: 320px;
}
.comp-f .comp-f_select,
.page-nav .comp-sort .sort-select {
max-width: 150px !important;
}
}
@media (max-width: 359px) {
.page-nav.contest-nav .comp-sort,
.page-nav.contest-nav .comp-nomination {
max-width: 320px;
}
.comp-f .comp-f_select,
.page-nav .comp-sort .sort-select {
max-width: 140px !important;
font-size: 14px;
padding-left: 4px;
}
.comp-f .comp-f_label,
.page-nav .comp-sort .sort-label {
font-size: 13px;
width: 84px;
}
.page-nav .comp-sort .sort-order {
margin: 0 0 0 15px !important;
}
.page-nav .comp-sort .sort-order .order-arr-asc {
margin-right: 8px !important;
}
}
@media (max-width: 639px) {
.page-nav.contest-nav .meta-wrap {
padding-right: 15px;
}
}
.contest-partners {
padding: 40px 25px 90px;
}
.ap-main__content-container .contest-partners {
padding-left: 0;
padding-right: 0;
}
.contest-partners__title {
color: #b5b5b5;
line-height: 1.45;
font-family: 'GothamPro', sans-serif !important;
font-size: 24px;
margin-top: 0;
margin-bottom: 35px;
font-weight: 500;
text-align: center;
}
.contest-partners__list {
/*border-top: 1px solid #e9e8e6;*/
/*border-bottom: 1px solid #e9e8e6;*/
/*border-left: 2px solid #e9e8e6;*/
/*border-right: 2px solid #e9e8e6;*/
}
.contest-partners__row {
margin-right: -2px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contest-partners__item {
position: relative;
width: 100%;
max-width: calc(12.5% + 2px);
-ms-flex: 0 0 calc(12.5% + 2px);
flex: 0 0 calc(12.5% + 2px);
margin-left: -2px;
margin-top: -2px;
/*max-width: 12.5%;*/
/*-ms-flex: 0 0 12.5%;*/
/*flex: 0 0 12.5%;*/
}
.contest-partners__img {
height: 100px;
position: relative;
margin-bottom: 20px;
}
.contest-partners__img img {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: auto;
height: auto;
max-width: 80%;
max-height: 100%;
}
.contest-partners__link {
display: block;
padding: 20px 10% 15px;
outline: 0 !important;
text-decoration: none !important;
height: 100%;
color: #999999 !important;
border: 2px solid #e9e8e6;
/*border-left: 2px solid #e9e8e6;*/
/*border-right: 2px solid #e9e8e6;*/
/*border-top: 1px solid #e9e8e6;*/
/*border-bottom: 1px solid #e9e8e6;*/
}
.contest-partners__name {
display: block;
min-height: 60px;
line-height: 1.4;
padding-left: 20px;
font-size: 14px;
position: relative;
color: #999999;
-webkit-transition: color .3s;
-moz-transition: color .3s;
-ms-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.contest-partners__name:after {
content: '→';
display: block;
position: absolute;
left: 0;
top: 0;
line-height: 1;
}
.contest-partners__item:hover .contest-partners__name {
color: #000000;
}
.contest-partners__item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.contest-partners-wrapper-1 .contest-partners {
padding-top: 0;
}
@media (max-width: 1440px) {
.contest-partners__item {
max-width: calc(16.666666% + 2px);
-ms-flex: 0 0 calc(16.666666% + 2px);
flex: 0 0 calc(16.666666% + 2px);
}
/*.contest-partners__item {*/
/* max-width: 16.666666%;*/
/* -ms-flex: 0 0 16.666666%;*/
/* flex: 0 0 16.666666%;*/
/*}*/
}
@media (max-width: 1200px) {
.contest-partners__item {
max-width: calc(20% + 2px);
-ms-flex: 0 0 calc(20% + 2px);
flex: 0 0 calc(20% + 2px);
}
.contest-partners {
padding-bottom: 70px;
}
}
@media (max-width: 991px) {
.contest-partners__item {
max-width: calc(25% + 2px);
-ms-flex: 0 0 calc(25% + 2px);
flex: 0 0 calc(25% + 2px);
}
/*.contest-partners__item {*/
/* max-width: 25%;*/
/* -ms-flex: 0 0 25%;*/
/* flex: 0 0 25%;*/
/*}*/
.contest-partners {
padding-bottom: 60px;
}
}
@media (max-width: 768px) {
.contest-partners__item {
max-width: calc(33.333333% + 2px);
-ms-flex: 0 0 calc(33.333333% + 2px);
flex: 0 0 calc(33.333333% + 2px);
}
.contest-partners {
padding-bottom: 45px;
}
}
@media (max-width: 580px) {
.contest-partners__item {
max-width: calc(50% + 2px);
-ms-flex: 0 0 calc(50% + 2px);
flex: 0 0 calc(50% + 2px);
}
/*.contest-partners__item {*/
/* max-width: 50%;*/
/* -ms-flex: 0 0 50%;*/
/* flex: 0 0 50%;*/
/*}*/
}
@media (max-width: 420px) {
.contest-partners__item {
max-width: calc(100% + 2px);
-ms-flex: 0 0 calc(100% + 2px);
flex: 0 0 calc(100% + 2px);
}
.contest-partners__title {
font-size: 23px;
}
}
@media (max-width: 1279px) {
.work-gallery-container {
width: 100% !important;
}
}
.red_text {
color: #ff0000;
}
.search_content
{
}
.search_content
{
line-height: 16px;
margin: 10px 0;
}
.search_content .close_serch_block
{
display: inline-block;
}
.search_content .close_serch_block {
width: 16px;
height: 16px;
border-radius: 16px;
position: relative;
z-index: 1;
margin: 0px auto;
cursor: pointer;
}
.search_content .close_serch_block:before {
content: '+';
color: #ff0000;
position: absolute;
z-index: 2;
transform: rotate(45deg);
font-size: 26px;
line-height: 1;
top: 0px;
left: 3px;
transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
}
.search_content .close_serch_block:after {
content: '';
position: absolute;
top: 4px;
left:3px;
width: 100%;
height: 100%;
border-radius: 100%;
background: #ff0000;
z-index: 1;
transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
transform: scale(0.01);
}
.search_content .close_serch_block:hover:after {
transform: scale(1);
}
.search_content .close_serch_block:hover:before {
transform: scale(0.8) rotate(45deg);
color: #fff;
}
.competition_seo{
max-width: 920px;
padding-left: 15px;
padding-right: 15px;
margin: 24px auto 0 auto;
width:100%;
}
.col-md-12.archive-contest{
line-height: 0.5;
text-align: center;
}
.col-md-12.archive-contest .page-title {
display: inline-block;
position: relative;
}
.col-md-12.archive-contest .page-title:before,
.col-md-12.archive-contest .page-title:after {
content: "";
position: absolute;
height: 5px;
border-bottom: 1px solid #44494e;
top: 8px;
width: 1200px;
}
.col-md-12.archive-contest .page-title:before {
right: 100%;
margin-right: 15px;
}
.col-md-12.archive-contest .page-title:after {
left: 100%;
margin-left: 15px;
}
.top-15{
margin-top: 15px !important;
}
.modal-work-rating__achievement.no-padding{
padding-left: 0 !important;
padding-right: 0 !important;
}
.champ_menu .description{
width:100%;
margin-bottom: 20px;
}
.likes-by-quarter .quarter-number{
display:block;
width:100%;
}
.no-margin-left{
margin-left:0;
}
.voting-results{
display: none !important;
}
.sod .checked-brands{
max-height: 60px;
overflow-y: auto;
overflow-x: hidden;
}
.sod .checked-brands span{
display:inline-block;
margin-right: 25px;
position: relative;
cursor: pointer;
}
.sod .checked-brands span::before {
content: '+';
color: red;
position: absolute;
z-index: 2;
transform: rotate(45deg);
font-size: 26px;
line-height: 1;
top: 0;
left: 100%;
transition: all .3s cubic-bezier(.77,0,.2,.85);
bottom: 16px;
margin-left: 8px;
}
.sod .checked-brands span::after {
content: '';
position: absolute;
top: 4px;
left: 100%;
width: 100%;
height: 100%;
border-radius: 100%;
background: red;
z-index: 1;
transition: all .3s cubic-bezier(.77,0,.2,.85);
transform: scale(.01);
}
.brands-edit-modal .brands-block{
position: relative;
}
.brands-edit-modal#edit-brand-img .new-brand {
position: absolute;
top: 101%;
width: 100%;
text-align: center;
}
.brands-edit-modal .sod{
position: relative;
top: -30px;
}
#page-loading {
display: none;
height: 100%;
width: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 99999999;
background: #ffffff 50% 50% no-repeat url('/bitrix/templates/archiprofi_v2015/css/images/page-loading.gif');
opacity: 0.4;
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
.sp-logo-stroysa{
width:100%;
text-align: center;
margin: 0 0 36px 0;
}
.sp-logo-stroysa img{
width:100%;
max-width: 250px;
padding: 0 10px;
}
.promoted_items{
width:100%;
display: inline-block;
margin: 0 15px 24px 15px;
}
.promoted_items .promoted-img img{
display: block;
width: 100%;
max-height: 180px;
}
.promoted_items .promoted-item{
min-height: 348px;
position: relative;
background-color: #fff;
border: 1px solid #ededed;
}
.promoted_items .promoted-content{
padding: 40px 20px;
width:100%;
height:100%;
}
.promoted_items .promoted-content .promoted-img{
height: 180px;
}
.promoted_items .promoted-item:hover{
-moz-box-shadow: 0 0 12px #ccc;
-webkit-box-shadow: 0 0 12px #ccc;
box-shadow: 0 0 12px #ccc;
}
.promoted_items .promoted-item a.full-link{
display:block;
width:100%;
height:100%;
text-decoration: none;
}
.promoted_items .promoted-item .promoted-bottom{
margin-top: 20px;
line-height: 1.4;
}
.promoted_items .promoted-item .promoted-bottom .promoted_name{
display:block;
font-weight:bold;
}
.promoted_items .promoted-item .promoted-bottom .promoted_param,
.promoted_items .promoted-item .promoted-bottom .promoted_art{
display:block;
color:#8f9da8;
}
.promoted_items .promoted-item .promoted-bottom .promoted_param{
position: relative;
padding-left: 48px;
padding-top: 4px;
}
.promoted_items .promoted-item .promoted-bottom .promoted_param::before{
content: "";
width: 40px;
height: 20px;
display: block;
position: absolute;
left: 0px;
top: 3px;
}
.promoted_items .promoted-item .promoted-bottom .promoted_param.italy::before{
background-image: url("/local/templates/base_sub_page/img/Flag_of_Italy.svg");
background-size: cover;
}
.promoted_items .promoted-item .promoted-bottom .promoted_param.germany::before{
background-image: url("/local/templates/base_sub_page/img/Flag_of_Germany.svg");
background-size: cover;
}
.promoted-item-text .promoted-title{
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 80px 0;
}
.promoted-item-text .promoted-link{
text-align:center;
}
.promoted-item-text .promoted-link a{
display: inline-block;
padding: 10px 20px;
background: #fd0100;
color: #ffffff;
font-size: 24px;
text-decoration: none;
}
.promoted_items__arrow_container{
background:#fff;
box-shadow: 0 0 4px rgba(0, 0, 0, .1);
padding:5px;
display:inline-block;
}
.promoted_items__arrow_container.promoted_items__arrow-prev-container{
display: inline-block;
position: absolute;
top: calc(50% - 55px);
left: 0;
}
.promoted_items__arrow_container.promoted_items__arrow-next-container{
display: inline-block;
position: absolute;
top: calc(50% - 55px);
right: 0;
}
.promoted_items__arrow-next,
.promoted_items__arrow-prev {
width: 45px;
height:45px;
background: #fd0100;
}
.promoted_items__arrow-btn {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: transparent;
text-align: center;
position: relative;
border: 0;
outline: 0;
cursor: pointer;
}
.promoted_items__arrow-btn::before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: contain;
background-size: contain;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 15' width='30' fill='white' height='30'%3E%3Cpath d='M16.77,7,10,.21a.74.74,0,0,0-1.05,1l5.53,5.51H.74a.74.74,0,1,0,0,1.47H14.47L8.94,13.74a.78.78,0,0,0-.21.52.75.75,0,0,0,.22.53.76.76,0,0,0,.52.21.74.74,0,0,0,.52-.22L16.78,8A.73.73,0,0,0,17,7.5.7.7,0,0,0,16.77,7Z'/%3E%3C/svg%3E");
}
.promoted_items__arrow-btn.promoted_items__arrow-prev-btn::before{
transform: scale(-1, 1)
}
.promoted_items .slick-list::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 75px;
background: linear-gradient(to right, #f2f2f2, rgba(255, 255, 255, 0.0));
z-index: 99;
}
.promoted_items .slick-list::after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
top: 0;
width: 75px;
background: linear-gradient(to left, #f2f2f2, rgba(255, 255, 255, 0.0));
z-index: 99;
}