@font-face {
	font-family: 'font-regular';
	src: url('../fonts/font-regular.eot');
	src: local('аВҘб”'), url('../fonts/font-regular.woff') format('woff'), url('../fonts/font-regular.ttf') format('truetype'), url('../fonts/font-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font-bold';
	src: url('../fonts/font-bold.eot');
	src: local('аВҘб”'), url('../fonts/font-bold.woff') format('woff'), url('../fonts/font-bold.ttf') format('truetype'), url('../fonts/font-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'etelka_textregular';
    src: url('/fonts/etelkatext-webfont.eot');
    src: url('/fonts/etelkatext-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/etelkatext-webfont.woff2') format('woff2'),
         url('/fonts/etelkatext-webfont.woff') format('woff'),
         url('/fonts/etelkatext-webfont.ttf') format('truetype'),
         url('/fonts/etelkatext-webfont.svg#etelka_textregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'ProximaNovaWebLight';
	src: url('Proxima_Nova_Light.eot');
	src:
	     url('/fonts/Proxima_Nova_Light/Proxima_Nova_Light.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/Proxima_Nova_Light/Proxima_Nova_Light.woff2') format('woff2'),
	     url('/fonts/Proxima_Nova_Light/Proxima_Nova_Light.woff') format('woff'),
	     url('/fonts/Proxima_Nova_Light/Proxima_Nova_Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body, html {}
* { margin: 0; padding: 0; }
ul, ol, dl, li { list-style: none; margin: 0; padding-left: 0 }
body { background: #fff; font-family: 'ProximaNovaWebLight'; font-size: 15px; color: #333; padding: 0 16px;}



a { color: #333; text-decoration: none; }
a:hover {color: #ff6600; text-decoration: none;}

a:focus, input, select {outline:none}
a img {border:0;}

/*
.all-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content-wrapper {
  flex: 1 0 auto;
}
footer {
  flex: 0 0 auto;
}

*/

body.body-hidden { overflow: hidden; }

.content-wrapper { padding: 196px 0 0 0 }

.main-container { max-width: 1600px; margin: 0 auto; position: relative; padding: 0 }
.main-container .bg-corner { position: absolute; left: -860px; top: 0; z-index: 200; opacity: 0; display: none; }

.top-marquee { width: 100%; position: absolute; left: 0; top: 10px; z-index: 600; }
.top-marquee p {padding:3px 20px 6px 20px; display:inline-block;}
.top-marquee p a { text-decoration: none; transition: 0.15s }
.top-marquee p a:hover { text-decoration: underline; }
.top-marquee .breaking-news { background: #ff6600; color: #fff; padding-left: 35px; position: relative;  }
.top-marquee .breaking-news a { color: #fff }
.top-marquee .breaking-news i { position: absolute; left: 14px; top: 9px; display: block; width: 10px; height: 20px; background: url(/img/icons/icon001.png); background-size: cover }

body .breaking-news { background: #ff6600; color: #fff; padding-left: 35px !important; position: relative; position: absolute; left: 0; top: 10px; z-index: 1500; padding:3px 20px 6px 20px; display:inline-block; }
.breaking-news a { color: #fff; text-decoration: none; transition: 0.15s  }
.breaking-news i { position: absolute; left: 14px; top: 9px; display: block; width: 10px; height: 20px; background: url(/img/icons/icon001.png); background-size: cover }

header { position: fixed; width: 100%; box-sizing: border-box; padding: 0 16px; left: 0; top: 0; z-index: 1500; background: #292929}
header .header-container { width: 100%; max-width: 1600px; min-height: 180px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
header .logo {display: flex; align-items: center;}
header .logo a{ display: block;  width: 255px; height: 82px; text-indent: -9999px; overflow: hidden; cursor: pointer; background: url(/img/logo.svg); background-size: cover;}
header .header-right-box { flex-grow: 1;display: flex; align-items: center; flex-wrap: wrap; margin-left: 5%; flex-direction: column; min-height: 107px;}
header .header-menu { width: 100%; display: flex; justify-content: center; }
header .header-main-menus {display: flex; justify-content: space-between; flex-grow: 1; flex-wrap: wrap; margin-right: 4.5%;}
header .header-main-menu { flex-grow: 1;}
header .header-tags-menu {} 
header .header-main-menu li {display: inline-block; margin: 0 24px 0 0; }
header .header-main-menu li:last-of-type {margin-right: 0;}
header .header-main-menu li a {font-size: 20px; text-transform: uppercase; color: #fff; text-decoration: none; border-bottom: 3px solid transparent;}
header .header-main-menu li.active a { border-bottom: 3px solid #24c3fd;}

.mobile-menu .header-main-menu li { margin-bottom: 10px;}
.mobile-menu .header-main-menu li a {font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none;} 

header .header-tags-menu li {display: inline-block; margin: 0 16px 5px 0; }
header .header-tags-menu li:last-of-type {margin-right: 0;}
header .header-tags-menu li a {font-size: 16px; color: #24c3fd; text-decoration: underline;}

.mobile-menu .header-tags-menu {margin-bottom: 15px;}
.mobile-menu .header-tags-menu li {margin-bottom: 5px;}
.mobile-menu .header-tags-menu li a {font-size: 16px; color: #24c3fd; text-decoration: underline;}

header .header-auth {margin-left: auto; flex-basis: 200px;}
header #AuthBar { float: none; margin: 4px 0 0 0; white-space: nowrap;}
#AuthBar .AuthMenu ul li.User a { text-transform: none;}

.header-search-upload { width: 100%; margin-top: auto; display: flex; align-items: stretch;}
.header-search-upload .desktop-upload { margin-top: auto;}

.header-search-upload .upload-btn { display: block; border: 6px solid #24c3fd; padding: 15px 70px 15px 30px; font-size: 18px; color: #fff; font-weight: 400; text-transform: uppercase; position: relative; margin: 0 0 0 40px;}
.header-search-upload .upload-btn:after {content: ''; display: block; width: 26px; height: 26px; background: url(/img/icons/icon036.png); background-size: cover; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

header .SearchFilterContainer { flex-grow: 1; display: flex; flex-direction: column;}

header .menus .main-menu ul { float: left; margin:-5px 0 0 60px }
header .menus .main-menu ul li { display: inline-block; margin: 0 20px 0 0  }
header .menus .main-menu ul li a { font-size: 19px; color: #fff; transition: 0.15s; text-decoration: underline; }
header .menus .main-menu ul li a:hover {color: #c82334 }
header .menus .main-menu ul li.active { }
header .menus .main-menu ul li.active a{ color: #18aef9 }
/*
header .menus .main-menu ul li:last-child { border-left:0px solid #666; padding-left: 20px  }
header .menus .main-menu ul li:last-child a { color: #fff }
header .menus .main-menu ul li:last-child.active { border-bottom: 0; }
header .menus .main-menu ul li:last-child.active a{ color: #c82334 }
header .menus .main-menu ul li:last-child a:hover{ color: #c82334 }
*/

/*
@media screen and (max-width: 991px) {
  header { position: relative; z-index: 1500; padding: 20px 0 0 275px; background:  #192f3a ; height: 109px; margin: 20px 0 0 0  }

}
*/
header .menus .main-menu .upload-btn  {text-align: center; display: block; background: url(/img/icons/icon030.png) no-repeat 50% 10px #c82334; background-size: 30%; margin: 0px 0 0 0; padding: 74px 0 10px 0; width: 250px; border-left: 20px solid #fff; position: absolute; right: 0; top: 0; font-size: 18px; color: #fff}
@media screen and (max-width: 991px) {
.mobile-upload  .upload-btn {text-align: center; display: block; background: url(/img/icons/icon030.png) no-repeat 10px 50% #24c3fd; background-size: 5%; margin: 0px 0 0 0; padding: 7px 0 7px 0; text-align: center; color: #fff; font-size: 20px; margin: 10px 0 0 0}  
}

@media screen and (max-width: 991px) {
	header .menus .main-menu .upload-btn { position: absolute; right: 5px; top: 45px }
}

header .menus .main-menu .auth { float: right; color: #737373; position:  margin: 0 0 0 20px}
header .menus .main-menu .auth a { font-size: 16px; color: #737373 ; margin: 0 2px; transition: 0.15s }
header .menus .main-menu .auth a:hover { color: #ff6600; text-decoration: none; }
header .menus .main-menu .auth a.login { color: #333}
header .menus .main-menu .auth a.login:hover { color: #ff6600 }

header .menus .tags-menu { }
header .menus .tags-menu ul { position: relative; }
header .menus .tags-menu ul li { display: inline-block; margin: 0 13px 0 0  }
header .menus .tags-menu ul li a { font-size: 16px; text-transform: uppercase; transition: 0.15s; text-decoration: none; }
header .menus .tags-menu ul li.active { border-bottom: 2px solid #ff6600 }
header .menus .tags-menu ul li.active a { color:#ff6600  }

header .menus .tags-menu {  margin: -6px 0 0 10px; display: inline-block; }
header .menus .tags-menu ul { top: 0; position: relative; }
header .menus .tags-menu ul li { display: inline-block; margin: 8px 13px 0 0  }
header .menus .tags-menu ul li a { font-size: 14px; color: #fff; text-transform: uppercase; transition: 0.15s; text-decoration: none; background: #339ed4; padding:2px 8px }
header .menus .tags-menu ul li.active { border-bottom: 2px solid #ff6600 }
header .menus .tags-menu ul li.active a { color:#ff6600  }

/*
@media screen and (max-width: 1360px) {

header .menus .main-menu {  display: block; }
header .menus .tags-menu { display: block; }
header .menus .main-menu ul { float: none; }
header #AuthBar { margin-top: 4px }
}
*/
.search {  margin:0; padding:0; position: relative; width: calc(100%); text-align: right;  }
.search-container { text-align: left; border-bottom: 1px solid #fff; box-sizing: border-box; padding-right: 100px; display: flex; align-items: baseline; flex-wrap: wrap;}
.search .tag { white-space: nowrap; font-size: 14px; margin: 1px 9px 1px 0; cursor: pointer; color: #fff;}
.search .tag:hover { text-decoration: none; color: #25a1ce; }
.search .tag i { display: inline-block; width: 8px; height: 8px; background: url(/img/icons/icon004.png); background-size: cover; margin:0 0 0 3px; position: relative; top: -8px}
.search .reset { display: block; float: right; width: 32px; height: 32px; background: url(/img/icons/icon034.svg); background-size: cover; cursor: pointer; position: absolute; right: 64px; bottom: 4px;}
.search .settings { display: block; float: right; width: 32px; height: 32px;background: url(/img/icons/icon033.svg); background-size: cover; cursor: pointer; position: absolute; right: 37px; bottom: 4px;  }
.search .settings:hover {background: url(/img/icons/icon035.svg); background-size: cover;}
.search .settings.active {background: url(/img/icons/icon035.svg); background-size: cover;}
.search .find { width: 32px; height: 32px; border: 0;background: url(/img/icons/icon032.svg); background-size: cover; cursor: pointer; position: absolute; right: 0px; bottom: 4px ; text-indent: -9999px; overflow-x: hidden;}

.filters {margin:0; display: none;}
.filters ul{ font-size: 0; margin: 0 -5px}
.filters li {outline: none; width:100%; 
display: inline-block;
vertical-align: top;

*display: inline;
zoom: 1; margin: 0 0 10px 0 }
.filters li .city { margin: 0 5px }
.filters li .datepicker { margin: 0 5px; position: relative; }
.filters li .author { margin: 0 5px }
.filters li .title { margin: 0 5px }
.filters li .tv { margin: 0 5px }
.filters li li { display: block; width: auto; }

.filters.show { display: block; width: 100%; position: absolute; right: 0; top: 35px; z-index: 300; background: #fff; padding: 10px 10px 0 10px }
.filters input { border: 1px solid #cdcdcd; font-size: 16px; padding:3px 0 5px 10px; width: 100%; }
.filters i.icon { position: absolute;; right: 14px; top: 8px; width: 15px; height: 15px; display: block; }
.filters .datepicker .icon {background: url(/img/icons/icon010.png); background-size: cover;}
.filters .author .icon {background: url(/img/icons/icon011.png); background-size: cover;}
.filters .title .icon {background: url(/img/icons/icon011.png); background-size: cover;}
.filters label { font-size: 16px; font-weight: normal; cursor: pointer; position: relative;; top: 4px}
.filters .tv { text-align: left; margin: 0 60px 0 0 }
.filters .tv button { margin: -3px 0 0 0 }
.filters .tv label.active { color: #c82334 }

.SearchFilter { position: relative; margin-top: auto;  }

.search #search-input {
    width: auto; padding: 5px 0 5px 0; border: 0; margin: 0;   text-indent: 0;  background: none; color: #fff; flex-grow: 1;
}
/*
@media screen and (max-width: 1370px) {
.SearchFilter { width: calc(54% - 405px ); }
}
*/

@media screen and (max-width: 991px) {
    body { padding: 0 10px;}
    header {padding: 0 10px;}
    header .header-container { max-width: 100%; min-height: 0; }
    header .header-right-box {display: none;}
    header .logo a { display: block; position: relative; left: 0; top: 0; margin: 2.5vw 0; width: 27vw; height: 8.8vw; }

    .content-wrapper {padding: 13.3vw 0 0 0;}
  
    /*
  .content-wrapper { padding: 13.8vw 0 0 0 }
	.main-container { padding: 0 10px }
	.main-container .bg-corner { left: -890px; top: 0; }
	header { z-index: 1500; padding: 0; margin: 0; height: auto; position: fixed; left: 0; top: 0; width: 100%; max-width: auto; transform: translate(0,0); border: 0 }
	header .logo { display: block; position: relative; left: 3vw; top: 0; margin: 0; width: 30vw; height: 13.8vw; background: url(/img/logo4.png); background-size: cover;  }
  header .menus .main-menu { display: none; }
	header .menus .tags-menu { clear: both; padding: 10px 0 0 0; display: none; }

  .SearchFilter { right: auto; bottom: auto; top: 25vw; position: relative;  width: calc(100vw - 68px); margin: 0 0 0 10px;}
	.search { margin-left: 0; }
	.filters { margin-left: 0 }
	.filters li { width: 100%; margin: 0 0 7px 0 }
	.col-md-12 { margin-bottom: 0px }
	.filters .tv { text-align: left; }
	.search {  margin-top: 10px }
	.search #search-input { min-width: 100px; }
  header #AuthBar { margin: -0.5vw 15px 0 0 }
  .SearchFilterContainer {display: none;}
 */
 
  header .open-search-popup { width: 7.6vw; height: 7.5vw; display: block; background: url(/img/icons/icon037.svg); background-size: cover; position: absolute; right:12vw; top: 3vw; }
  header .open-menu-popup { width: 7.5vw; height: 7.5vw; display: block; background: url(/img/icons/icon038.svg); background-size: cover; position: absolute; right: 3vw; top: 3vw}

  .mobile-search .SearchFilter { margin: 80px 20px 0 20px;}
}

footer {background:#292929; position:  fixed; width: 100%; left: 0; bottom: 0; z-index: 500; top: 99vh;; z-index: 2300 }


footer  .footer-button { position: absolute; right: 10px; top: -15px; width: 40px; height: 25px; background: #222; cursor: pointer; border-radius: 3px; background: url(/img/icons/icon022.png) #292929; }

footer.show { top: auto; bottom: 0 }
footer.show .footer-button  { background-position: 0 -25px } 

footer .footer-container {max-width: 1600px; margin: 0 auto; padding: 40px 20px 20px 20px; position: relative}
footer .age { position: absolute; right: 20px; top: 25px; padding: 7px; border: 1px solid #aaa; border-radius: 4px; color: #aaa }

footer .logo { display: block; position: absolute;; left: 20px; top: 35px; width: 200px; height: 64px; text-indent: -9999px; overflow: hidden; cursor: pointer; background: url(/img/logo.svg); background-size: cover; margin: -15px 0 0 0 }


footer .footer-menu { margin: 0 0 10px 240px }
footer .footer-menu ul li { display: inline-block; margin: 0 20px 0 0 }
footer .footer-menu ul li a { text-transform: uppercase;; color: #ccc; transition: 0.15s;}
footer .footer-menu ul li a:hover {color: #24c3fd; }
footer .footer-menu ul li.active a { color: #18aef9;; text-decoration: underline; }

footer .tags-menu { margin: 0 0 0 240px }
footer .tags-menu ul li { display: inline-block; margin: 0 10px 0 0 }
footer .tags-menu ul li a {  color: #ccc; transition: 0.15s;}
footer .tags-menu ul li a:hover {color: #24c3fd; }

footer .addon-menu { margin: 10px 0 0 240px }
footer .addon-menu ul li { display: inline-block; margin: 0 10px 0 0 }
footer .addon-menu ul li a {  color: #aaa; transition: 0.15s;}
footer .addon-menu ul li a:hover {color: #24c3fd; }


footer .copy { color: #aaa; padding: 30px 0 0 0; margin: 0 0 0 58px }
footer .copy a { color: #aaa; text-decoration: underline; transition: 0.15s; }
footer .copy a:hover {color: #24c3fd; text-decoration: none;}

footer #counters { position: absolute; right: 20px; bottom: 30px }

.input-buffer{
    position: absolute;
    top: -1000px;
    left: -1000px;
    visibility: hidden;
    white-space: nowrap;
}

@media screen and (max-width: 991px) {
	footer .footer-menu { margin: 80px 0 10px 0 }
	footer .tags-menu { margin: 0 0 0 0 }
	footer .addon-menu { margin: 10px 0 0 0 }
	footer #counters { position: relative;; left: auto; bottom: auto; text-align: center; margin: 10px 0 0 0 }
	footer .copy { color: #aaa; padding: 10px 0 0 0; margin: 0 0 0 0 }
  footer .age {right: 15px; top: 38px}
}

.content { padding: 0 0 20px 0 }

.main-banner { height: 396px;  overflow: hidden; position: relative; margin: 10px 10px 0 10px }
.main-banner .banner-height { height: 396px; left: 4px}

.main-banner .left-column { width: 68%; float: left; position: relative; }
.main-banner .right-column { width: 32%; float: right; position: relative; z-index: 500 }

.main-banner .picture { position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -800px; z-index: 100 }
.main-banner .fade1 { position: absolute; z-index: 200; left: 0; bottom: 0; width: 100%; height: 303px }
.main-banner .fade2 {background: url(/img/bgs/bg003.png) ; background-size:100% 100%; height: 346px; text-align: center;}
.main-banner .heading-container { position: absolute; z-index: 300; left: 0; bottom: 0; width: auto; }
.main-banner .row { position: relative; z-index: 300; height: 346px;} 
.main-banner .heading { display: inline-block;padding: 10px 20px; margin: 0 0 3px 0; }
.main-banner .heading a {; font-size: 32px; color: #fff; line-height: 42px; text-transform: uppercase;  transition: 0.15s }
.main-banner .heading a:hover { color: #339ed4 }
.main-banner .shorttext { display: inline-block;padding: 0 20px 10px 20px; margin: 0 0 10px 0; }
.main-banner .shorttext a { font-size: 20px; color: #fff; line-height: 20px; font-weight: bold;  transition: 0.15s }
.main-banner .shorttext a:hover { color: #339ed4 }
.main-banner .tags li { display: inline-block; margin: 0 0 25px 20px; float: left; }
.main-banner .tags li a { font-size: 18px; color: #fff; background: #339ed4; padding: 6px 17px 5px 17px; transition: 0.15s }
.main-banner .tags li a:hover { background: #c82334 }
.main-banner .read-more { display: inline-block; background: #339ed4; border-radius: 5px; color: #fff; margin: 20px 0 0 0; padding: 4px 13px 3px 13px; transition: 0.15s; font-size: 15px }
.main-banner .read-more:hover {background: #c82334; text-decoration: none;}
.main-banner .mob-link { display: none; }

@media screen and (max-width: 991px) {
.main-banner { overflow: visible; clear: both; height: auto; margin: 7px 0 0 0}
.main-banner .left-column { width: 100%; float: none; position: relative; clear: both;  }
.main-banner .right-column { width: 100%; float: none; position: relative; clear: both; }
.main-banner .picture {  width: 100%; height: auto; position: static; margin: 0; display: none; }
.main-banner .mob-link { display: block; margin: 0 5px }
.main-banner .mob-link .picture {  display: block; }
.main-banner .banner-height { height:  auto;}
.main-banner .heading-container { position: relative;}
.main-banner .heading { padding: 10px 0px 0 0; margin: 0 0 10px 0; }
.main-banner .heading a {font-size: 22px;line-height: normal;  color: #333 }
.main-banner .shorttext { padding: 0px 0px 0 0; margin: 0 0 10px 0; }
.main-banner .shorttext a {font-size: 14px;line-height: normal;  color: #333 }
.main-banner .tags li { margin: 0 10px 25px 0; }
.main-banner .tags li a { font-size: 16px;}
.main-banner .fade1 {display: none;}
.main-banner .fade2 {background: none ; height: auto; text-align: center; height: auto; max-height: 346px;}
.main-banner .read-more { font-size: 14px; margin: 7px 0 15px 0; }
}

.scroll-pane
{
    width: 90%;
    height: 300px;
    overflow: auto;
     float: right;
   
     text-align: left;
      margin: 20px 20px 0 0;
}


.scroll-pane ul li { line-height:20px; margin: 0 0 10px 0; padding: 0 25px 0 0 }
.scroll-pane ul li a { font-size: 20px; line-height:20px; color: #fff; text-decoration: none; transition: 0.15s }
.scroll-pane ul li a.user { color: #339ed4 }
.scroll-pane ul li a:hover { color: #c82334}

.scroll-pane .jspTrack { background: no-repeat; width: 6px; border: 1px solid #339ed4; border-radius: 5px }
.scroll-pane .jspVerticalBar { background: none }
.scroll-pane .jspDrag { background: #339ed4; border-radius: 4px;  width: 14px; margin: 1px 1px 1px 1px; left: -6px}
.scroll-pane .jspArrow.jspArrowUp { width: 26px; height: 26px; background: url(/img/buttons/but001.png); margin: 0 0 0 -10px; top: -5px; position: relative;}
.scroll-pane .jspArrow.jspArrowDown { width: 26px; height: 26px; background: url(/img/buttons/but002.png); margin: 0 0 0 -10px; bottom: -5px; position: relative;}

@media screen and (max-width: 991px) {
	.scroll-pane
{
    width: 100%;
    height: auto;
    max-height: 250px;
    overflow: auto;
     float: none;
   
     text-align: left;
      margin: 20px 20px 0 0;}
.scroll-pane ul li a { font-size: 16px; line-height:18px; color: #333;  }
.scroll-pane ul li a:hover { color: #ff6600}
}

.boxes-column { font-size: 0 }

.breaking-news2 { background: #339ed4; padding: 10px; height: 40px; overflow: hidden; font-size: 18px; color: #fff; text-transform: uppercase; margin: 10px 10px 0 10px }
.detail .breaking-news2 { margin: 10px 0 0 0 }
.detail .breaking-news2 ul, .detail .breaking-news2 ul li { list-style: none; padding: 0; margin: 0 }
.boxes .breaking-news2 { margin: 10px 0 0 0 }
.boxes-column .breaking-news2 { margin: 10px 10px  0 10px }
.breaking-news2 ul li a {font-size: 18px; color: #fff; font-weight: normal; text-transform: uppercase; text-decoration: underline;}
.breaking-news2 ul li a:hover { text-decoration: none; color: #fff }


.boxes-column .boxes { font-size: 0; margin: 0 -10px; width: calc(100% - 304px); display: inline-block; vertical-align: top; }
.boxes-ul { font-size: 0 }
.boxes .box {outline: none; width: 25%; 
display: inline-block;
vertical-align: top;
zoom: 1;  }

.boxes .jscroll-inner { display: flex; flex-wrap: wrap;}

.boxes .box .box-container { padding: 0 8px; zoom:1; } 
.user-detail .boxes ul { display: block; margin: 0 }

.boxes .box .shownOnTv { width: 24px; height: 24px; position: absolute; left: 10px; top: 10px; background: #c82334; border: 2px solid #fff; border-radius: 50%; z-index: 300; color: #fff; font-size: 14px; text-align: center; font-style: normal; }

.boxes a {transition: 0.15s}
.boxes .box-1 { margin: 16px 0 15px 0; }
.boxes .box-1 .image { position: relative; display: block;; overflow: hidden;}
.boxes .box-1 .image img.not-empty { width: 100%; position: absolute; left: 0; top: 0; z-index: 60; float: left;}
.boxes .box-1 .image img.empty { width: 100%; position: relative; z-index: 50; float: left;}
.boxes .box-1 .image .box-counters { position: absolute; left: 0; top:100%; width: 100%; height: 100%;  z-index: 400; background: url(/img/bgs/bg004.png); background-size: cover; transition: 0.15s}
.boxes .box-1:hover .image .box-counters {  top:0; }
.boxes .box-1 .image .box-counters .counters-container { position: absolute; right: 10px; bottom: 10px; font-size: 16px; color: #339ed4; text-align: right;; font-size: 16px;}
.boxes .box-1 .image .box-counters .counters-container i { display: inline-block; width: 23px; height: 18px; margin: 0 4px 0 7px; position: relative;; top: 2px}
.boxes .box-1 .image .box-counters .counters-container .views i {background: url(/img/icons/icon012.png); background-size: cover; }
.boxes .box-1 .image .box-counters .counters-container .messages i {background: url(/img/icons/icon013.png); background-size: cover; }
.boxes .box-1 .box-info {  color: #292929; display: block; padding: 14px 0 7px; font-size: 15px}
.boxes .box-1 .box-info a {  color: #339ed4;  }
.boxes .box-1 .box-info a:hover { color: #292929}
.boxes .box-1 .title a {  font-size: 14px; color: #292929}
.boxes .box-1 .title a:hover { text-decoration: underline; }
.boxes .box-1 .title .tags { display: block;}


.boxes .box-1 .tags ul li { display: inline-block; margin: 0 10px 0 0}
.boxes .box-1 .tags ul li a {color: #339ed4; font-size: 14px}
.boxes .box-1 .tags ul li a:hover {color: #292929 }

.boxes .box-2 { width: 40% }
.boxes .box-2 { margin: 10px 0 0 0 }
.boxes .box-2 .image { position: relative; display: block;}
.boxes .box-2 .image img.not-empty { width: 100%; position: absolute; left: 0; top: 0; z-index: 60; float: left;}
.boxes .box-2 .image img.empty { width: 100%; position: relative; z-index: 50; }
.boxes .box-2 .image img.image-fade { position: absolute; left: 0; top:0; width: 100%;  z-index: 300;}
.boxes .box-2 .image .bottom { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 400 }
.boxes .box-2 .box-info {  color: #fff; display: block; padding: 10px 20px; font-size: 18px; position: relative; z-index: 100 }
.boxes .box-2 .box-info a {  color: #7fcd00;  }
.boxes .box-2 .box-info a:hover { color: #ff6600}
.boxes .box-2 .title { padding: 0 140px 0px 20px}
.boxes .box-2 .title a { font-size: 20px; color: #fff; text-transform: uppercase; }
.boxes .box-2 .title a:hover {color: #ff6600; text-decoration: underline; }
.boxes .box-2 .tags { padding: 5px 130px 20px 20px }
.boxes .box-2 .tags ul li { display: inline-block; margin: 0 10px 0 0}
.boxes .box-2 .tags ul li a {color: #fff; font-size: 20px}
.boxes .box-2 .tags ul li a:hover {color: #ff6600}

.boxes .box-2 .image .box-counters { position: absolute; right: 15px; bottom: 20px;  color: #7fcd00; width: 120px;; font-size: 16px}
.boxes .box-2 .image .box-counters .counters-container i { display: inline-block; width: 23px; height: 18px; margin: 0 4px 0 7px; position: relative;; top: 2px}
.boxes .box-2 .image .box-counters .counters-container .views i {background: url(/img/icons/icon012.png); background-size: cover; }
.boxes .box-2 .image .box-counters .counters-container .messages i {background: url(/img/icons/icon013.png); background-size: cover; }

.boxes .box-3 { margin: 10px 0 0 0 }
.boxes .box-3 .image { position: relative; display: block;}
.boxes .box-3 .image img.empty { width: 100%; position: absolute; left: 0; top: 0; z-index: 50; float: left;}
.boxes .box-3 .image img.not-empty { width: 100%; z-index: 60; position: relative;}
.boxes .box-3 .image img.image-fade { position: absolute; left: 0; top:0; width: 100%; height: 100%;  z-index: 300;}
.boxes .box-3 .image .title { position: absolute; color: #fff; z-index: 500; left: 0; bottom: 0; text-align: center; padding: 20px; text-transform: uppercase;; font-size: 18px;  transition: 0.15s}
.boxes .box-3 .image:hover  .title{ color: #ff6600 }

@media screen and (max-width: 991px) {
.boxes .box-1 .image .box-counters {  top:0; }
.boxes-column .boxes { display: block; width: auto; margin: 0 -5px}
.boxes .box .box-container {padding: 5px}
}


@media screen and (max-width: 1300px) {

	.boxes .box { width: 33.3333% }
	.boxes .box-2 { width: 33.3333% }

	.boxes .box-1 .title a {font-size: 17px }
	.boxes .box-1 .box-info { font-size: 15px } 
	.boxes .box-2 .box-info { font-size: 15px } 
	.boxes .box-2 .title a { font-size: 17px }
	.boxes .box-2 .tags ul li a {font-size: 17px}
	.boxes .box-3 .title a { font-size: 17px }
}


@media screen and (max-width: 1100px) {

	.boxes .box { width: 50% }
	.boxes .box-2 { width: 50% }

	.boxes .box-1 .title a {font-size: 15px }
	.boxes .box-1 .box-info { font-size: 13px } 
	.boxes .box-2 .box-info { font-size: 13px } 
	.boxes .box-2 .title a { font-size: 15px }
	.boxes .box-2 .tags ul li a {font-size: 15px}
	.boxes .box-3 .title a { font-size: 15px }
}

@media screen and (max-width: 991px) {
	body .boxes .box-1 {font-size: 21px;}
	body .boxes .box-2 {font-size: 21px;}
	body .boxes .box-3 {font-size: 21px;}
	.boxes .box-1 { margin: 10px 0 0 0;  }
	.boxes .box-2 { margin: 10px 0 0 0 }
	.boxes .box-3 { margin: 10px 0 0 0 }
	.boxes .box-2 .title a { font-size: 18px }
	.boxes .box-2 .tags ul li a {font-size: 18px}
	header .menus .main-menu ul li a { font-size: 17px;}
	header .menus .main-menu ul li:last-child { border-left:0; padding-left: 0px  }
	.boxes .box-2 .title { padding: 0}
	.boxes .box-2 .title a { color: #333; font-size: 15px}
	.boxes .box-2 .image .bottom { position: relative; left: 0; bottom: 0; width: 100%; z-index: 400 }
	.boxes .box-2 .box-info {  color: #333; display: block; padding: 5px 0 5px 0; position: relative; z-index: 100 }
	.boxes .box-2 .image .box-counters { position: absolute; right: -10px; top: -33px; bottom: auto;  color: #7fcd00; width: 120px;; font-size: 16px}
}

.right-column-news { width: 250px; margin: 3px 0 19px 50px; display: inline-block; vertical-align: top; font-size: 20px; position: sticky; top: 200px; }
.right-column-news h2 { font-size: 18px; text-transform: uppercase; color: #292929; margin-top: 10px; font-weight: bold; }
.right-column-news ul li { margin: 0 0 10px 0 }
.right-column-news ul li .date { font-size: 14px; color: #292929; font-weight: bold; display: block; }
.right-column-news ul li a{ font-size: 15px;  color: #292929; line-height: 17px; text-decoration: none; transition: 0.2s }
.right-column-news ul li a:hover { text-decoration: underline; }
.right-column-news ul li a .image { position: relative; display: block;; overflow: hidden; margin: 0 0 10px 0}
.right-column-news ul li a .image img.not-empty { width: 100%; position: absolute; left: 0; top: 0; z-index: 60; float: left;}
.right-column-news ul li a .image img.empty { width: 100%; position: relative; z-index: 50; float: left;}
.right-column-news .all-news { display: block; text-align: center; margin: 20px 0 0 0; font-size: 15px; color: #fff; text-transform: uppercase; text-decoration: none; background: #292929; padding: 5px 0 6px 0; transition: 0.2s}
.right-column-news .all-news:hover {  }
.right-column-news .upload {text-align: center; display: block; background: url(/img/icons/icon030.png) no-repeat 50% 10px #c82334; margin: 7px 0 0 0; padding: 100px 0 10px 0}

@media screen and (max-width: 991px) {
  .right-column-news { display: none }
}



@media screen and (max-width: 830px) {
	body .main-contаiner-wpp .boxes .box-1 {font-size: 18px;}
	body .main-container-wpp .boxes .box-2 {font-size: 18px;}
	body .main-container-wpp .boxes .box-3 {font-size: 18px;}
	.main-container-wpp .boxes .box-1, .boxes .box-2, .boxes .box-3 { margin: 0px 0 0 0; }
	.main-container-wpp .boxes .box-2 .title a { font-size: 18px }
	.main-container-wpp .boxes .box-2 .tags ul li a {font-size: 18px}
	header .main-container-wpp .menus .main-menu ul li a { font-size: 17px;}
	.main-container-wpp .boxes .box-2 .title { padding: 10px}
    .main-container-wpp .bread-crumbs { padding: 0; margin: 10px auto 0 auto; font-size: 16px; max-width: 1600px;}
}


.bread-crumbs { padding: 0; margin: 0 auto; font-size: 16px; max-width: 1600px;}
.bread-crumbs span { background: #292929; display: block; padding: 15px 15px; color: #fff }
.bread-crumbs span a { text-decoration: underline; color: #fff; transition: 0.15s }
.bread-crumbs span a:hover { text-decoration: none; }
.bread-crumbs span i { width: 6px; height: 7px; display: inline-block; background: url(/img/bullets/bul001.png); background-size: cover; position: relative; top: -1px; margin: 0 5px }

@media screen and (max-width: 991px) {
  .bread-crumbs  { margin: 0 0px}
  .bread-crumbs span { margin: 10px 0 }
}

.detail .left-column { width: 80%; float: left; position: relative; }
.detail .right-column { float: right; width: 20%;}

@media screen and (max-width: 640px) {
	.main-container-wpp .boxes .box-1, .boxes .box-2, .boxes .box-3 { margin: 0px 0 0 0; }
	.main-container-wpp .boxes .box-2 .title a { font-size: 16px }
	header .main-container-wpp .menus .main-menu ul li a { font-size: 17px;}
	.main-container-wpp .boxes .box-2 .title { padding: 10px}
    .main-container-wpp .bread-crumbs { padding: 0; margin: 10px auto 0 auto; font-size: 16px; max-width: 1600px;}
    footer .foter-menu-1 { margin: 0 0 10px 240px }
    footer .foter-menu-1 ul li.active a { color: #18aef9;; text-decoration: none; }
    footer .foter-menu-1 ul li a:hover {color: #cccccc; }

    footer .tags-menu-1 { margin: 0 0 0 180px }

    footer .addon-menu-1 { margin: 10px 0 0 180px }
    footer .addon-menu-1 ul li { display: block; margin: 0 5px 0 10px }
}



.detail .right-column-container { margin: 0 0 0 20px }
.detail .right-column-container .boxes .box-1 { margin: 0 0 30px 0 }
.detail h1 { font-size: 30px; font-weight: normal; padding: 0 280px 15px 0}
.detail .right-column h2 { font-size: 25px; }
.detail .material-info { padding: 0 0 0 0 ; display: inline-block; vertical-align: bottom; }
.detail .material-info dt, dd { display: inline-block; font-weight: normal; margin: 0 3px 2px 0}
.detail .material-info a { color: #339ed4; text-decoration: underline; transition: 0.15s}
.detail .material-info a:hover {color: #c82334; text-decoration: none;} 
.detail .material-info dd.share { position: relative; top: -19px }

.detail .material-info .bottom-share { }
.detail .material-info .bottom-share dt { margin: -5px 0 0 0  }
.detail .material-info .bottom-share .share { float: none }
.detail .material-info .bottom-count { float: none; border: 0; margin: 0 0 0 -12px }

.detail .share  {  padding: 0px 0 10px 0; line-height: normal; float: right; margin: 18px 0 0 0; position: absolute;; right: 0; top: 0; filter: grayscale(1);}
.detail .share dl { }
.detail .share dt, dd { display: inline-block; font-weight: normal; line-height: normal; vertical-align: top;}
.detail .share dt { margin: -2px 0 0 0 }
.detail .share dd {  line-height: normal; margin: 0px 0 0 2px }
.detail .ui-rater {margin: 0 0; font-weight: bold; position: relative;; top: -3px}
.detail .ui-rater>span {vertical-align:bottom;}
.detail .ui-rater-rating {margin-left: 3px; font-weight: bold;}
.detail .ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:14px; background:url(/img/icons/icon014.png) repeat-x 0 0;}
.detail .ui-rater-starsOn {display:block; max-width:85px; height: 16px; top:0; background:url(/img/icons/icon015.png) repeat-x 0 0;}
.detail .ui-rater-starsHover {background:url(/img/icons/icon015.png) repeat-x 0 0!important;}
.detail p  { margin: 0; padding: 0 0 15px 0 }

.detail .count {  padding: 0px 0 0px 0; margin: 0px 0 0 10px ; position: relative;; top: -8px; display: inline-block; vertical-align: bottom;  border-left: 1px solid #339ed4;}
.detail .count ul {   margin:  -5px 0 0 0; padding: 0 }
.detail .count ul li { display: inline-block}
.detail .count ul li i { display: inline-block; width: 24px; height: 26px; position: relative;; top: 5px; margin: 0 3px 0 10px }
.detail .count ul li.link { top: 3px }
.detail .count ul li.likes i { background:url(/img/icons/icon016.png);  background-size: cover  }
.detail .count ul li.likes2 i { background:url(/img/icons/icon025.png);  background-size: cover;; width: 20px; height: 20px; top:2px;  }
.detail .count ul li.views i { background:url(/img/icons/icon017.png);  background-size: cover;  }
.detail .count ul li.messages i { background:url(/img/icons/icon018.png);  background-size: cover; top: 7px  }
.detail .count ul li.likes { color: #6bad00 }
.detail  .AllSharesCNT {  color: #339ed4; padding: 7px 12px 7px 0; border-right: 1px solid #6bad00; margin: 6px 12px 0 0}


.detail .detail-tags {  }
.detail .detail-tags li { display: inline-block; margin: 0 10px 20px 0; }
.detail .detail-tags li a { font-size: 16px; color: #fff; background:  #24c3fd; padding: 4px 17px 7px 17px; transition: 0.15s }
.detail .detail-tags li a:hover { background: #292929 }

.filelist a { text-decoration: underline; }
.filelist a:hover {color: #ff6600; }



.detail .photo-box { padding: 15px 0; font-size: 0 }
.detail .photo-box ul li { display: inline-block; border: solid #fff; border-width: 0 1px 1px 0}
.detail .photo-box ul li a { display: block }
.detail .photo-box ul li a img { width: 100% }





.detail  .video { margin: 15px 0 }

.detail .comments { border-top: 6px solid  #24c3fd; margin: 10px 0 0 0; padding: 0 0 10px 0 }
.detail .comments h3 { font-size: 20px; font-weight: normal; margin: 0; padding: 20px 0 }
.detail .comments ul { padding: 0 0 10px 0 }
.detail .comments li { padding: 0 0 10px 95px; min-height: 95px; position: relative; list-style: none;}
.detail .comments li:nth-child(even) { background: #f0f0f0 }
.detail .comments li .userpic { width: 75px; height: 75px; position: absolute; left: 10px; top: 10px }
.detail .comments li .username { margin: 6px 0 0 0; float: left;color: #339ed4; text-decoration: underline; transition: 0.15s }
.detail .comments li .username:hover { text-decoration: none; color: #c82334; } 
.detail .comments li .date { margin: 6px 10px 0 0; float: right; font-size: 16px; color: #666 }
.detail .comments li .delete { margin: 6px 10px 0 0; float: right; font-size: 16px; color: #6bad00; text-decoration: underline; }
.detail .comments li .delete:hover { text-decoration: none; color: #ff6600; } 
.detail .comments li .message { clear: both; padding: 5px 0 0 0 }
.detail .comments li .message a{ transition: 0.15s }

.detail .comments .add { display: inline-block; background:  #24c3fd; border-radius: 5px; color: #fff; margin: 20px 0 0 0; padding: 2px 33px 5px 33px; transition: 0.15s; cursor: pointer; }
.detail .comments .add:hover {background: #292929; text-decoration: none;}

.detail .VideoPlayerWrapper { margin: 15px 0 }

.detail .Bold { font-weight: bold; }
.detail .Italic { font-style: italic;}
.detail .Underline { text-decoration: underline;}
.detail .LineThrough { text-decoration: line-through;}
.detail a { color: #339ed4; text-decoration: underline; }
.detail a:hover  { color: #c82334; text-decoration: none; }
.IncutImage { position: relative; display: inline-block; }
.IncutImage .Desc { position: absolute; bottom: 0; left: 0; width: 100%; padding:5px 10px; background: rgba(0,0,0,0.5); color: #fff}

.detail ul { padding: 10px 0 }
.detail ul li{ list-style: inside;}


.detail ol { padding: 10px 0 }
.detail ol li{ list-style: decimal inside;  }

@media screen and (max-width: 991px) {
.detail .left-column { width: 100%; float: none; }
.detail .right-column { float: right; width: 100%;}
.detail .right-column-container { margin: 0 0 0 0 }
.detail h1 { font-size: 25px; font-weight: normal; padding: 0 0 15px 0}
.detail .count { }
.detail .share  { position: relative; right: auto; top: auto; float: none; margin: 0}
.detail .material-info .bottom-share dd.share {  top: 0 }
}

.detail .contest-txt {padding: 7px 20px 10px 20px; background: #7fcd00; color: #fff; margin-bottom: 7px; }
.detail .contest-txt a { color: #fff; text-decoration: underline; font-size: 23px }
.detail .contest-txt a:hover { text-decoration: none; }

.detail .contest-like { display: inline-block; background: #7fcd00; font-size: 18px; color: #fff; padding: 3px 15px 5px 40px; border-radius: 5px; position: relative; text-decoration: none; cursor: pointer; margin: 0 0 5px 0; transition: 0.15s }
.detail .contest-like:before { content: ''; width: 20px; height: 20px; display: block; background: url('/img/icons/icon024.png'); background-size: cover; position: absolute; left: 10px; top: 6px; }
.detail .contest-like:hover { color: #fff; background: #f60 }
.detail .contest-like-liked { display: inline-block; font-size: 18px; color: #6bad00; padding: 3px 15px 5px 15px; position: relative; text-decoration: none; cursor: pointer; margin: 0 0 5px 0 }
.detail .contest-like-default, .detail .contest-like-liked-now { display: inline-block; font-size: 18px; color: #6bad00; padding: 3px 15px 5px 15px; position: relative; text-decoration: none; cursor: pointer; margin: 0 0 5px 0 }

.create-reportage { width: 820px; font-size: 0 }
.create-reportage label { font-weight: normal; font-size: 20px }
.create-reportage .field-tooltip { display:inline-block; font-size: 10px; color: #bababa; line-height: 12px; text-align: center; width: 16px; height: 16px; border: 2px solid #bababa; border-radius: 50%; cursor: pointer; position: relative; top: -2px; margin: 0 0 0 3px}
.create-reportage .field-tooltip:hover { color: #7fcd00; border-color: #69bae3 }
.create-reportage .input { width: 100%; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 18px}
.create-reportage .input#inpTags { border: 0; padding: 0 }
.create-reportage .half.tags  .input#inpTags .text-icon { font-size: 14px; color: #ff6800; margin: 0 0 0 3px; cursor: pointer; position: relative; top: -7px }
.create-reportage .input#inpTags .ui-helper-hidden-accessible { padding: 0 0 7px 0; display: block; }
.create-reportage .input .ui-autocomplete-input { width: 100%; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 18px}

.create-reportage .half.tags .tagit-new { margin: 1px 0 0 0}
.create-reportage .half.tags .ui-widget-content .ui-state-default.ui-corner-all { border-radius: 0; border:0; margin: 0 6px 6px 0; display: inline-block; border: 1px solid #aaa; padding: 5px;  font-size: 14px; border-radius: 5px}
.create-reportage .half.tags .ui-widget-content .ui-state-default.ui-corner-all:after { content: ''; margin:0 0px 0 0; }
.create-reportage .half.tags .ui-widget-content .ui-icon.ui-icon-close { display: none; }

.create-reportage .input.ex6_invalid {border:1px solid #c24d4d}
.create-reportage textarea { width: 100% ; height: 110px; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 20px; resize: none}
.create-reportage .half { width: 400px; display: inline-block; vertical-align: top; }
.create-reportage .half.margin { margin: 0 20px 0 0  }
.create-reportage .bootstrap-select { margin: 0 0 15px 0 }
.create-reportage .bootstrap-select.ex6_invalid {border:1px solid #c24d4d}
.create-reportage .bootstrap-select .btn {padding: 5px 10px; font-size: 18px}
.create-reportage sup { font-size: 22px; color: #c82334; position: relative; top: -3px;}
.create-reportage .map-point { display: block; font-size: 20px; color: #339ed4; background: none; width: 100%; text-align: center;; border: 2px solid #339ed4; border-radius: 5px; height: 38px; margin: 32px 0 0 0 }
.create-reportage .text-field { position: relative; }
.create-reportage .delete { position: absolute; right: 0; top: 0; font-size: 18px; cursor: pointer; }
.create-reportage .delete:after { content: ''; display: inline-block; width: 11px; height: 11px; background: url(/img/icons/icon020.png); background-size: cover; margin: 0 0 0 5px }
.create-reportage .delete:hover:after { background-position: 0 -33px }
.create-reportage .pictures { margin: 0 0 10px 0 }
.create-reportage .pictures ul li { position: relative; padding: 30px 0 0 0; width: 260px; display: inline-block; margin: 0 20px 10px 0 }
.create-reportage .pictures ul li:nth-child(3n) { margin-right: 0 }
.create-reportage .pictures ul li textarea { height: 90px; margin: 10px 0 0 0 }
.create-reportage .video { position: relative; padding: 0 0 0 0; font-size: 20px}
.create-reportage .video .video-container {padding:200px 0; background:#ddd; text-align:center; font-size:20px; margin: 10px 0 30px 0}
.create-reportage .video .frames  {font-size: 0}
.create-reportage .video .frames li { display: inline-block; margin: 0 12px 10px 0}
.create-reportage .video .frames li:nth-child(6n) { margin-right: 0 }
.create-reportage .video .frames li img { border: 3px solid #fff }
.create-reportage .video .frames li:hover { border: 2px solid #7fcd00; cursor: pointer;}
.create-reportage .video .frames li:hover img { border: 1px solid #fff }
.create-reportage .video .frames li.active { border: 2px solid #7fcd00 }
.create-reportage .video .frames li.active img { border: 1px solid #fff }
.create-reportage .upload { border-radius: 5px; padding: 15px 0; text-align: center;}
.create-reportage .upload .file-loading { font-size: 0; width: 290px; height: 38px; display: block; text-indent: -9999px; overflow: hidden;; background: url(/img/buttons/but003.png); background-size: cover;); cursor: pointer; display: inline-block; }
.create-reportage .upload .file-loading:hover { background-position: 0 -114px }

.create-reportage .upload .b-button-disabled {opacity:0.5}

.create-reportage .upload-results .one-item {position:relative;padding:50px 0 0 0;margin:20px 0;     min-height: 100px;}

.create-reportage .upload-results .one-item .file-meta {height:50px;position:absolute;top:0;left:0;font-size:11pt}
.create-reportage .upload-results .one-item .file-meta p {padding:0 0 0 23px}
.create-reportage .upload-results .one-item .file-meta p a {text-decoration:underline; color: #69bae3}
.create-reportage .upload-results .one-item .file-meta p a:hover {text-decoration:none}

.create-reportage .upload-results .one-item .file-meta i.video {width:16px;height:16px;display:block;font:normal 2pt arial;background:url(/img/adm/Icons16.png) -32px 0 no-repeat;position:absolute;top:2px;left:0}
.create-reportage .upload-results .one-item .file-meta i.image {width:16px;height:16px;display:block;font:normal 2pt arial;background:url(/img/adm/Icons16.png) -64px 0 no-repeat;position:absolute;top:2px;left:0}
.create-reportage .upload-results .one-item .file-meta .b-file_name {font-weight:bold}
.create-reportage .upload-results .one-item .file-meta .b-file_info {color:#7f7f7f}
.create-reportage .upload-results .one-item .file-meta .b-file_error {font-weight:normal;color:#b1191d}

.create-reportage .upload-results .one-item .uploaded-thumbs {}
.create-reportage .upload-results .one-item .uploaded-thumbs ul {list-style-type:none}
.create-reportage .upload-results .one-item .uploaded-thumbs ul li {width:118px;height:88px;display:block;float:left;margin:0 3px 3px 0;background:#f0f0f0}
.create-reportage .upload-results .one-item .uploaded-thumbs ul li a {width:112px;height:82px;display:block;padding:1px;border:3px solid #f0f0f0}
.create-reportage .upload-results .one-item .uploaded-thumbs ul li a:hover {border:3px solid #666}
.create-reportage .upload-results .one-item .uploaded-thumbs ul li a img {width:112px;height:82px;border:0}

.create-reportage .upload-results .one-item .b-file_bar {position:absolute;top:28px;left:0;display:none}
.create-reportage .upload-results .one-item .b-progress {width:368px;height:11px;display:block;border:1px solid #e4e4e4;border-top:1px solid #bababa;padding:1px}
.create-reportage .upload-results .one-item .b-progress_bar {height:11px;display:block;background:#f2b703;width:0}
.create-reportage .upload-results .one-item .b-progress .b-progress-text {font-size: 16px}

.create-reportage .upload2 { border: 1px solid  #7fcd00; border-radius: 5px; padding: 25px 0; text-align: center;}
.create-reportage .upload2 span { font-size: 20px; display: inline-block; vertical-align: top; padding: 3px 20px 0 0}
.create-reportage .upload2 .file-loading { font-size: 0; width: 170px; height: 38px; display: block; text-indent: -9999px; overflow: hidden;; background: url(/img/buttons/but004.png); background-size: cover;); cursor: pointer; display: inline-block; vertical-align: top; margin: 0 20px 0 0}
.create-reportage .upload2 .file-loading:hover { background-position: 0 -114px }
.create-reportage .upload2 .add-text { font-size: 0; width: 170px; height: 38px; display: block; text-indent: -9999px; overflow: hidden;; background: url(/img/buttons/but005.png); background-size: cover;); cursor: pointer; display: inline-block; vertical-align: top; }
.create-reportage .upload2 .add-text:hover { background-position: 0 -114px }

.create-reportage .checkboxes [class^="cb-icon-"],
.create-reportage .checkboxes [class*=" cb-icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: -5px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("/img/icons/icon021.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}
.create-reportage .checkboxes label { font-weight: normal; font-size: 18px; position: relative; top: 4px; padding: 10px 0 }
.create-reportage .checkboxes label a { color: #339ed4; text-decoration: underline; }
.create-reportage .checkboxes .part {  display: inline-block; margin-right: 20px }
.create-reportage .checkboxes .line {border-top: 1px solid  #69bae3; margin: 5px 0 10px 0}
.create-reportage .full-reg { text-align: center; padding: 20px; background: #eee; border-radius: 5px; font-size: 18px; }
.create-reportage .full-reg a{ color: #7fcd00; text-decoration: underline;}
.create-reportage .buttons { text-align: center; padding: 20px 0 30px 0 }
.create-reportage .buttons input { display: inline-block; font-size: 22px; background: none; border: 2px solid; width: 170px; text-align: center; border-radius: 5px; margin: 0 10px; }
.create-reportage .buttons input.preview { border-color: #7fcd00; color: #7fcd00 }
.create-reportage .buttons input.save { border-color: #339ed4; color: #fff; background: #339ed4 }
.create-reportage .buttons input.InActiveSignUp { color: #878787; background: #dcdcdc none repeat scroll 0 0 }

.create-reportage p { font-size: 18px }
.create-reportage p a { color: #339ed4; text-decoration: underline; transition: 0.15s }
.create-reportage p a:hover { color: #c82334 }

#ui-datepicker-div { z-index: 9999 !important }

@media screen and (max-width: 991px) {
.create-reportage  { width: 100%;  }
.create-reportage .half { width: 100%;  }
}

.ui-datepicker * { font-size: inherit;}
.ui-datepicker dd { display: block;}

/* popups */
.popup-mask {position:fixed;left:0;top:0;width:100%;height:100%;color:white;z-index:77999;display:none; background: rgba(0, 0, 0, 0.6)}

#LogoutWarnPopup {position:fixed;color:white;z-index:99999;left:50%;margin-left:-249px;top:50%;margin-top:-135px;display:none;padding:9px;width:480px;height:169px; }
#LogoutWarnPopup .FormBody1 {position:absolute;background:#333;width:480px;}
#LogoutWarnPopup .FormBody2 {margin:0;padding:0; }
#LogoutWarnPopup h2 {margin:0;padding:0;height:54px;color:#339ed4;background:#222;line-height:54px;padding-left:18px;position:relative; font-size: 22px}
#LogoutWarnPopup h2 .lnkCloseLogoutWarnPopup {position:absolute;right:18px;top:20px;width:16px;height:16px;text-indent:-10000px;background:url(/img/bgs/bg.feedbackclose.png) no-repeat;}
#LogoutWarnPopup p {padding:15px 0 0 0;color:white; text-align: center;}
#LogoutWarnPopup p.Submit { clear:both; text-align: center; padding: 5px 0 10px 0}
#LogoutWarnPopup p.Submit a.Button_GRE36 {display:inline-block;height:32px;background:black;color:white;text-align:center;text-decoration:none;line-height:32px;padding:0 5px;font-size:11pt; width: 150px}

#LoginWarnPopup {position:fixed;color:white;z-index:99999;left:50%;margin-left:-249px;top:50%;margin-top:-135px;display:none;padding:9px;width:480px;height:169px; }
#LoginWarnPopup .FormBody1 {position:absolute;background:#333;width:480px;}
#LoginWarnPopup .FormBody2 {margin:0;padding:0; }
#LoginWarnPopup h2 {margin:0;padding:0;height:54px;color:#7fcd00;background:#222;line-height:54px;padding-left:18px;position:relative; font-size: 22px}
#LoginWarnPopup h2 .lnkCloseLoginWarnPopup {position:absolute;right:18px;top:20px;width:16px;height:16px;text-indent:-10000px;background:url(/img/bgs/bg.feedbackclose.png) no-repeat;}
#LoginWarnPopup p {padding:15px 0 0 0;color:white; text-align: center;}
#LoginWarnPopup p.Submit { clear:both; text-align: center; padding: 5px 0 10px 0}
#LoginWarnPopup p.Submit a.Button_GRE36 {display:inline-block;height:32px;background:black;color:white;text-align:center;text-decoration:none;line-height:32px;padding:0 5px;font-size:11pt; width: 150px}


#ReportEditWarnPopup {position:fixed;color:white;z-index:99999;left:50%;margin-left:-249px;top:50%;margin-top:-135px;display:none;padding:9px;width:480px;height:269px; }
#ReportEditWarnPopup .FormBody1 {position:absolute;background:#333;width:480px;height:289px}
#ReportEditWarnPopup .FormBody2 {margin:0;padding:0; height:269px}
#ReportEditWarnPopup h2 {margin:0;padding:0;height:54px;color:#7fcd00;background:#222;line-height:54px;padding-left:18px;position:relative; font-size: 22px}
#ReportEditWarnPopup h2 .lnkCloseReportEditWarnPopup {position:absolute;right:18px;top:20px;width:16px;height:16px;text-indent:-10000px;background:url(/img/bgs/bg.feedbackclose.png) no-repeat;}
#ReportEditWarnPopup p {padding:18px 0 0 18px;color:white;}

#FeedbackForm {position:fixed;color:white;z-index:99999;left:50%;margin-left:-349px;top:50%;margin-top:-245px;display:none;padding:9px;width:680px;height:489px; }
#FeedbackForm .FormBody1 {position:absolute;background:#333;width:680px;}
#FeedbackForm .FormBody2 {margin:0;padding:0; }
#FeedbackForm h2 {margin:0;padding:0;height:54px; font-size: 22px;color:#339ed4;background:#222;line-height:54px;padding-left:18px;position:relative;}
#FeedbackForm h2 .lnkCloseSendForm {position:absolute;right:18px;top:20px;width:16px;height:16px;text-indent:-10000px;background:url(/img/bgs/bg.feedbackclose.png) no-repeat;}
#FeedbackForm form {margin:0;padding:0; font-size: 18px;margin:18px;}
#FeedbackForm form fieldset {border:0;margin:0;padding:0;}
#FeedbackForm form fieldset legend {display:none;}
#FeedbackForm label {width:25%;text-align:right;margin:0;padding:0;float:left;height:32px;line-height:32px;}
#FeedbackForm label sup { color:#339ed4; font-size:22px; font-weight:bold; line-height:12px; position:relative; top:-3px}
#FeedbackForm input, #FeedbackForm select {color:#333; width:65%;margin-left:1%;background:#ececec;border:0;padding:5px;margin-bottom:9px; font-weight: normal;}
#FeedbackForm input:focus, #FeedbackForm select:focus {background:white;}
#FeedbackForm textarea {width:65%;margin-left:1%;background:#ececec;border:0;height:120px;padding:4px;margin-bottom:9px; color: #333;}
#FeedbackForm textarea:focus {background:white;}
#FeedbackForm p.Submit {margin-left:32%;width:36%;margin-top:15px; clear:both}
#FeedbackForm p.Submit a.Button_GRE36 {display:block;height:32px;background:black;color:white;text-align:center;text-decoration:none;line-height:32px;padding:0 5px;font-size:11pt;}

#fade {}

/* ------------------------------------------------*/
.login-user { width: 820px; font-size: 0 }
.login-user legend { display: none; }
.login-user label { font-weight: normal; font-size: 20px; }
.login-user label.error { font-weight: normal; font-size: 20px; color: #c24d4d; }
.login-user .field-tooltip { display:inline-block; font-size: 10px; color: #bababa; line-height: 12px; text-align: center; width: 16px; height: 16px; border: 2px solid #bababa; border-radius: 50%; cursor: pointer; position: relative; top: -2px; margin: 0 0 0 3px}
.login-user .field-tooltip:hover { color: #7fcd00; border-color: #7fcd00 }
.login-user .input { width: 100%; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 18px}
.login-user .input.ex6_invalid {border:1px solid #c24d4d}
.login-user textarea { width: 100% ; height: 110px; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 20px; resize: none}
.login-user .half { width: 400px; display: inline-block; vertical-align: top; }
.login-user .half.margin { margin: 0 20px 0 0  }
.login-user .bootstrap-select { margin: 0 0 15px 0 }
.login-user .bootstrap-select .btn {padding: 5px 10px; font-size: 18px}
.login-user sup { font-size: 22px; color: #339ed4; position: relative; top: -3px;}
.login-user .text-field { position: relative; }

.login-user .checkboxes [class^="cb-icon-"],
.login-user .checkboxes [class*=" cb-icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("/img/icons/icon021.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}
.login-user .checkboxes label { font-weight: normal; font-size: 18px; position: relative; top: 4px; padding: 10px 0 }
.login-user .checkboxes label a { color: #7fcd00; text-decoration: underline; }
.login-user .checkboxes .part { width: 239px; display: inline-block; }
.login-user .checkboxes .line {border-top: 1px solid  #7fcd00; margin: 5px 0 10px 0}
.login-user .buttons { text-align: center; padding: 20px 0 30px 0 }
.login-user .buttons input { display: inline-block; font-size: 22px; background: none; border: 2px solid; width: 170px; text-align: center; border-radius: 5px; margin: 0 10px; }
.login-user .buttons input.login { border-color: #24c3fd; color: #fff; font-size: 22px; text-indent: 0; background:#24c3fd; }
.login-user .buttons a.frmLoginForgotLink { font-size: 18px }


@media screen and (max-width: 991px) {
.login-user { width: 100%;  }
}


.forgot-password { width: 820px; font-size: 0 }
.forgot-password label { font-weight: normal; font-size: 20px; }
.forgot-password label.error { font-weight: normal; font-size: 20px; color: #c24d4d; }
.forgot-password .field-tooltip { display:inline-block; font-size: 10px; color: #bababa; line-height: 12px; text-align: center; width: 16px; height: 16px; border: 2px solid #bababa; border-radius: 50%; cursor: pointer; position: relative; top: -2px; margin: 0 0 0 3px}
.forgot-password .field-tooltip:hover { color: #7fcd00; border-color: #7fcd00 }
.forgot-password .input { width: 100%; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 18px}
.forgot-password .input.ex6_invalid {border:1px solid #c24d4d}
.forgot-password textarea { width: 100% ; height: 110px; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 20px; resize: none}
.forgot-password .half { width: 400px; display: inline-block; vertical-align: top; }
.forgot-password .half.margin { margin: 0 20px 0 0  }
.forgot-password .bootstrap-select { margin: 0 0 15px 0 }
.forgot-password .bootstrap-select .btn {padding: 5px 10px; font-size: 18px}
.forgot-password sup { font-size: 22px; color: #339ed4; position: relative; top: -3px;}
.forgot-password .text-field { position: relative; }

.forgot-password .buttons { text-align: center; padding: 20px 0 30px 0 }
.forgot-password .buttons input { display: inline-block; font-size: 22px; background: none; border: 2px solid; width: 170px; text-align: center; border-radius: 5px; margin: 0 10px; }
.forgot-password .buttons input.remind { border-color: #339ed4; color: #fff; background: #339ed4 }

@media screen and (max-width: 991px) {
.forgot-password { width: 100%;  }
}


.signup-user { width: 820px; font-size: 0 }
.signup-user label { font-weight: normal; font-size: 20px; }
.signup-user label.error { font-weight: normal; font-size: 20px; color: #c24d4d; }
.signup-user .field-tooltip { display:inline-block; font-size: 10px; color: #bababa; line-height: 12px; text-align: center; width: 16px; height: 16px; border: 2px solid #bababa; border-radius: 50%; cursor: pointer; position: relative; top: -2px; margin: 0 0 0 3px}
.signup-user .field-tooltip:hover { color: #7fcd00; border-color: #7fcd00 }
.signup-user .input { width: 100%; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 18px}
.signup-user .input.ex6_invalid {border:1px solid #c24d4d}
.signup-user textarea { width: 100% ; height: 110px; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 20px; resize: none}
.signup-user .half { width: 400px; display: inline-block; vertical-align: top; }
.signup-user .half.margin { margin: 0 20px 0 0  }
.signup-user .bootstrap-select { margin: 0 0 15px 0 }
.signup-user .bootstrap-select .btn {padding: 5px 10px; font-size: 18px}
.signup-user sup { font-size: 22px; color: #339ed4; position: relative; top: -3px;}
.signup-user .text-field { position: relative; }

.signup-user .checkboxes [class^="cb-icon-"],
.signup-user .checkboxes [class*=" cb-icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("/img/icons/icon021.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}
.signup-user .checkboxes label { font-weight: normal; font-size: 18px; position: relative; top: 4px; padding: 10px 0 }
.signup-user .checkboxes label a { color: #339ed4; text-decoration: underline; }
.signup-user .checkboxes .part { width: 239px; display: inline-block; }
.signup-user .checkboxes .line {border-top: 1px solid  #339ed4; margin: 5px 0 10px 0}
.signup-user .full-reg { text-align: center; padding: 20px; background: #eee; border-radius: 5px; font-size: 18px; }
.signup-user .full-reg a{ color: #339ed4; text-decoration: underline;}
.signup-user .buttons { text-align: center; padding: 20px 0 30px 0 }
.signup-user .buttons input { display: inline-block; font-size: 22px; background: none; border: 2px solid; width: 170px; text-align: center; border-radius: 5px; margin: 0 10px; }
.signup-user .buttons input.signup { border-color: #339ed4; color: #fff; background: #339ed4; font-size: 15px; padding: 4px 0 }
.signup-user .buttons input.InActiveSignUp { color: #878787; background: #dcdcdc none repeat scroll 0 0; font-size: 15px; padding: 4px 0 }
.signup-user .extSignupFields { display: none }
/*  */

@media screen and (max-width: 991px) {
.signup-user { width: 100%;  }
.signup-user .buttons input.signup { font-size: 15px; padding: 4px 0 }

}


/*  */
.edit-user { width: 820px; font-size: 0 }
.edit-user label { font-weight: normal; font-size: 20px; }
.edit-user label.error { font-weight: normal; font-size: 20px; color: #c24d4d; }
.edit-user .field-tooltip { display:inline-block; font-size: 10px; color: #bababa; line-height: 12px; text-align: center; width: 16px; height: 16px; border: 2px solid #bababa; border-radius: 50%; cursor: pointer; position: relative; top: -2px; margin: 0 0 0 3px}
.edit-user .field-tooltip:hover { color: #7fcd00; border-color: #7fcd00 }
.edit-user .input { width: 100%; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 18px}
.edit-user .input.ex6_invalid {border:1px solid #c24d4d}
.edit-user textarea { width: 100% ; height: 110px; border-radius: 0; border: 1px solid #cdcdcd; padding: 2px 5px 4px 5px; margin: 0 0 15px 0; display: block; font-size: 20px; resize: none}
.edit-user .half { width: 400px; display: inline-block; vertical-align: top; }
.edit-user .half.margin { margin: 0 20px 0 0  }
.edit-user .bootstrap-select { margin: 0 0 15px 0 }
.edit-user .bootstrap-select .btn {padding: 5px 10px; font-size: 18px}
.edit-user sup { font-size: 22px; color: #339ed4; position: relative; top: -3px;}
.edit-user .text-field { position: relative; }

.edit-user .checkboxes [class^="cb-icon-"],
.edit-user .checkboxes [class*=" cb-icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("/img/icons/icon021.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}
.edit-user .checkboxes label { font-weight: normal; font-size: 18px; position: relative; top: 4px; padding: 10px 0 }
.edit-user .checkboxes label a { color: #7fcd00; text-decoration: underline; }
.edit-user .checkboxes .part { width: 239px; display: inline-block; }
.edit-user .checkboxes .line {border-top: 1px solid  #7fcd00; margin: 5px 0 10px 0}
.edit-user .full-reg { text-align: center; padding: 20px; background: #eee; border-radius: 5px; font-size: 18px; }
.edit-user .full-reg a{ color: #7fcd00; text-decoration: underline;}
.edit-user .buttons { text-align: center; padding: 20px 0 30px 0 }
.edit-user .buttons input { display: inline-block; font-size: 22px; background: none; border: 2px solid; width: 170px; text-align: center; border-radius: 5px; margin: 0 10px; }
.edit-user .buttons input.edit { border-color: #24c3fd; color: #fff; background: #24c3fd }
/*  */

@media screen and (max-width: 991px) {
.edit-user  { width: 100%;  }
}

.content .NewSocialButtons li { display: inline-block; margin: 0 3px 0 0  }
.content .NewSocialButtons li button { border: 0; padding: 0; margin: 0; width: 30px; height: 30px; cursor: progress; text-indent: -9999px; background: url(/img/social/icons/social_icons3.png); }
.content .NewSocialButtons li.Vkontakte button { background-position: 0 0 }
.content .NewSocialButtons li.Twitter button { background-position: -30px 0 }
.content .NewSocialButtons li.Facebook button { background-position: -60px 0 }
.content .NewSocialButtons li.Odnoklassniki button { background-position: -90px 0 }
.content .NewSocialButtons li.Mailru button { background-position: -120px 0 }
/*--------------------------------------------------*/

form input.ex6_invalid {border:1px solid #c24d4d}
form textarea.ex6_invalid {border:1px solid #c24d4d}

.PaginationAndPageSize {margin: 10px 0 0 0}
.PaginationAndPageSize ul { float: right; margin: 0 10px 0 0; }
.PaginationAndPageSize ul li { display: inline-block; float: left; }
.PaginationAndPageSize ul li a { padding: 3px 6px; display: inline-block; line-height: 20px; }
.PaginationAndPageSize ul li a:hover { color: #c82334 }
.PaginationAndPageSize ul li.Active a { background:   #24c3fd; color: #fff; padding: 3px 8px; border-radius: 3px}
.PaginationAndPageSize .PageSize { float: right; margin: 1px 0 0 0;  }

@media screen and (max-width: 991px) {
.PaginationAndPageSize ul { float: left;  }
}


.contests { font-size: 0 }
.contests ul li { display: inline-block; width: 50%; vertical-align: top; margin: 0 0 10px 0 }
.contests ul li .heading { font-family: 'font-bold'; font-size: 18px; text-transform: uppercase; line-height: normal; }
.contests ul li p { font-size: 18px; line-height: normal; padding: 0 10px 0 0 }
.contests ul li .date { font-size: 16px; padding: 0 10px 5px 0 }
.contests ul li .image { float: left; margin: 0 10px 10px 0 }
.contests h1 { float: left; }
.contests h2 { background: #ececec; font-size: 18px; text-transform: uppercase; padding: 10px  } 
.contests a.all {float: right; font-size: 18px; text-decoration: underline; margin: 30px 0 0 0}

@media screen and (max-width: 991px) {
	.contests ul li { width: 100% }
}

.contest-detail .image { float: left; margin: 0 15px 10px 0 }

@media screen and (max-width: 991px) {
  .contest-detail .image { float: none; margin: 0 0px 10px 0 }

}

.contest-detail a { text-decoration: underline; }
.contest-detail a:hover { text-decoration: none; }

.clear{ clear: both; display: block}

/* ---------------------------------------- Window Put On Map */

#WinPutOnMap {height:400px;width: 500px}

#WinPutOnMap .WinBody {height:600px;position:relative}

#WinPutOnMapFilters {margin:0;background:#dbe6eb;padding: 5px 0 5px 90px;height:48px;}
#WinPutOnMapFilters form fieldset {border:none}
#WinPutOnMapFilters form legend {display:none}

#WinPutOnMapFilters a.CancelAllFilters {width:24px;height:24px;background:url(/img/adm/Icons24.png) -24px 0 no-repeat;position:absolute;top:53px;left:20px;text-indent:-10000px}
#WinPutOnMapFilters a.CancelAllFilters:hover {background-position:-24px -24px}
#WinPutOnMapFilters a.CancelAllFilters:focus {outline:none}

#WinPutOnMapFilters a.ApplyFilters {width:24px;height:24px;background:url(/img/adm/Icons24.png) -48px 0 no-repeat;text-indent:-10000px;position:absolute;top:53px;right:20px}
#WinPutOnMapFilters a.ApplyFilters:hover {background-position:-48px -24px}
#WinPutOnMapFilters a.ApplyFilters:focus {outline:none}

#WinPutOnMapFilters .Address {border:1px solid #e4e4e4;border-top:1px solid #bababa;padding:4px 4px 4px 10px;width:260px;margin:1px;font:normal 11pt arial;position:absolute;top:53px;right:54px}
#WinPutOnMapFilters .Address:focus {border:2px solid #775fab;margin:0}

#WinPutOnMapContent {padding:58px 0 20px 0}
#WinPutOnMapContent .MapViewport {display:block;position:absolute;height:auto;bottom:0;top:0;left:0;right:0;margin-top:90px;}

.ui-autocomplete { border: 1px solid #eee; position: absolute;; left: 0; top: 0; z-index: 900; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); padding: 5px 0 }
.ui-autocomplete li a { padding: 3px 10px; cursor: pointer; display: block; }
.ui-autocomplete li a:hover { background: #eee }



.tooltip-inner { text-align: left; }

#AuthBar a {cursor:pointer; font-size: 14px}
#AuthBar .AuthMenu ul li { display: inline-block; }
#AuthBar .AuthMenu ul li.User a {color: #fff}
#AuthBar .AuthMenu ul li.User a:hover {color: #24c3fd}
#AuthBar .AuthMenu ul li.Exit a:hover {color: #24c3fd}
/*
@media screen and (max-width: 991px) {
#AuthBar { position: absolute; right: 0px; top: 12px }

}
*/
.bb-editor textarea { width: 100%; padding: 5px 10px; height: 150px }


.users { font-size: 0; margin: 0 -5px; }
.users .user {outline: none; width: 25%; 
display: inline-block;
vertical-align: top;

*display: inline;
zoom: 1;  }
.users .user .user-container { padding: 0 5px; zoom:1; position: relative; } 
.users .user a {transition: 0.15s}
.users .user { margin: 10px 0 0 0; }
.users .user .image { position: relative; display: block;; }
.users .user .image img.not-empty { width: 50%; position: absolute; left: 0; top: 0; z-index: 60; float: left;}
.users .user .image img.empty { width: 50%; position: relative; z-index: 50; float: left;}
.users .user .user-info { width:50%; position: absolute; left: 50%; top: 0px; z-index: 300;  }
.users .user .user-info span { display: block; padding: 0 15px 0px 15px;font-size: 16px; color: #777 }
.users .user .user-info span i { font-style: normal; color: #339ed4 }
.users .user .user-info span b { font-weight: normal; color: #333 }
.users .user .user-info span a { font-size: 18px; color: #333; text-transform: uppercase; }
.users .user .user-info span a:hover { color: #c82334}

@media screen and (max-width: 1400px) {
	.users .user {outline: none; width: 25%; }
}

@media screen and (max-width: 1200px) {
	.users .user {outline: none; width: 33.3%; }
}

@media screen and (max-width: 991px) {
	.users .user {outline: none; width: 50%; }
	.users .user .user-info { width:100%; position: relative; left: auto; top: auto; margin: 10px 0 }
	.users .user .image img.not-empty { width: 100%; position: relative; left: 0; top: 0; z-index: 60; float:none;}
	.users .user .image img.empty { display: none;}
	.users .user .user-info span {padding: 0 5px 0px 0; }

	}


.Sort { float: right;  padding: 10px 0 0 0;}
.Sort li { display: inline-block; padding: 0 5px 0 0 }
.Sort li a { cursor: pointer; }
.Sort li a.Active {color: #339ed4}

.author-search { padding: 10px 0 0 0; float: left; }
.author-search legend { border: 0; margin: 20px 0 10px 0; display: inline-block; }
.author-search input {  display: inline-block; }
.author-search p {  display: inline-block; }
.author-search p.submit input {border-color: #24c3fd; color: #fff; background: #24c3fd; display: inline-block; font-size: 22px;  border: 2px solid; width: 170px; text-align: center; border-radius: 5px; margin: 0 10px 0; }
.author-search input.text {width: 200px; border-radius: 0; border: 1px solid #cdcdcd; padding: 1px 5px 2px 5px; margin: 0 0 0 10px;  font-size: 18px; position: relative; top: -1px}

@media screen and (max-width: 991px) {
.author-search { float: none; }
.author-search label { width: 100%; text-align: center; padding: 0 0 5px 0 }	
.author-search input.text { width: 100% ;padding: 1px 0 2px 0; margin: 0; text-indent: 5px}
.author-search p.submit { display: block; }
.author-search p.submit input { display: block; font-size: 22px;  width: 100%;  border-radius: 5px; margin: 10px auto 0 auto; }

}

.NewSocialButtons { margin: 20px 0 0 0 }

.user-detail { padding: 20px 0 0 0 }
.user-detail .UserAndUserAvatarUpload { display: inline-block; vertical-align: top; }
.user-detail a { color: #339ed4; cursor: pointer;}
.user-detail a:hover { color: #292929 }
.user-detail .User { text-align: center; display: inline-block; border: 2px solid #339ed4; border-radius: 5px; padding:30px 15px 20px 15px; width: 180px }
.user-detail ul { display: inline-block; vertical-align: top; margin: -3px 0 0 15px }

@media screen and (max-width: 991px) {
	.user-detail ul {margin: 15px 0 0 0; display: block; }
}

.user-detail .my-data { display: inline-block; vertical-align: top; margin: -3px 0 0 15px }

.user-detail .my-data .items { margin: 0 0 10px 0 }
.user-detail .my-data .items a { background: #24c3fd; color: #fff; padding: 3px 15px; border-radius: 3px; display: inline-block; transition: 0.15s; margin: 0 0 4px 0 } 
.user-detail .my-data .items a:hover { background:  #292929  }

.user-detail .my-data ul { display: block; padding: 0; margin: 0}
.user-detail .my-data ul li {  }

@media screen and (max-width: 991px) {
	.user-detail .my-data {  margin: 15px 0 0 0; display: block; }
}


.text-content a { color: #339ed4; text-decoration: underline; transition: 0.15s }
.text-content a:hover { text-decoration: none; color: #c82334 }

.text-content.how { display: block; margin: 0 0 10px 20px }

.HTML5AvatarUploader { position: relative; z-index: 200; width: 100px; height: 25px;   cursor: pointer; }
.HTML5AvatarUploader input { border: 2px solid #00f; opacity: 0; z-index: 100; width: 100px; height: 25px; position: absolute; left: 0; top: 0px; }

@media screen and (max-width: 991px) {
	.jwplayer { width: 100% !important; height: 200px !important; }
}

.edit-user #frmNotificationSettingsEdit .checkboxes .part label { top: 6px; position: relative; }
.edit-user #frmNotificationSettingsEdit .checkboxes .part { width: auto; } 

.selectize-input { border-radius: 0 !important }
.selectize-input.input-active,
.selectize-input.input-active:hover,
.selectize-control.multi .selectize-input.focus { box-shadow: 0 !important }

.about p a { color: #339ed4 }
.about p a:hover { color: #c82334 }

/*---------- Contest 2017 ----------*/

@font-face {
    font-family: 'font';
    src: url('/fonts/font.eot');
    src: url('/fonts/font.eot?#iefix') format('embedded-opentype'),
         url('/fonts/font.woff2') format('woff2'),
         url('/fonts/font.woff') format('woff'),
         url('/fonts/font.ttf') format('truetype'),
         url('/fonts/font.svg#bebas_neue_cyrillicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.contest2017 h1 { background: #7fcd00; margin: 5px -20px 25px -20px; text-align: center; padding: 20px; color: #fff; font-family: 'font';  font-weight: normal; font-size: 30px}
.contest2017 h1 strong { font-weight: normal; font-size: 48px; display: block; padding: 15px 0 0  }
.contest2017 .contest-description { text-align: center; margin: 0 0 40px 0 }
.contest2017 ul.steps { margin: 0 0 0 0px; padding: 0; vertical-align: top; }
.contest2017 ul.steps li { font-family: 'font'; font-size: 25px; color: #f60; list-style: none;}
.contest2017 ul.steps li span {font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: normal; width: 20px; display: inline-block; text-align: center; margin: 0 10px 0 0 }
.contest2017 .contest-description .buttons { display: inline-block; width: 280px; margin: 0 0 0 50px; vertical-align: top; text-align: center;}
.contest2017 .contest-description .buttons .go { width: 240px; height: 60px; display: block; background: url('/img/bgs/bg007.png'); background-size: cover; font-family: 'font'; font-size: 25px; line-height: 60px; color: #fff; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.47); box-shadow: 0 5px 7px rgba(0,0,0,0.2); border-radius: 6px; margin: 60px auto 0 auto}
.contest2017 .rules {font-family: 'font'; font-size: 20px;  color: #7fcd00; text-decoration: underline; transition: 0.15s}
.contest2017 .rules:hover { text-decoration: none; color: #f60 }

.contest2017 .rules-box { clear: both; margin: 0 0 30px 0}
.contest2017 .rules-box .text { width: 50%; display: inline-block;vertical-align: top;}
.contest2017 .rules-box .text p { font-size: 18px; padding-right: 20px }
.contest2017 .rules-box .nominations { width: 50%; background: #f5f5f5 ; display: inline-block;vertical-align: top;}
.contest2017 .rules-box .nominations h2 {font-family: 'font'; font-size: 24px; margin: 0 0 10px 0}
.contest2017 .rules-box .nominations .nominations-container { padding: 20px 40px; }
.contest2017 .rules-box .nominations .nominations-container ul li {font-size: 18px; margin: 0 0 10px 0 }
.contest2017 .rules-box .nominations .nominations-container ul li a { color: #7fcd00; text-decoration: underline; transition: 0.15s }
.contest2017 .rules-box .nominations .nominations-container ul li a:hover {text-decoration: none; color: #f60 }

.contest2017 h2.nomination-heading {font-family: 'font'; font-size: 24px; color: #333; float: left; margin: 10px 0 10px 0}
.contest2017 h2.nomination-heading a { font-size: 46px; color: #7fcd00; text-decoration: underline; transition: 0.15s }
.contest2017 h2.nomination-heading a:hover { text-decoration: none; color: #f60 }

.contest2017 .show-all { float: right; background: #7fcd00; padding: 1px 10px 2px 10px; display: block; font-size: 18px; color: #fff; border-radius: 3px; transition: 0.15; margin: 20px 0 0 10px }
.contest2017 .show-all:hover {  background: #f60 }

.contest2017 .description { float: right; background: #7fcd00; padding: 1px 10px 2px 10px; display: block; font-size: 18px; color: #fff; border-radius: 3px; transition: 0.15s; margin: 20px 0 0 0; cursor: pointer; }
.contest2017 .description:hover {  background: #f60 }

.contest2017 .boxes { clear: both; margin: 0 0 30px 0 }

.contest2017 .short-description { background: #7fcd00;font-family: 'font'; font-size: 24px; color: #fff; width: 300px; padding: 10px 0 9px 0; text-align: center; display: block; margin: 0 auto 20px auto; text-decoration: none;  }

.contest2017 p a {color: #7fcd00  }
.contest2017 p a:hover {color: #f60  }

.contest2017 #accordion { border: 0 }
.contest2017 #accordion h4 a { font-size: 24px; color: #7fcd00; text-decoration: underline; transition: 0.2s; padding:0 0 0 30px; background: url('/img/buttons/but002.png') no-repeat 0 5px; }
.contest2017 #accordion h4 a:hover { color: #f60; text-decoration: none; }

.contest2017 #accordion .panel-body { padding:20px; background: #f3f3f3 }
.contest2017 #accordion .panel-body img { width: 800px }

.contest2017 .panel { border: 0; box-shadow: none; }

.contest2017 .button-vote { background: #f60; padding: 5px 20px; color: #fff; display: inline-block; margin: 10px 0 15px; transition: 0.15s }
.contest2017 .button-vote:hover { background: #7fcd00 }

.contest2017 .center-text { text-align: center; }

.contest2017 .short-description { margin-top: 20px }

.contest2017 .boxes.boxes3 { text-align: left; }
.contest2017 .boxes.boxes3 .heading { font-size: 17px; margin: 0 0 0 5px }
.contest2017 .boxes.boxes3 .heading a {font-size: 25px; color: #7fcd00 }
.contest2017 .boxes.boxes3 .heading a:hover { color: #f60 }
.contest2017 .boxes.boxes3 .author { font-size: 17px; margin: 0 0 5px 5px; position: relative; top: -5px }
.contest2017 .boxes.boxes3 .author a {font-size: 17px; color: #7fcd00 }
.contest2017 .boxes.boxes3 .author a:hover { color: #f60 }
.contest2017 .boxes.boxes3 .box { width: 33.3%; margin-bottom: 20px }

@media screen and (max-width: 991px) {
.contest2017 h1 {  font-size: 25px; margin: 10px 0 25px 0;}
.contest2017 h1 strong {font-size: 32px;   }

.contest2017 .contest-description { margin: 0 0 20px 0 }
.contest2017 .contest-description .steps { display:block; width: auto; margin: 0 0 0 0px; height: auto;  }
.contest2017 .contest-description .steps ul li { font-size: 26px; }
.contest2017 .contest-description .steps ul li span { font-size: 38px; ; width: 50px; }
.contest2017 .contest-description .buttons { display: block; width: auto; margin: -40px 0 0 0px; }

.contest2017 .short-description { width: auto;   }
.contest2017 .rules-box .text { width: auto; display: block;}
.contest2017 .rules-box .nominations { width: 100%; display:block;}
.contest2017 .rules-box .nominations .nominations-container { padding: 10px; }

.contest2017 h2.nomination-heading { font-size: 25px; float: none; clear: both; color: #333;margin: 10px 0 0px 0; display: inline; width: auto;}
.contest2017 h2.nomination-heading a { font-size: 30px;  }

.contest2017 .show-all { float: none; margin: 15px 0 0 0; text-align: center; width: auto; padding: 0 0 2px 0; border-radius: 0}
.contest2017 .description { float: none;  margin: 3px 0 0 0; text-align: center; width: auto; padding:0 0 2px 0; border-radius: 0}

.contest2017 .boxes ul { margin: 0 -5px }
.contest2017 .boxes li:nth-child(5) {display: none}

.contest2017 #accordion .panel-body img { width: 100% }


}

/*---------- end of Contest 2017 ----------*/

#AuthBar .AuthMenu ul li.Exit {}


#AuthBar * { color: #fff }
#AuthBar .AuthMenu a.registation {/* display: block; width: 45px; height: 45px; background: url("/img/icons/icon027.png"); background-size: cover; text-indent: -10000vw; overflow: hidden;*/}

.mobile-search { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.9); z-index: 1500; visibility: hidden; opacity: 0; transition: 0.15s}
.mobile-search.mobile-search-visible {opacity: 1; visibility: visible;}
.mobile-search-container { position: relative; }
.mobile-search .close-mobile { position: absolute; right: 10px; top: 20px; width: 40px; height: 40px; display: block; overflow: hidden; text-indent: -10000vw; background: url("/img/icons/icon031.png"); background-size: cover }
.mobile-search .SearchFilterContainer {display: block;}

.mobile-menu { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.9); z-index: 1500; visibility: hidden; opacity: 0; transition: 0.15s}
.mobile-menu.mobile-menu-visible {opacity: 1; visibility: visible;}
.mobile-menu-container { position: relative; margin: 80px 20px 0px 20px; }
.mobile-menu .close-menu { position: absolute; right: 10px; top: 20px; width: 40px; height: 40px; display: block; overflow: hidden; text-indent: -10000vw; background: url("/img/icons/icon031.png"); background-size: cover }
.mobile-menu-container .main-menu { float: none; margin: 20vw 0 0 10vw }
.mobile-menu-container .main-menu ul li a { font-size: 22px; color: #fff }
.mobile-menu-container #AuthBar {margin: 0 0 5vw 0; position: relative; top: auto; right: auto; float: none;}

.mobile-menu-container .tags-menu  {  margin: 3vw 0 0 10vw  }
.mobile-menu-container .tags-menu ul li a { font-size: 20px; color: #fff;   }

.agreement ul { margin: 5px 0 10px 0 }
.agreement ul li { margin: 0 0 0 10px }






        .best-video-slider_block{
            margin: 0 0 60px 0;
        }
        .best-video-slider{
            position: relative;
            width: 100%;
        }
        .best-video-slider_wrapper{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
        }
        .best-video-slider_wrapper div.slide {
            position: relative;
            width: 25%;
            overflow: hidden;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            cursor: pointer;
            transition: width .3s cubic-bezier(.25,.8,.25,1);
            border: solid #fff;
            border-width: 0 1px 0 0;
            box-sizing: border-box;
        }
        .best-video-slider_wrapper > div > video {
            height: 101%;
            width: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
        }
        .best-video-slider_wrapper .heading-container{
            opacity: 0;
            position: absolute;
            z-index: 300;
            left: 0;
            bottom: 0;
            width: 100%;
            transition: opacity .3s cubic-bezier(.25,.8,.25,1);
        }
        
        .best-video-slider_wrapper > div.active {
            width: 50%;
        }
        .best-video-slider_wrapper > div.active > video {
            opacity: 1;
        }
        .best-video-slider_wrapper > div.active > .heading-container {
            opacity: 1;
        }
        .best-video-slider_wrapper .slide-fade {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(transparent 0%, transparent 50%, rgba(0,0,0,0.2) 70%,  rgba(0,0,0,0.8) 100% );
            z-index: 290;
            display: none;
        } 
        .best-video-slider_wrapper .slide.active .slide-fade {display: block;}

        .best-video-slider .dummy{
            position: relative;
            width: 100%;
            padding-top: 28.125%;
        }
        .best-video-slider_header{
            color: #000;
            padding: 15px 0 32px 0;
            box-sizing: border-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-align-content: stretch;
            -ms-flex-line-pack: stretch;
            align-content: stretch;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .best-video-slider_header > h2 {
            margin: 0;
            padding: 0;
            font-weight: bold;
            font-size: 20px;
            text-transform: uppercase;
        }
        .best-video-slider_header > a{
            font-family: 'etelka_textregular';
            font-size: 18px;
            text-decoration: underline;
            color: #000;
        }
        .best-video-slider_header > a:hover{
            text-decoration: none;
        }
        .best-video-slider .tags ul{
            margin: 0;
            padding: 0;
        }
        .best-video-slider .tags li {
            display: inline-block;
            margin: 0 0 25px 20px;
            float: left;
        }
        .best-video-slider .tags li a{
            font-size: 14px;
            color: #24c3fd;
            background:none;
            padding: 3px;
            transition: 0.15s;
            text-decoration: underline;
        }
        .best-video-slider .tags li a:hover {
            text-decoration: none;
        }
        .best-video-slider .heading {
            display: inline-block;
            padding: 0 20px;
            margin: 0 0 3px 0;
        }
        .best-video-slider .heading a {
            font-size: 20px;
            color: #fff;
            line-height: 28px;
            text-transform: uppercase;
            transition: 0.15s;
            text-decoration: none;
            text-shadow: 0px 0px 20px rgba(0,0,0,1);
        }
        .best-video-slider .heading-container .meta{
            color: #ffffff;
            font-size: 16px;
            padding: 0 20px;
            box-sizing: border-box;
            margin-bottom: 10px;
            text-shadow: 0px 0px 20px rgba(0,0,0,1);
        }
        .best-video-slider .heading-container .meta span:before{
            content: '';
            display: inline-block;
            vertical-align: middle;
            background: url(/img/icons/icon012.png);
            background-size: cover;
            width: 23px;
            height: 18px;
            margin-right: 8px;
            margin-top: -5px;
        }

        .best-video-slider__mobile{
            display: none;
        }

        .owl-carousel div.slide{
            width: 100%;
            min-height: 320px;
        }

        .owl-carousel div.slide .heading-container{
            opacity: 1;
        }

        .owl-theme .owl-dots .owl-dot.active span{
            background: #2c9bd7!important;
        }

        @media only screen and (max-width:768px){
            .best-video-slider__desktop{
                display: none;
            }

            .best-video-slider__mobile{
                display: block;
            }
        }

        @media only screen and (max-width:375px){
            .best-video-slider_header > h2{
                font-size: 18px;
            }
            .best-video-slider_header > a{
                font-size: 16px;
            }
            .best-video-slider .heading{
                padding: 0px 20px;
            }
            .best-video-slider .heading a{
                font-size: 16px;
                line-height: 24px;
            }
            .best-video-slider .heading-container .meta{
                font-size: 14px;
            }
            .best-video-slider .tags{
                padding-left: 10px;
                padding-right: 10px;
                box-sizing: border-box;
                width: 100%;
                max-width: 100%;
            }
            .best-video-slider .tags li{
                margin: 0 0 15px 10px;
            }
            .best-video-slider .tags li a{
                font-size: 12px;
                padding: 3px 3px 3px 3px;
            }
            .best-video-slider .heading-container .meta{
                margin-bottom: 10px;
            }
        }

        @media only screen and (max-width:991px){
            .best-video-slider_block{
                margin: 0 0 20px 0;
            }
            .best-video-slider_header {
                padding: 15px 0 10px;
            }
        }}