/**
 * J!Blank Template for Joomla by JBlank.pro (JBZoo.com)
 *
 * @package  JBlank
 * @author   SmetDenis <admin@jbzoo.com>
 * @copyright Copyright (c) JBlank.pro
 * @license  http://www.gnu.org/licenses/gpl.html GNU/GPL
 * @link    http://jblank.pro/ JBlank project page
 */
/* just example of css import */

/* just for test repaltive paths
@import url('print.css');
@import url('reset.css');
*/

/****************************************** FRONTEND STYLES ***********************************************************/

/* classic clearfix */
.clearfix {display: block;}
.clearfix:after {content: " "; display: block; visibility: hidden; font-size: 0; clear: both; height: 0;}
* html .clearfix {height: 1%;}

/******************************************************************************
/* HTML, Body, Wrapper, Wrapper-page 
/******************************************************************************/
html, body {min-height: 100%;}
body {margin-bottom: 10px; background: #fff;}
div.wrapper {display: block; position: relative; left: 0; right: 0; margin: 0 auto; vertical-align: top;}
.wrapper-page {background: #fff; -webkit-box-shadow: 0 4px 10px 1px rgba(50, 50, 100, 0.3); -moz-box-shadow: 0 4px 10px 1px rgba(50, 50, 100, 0.3); box-shadow: 0 4px 10px 1px rgba(50, 50, 100, 0.3);}
.wrap-wrapper-before-header, .wrap-wrapper-menu-before-header, .wrap-wrapper-header, .wrap-wrapper-menu, .wrap-wrapper-slider, .wrap-wrapper-content, .wrap-wrapper-footer {display: block;}
.wrap-wrapper-before-header {float: left; width: 100%;}
.short-body .wrap-wrapper-before-header {float: none;}
.wrap-wrapper-before-header #before-header {-webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 50px rgba(0,0,0,0.15); box-shadow: 0px 0px 50px rgba(0,0,0,0.15); border: 0px solid #eee; border-top: none; border-bottom: none; padding-top: 5px;} 
.wrap-wrapper-menu-before-header {clear: both; background: #fff; -webkit-box-shadow: 0 4px 4px 1px rgba(50, 50, 100, 0.15); -moz-box-shadow: 0 4px 4px 1px rgba(50, 50, 100, 0.15); box-shadow: 0 4px 4px 1px rgba(50, 50, 100, 0.15); border-bottom: 5px solid #507299;}
.wrap-wrapper-menu-before-header .wrapper-page {background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.wrap-wrapper-menu-before-header #menu {background: #fff; margin-bottom: -5px; -webkit-box-shadow: inset 0px -5px #507299; -moz-box-shadow: inset 0px -5px #507299; box-shadow: inset 0px -5px #507299;}
.short-body .wrap-wrapper-menu-before-header .wrapper-page {background: #fff;}
.wrap-wrapper-slider .wrapper-page {background: #eee; padding-top: 10px; position: relative;}
.wrap-wrapper-slider .wrapper-page:before {display: block; content: ""; width: 100%; height: 6px; position: absolute; top: 0; left: 0; background: #333;background: linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%) no-repeat; background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%) no-repeat; background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%) no-repeat; background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%) no-repeat; background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%) no-repeat; background: linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%) no-repeat; -svg-background: linear-gradient(top, rgba(0,0,0,0.2) 0, rgba(0,0,0,0) 100%) no-repeat;}
.wrap-wrapper-slider {background: #ddd url("../images/phone1902.jpg") 93px 0px;}
.wrap-wrapper-footer .wrapper {background: #666 url("../images/phone1902.jpg") -40px 0px;}
.wrap-wrapper-footer .wrapper-page {background: rgba(255,255,255,0.95);}

.fix-header {position:fixed; z-index: 2; top:0; width:100%; background:#fff;}
.not { width:100%; height:120px;}
.indent {top:-130px;display: inline-block;position: relative;height: 1px;width: 1px;}

body.mobile .wrap-wrapper-before-header {height: auto;}
body.mobile #menu {background: #fff;  padding-top: 10px;}

/******************************************************************************
/* Before-header
/******************************************************************************/
#before-header > div {display: block; float: left; margin: 0; padding: 0;}
#before-header > div > div.content-block {padding: 0px 10px; margin: 0; overflow: hidden;}

/******************************************************************************
/* Header
/******************************************************************************/
#header {display: block; position: relative; padding: 15px; padding-bottom: 0; margin: 0; background: #999;}
#header div.title {float: left; max-width: 100%;}
#header div.title .logo img {width: 120px; margin-bottom: 20px;}
#header div.title > .logo {float: left;}
#header div.title > div.title-text {display: block; float: left; padding: 0 10px; margin: 0; margin-bottom: 20px;}
#header #social {display: block; clear: both;}
#header #social p, #header #social a, #header #social span {padding: 0; margin: 0;}

/******************************************************************************
/* Search
/******************************************************************************/
#searchModul {position: absolute; right: 3px; margin-top: -35px;}
#searchModul > a.search-btn {display: block; width: 20px; padding: 5px 7px; background: #888;}
#searchModul > a.search-btn:hover {display: block; width: 20px; padding: 5px 7px; background: #507299;}
#searchModul > a.search-btn > img {width: 100%; margin: 0; padding: 0;}
#searchModul > #searchBlock {position: absolute; top: 0; right: 35px; width: 150px; background: #666; padding: 5px;}
#searchModul > #searchBlock > .search > form > label[for="mod-search-searchword"] {display: none}
#searchModul > #searchBlock > .search > form > input[name="searchword"] {width: 80%;}
#searchModul > #searchBlock > .search > form > button {width: 14.5%; margin: 0; padding: 0; height: 22px; font-size: 0; line-height: 0; display: block; float: right;}

/******************************************************************************
/* Before-Menu, Before-Slider
/******************************************************************************/
#before-menu > div {display: block; float: left; margin: 0; padding: 0;}
#before-menu > div > div.content-block > div {display: block; padding: 5px 10px; margin: 5px; margin-right: 0px; background: #eee;}
#before-menu > div:last-child > div.content-block > div {margin-right: 5px;}

#before-slider > div {display: block; float: left; margin: 0; padding: 0;}
#before-slider > div > div.content-block > div {display: block; padding: 5px 10px; margin: 5px; margin-right: 0px; background: #eee;}
#before-slider > div:last-child > div.content-block > div {margin-right: 5px;}

/******************************************************************************
/* Slider, Slider-Left-Column, Slider-Right-Column
/******************************************************************************/
#slider-table > div.left-column, #slider-table > div.right-column {width: 26.999%; margin: 0; padding: 0}
#slider-table > div.left-column {float: left;}
#slider-table > div.right-column {float: right;}
#slider-table > div.left-column > div, #slider-table > div.right-column > div {padding: 5px 15px;}
body.mobile #slider-table > div.left-column, body.mobile #slider-table > div.right-column {width: 100%;}
#slider-table > #slider {display: block;/* position: relative; */ padding: 0; margin: 0; float: left;}
body.mobile #slider-table > #slider {display: none;}
body.not-mobile #slider-table > .OneColumn {width: 72.999%;}
body.not-mobile #slider-table > .TwoColumn {width: 49.999%;}
body.not-mobile #slider-table > .slider-background {background: #fff; height: 100%; display: block; position: absolute; right: 0;}
#slider-table > #slider > div {border: 5px solid #fff; border-bottom: none;}

/******************************************************************************
/* Winx
/******************************************************************************/
.winx {display: block; position: fixed; width: 50%; background: #fff; height: 100%; overflow: hidden;}
.winx:after {content: ""; display: block; position: absolute; width: 100%; height: 160px; bottom: 0px;background: linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: -webkit-linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: -moz-linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: -o-linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: -ms-linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;background: linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;-svg-background: linear-gradient(top, rgba(255,255,255,0.0) 0, rgba(255,255,255,1) 100%) no-repeat;}
.winx-left {left: 0;}
.winx-right {right: 0;}
.winx-left > div:after {content: url("../images/winxL2.png"); position: absolute; right: 520px;}
.winx-right > div:after {content: url("../images/winxR2.png"); position: absolute; left: 520px;}

/******************************************************************************
/* Main Content
/******************************************************************************/
.content-table {display: table; width: 100%;}
.content-table .content-table-row {display: table-row;}
.content-table .content-table-row .content-col {display: table-cell; vertical-align: top;}
.content-table .content-table-row .content-col-left,
.content-table .content-table-row .content-col-right {background: #eee;}
.content-table .content-table-row .content-col > div {padding: 5px 15px; padding-top: 0; margin: 5px; margin-top: 0;}
.content-table .content-table-row .bottom-content {vertical-align: bottom;}
body.mobile div#left-col, body.mobile div#left-bottom-col,
body.mobile div#right-col, body.mobile div#right-bottom-col,
body.mobile div#middle-col, body.mobile div#middle-bottom-col {display: block;}
.main-content img {margin: 5px; margin-top: 0;}

/******************************************************************************
/* Footer
/******************************************************************************/
div.footer {display: block; padding: 5px; color: #000; border-top: 2px solid #ccc;}
div.footer > div {float: left;}
div.footer > div > div.content-block, div.footer > div.main-footer > div {display: block; padding: 5px 15px;}
div.footer > div.main-footer {display: block; float: none; padding: 0;}

/******************************************************************************
/* Form
/******************************************************************************/
.controls{margin: 10px 0;}
.controls label{margin: 0 5px;}
fieldset {border: none; margin-bottom: 10px; background: #f5f5f5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
fieldset legend {background: #fff; border: 1px solid #eee; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
fieldset.phrases {margin-top: 15px;}
select {marign: 5px;}
label {background: #f5f5f5;  padding: 2px 4px;  margin: 0;  max-width: 200px;  border: 0px solid #ddd;  -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}
label.radio input {margin-right: 5px;}
button {min-height: 16px;  margin: 4px;}

/******************************************************************************
/* Battons
/******************************************************************************/
p.readmore a.btn,
.button {
  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #507299;
  color: #fff !important;
  -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
  border: 1px solid #507299;
  margin: 0 2px;
  text-decoration: none;
  padding: 3px 6px;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  }

.short-body .button {}

table.btncontent {table-layout: fixed;
margin-bottom: 0px;}

table.btncontent td {margin: 0 0px;  padding: 0px 0px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
width:25%;
  border:0 !important;
}
table.btncontent td div {
  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: none;
  margin: 5px 5px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  text-decoration: none;
  padding: 10px 15px 15px 65px;
  font-weight:bold;
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  position: relative;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius:5px;
  height:50px;
  border: 1px solid rgba(1, 1, 1, 0.1);
  -moz-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
  -webkit-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
  box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
}

table.btncontent td div img { position: absolute;  z-index: 1; height: 55px; top: 15px; left: 0; margin-left: 10px;}
/*table.btncontent td div::before
{
  content:"";  
  background: #fff;
    color: #FCAD26;
    z-index: 2;
    border-radius: 5px 0px 0px 5px;
  position: absolute;
height: 100%;
left: 0px;
top: 0px;
line-height: 3;
font-size: 140%;
width: 60px;
}
table.btncontent td div::after {
    
  border: 10px solid #fff;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-top-color:transparent;
  content: "";
position: absolute;
z-index: -1;
transition: all 0.3s ease 0s;  
  
    z-index: 1;
    left: 60px;
    top: 50%;
    margin-top:-10px;
}*/
table.btncontent td a {text-decoration: none; color:#fff;}
table.btncontent td:hover div
{
background-position: -30px -30px;
}

table.btncontent td.red div
{
  background-image:url("../images/1.png");
  background-color:#bf4b44;
}
table.btncontent td.red:hover div
{
  background-color:rgba(211, 43, 32,0.9);
}
table.btncontent td.yellow div
{
 background-image:url("../images/2.png");
  background-color: #fcd88c;
}
table.btncontent td.yellow:hover div
{
 background-color:#fbc75a;
}

table.btncontent td.green div
{
 background-image:url("../images/5.png");
  background-color: #488e45; 
}
table.btncontent td.green:hover div
{
 background-color:rgba(20,108,52,1);
}

table.btncontent td.orange div
{
 background-image:url("../images/4.png");
  background-color: #fb9d17; 
}
table.btncontent td.orange:hover div
{
 background-color:rgba(240, 120, 3,0.9);
}
table.btncontent td.blue div
{
background-image:url("../images/3.png");
  background-color: #2894c2;
}
table.btncontent td.blue:hover div
{
background-color:rgba(11, 125, 200,1);
}

tr.blue td {background-color: #f5fcff}

p.readmore a.btn:hover,
.button:hover {background: #d66; border: 1px solid #d66;}
.tooltip {background: rgba(0,0,0,0.6);  display: block;  width: 250px;  padding: 10px;  z-index: 99999;  color: #fff;  -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px;}
.btn-group {float: left;  margin-right: 2px;}
.btn-toolbar {padding: 2px; background: #eee;  -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}
.btn-toolbar a {padding: 2px 5px;  text-decoration: none;  background: #fff;  margin-right: 3px;}
.btn-toolbar:after {content: "";  display: block;  clear: both;}
body.mobile .button {display: inline-block;}
body.mobile #before-header .B .button, body.short-body #before-header .B .button{display: block; float: right; min-width: 100px; clear: both; margin-bottom: 2px;}
body.mobile #before-header .B span {margin-bottom: 5px; display: inline-block;}
/******************************************************************************
/* Table
/******************************************************************************/
table {width: 100%; margin-bottom: 20px; line-height: 1.3em; border: none !important;}
table tr {border: none!important;}
.mobile table {overflow: scroll;}
table p {margin-top: 0; margin-bottom: 5px;}
table td {font-size: 0.9em; border-top: 1px solid #eee; border-left: 1px solid #eee; padding: 10px; vertical-align: middle;}
table th {font-size: 0.9em; padding: 5px 10px; text-align: left; background: #99a; border: 1px solid #667; -webkit-box-shadow: inset 0 14px 15px rgba(255, 255, 255, 0.2), inset 1px 1px rgba(255, 255, 255, 0.2), inset -1px 0px rgba(0, 0, 0, 0.1), inset 0 14px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 14px 15px rgba(255, 255, 255, 0.2), inset 1px 1px rgba(255, 255, 255, 0.2), inset -1px 0px rgba(0, 0, 0, 0.1), inset 0 14px rgba(255, 255, 255, 0.1); box-shadow: inset 0 14px 15px rgba(255, 255, 255, 0.2), inset 1px 1px rgba(255, 255, 255, 0.2), inset -1px 0px rgba(0, 0, 0, 0.1), inset 0 14px rgba(255, 255, 255, 0.1);}
table th, table th a {text-decoration: none; color: #fff;}

table.category td {background: none; padding: 0; margin: 0; border: none; position: relative;}
table.category td a, table.category th a {text-decoration: none;}
table.category td a {display: block; background: none; padding: 3px 10px; margin: 1px; margin-top: 2px; padding-left: 15px; background: #eee; border: 1px solid #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
table.category tr td a:before {content: ""; display: block; width: 0; height: 0; position: absolute; top: 50%; margin-top: -4px; border: 4px solid #88d; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: 7px;}
table.category tr:nth-child(odd) td a {background: #ddd; border: 1px solid #ddd;}
table.category td a:hover,
table.category tr:nth-child(odd) td a:hover {background: #ccd; border: 1px solid #ccd;}
table.category tr td a:hover:before,
table.category tr:nth-child(odd) td a:hover:before {border: 4px solid #fff; border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent;}

p.small
{
  font-size: 0.7em;
}

table.narrow td
{
  padding: 0 10px 0px 10px;
  border:#eee solid 1px !important;

}
table.narrow p
{
padding: 0px;
margin-bottom: 0px;
}
table.narrow th {
    font-size: 0.9em;
    padding: 5px 10px;
    text-align: left;
    background: #f6e8e8;
    border: 1px solid #BABABC;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #504A4A;
    text-align: center;
 
}
table.aspirant td {background: none; padding: 0; margin: 0; border: none; position: relative;}
table.aspirant td a {
  text-decoration: none;
}
table.aspirant td div {
  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: none;
  margin: 5px 5px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  font-weight:bold;
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  position: relative;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius:5px;
  height:45px;
  border: 1px solid rgba(1, 1, 1, 0.1);
  -moz-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
  -webkit-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
  box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
   background-color:#6A86A5;
  text-align: right;
}
table.category td.calend div {
  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: none;
  margin: 5px 5px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  text-decoration: none;
  padding: 10px 0px 5px 0px;
  font-weight:bold;
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  position: relative;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius:5px;
  height:45px;
  border: 1px solid rgba(1, 1, 1, 0.1);
  -moz-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
  -webkit-box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
  box-shadow: 0px 2px 2px #ddd, inset 0px 2px rgba(255,255,255,0.3), inset 0px -1px rgba(255,255,255,0.3);
   background-color:#6A86A5;
}
table.category td.calend-red div {
background-color:#507299;
}
table.category td.calend-padding
{
padding: 0px 10px;
  border-right: 1px solid #EEE;
border-left: 1px solid #EEE;
}
table.bottom td {background: none; padding: 0; margin: 0; border: none; border-bottom: #eee solid 1px; position: relative;}
/******************************************************************************
/* IE6,7,8
/******************************************************************************/
.old-browser {display: block; padding: 3px 10px; color: #f99; background: #333;}

/******************************************************************************
/* Other
/******************************************************************************/

/*  BackToTop  */
a#backtotop {display: block; position: fixed; z-index: 999999; padding: 3px 7px; right: 0; bottom: 5px; background: #333; background: rgba(0,0,0,0.3); color: #fff; text-decoration: none;}

/*  Content Scroll Btns  */
body.mobile div.contentscrollbtns {display: block; text-align: center; padding-top: 10px;}
body.mobile div.contentscrollbtns > div.contentscrollbtn {display: inline-block; width: 40px; height: 20px; padding: 0; margin: 0; background: #333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
body.mobile div.contentscrollbtns > div.active {background: #507299;}

/*  Counter  */
.counter {text-align: center; color: #aaa;}

/*  Search Form  */
dl.search-results dt{color: #338; text-decoration: none; padding: 5px; padding-top: 10px; border-bottom: 1px dotted #ddd; margin-bottom: 5px; font-size: 1.2em; font-width: bold; font-family: 'Verdana', Arial, Helvetica, sans-serif}
dl.search-results a {text-decoration: none; color: #338;}
dl.search-results dd.result-category{padding: 5px 0; color: #008000;}

/*  Readmore  */
p.readmore {clear: both; margin-top: 10px; padding-top: 10px; padding-left: 5px; margin-bottom: 30px; border-top: 1px solid #eee; border-left: 1px solid #eee; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px;}

/*  Dropdown-Menu  */
ul.dropdown-menu {margin: 13px; padding: 0;}
ul.dropdown-menu li {float: right; display: block;}
ul.dropdown-menu li a {background: #eee; padding: 2px 5px; margin: 0 2px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 0.8em; color: #0F7227;}

/*  Pagination  */
div.pagination {display: block;  background: #eee;  padding: 2px 10px;  -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px;  -webkit-box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1);}
div.pagination > ul {display: block;  margin: 0 auto;  margin-bottom: 10px;  padding: 0;  list-style: none;  text-align: center;}
div.pagination > ul li {display: inline-block;  padding: 0;  margin: 0;}
div.pagination > ul li a, div.pagination > ul li span {display: block;  margin: 0;  padding: 5px 7px;  text-decoration : none;  background: #fff;  -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);  box-shadow: 0px 2px 5px rgba(0,0,0,0.2);}
div.pagination > ul li span {color: #fff;  background: #6b6;}
div.pagination > ul li a {color: #fff;  background: #669; }
div.pagination > ul li.pagination-prev a,
div.pagination > ul li.pagination-next a,
div.pagination > ul li.pagination-start a,
div.pagination > ul li.pagination-end a {background: #fff;  color: #339; }
div.pagination > ul li.pagination-prev span,
div.pagination > ul li.pagination-next span,
div.pagination > ul li.pagination-start span,
div.pagination > ul li.pagination-end span {color: #999;  background: #fff;}
div.pagination > ul li.pagination-start span, div.pagination > ul li.pagination-start a {-webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;  border: none;  -moz-border-radius-topright: 0px;  -moz-border-radius-bottomright: 0px;  -webkit-border-top-right-radius: 0px;  -webkit-border-bottom-right-radius: 0px;  border-top-right-radius: 0px;  border-bottom-right-radius: 0px;}
div.pagination > ul li.pagination-end span, div.pagination > ul li.pagination-end a {-webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;  border: none;  -moz-border-radius-topleft: 0px;  -moz-border-radius-bottomleft: 0px;  -webkit-border-top-left-radius: 0px;  -webkit-border-bottom-left-radius: 0px;  border-top-left-radius: 0px;  border-bottom-left-radius: 0px;}
div.pagination > ul li:hover a {background: #696;  color: #fff;}
div.pagination > ul li.pagination-prev:hover a,
div.pagination > ul li.pagination-next:hover a,
div.pagination > ul li.pagination-start:hover a,
div.pagination > ul li.pagination-end:hover a {background: #a77;  color: #fff;}
div.pagination ul:after {content: "";  display: block;  clear: both;}

/*  Pagenav  */
ul.pagenav {padding: 0;  padding-top: 10px;  margin: 0;}
ul.pagenav li.previous {float: left;}
ul.pagenav li.next {float: right;}
ul.pager li {display: inline-block;}
ul.pager li a {text-decoration: none;  font-size: 0.9em;  color: #bbb; }
div.pager ul {list-style: none; margin: 0; padding: 0; margin-bottom: 10px;}
div.pager ul > li {color: #fff; display: inline-block; padding: 5px 7px; margin: 2px; background: #444; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 5px; -moz-border-radius: inset 0px 13px rgba(255,255,255,0.1); -webkit-border-radius: inset 0px 13px rgba(255,255,255,0.1); box-shadow: inset 0px 13px rgba(255,255,255,0.1);}
div.pager ul > li a {text-decoration: none; color: #fff;}

/*  Breadcrumb  */
ul.breadcrumb {list-style: none;  margin: 0px; padding: 0;  margin-left: 0px;  margin-top: -0px;  margin-bottom: 10px;}
ul.breadcrumb li {margin: 0; padding: 0; display: inline-block;  max-width: 300px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
ul.breadcrumb li a {text-decoration: none;}

[hidden="false"] {display: block !important;}

.custom-header-title img {width: 55px; height: auto;}
.short-body .custom-header-title img {display: none;}

.main-content .item-image a {display: block; margin: 0; padding: 0; padding-top: 10px; background: #eee; background: linear-gradient(top, #eee 0, #fff 100%) no-repeat; background: -webkit-linear-gradient(top, #eee 0, #fff 100%) no-repeat; background: -moz-linear-gradient(top, #eee 0, #fff 100%) no-repeat; background: -o-linear-gradient(top, #eee 0, #fff 100%) no-repeat; background: -ms-linear-gradient(top, #eee 0, #fff 100%) no-repeat; background: linear-gradient(top, #eee 0, #fff 100%) no-repeat; -svg-background: linear-gradient(top, #eee 0, #fff 100%) no-repeat; overflow: hidden; -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.1); box-shadow: inset 0px 5px 10px rgba(0,0,0,0.1);}
.main-content .item-image img {max-width: 100%; max-height: 220px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: block; margin: 0 auto; margin-bottom: 10px; -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.4); box-shadow: 0px 5px 10px rgba(0,0,0,0.4);}
.not-mobile .main-content .item-image img:hover {max-height: 400px;}
.mobile table.btncontent td div img {
height: 20px;
 top: 7px;
}
.mobile table.btncontent td div{
  font-size: 0.7em;
  padding: 5px 5px 5px 25px;
  margin: 1px 1px;
  height: 23px;
  line-height: 110%
}
.mobile div.mainmenu #menu ul.nav > li > a {
  padding: 3px 10px;
}
.mobile div.footer h3{
  font-size: 1em;}
.mobile div.footer {
  font-size: 10px;
line-height: 110%}
.mobile div.footer p{
padding-top: 0px;
  padding-bottom: 0px;}
.mobile div.footer > div > div.content-block {
  padding: 0px 0px;
}
.mobile div.mainmenu #menu ul.nav > li > a {
  padding: 2px 5px;
}

.p_btn {
  color: #000;
 display: block; background: #eee;
 position: relative; padding: 5px; margin: -4px -5px !important;
 border: 1px solid #ddd;
 -moz-box-shadow: inset 0px 15px 15px rgba(255,255,255,0.8), 0px 0px 5px rgba(255,255,255,0.8);
 -webkit-box-shadow: inset 0px 15px 15px rgba(255,255,255,0.8), 0px 0px 5px rgba(255,255,255,0.8);
 box-shadow: inset 0px 15px 15px rgba(255,255,255,0.8), 0px 0px 5px rgba(255,255,255,0.8);
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 text-shadow: 1px 1px 2px rgba(0,0,0,0.0);
}

.p_btn:hover {
  border: 1px solid #507299;
  background: #507299;
  background: linear-gradient(top, #111142 0, #05052A 100%) no-repeat;
  background: -webkit-linear-gradient(top, #c77 0, #507299 100%) no-repeat;
  background: -moz-linear-gradient(top, #111142 0, #05052A 100%) no-repeat;
  background: -o-linear-gradient(top, #111142 0, #05052A 100%) no-repeat;
  background: -ms-linear-gradient(top, #111142 0, #05052A 100%) no-repeat;
  background: linear-gradient(top, #111142 0, #05052A 100%) no-repeat;
  -svg-background: linear-gradient(top, #111142 0, #05052A 100%) no-repeat;
  color: #fff;
  -moz-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3), inset 0px -1px 0px rgba(0,0,0,0.05), 0px 0px 5px rgba(255,255,255,0.8);
  -webkit-box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3), inset 0px -1px 0px rgba(0,0,0,0.05), 0px 0px 5px rgba(255,255,255,0.8);
  box-shadow: inset 0px 1px 1px rgba(255,255,255,0.3), inset 0px -1px 0px rgba(0,0,0,0.05), 0px 0px 5px rgba(255,255,255,0.8);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

a {
    color:#507299;
    text-decoration:none;
}
a:active,
a:hover {
    text-decoration:underline;
}

/* Меню jdownload*/
.jd_top_navi_item a {display:block; font-weight: bold;}