.message-hints-footer div {width:330px; background:#0199dc; color:#fff; padding:10px; margin-right:20px; font:bold 14px arial; float:right; cursor: pointer; cursor: hand}
.message-hints-footer div.iv-hint {background:#0199dc url(/img/icons/chat/vetrov-avatar.png) no-repeat 10px center; height:53px; padding-left:70px}
.message-hints-footer span{background:#f59306; color:#fff; font-size:14px; padding:5px; border-radius:5px; border:2px solid #fff;}

.message-hints-footer-discount div {width:330px; background:#11835c; color:#fff; padding:10px; margin-right:20px; font:bold 14px arial; float:right; cursor: pointer; cursor: hand}
.message-hints-footer-discount i {font-style:normal; border-radius:5px; padding:2px 4px; background:#ff6418}
.message-hints-footer-discount u {font-weight:normal; text-decoration:none; font-size:12px}
.message-hints-footer-discount div.discount-hint {background:#11835c url(/img/icons/chat/vetrov-avatar.png) no-repeat 10px center; height:53px; padding-left:70px}
.message-hints-footer-discount a{background:#1dba84 url(/img/icons/discount-icon.png) no-repeat 5px center; color:#fff; font-size:14px; padding:8px 5px 8px 35px ; border-radius:5px; border:2px solid #c7e2d9;}
.message-hints-footer-discount a:hover{background:#19996d url(/img/icons/discount-icon.png) no-repeat 5px center; color:#eee; border:2px solid #fff;}


#express-side-bar.affix {
	position: fixed;
    top: 0;
    width: 270px;
}

.modal-backdrop {
  z-index: -1;
}

/* immanuil chat modal window style */

.iv-chat .modal {
  text-align: center;
  padding: 0!important;
}
.iv-chat .close {color:#fff; opacity:1}
.iv-chat .modal-header {
	background:#252f4e url(/img/icons/chat/vetrov-avatar.png) no-repeat 10px center;
	color:#fff;
	padding-left:70px;
}
.iv-chat .modal-body {background:#fff; padding:10px}
.iv-chat .modal-header button {color:#fff}
.iv-chat .modal-header img {margin:0 10px 10px 0}
.iv-chat .modal-header h4 {font-size:15px; line-height:13px; color:#fff; margin-top:10px}
.iv-chat .modal-header {font-size:12px; color:#bbb; padding-top:5px}
.iv-chat .modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.iv-chat  .modal-content {background:#252f4e}
.iv-chat  .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  background:none;
}

.iv-chat .modal-footer {
	background:#fafafa;
	padding:10px;
}

.expert-triangle {color:#b5e1f5; padding:0; width:20px}
.expert-triangle i {margin-right:-4px; font-size:12px}

.user-triangle {color:#eef1f5; padding:0; width:20px}
.user-triangle i {margin-left:-4px; font-size:12px}

.chat-row {margin-bottom:15px}
.chat-message {border:1px solid #b5e1f5; background:#b5e1f5; border-radius:5px; padding:6px 20px; font:normal 14px calibri; color:#333; line-height:16px}
.chat-message-user {border:1px solid #eef1f5; background:#eef1f5; border-radius:5px; padding:6px 20px; font:normal 14px calibri; color:#333; line-height:16px}
.chat-time {text-align:right; color:gray; font:normal 12px arial; padding:10px 10px 0 40px;}
.chat-time-user {text-align:left; color:gray; font:normal 12px arial; padding:10px 40px 0 10px;}
.m-select > div {border:1px solid #0199dc; border-radius:5px; float:left; background:#0199dc; color:#fff; padding:4px 10px; margin:5px 5px 0 0; cursor:pointer; cursor:hand}
.m-select > div:hover, .m-select > div:focus {background:#67b8dc}

/* common styles*/

/*html
{  
  position: relative;
  min-height: 100%;
} */ 


body {
	background:#fafafa;
	color: #242424;
	font-size: 13px;
	font-family: "OpenSans";
}
.container {
	background:#fff;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);	
	
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {	
}

h1, .h1 {
	font-family:MuseoSans0;
	font-size: 40px;
	color:#fff;
	margin:0 0 40px 0;
	text-transform: uppercase;
}
h2, .h2 {
	font-size: 20px;
}
h3, .h3 {
	font-size: 24px;
}
h4, .h4 {
	font-size: 15px;
}
h5, .h5 {
	font-size: 12px;
}
h6, .h6 {
	font-size: 10px;
}
.lead {
	font-size: 18px;
	line-height:26px;
	color:#c5d1da;
}

a:hover,
a:focus {
	text-decoration: underline;
}

.wait-for-load {height:60px; background:url(/img/icons/loader.gif) no-repeat center center}

h2 a {color:#23528c; text-decoration:underline}
h2 a:hover, h2 a:focus {color:#0199dc; text-decoration:none}
header {padding:25px 15px 0 10px; background:#fff;}
ul.lang-version {margin-left:40px; width:100px; min-width:100px}
.add-balls-btn {background:#0199dc; font-size:12px; border-radius:5px; color:#fff; padding:2px 5px}
.header-top-line {font: normal 14px "OpenSans";}
.header-top-line   > span{border-bottom:1px solid #e8eaf2; height:48px}
.header-top-line  a {color:#5f6e74}
.header-top-line  a:hover, a:focus{color:#0199dc}

.index .header-top-line {padding-top:12px}
.index .header-top-line > span {border:none}
.pre-header-text{padding:15px 20px; background:#fafafa; text-align:center; color:#333; border-top:1px solid #f0f0f0}

.header-top-line .btn-sm {
	background:#fff;
	border: 1px solid silver;
	padding:2px 4px;	
	font-size:13px; 
	color:#5f6e74;
}
.header-top-line .caret {margin-left:20px}
.blog-recent-count {
	color:#0199dc;
	font-size:15px;
}
.language-selector {padding:0}
.language-selector > div > div.dropdown-toggle {font-size:13px; color:#555; cursor:pointer}
.language-selector > div > div.dropdown-toggle .caret{margin-left:10px}
.alert-danger  {padding:5px 10px; font-size:14px; margin-bottom:5px}

@media (min-width: 720px) { 
	.user-account-dropdown {float:right}		
}
@media (max-width: 720px) { 
	.head-navs {margin-top:-10px}
}

/* social buttons */

.social-buttons-index {background:#fff; padding:10px 0;}
.social-buttons-index-items > div {border-radius:3px; height:30px; padding:5px 13px 5px 40px; font: normal 15px "OpenSans"; float:left; color:#fff; margin-right:5px; cursor:hand; cursor:pointer;}
.social-buttons-top > div {border-radius:3px; height:30px; padding:5px 13px 5px 40px; font: normal 15px "OpenSans"; float:right; color:#fff; margin-right:5px; cursor:hand; cursor:pointer;}
.social-buttons-top-fl > div {border-radius:3px; height:30px; padding:5px 13px 5px 40px; font: normal 15px "OpenSans"; float:left; color:#fff; margin-right:5px; cursor:hand; cursor:pointer;}
div.sb-vk {background:#45668e url(/img/icons/social/vk.png) no-repeat 10px;}
div.sb-fb {background:#3b5998 url(/img/icons/social/fb.png) no-repeat 10px;}
div.sb-tw {background:#3b5998 url(/img/icons/social/tw.png) no-repeat 10px;}
div.sb-ok {background:#ed812b url(/img/icons/social/ok.png) no-repeat 10px;}
div.sb-mr {background:#168de2 url(/img/icons/social/ma.png) no-repeat 10px;}
div.sb-gp {background:#dd4b39 url(/img/icons/social/gp.png) no-repeat 10px;}
div.sb-li {background:#0077b5 url(/img/icons/social/in.png) no-repeat 10px;}

/* navigation */

.navbar {
	border-radius: 0;
	font-size: 14px;
	padding:0 30px;	
	margin:0;	
}

.navbar-default {
	border:none;
	background:#fff;		
}

.navbar-default .navbar-nav > li {
	padding:0 35px 0 0;	
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	font: normal 16px "MuseoSans1";
	text-transform:uppercase;
	padding:18px 0;
}


.navbar-default .navbar-nav > li:hover > a,  .navbar-default .navbar-nav > li:focus > a{
	color: #017db4;		
}

.navbar-default .navbar-nav > li.active > a {
	color: #0199dc;
	border-bottom:2px solid #0199dc;
	background:#fff;
}

.nav-search {margin:15px 0; width:20px; cursor:hand; cursor:pointer}
.nav-search > .dropdown-menu {width:350px;}
.nav-search  .input-group {margin:0 10px}


@media(max-width:1200px) { 
	.navbar-default .navbar-nav > li > a{font-size:14px}
	.navbar-default .navbar-nav > li {
		padding:0 15px 0 0;		
	}
}

@media(max-width: 992px ) { 
	header {background:#fff; padding:0}
	.header-top-line > span {padding:15px 0; margin:0; border:none; background:#fff; font-size:14px}
	
	.head-hamburger  {background:#0199dc; padding:15px 0; text-align:center}
	.head-logo {background:#fff url(/img/main_logo_1.png) no-repeat center center; padding:15px 0; text-align:center}	
	.head-login, .head-support {
		background:#252f4e;
		padding:4px 0; 
		text-align:center;
		font-size:12px;		
	}
	.head-login > a, .head-support> a {color:#fff}
	.head-login:hover > a, .head-login:focus > a, .head-support:hover > a, .head-support:focus > a {text-decoration:underline}
}

@media(max-width: 768px ) { 
	header {background:#fff; padding:0}
	.head-navs{text-align:center; padding-top:17px}
	.head-hamburger {background:#0199dc; margin-top:5px; padding:15px 0; width:60px; text-align:center; float:right; cursor:pointer; cursor:hand;}
	.head-logo {background:#fff; padding:5px 0 5px 10px; text-align:left}		
}
.mainmenu-xs {display:none}
.mainmenu-xs .m-level-2{display:none}

.mainmenu-xs .m-level-1 {list-style-type:none; background:#fff; padding:5px; margin:0}
.mainmenu-xs .m-level-1 li {background:#0199dc; margin-top:1px; padding:4px 7px}
.mainmenu-xs .m-level-1 li.select-1 {background:#dd4b39;}
.mainmenu-xs .m-level-1 li > a{color:#fff}

.mainmenu-xs li.m-level-2 {background:#fff}
.mainmenu-xs .m-level-2 > ul {list-style-type:none; padding:5px; margin:0}
.mainmenu-xs .m-level-2 > ul > li {background:#fff; margin-bottom:5px; padding:0}
.mainmenu-xs .m-level-2 li > a{color:#333; font-size:14px; border:1px solid #333; border-radius:5px; padding:2px 5px}

/* heading */
.navbar-heading {padding:0; margin:0}
.btn-heading {
	background:transparent;
	border:1px solid #fff;
	color:#0199dc;
}

.btn-heading:hover, .btn-heading:focus {
	border:1px solid #a0a0a0;
	color:#fff;
}

.heading {	
	padding:40px;
	background:#000;
}
.lead-block  {margin-right:35%}

@media(max-width: 768px ) { 	

	.heading {padding:20px;}
	h1 		{font-size:34px}
	.lead-block {margin:0}
}
/*dropdown menu */

.mainmenu  .dropdown-submenu {
  position: relative;  
}

.mainmenu  .dropdown-submenu > .dropdown-menu {
  visibility: hidden;
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.mainmenu  .dropdown-submenu:hover>.dropdown-menu {
  visibility: visible;
  display: block;
}

.mainmenu  .dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #666;
  margin-top: 5px;
  margin-right: -10px;
}

.mainmenu  .dropdown-submenu:hover>a:after {
  border-left-color: #aaa;
}

.mainmenu .dropdown:hover .dropdown-menu {
	display: block;
}

.mainmenu  .dropdown-menu  {
	padding:0 0 10px 0; 
	background:#fafafa;
	border-radius:0;
	border:none;
	min-width:300px;
}

.mainmenu  .dropdown-menu .dropdown-header {	
	font:bold 16px "MuseoSans1";		
	color:#fff;
	padding:15px;
	margin-bottom:15px;
	text-transform:uppercase;
	background:#252f4e;
}
.mainmenu  .dropdown-menu .menu-sub-header {color:#555; margin:5px 0 10px 20px;}
.mainmenu  .dropdown-menu .dropdown-header a {color:#fff; margin:0; padding:0}
.mainmenu  .dropdown-menu .dropdown-header a:hover {color:#fff}
.mainmenu  .dropdown-menu .divider {margin:10px 0}

.mainmenu  .dropdown-menu  > li{	
	font:bold 13px "MuseoSans1";		
}

.mainmenu  .dropdown-menu  > li.disabled { 	
	color: #b0b0b0;	
	padding-left:20px;	
}	 

.mainmenu  .dropdown-menu  > li > ul>li.disabled { 	
	color: #b0b0b0;		
}	 


.mainmenu  .dropdown-menu  > li > a, .dropdown-menu  > li > ul > li >a {color:#555}	
.mainmenu  .dropdown-menu  > li > a:hover, .dropdown-menu  > li > a:focus {color:#0199dc; background:none; text-decoration:underline}	
.mainmenu  .dropdown-menu  > li > ul > li >a :hover  {color:#000; background:none; text-decoration:underline}		
.dropdown-menu  > li > ul {padding:0 20px 0 35px; margin:7px 0 15px 0}

.mainmenu  .dropdown-menu  > li > ul > li{	
	font:normal 13px "OpenSans";	
	margin:	5px 0;
	list-style-type:none;
}
.mainmenu  .dropdown-submenu  ul > ul  {padding-left:30px}
.mainmenu  .dropdown-submenu  ul > ul > li {
	margin-top:3px;	
}

.mainmenu  ul.submenu1 > li::before {
	content: "- ";
	color: #9a9a9a;
}	 

.mainmenu  ul.submenu1 > li.menu-star-item {padding-left:0; margin-left:-8px}
.mainmenu  ul.submenu1 > li.menu-star-item .glyphicon {color:orange}
.mainmenu  ul.submenu1 > li.menu-star-item::before {
	content: "";
}	


.mainmenu  .dropdown-submenu  ul > li{
	margin:0;
}	 
.mainmenu  .dropdown-submenu  ul > ul {
	font:normal 13px "OpenSans";	
	margin:	5px 0;
	list-style-type:none;
}
.mainmenu  .dropdown-submenu  ul > ul > li  a{color:#555; font-size:13px}
.menu-star-item {}

/* sidebar */

#open-hamburger-menu {cursor:hand; cursor:pointer}
.menu-sidebar {padding:0px; text-align:center; width:97px}
.menu-sidebar  {z-index:2}
.menu-sidebar .dropdown-menu {
	width:1073px; left:97px; top:0px;
	height:360px;
	color:#fff;
	border-radius:0;
	margin:0;
	background:#0199dc;
	padding:10px 0 20px 20px;
	border:none;
}
.menu-sidebar .dropdown-menu  div > ul {padding:0; margin:0; list-style-type:none; font-size:13px}
.menu-sidebar .dropdown-menu .underline {line-height:10px; color:#aaa}
.menu-sidebar .dropdown-menu  a {color:#f0f0f0}
.menu-sidebar .menu, .menu-sidebar .login, .menu-sidebar .signup, .menu-sidebar .support {	
	padding:20px 0;
	border-bottom:1px solid #3f4d79;
}
.menu-sidebar a {
	font-size:13px;
	color:#a2b1df;
}
.menu-sidebar .menu {background:#0199dc}

@media(max-width:1200px){
	.menu-sidebar {padding:0px; text-align:center; width:80px;}
}

#myNav {width:200px; height:800px}


/* input user data */

.cpd-block .row  {padding:0}

.cpd-top, .cpd-controls {background:#0199dc}
.cpd-top {padding-top:20px}
.cpd-top > div {text-align:center}

.cpd-top i:hover{background:#fff}

.cpd-bdate  {margin-bottom:10px;}
.cpd-bdate span {margin-bottom:10px; font-size:28px; padding:5px 10x; background:#d6eff9; border-radius:5px; padding:0 6px 2px 6px}
.cpd-fullname  {
		margin-bottom:20px; 
		display:                 flex;
		display:                 -webkit-flex; 
		flex-wrap:               wrap;
		-webkit-flex-wrap:       wrap;         
		justify-content:         center;
		-webkit-justify-content: center; 
}

.cpd-fullname i, .cpd-fullname span > span {
		font-style:normal; 
		font-size:24px; 
		text-transform:uppercase; 
		padding:5px 20px; 
		background:#b5e1f5; 
		border-radius:5px; 
		letter-spacing:2px; 
		cursor:hand; cursor:pointer; 				
		line-height:46px
}

.cpd-dual .cpd-fullname i, .cpd-fullname span > span {font-size:16px}
.cpd-fullname span > span {background:#d6eff9;}
.cpd-dual .cpd-controls {padding:0; _border:1px solid red}
.cpd-dual .cpd-controls .cpd-fullname-top  {_border:1px solid blue; margin:20px 0 0 0}
.cpd-dual .cpd-controls .cpd-fullname-bottom  {_border:1px solid blue; margin:5px 0 10px 0; padding:0}
.cpd-arrow {background:url(/img/icons/blue-triangle-arrow.png) no-repeat bottom center; height:20px; margin-bottom:20px}

.cpd-btn {text-align:right; padding-top:10px}

.cpd-btn i {cursor:hand; cursor:pointer; color:#d6eff9; font-size:24px; margin-bottom:10px}
.cpd-btn i:hover {color:#fff}

.input-user-data form{margin:0; padding:0}
.input-user-data h2 {
	font:bold 22px "MuseoSans0";
	color:#fff;	
	margin:0; 
	padding:0;
	line-height:24px;
}
.input-user-data .row {padding:0 15px 0 20px}

.input-user-data .glyphicon-question-sign {
	font-size:20px;
	cursor:pointer;
	cursor:hand;	
}
.input-user-data .how-to-input {
	font-size:13px;
	line-height:13px;
	color:#fff;
	display:block;	
	float:right;
	width:100px;
	cursor:pointer;
	cursor:hand;
}

.nopadding {
   padding: 0 10px 0 0 !important;
   margin: 0 !important;
}

.input-user-data .surname-help {margin-top:-12px; text-align:left}
.input-user-data .surname-help span{font:normal 13px Calibri; color:#fff; border-bottom:1px dashed #fff; cursor:pointer; cursor:hand}
.input-user-data .pd-top {padding-top:20px}
.input-user-data .pd-md {padding:0px 10px 0 20px; _border:1px solid red}
.dt-title {color:#fff; font-size:14px;}

.input-user-data .pd-bottom {padding-bottom:10px}

.has-error .form-control {background:#ffe3e3; color:red}    

.input-user-data {padding:0px; background:#0199dc;}
.input-user-data > div{background:#0199dc;}
.input-user-data .row > div{padding:10px; _border:1px solid #000}
.input-user-data input {
	padding:4px; 
	height:28px; 
	background:none;
	font-size:14px;
	color:#fff;
	border-color:#fff;
	margin-bottom:10px;
}
.input-user-data input:focus {
	background:#018fce;
	border-color:#fff;
	color:#fff;
}

.input-user-data select option {background:#0199dc}
.input-user-data select {
	padding:4px; 
	height:28px; 
	background:none;
	font-size:14px;
	color:#fff;
	border-radius:5px;
	border-color:#fff;
	margin-bottom:10px;
	margin-right:5px;
}

.input-user-data .has-error select {
	background:#ffe3e3; color:#a94442;
	border-color:#a94442
}

.contact-list-button-cmp {
	padding:3px 6px 4px 6px; 
	height:28px; 
	background:none;
	color:#fff;
	font-size:16px;
	margin-top:-5px;
	border-radius:5px;
	border-color:#fff;
}
.compatibility-inputs {padding:0 !important; margin: 0 !important;}
.compatibility-inputs > div{padding-left: 0 !important; margin: 0 !important;}
.compatibility-inputs > div input {margin:0}
.btn-select-fio {
	color:#000;
	background:none;
}
.btn-select-fio:hover, .btn-select-fio:focus{
	color:#000;
	background:none;
	border-color:#fff;
}

.btn-select-fio .glyphicon {color:#fff; font-weight:normal; font-size:16px; margin-right:5px;}

.btn-select-fio-price {	
	padding:7px;
	margin-bottom:4px;
	border-color:#999;
	background:#fff;
}
.btn-select-fio-price .glyphicon {color:silver}
.btn-select-fio-price:hover .glyphicon , .btn-select-fio:focus .glyphicon {
	color:#fff;
}

.btn-select-fio-price:hover, .btn-select-fio:focus{
	color:#fff;
	background:#0199dc;
	border-color:#fff;
}

.btn-calc {
	color:#fff;
	background:#000;
	padding:7px 40px
}

#input-data-errors div {padding:0 12px; font-size:13px; color:#fff; line-height:15px; }
#input-data-errors div span {background:#a94442}

.input-user-data .form-control::-webkit-input-placeholder { color: #91ddff; }
.input-user-data .form-control:-moz-placeholder { color: #91ddff; }
.input-user-data .form-control::-moz-placeholder { color: #91ddff; }
.input-user-data .form-control:-ms-input-placeholder { color: #91ddff; }

.has-error .form-control::-webkit-input-placeholder { color: #a94442 }
.has-error .form-control:-moz-placeholder { color: #a94442 }
.has-error .form-control::-moz-placeholder { color: #a94442 }
.has-error .form-control:-ms-input-placeholder { color: #a94442 }

.pre-input-user-data h2 {font-size:28px; font:normal 32px calibri; line-height:26px; margin-bottom:10px}
.pre-input-user-data {text-align:center;}
.pre-input-user-data > div > div {margin-bottom:30px}
.pre-input-user-data span{background:#f59306; color:#fff; font-size:20px; padding:10px 20px; border-radius:10px; border:2px solid #fff; cursor: pointer; cursor: hand}
.pre-input-user-data span:hover, .pre-input-user-data span:focus {background:#fff; color:#0199dc}

/* popover */

.popover {
    max-width: 600px; /* Max Width of the popover (depending on the container!) */
}
.popover ul {padding:0 0 0 15px}
.popover ul li {margin-bottom:5px; font-size:13px; font-family:"OpenSans"}
.popover ul li span {border-bottom:1px dashed #000}

.popover  select {
	height:28px; 
	background:none;
	font-size:14px;
	color:#000;
	border-color:#aaa;
	border-radius:3px;
	margin-right:6px;
}

.popover .btn-select-date {background:#0199dc; color:#fff; padding:3px 6px}
[data-style=forecast] + .popover {width:300px; height:115px}
[data-style=forecast] + .popover a{text-decoration:underline}

/* abilities table */

.abilities-table .glyphicon-star {color:#5cb85c; font-size:16px}
.badge-level-min {background-color: #5bc0de; padding:4px 6px;}
.badge-level-mid {background-color: #98bf60; padding:4px 6px;}
.badge-level-high {background-color: #5cb85c; padding:4px 6px;}

/* important days */

.imp_years table {margin:0 5px 25px 0; border:2px solid #333}
.imp_years td {border:2px solid #fff;}
.imp_years td a{color:#0199dc; border-bottom:1px solid #0199dc}
.imp_years td a:hover{color:#0176a9; border-bottom:none; text-decoration:none}

.imp_years .imp_green {background-color:#dfedd6; text-align:center}
.imp_years .imp_red {background-color:#ffe3e3; text-align:center}
.imp_years .imp_violet {background-color:#e2cdf1; text-align:center}
.imp_years  .imp_year {padding:10px; font-size:24px; color:#333; width:75px; text-align:center}
.imp_none {color:#fff}
.imp_column {height:200px; background:#f6f6f6}

.imp_very {background-color:#e2cdf1; }
.imp_good {background-color:#dfedd6; }
.imp_bad {background-color:#ffe3e3;}

.imp_hide td {color:#b0b0b0}
.imp_calendar > div {float:left; margin:0 15px; height:220px}
.imp_calendar > div > table{width:210px}
.imp_calendar  td{text-align:center; border:1px solid silver; cursor:pointer; cursor:hand}
.imp_calendar .head td {background:#f0f0f0; font-weight:bold}
.imp_calendar h4 {font-weight:bold}

/* grafik peremen */

.grafik_peremen table {margin:0 0px 25px 0; border:2px solid #333}
.grafik_peremen td {border:2px solid #fff;}
.grafik_peremen td a{color:#0199dc; border-bottom:1px solid #0199dc}
.grafik_peremen td a:hover{color:#0176a9; border-bottom:none; text-decoration:none}
.grafik_peremen .gp_year {padding:5px; font-size:15px; color:#333; width:45px; text-align:center}
.grafik_peremen .gp_green {background-color:#dfedd6; text-align:center}
.grafik_peremen .gp_red {background-color:#ffe3e3; text-align:center}
.grafik_peremen .gp_violet {background-color:#e2cdf1; text-align:center}
.grafik_peremen .gp_gray {background-color:#f0f0f0; text-align:center}
.grafik_peremen .gp_gray_2 {background-color:#a0a0a0; text-align:center}

.gp_column {height:200px; background:#f6f6f6}
.gp_column_2 {height:60px; background:#f6f6f6}

.gp-descr-table {width:100%}
.gp-descr-table .gp_green {background-color:#dfedd6; text-align:center}
.gp-descr-table .gp_red {background-color:#ffe3e3; text-align:center}
.gp-descr-table .gp_gray {background-color:#f0f0f0; text-align:center}
.gp-descr-table td {border:2px solid silver; padding:10px; text-align:center}
td.gp-short-descr-td {text-align:left}
.gp-descr-table .label {font-size:16px;}

.gp-descr-table td a{color:#0199dc; border-bottom:1px solid #0199dc}
.gp-descr-table td a:hover{color:#0176a9; border-bottom:none; text-decoration:none}

/* transit table */

.transit-table  table {margin:0 0px 25px 0; border:2px solid #333}
.transit-table  td {border:2px solid #fff; text-align:center; font:normal 16px calibri; line-height:25px}
.transit-table  td > span {color:#aaa}
.transit-table  td a{color:#0199dc; border-bottom:1px solid #0199dc}
.transit-table  td a:hover{color:#0176a9; border-bottom:none; text-decoration:none}
.transit-table  .tt-year {padding:5px; font-size:15px; color:#333; width:45px; text-align:center}
.tt-transit-digit{background:#f0f0f0}
.tt-transit-letter{background:#fafafa}
.tt-transform{background:#fafafa; font:bold 16px calibri; color:#252f4e}
td.tt-karma  span, td.tt-master span {color:#333}
td.tt-karma  {font-weight:bold; background:#f0f0f0 url(/img/icons/karma-uroboros-small-gray.png) no-repeat 10px center}
td.tt-master {font-weight:bold;  background:#f0f0f0 url(/img/icons/master-crown-small-gray.png) no-repeat 10px center }

/* psy matrix */

.p_matrix_cells {margin-top:20px}
.p_matrix_cells td, .p_matrix_lines td, .p_matrix_cells_noborder td {width:90px; height:90px; border:2px solid #b3b3b3; text-align:center;  font:bold 24px "OpenSans";}
.p_matrix_lines td {background:#dfedd6; background-repeat: no-repeat; background-position:center bottom }
.p_matrix_cells td {background:#fff; background-repeat: no-repeat; background-position:center bottom}
.p_matrix_cells td sup {color:#0199dc; font-weight:normal}
.p_matrix_cells_noborder td {border:none}
.p_matrix_cells_description {margin:30px 0}
.p_matrix_cells_description td {border:2px solid #b3b3b3; padding:5px;}
.p_matrix_cells_description td.box {padding:0; width:90px; height:90px; text-align:center;  font:bold 24px "OpenSans"; background:#fff; background-repeat: no-repeat; background-position:center bottom}
.p_matrix_cells_description td.box-mini{padding:0; vertical-align:top; padding-top:10px; width:70px; height:50px; text-align:center;  font:bold 14px "OpenSans"; background:#fff; background-repeat: no-repeat; background-position:center bottom}
.p_matrix_cells_description  a {text-decoration:underline}

.p_matrix_cells_noborder td {font-size:14px; text-align:left; padding-left:20px}
.aux-label  td{font-size:14px; height:40px}

.p_matrix_cells_imp  {margin-bottom:30px}
.p_matrix_cells_imp td {width:60px; height:60px; border:2px solid #b3b3b3; text-align:center;  font:bold 20px "OpenSans"; background:#fff;}
.aux-label-imp td{font-size:14px; height:30px}
td.imp-class-1 {background:#dfedd6}
td.imp-class-2 {background:#ffe3e3}

/* pifagor square */

.fillips_arrow_table {float:left; margin-right:10px; border:1px solid #aaa; border-left:none; border-top:none}
.fillips_arrow_table td {width:40px; height:40px; background:#fff; border:1px solid #aaa; border-right:none; border-bottom:none}
.fillips_arrow_table td.positive {background:#dfedd6}
.fillips_arrow_table td.negative {background:#ff5c5e}

/* loneliness problem matrix */

.lone_problem_matrix {margin:40px auto}
.lone_problem_matrix td {width:90px; padding:30px 0; font-size:18px; text-align:center; border:1px solid silver}

/* daily forecast */

.daily_forecast_table {margin:20px auto}
.daily_forecast_table td {width:90px; height:90px; text-align:center; vertical-align:center; border:2px solid #b3b3b3}
.daily_forecast_table td.now_date {border:2px solid #666}
.daily_forecast_table td.now_date_left{border-right:2px solid #666}
.daily_forecast_table td > div {height:90px}

.forecast-premium-period {text-align:center; margin:-10px 0 20px 0}
.forecast-premium-period span {border:1px solid #aaa; padding:2px 5px; border-radius:5px;}

.df_table {margin:20px 20px 0 20px}
.df_table table{width:100%}

td.df_clickable {cursor:pointer; cursor:hand}
.df_days_of_week a{text-decoration:none; font-weight:bold; color:#000; line-height:1px}
.df_days_of_week td:hover>a, .df_days_of_week td:focus > a{color:#0199dc; text-decoration:underline}

.df_karmic_day {background:#dcc0f1} 
.df_karmic_day  span { display:inline-block; margin:0 2px; cursor:pointer}
.df_karmic_day  span.blue{color:#0199dc}

.df_goodluck_day {background:#dfedd6} 
.df_goodluck_day  span { display:inline-block; margin:0 2px}
.df_goodluck_day  span.blue{color:#0199dc}
.df_empty {color:#999}

.daily_forecast_title {text-align:center; margin-bottom:25px}
.daily_forecast_title img[style]{margin:0 !important}
div.daily_forecast_h  {font-size:20px}

h2.daily_forecast_h  {text-align:center; line-height:24px; padding-top:20px}
h2.daily_forecast_h span {font-size:14px}

.df_day {text-align:center; font:normal 130px MuseoSans1; color:#333; line-height:125px; margin-top:20px; background:#f0f0f0; padding-top:10px}
.df_month_year  {text-align:center; background:#f0f0f0; padding:5px 0 10px 0}
.df_month_year span {font:normal 28px Calibri; border-top:2px solid #333}

.df_good_day {background:#f2ffb8; cursor:pointer; cursor:hand}
.df_bad_day {background:#ffe3e3; cursor:pointer; cursor:hand}
.df_neutral_day {color:silver; cursor:pointer; cursor:hand}
.df_week_arrow {font-size:26px; padding:0}
.df_neutral_minus_day {background:#fff1f1; color:#e61812; font-size:22px}
.df_neutral_plus_day {background:#f8ffdb; color:#4c9341; font-size:22px}
.weeks-links div {float:left; margin:10px 10px 10px 0; padding:5px 15px; border:2px solid #f0f0f0; text-align:center; display:block; width:180px; }
.weeks-links div.selected {background:#0199dc; color:#fff; cursor:normal; border:none}
.weeks-links div.selected:hover {background:#0199dc; color:#fff; cursor:normal; border:none}
.weeks-links div:hover, .weeks-links div:focus {cursor:pointer; cursor:hand; background:#e2f4fc}
.month-forecast {
  display:                 flex;
  display:                 -webkit-flex; 
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         
  justify-content:         center;
  -webkit-justify-content: center;       
 }
.month-forecast div {width:55px; padding:10px 5px; text-align:center; border:2px solid #b3b3b3; margin:3px}
.mf-year-number {padding:13px 20px; float:left; margin:0 20px 10px 0; text-align:center; border:2px solid #b3b3b3}
.mf-year-number span {font-size:68px; line-height:68px}

/* tooltip */

.tooltip > .tooltip-inner {background-color: #252f4e;}
.tooltip > .tooltip-arrow  {color:#252f4e;}

/* contact list */

#modal-contact-list .modal-header{border:none}
#modify-contact{display:none}
.contact-list .add-btn , .contact-list .cancel-btn {
	background:#252f4e;
	color:#fff;
	font:normal 14px "MuseoSans1";
	margin:20px 15px 10px 0;
	padding:10px 15px 10px 10px;
	border:none;	
}

.contact-list .cancel-btn {
	background:#f0f0f0;
	color:#555;
	font:normal 14px "OpenSans";	
}

.contact-list .cancel-btn:hover{
	background:#eaeaea;
	color:#000;
	font:normal 14px "OpenSans";		
}


.contact-list input {margin-bottom:10px}
.panel-scroll {
	
   	max-height: 230px;
	overflow: hidden;
	overflow-y: auto;
}

.contact-list .contacts-panel {
	font:normal 16px "MuseoSans1";
	color:#333;	
}

.contact-list .contacts-panel span {
	font:normal 12px "MuseoSans1";
}

.contacts-panel {margin-top:15px}
.contacts-panel .row:hover {background:#f0f0f0;}
.contacts-panel .row {border-bottom:1px solid #cccccc; padding:10px 0;}
.contacts-panel .owner  , .contacts-panel .owner .glyphicon-user{color:#0199dc}
.contacts-panel .glyphicon-edit {font-size:24px; margin-top:5px; color:#666; cursor:hand; cursor:pointer;}
.contacts-panel .glyphicon-trash {font-size:22px; margin-top:7px; color:#666; cursor:hand; cursor:pointer;}
.contacts-panel .glyphicon-lock {font-size:22px; margin-top:7px; color:#aaa; }
.contacts-panel .glyphicon-certificate {font-size:26px; margin-top:7px; color:#666;}
.contacts-panel .glyphicon-user {font-size:28px; margin-top:5px; color:#999; cursor:hand; cursor:pointer;}
.contacts-panel .glyphicon-edit:hover , .contacts-panel .glyphicon-trash:hover {color:#222}

.contact-list .contacts-panel > div > div{_border:1px solid red}

.contact-list .add-btn:hover{background:#42477a}

.contact-list select.group {width:100%; font-size:15px; height:33px}

/* /////////////////////////////////////////////////////////////////////////// */
/* Numerology content styles */

.abilities-table {margin-top:30px}
.abilities-table  .shade td{color:#b0b0b0;}
.abilities-table  .shade td span{background:#d0d0d0}

.header-table {margin:30px auto}
.header-table td  div {font-size:32px; text-transform:uppercase; padding:5px 20px; background:#fff; border-radius:15px; margin:0 5px; letter-spacing:2px}
.name-analyze-table {border:1px solid #aaa; margin:5px;border-spacing:2px; }
.name-analyze-table td {padding:1px 6px;  font-size:20px; border:3px solid #fff; background:#f0f0f0}
.name-analyze-table td.alpha {background:#0199dc; color:#fff;}
.name-analyze-table td.empty {background:#fff}
.name-analyze-table td.vovel {background:#44b2da}

/* Life path tables */

.life-path-stage td{text-align:center; font-size:32px;}
.life-path-pinnacles td{text-align:center}
.life-path-pinnacles td span {font-size:18px; margin:2px 0}
.life-path-pinnacles .badge-top{background-color:#00b034}
.life-path-pinnacles .badge-pinnacle{background-color:#df0024}

/* number boxes */

.number-box-bottom 
{	
	padding:5px 0 10px 0; 
	color:#fff; 
	font-size:18px;	
}

.number-box-bottom  .glyphicon {color:#000}

.bg-karmic {background:#5a2785;}

.head-karmic {
	background:url(/img/icons/karma-uroboros.png) no-repeat center 15px;
}

.number-box-head {

	padding-top:65px;
	color:#ead8f8;
	font-size:12px;
}

.number-box-body {
font:bold 110px "MuseoSans1";  
color:#fff;
line-height:100px;
margin-top:10px;
}

.bg-master {background:#4e157e;}
.head-master {
	background:url(/img/icons/master-crown.png) no-repeat center 15px;
}

.bg-normal {background:#7527b6 url(/img/icons/normal-number-bg.png) repeat-y left;}
.head-normal {
	background:url(/img/icons/normal-number-icon.png) no-repeat center 30px;
}

.number-box-normal  {padding:42px 0 42px 0}

.secondary-number-box {padding:10px 15px}
.secondary-number-box .number-box-body {
	font-size:72px;
	line-height:72px;
}

.secondary-number-box .bg-karmic {background-color:#1a4a78}
.secondary-number-box .bg-master {background-color:#073c70}
.secondary-number-box .bg-normal {background-color:#135ca2}

.number-box-body a{color:silver}
.number-box-body a:hover, .number-box-body a:focus{color:#fff; text-decoration:none}

/* several inner marketing elements */

.do-you-know-1 {padding:10px; border:3px solid #dd4b39; border-radius:5px; text-align:center; margin-top:25px}
.do-you-know-1 button {color:#fff;
	background:#0199dc;
	padding:3px 10px;
	font-size:14px;
	border-color:#0199dc;	
	border-radius:5px;
}
.do-you-know-1 button a {color:#fff}
/* backgrounds */

.name-numerology-theme {
	background:#000 url(/img/themes/name-numerology.jpg) top right no-repeat;
}

.name-karma-numerology-theme {
	background:#000 url(/img/themes/name-karma.jpg) top right no-repeat;
}

.life-path-theme {
	background:#000 url(/img/themes/life-path.jpg) top right no-repeat;
}

.numbers-theme {
	background:#000 url(/img/themes/numbers.jpg) top right no-repeat;
}

.good-luck-theme {
	background:#000 url(/img/themes/good-luck.jpg) top right no-repeat;
}

.compatibility-theme {
	background:#000 url(/img/themes/compatibility.jpg) top right no-repeat;
}

.mandala-theme {
	background:#000 url(/img/themes/mandala.jpg) top right no-repeat;
}

.astrology-a-z-theme {
	background:#000 url(/img/themes/akvilon/astrology_a_z.jpg) top right no-repeat;
}


.theme-bg-1 {
	background:#000 url(/img/themes/1.jpg) top right no-repeat;
}

.theme-bg-none {
	background:#fbfbfb;
}
.theme-bg-none h1 {color:#333}

.theme-bg-none {padding:15px 0 20px 20px}

@media(max-width: 768px ) { 
	.name-numerology-theme {
		background:#000 url(/img/themes/name-numerology-xs.jpg) top right no-repeat;
	}

	.name-karma-numerology-theme {
		background:#000 url(/img/themes/name-karma-xs.jpg) top right no-repeat;
	}

	.life-path-theme {
		background:#000 url(/img/themes/life-path-xs.jpg) top right no-repeat;
	}

	.numbers-theme {
		background:#000 url(/img/themes/numbers-xs.jpg) top right no-repeat;
	}

	.good-luck-theme {
		background:#000 url(/img/themes/good-luck-xs.jpg) top right no-repeat;
	}

	.compatibility-theme {
		background:#000 url(/img/themes/compatibility-xs.jpg) top right no-repeat;
	}

	.mandala-theme {
		background:#000 url(/img/themes/mandala-xs.jpg) top right no-repeat;
	}

	.astrology-a-z-theme {
		background:#000 url(/img/themes/akvilon/astrology_a_z-xs.jpg) top right no-repeat;
	}


	.theme-bg-1 {
		background:#000 url(/img/themes/1-xs.jpg) top right no-repeat;
	}

}
/* related links */

.related-links-block {border:3px solid #f0f0f0; padding:0 10px 20px 20px}
.related-links-block h2 span{font-size:16px}
.related-links-block div {float:left; background:#fff; padding:2px 8px; border-radius:8px; border:1px solid #80cced; margin:0 10px 10px 0; font-size:12px}
.related-links-block div:hover , .related-links-block div:focus{background:#64d2fa; color:#fff}
.related-links-block div.rl-disabled, related-links-block div.rl-disabled :hover, related-links-block div.rl-disabled :focus{background:#fff; color:#999; border-color:#ccc}
.related-links-block div a{color:#0172a4}
.related-links-block div a:hover{color:#fff; text-decoration:none}

/* footer nav menu */

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}					
.footer-menu {background:#e6e5e1; font:normal 14px arial; padding:0}
.footer-menu > div {padding:15px; border-bottom:1px solid #b3b2ad; background:#f2f2f0; border-right:1px solid #a6a5a1;}
.footer-menu > div > div {color:#666666; font-size:11px; margin-top:2px}

.footer-menu a {color:#0074c9; text-decoration:none}
.footer-menu a:hover, .footer-menu a:focus {color:#004f80; text-decoration:underline}

.footer-menu > div.selected {
	background:#fcfcfa;
	border-right:none;
}
.footer-menu > div.empty {background:#e6e5e1; border-bottom:none; padding:15px}
.footer-menu .selected b{color:#004f80;}
.footer-menu .selected > div{color:#333;}

.footer-submenu {background:#fcfcfa; font-family:arial;padding:0 0 0 30px}
.footer-submenu h3{color:#333; font:bold 16px arial; margin:25px 0 20px 0 !important}
.footer-submenu p{color:#666; font-size:12px}
.footer-submenu li.active {color:#333}
.footer-submenu li.active span{background:#999; border-radius:5px; color:#fff; padding:2px 4px}
/* landing */

.lp-heading {	
	background:#223455 url(/img/lp/blue-glow.png) no-repeat -180px 0px;
	color:#fff;		
	padding: 35px 0;
}

.lp-heading h1 {
	font:normal 38px "MuseoSans1";
	text-align:center;
	margin:0 0 10px 0;
}

.lp-heading h2 {
	font:normal 22px "MuseoSans1";
	text-align:left;	
}

.lp-heading h2.v2 {
	font:normal 22px "MuseoSans1";
	text-align:center;	
	margin-top:50px;
}

.lp-heading h3 {
	font:normal 16px "MuseoSans1";
	text-align:center;	
	margin-top:10px;
}

.lp-heading .header-lead {
	font-size:18px;
	text-align:center;	
	line-height:20px;
}

.lp-heading .header-lead-2 {
	font-size:18px;
	text-align:center;
	margin:10px 0 55px 0
}

.lp-heading .header-lead-3 {
	font-size:13px;
	text-align:center;
	margin:10px 0 55px 0
}

.lp-heading .header-lead-3-big {
	font-size:16px;
	text-align:center;
	margin:10px 0 55px 0
}


.lp-heading form {
	margin-top:30px;
	width:350px;
	font:normal 14px calibri;
	color:#f0f0f0;
}

.lp-heading form a {text-decoration:underline}
.lp-heading .form-control {background:none}
.lp-heading .btn-default {
	width:100%; 
	font:bold 19px "MuseoSans1"; 
	color:#223455; 
	padding:15px 0;
}
.lp-heading button {background:#01affc; border:0; margin:15px 0}
.lp-heading select {font-size:22px; background:none; border-radius:5px}
.lp-heading select > option {color:#333}
.lp-heading .confident {color:#a2bdcf; margin-top:10px}
.lp-heading .licence {color:#a2bdcf;}
.lp-heading .licence a {color:#a2bdcf;}
.lp-heading input {font-size:22px; color:#fff}
.lp-heading h2 {color:#f0f0f0; font-size:28px}

.lp-description, .lp-reviews {background:#fff; padding:20px 0}
.lp-description h2, .lp-examples h2, .lp-reviews  h2{font-size:28px; color:#343d5a; text-align:center; margin:30px 0}
.lp-description h3,.lp-reviews  h3{font-weight:bold; font-size:18px; color:#000; margin:20px 0}
.lp-description p, .lp-examples p , .lp-reviews p {color:#535b5e; font-size:14px;}
.lp-description  > div > div, .lp-examples > div > div{padding-left:40px;}
.lp-description  > div > div.right, .lp-examples  > div > div.right {padding-right:40px;}

.lp-examples {background:#f7f7fa; padding:20px 0}
.lp-examples  p b{color:#000}

.lp-reviews .row {padding:0 30px;}
.lp-reviews > div > div{padding-right:10px;}
.lp-reviews img {margin-top:25px}

.lp-go-top {background:#fff; padding:50px 0}
.lp-go-top button  {padding:20px 100px; background:#0199dc; border:none}
.lp-go-top button a {color:#fff; font-size:22px}
.lp-go-top button :hover, .go-top button :focus{color:#333; text-decoration:none}


/* footer */

footer {background:#ebebed; padding-top:30px; padding-left:30px}
footer h2 {
	text-transform:uppercase;
	font:bold 14px "MuseoSans1";
	color:#252f4e;
	padding:0;
	margin:0;
}
footer .underline {color:#0199dc}
footer ul {padding:0; margin:0 0 20px 0; list-style-type:none}
footer ul a {color:#808080; font-size:13px}
footer ul a:hover, footer ul a:focus {color:#505050}
.footer-mid {padding-bottom:25px; border-bottom:1px solid #acb1bf}

footer .copyright {
	font-size:13px; 
	color:#808080;
	padding:0 40px 20px 0;
}
/* main content /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.btn-more-info {
	background:#fff;
	border:1px solid #999;
	color:#666;
}

.main-content {
	background:#fff; 
	padding:10px 20px;
	font-size:14px;
}

.main-content-text {
	background:#fff; 
	padding:40px;
	font-size:16px;
	line-height:25px;
}

.main-content h2 {font-size:27px; margin-bottom:20px;}
.main-content h2.a {margin-top:30px;}
.main-content h3 {margin-top:40px}
.main-content .synonims {
	color:#999;
	font-style:italic;
}

.main-content-hd-center h2 {text-align:center}
.hor-div-line {border-bottom:1px solid #cacacc; padding:10px 0 0 0; margin-bottom:10px}

.btn-classic-blue {
	padding:14px 40px; 
	background:#0199dc;
	color:#fff;
	border-radius:4px;
	font-size:18px;
}

.btn-classic-blue:hover,.btn-classic-blue:focus {background:#fff; border:3px solid #0199dc; color:#0199dc; padding:12px 40px}

.btn-learn-more {
	color:#fff;
	background:#0199dc;
	padding:3px 5px;
	font-size:14px;
}
.btn-learn-more i {margin-left:15px}
.btn-learn-more:hover {background:#018fce}

a.btn-learn-more, a.btn-learn-more:hover  {color:#fff} 

.text-hd-grad {
  position: relative;
}

.text-hd-grad:after {  
  position: absolute;
  left:0;
  bottom: 0;  
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(240,240,240, 1) 35%, 
     rgba(240,240,240, 0) 80%
  );
  pointer-events: none; /* so the text is still selectable */
}

.panel-number-description-disabled {
	background:#f0f0f0;
}
.open-full-description {text-align:center;}
.opf-signup {margin:10px 0 15px 0}
.opf-signup a, .opf-login a{border:1px solid silver; padding:2px 10px 4px 10px; border-radius:5px}
.opf-signup a {
	color:#fff;
	background:#0199dc;
	padding:3px 5px;
	font-size:14px;
	border-color:#0199dc;
}
.panel-number-description-disabled .panel-heading {font-weight:bold}
.panel-number-description-disabled .panel-body {padding-left:60px; background:#dedede url(/img/icons/warning.png) no-repeat 10px center}
.panel-number-description-disabled a {color:#444; text-decoration:none; border-bottom:1px dashed gray}

.panel-number-description .panel-heading {font-weight:bold}
.panel-number-description  {background:#f0f0f0; padding:15px}
.panel-number-description .alert {margin-bottom:0; text-align:center}
.panel-number-description .panel-body  table{margin-bottom:10px}
.panel-karma {border:2px solid #333; background:#f0f0f0 url(/img/icons/karma-uroboros-gray.png) no-repeat right 15px top 15px}
.panel-master {border:2px solid #333; background:#f0f0f0 url(/img/icons/master-crown-gray.png) no-repeat right 15px top 15px}

.panel-number-description h3 {margin:0 0 15px 0; font-size:20px}
.extended-data-button  {text-align:right; margin:10px -15px -15px 0}
.extended-data-button a{padding:4px 10px 4px 4px; background:#fff; border-radius:5px; color:#555}

.note-block {padding:20px; background:#f9f9f9; margin-bottom:10px; border-radius:10px; border:2px dashed #999}
.note-block .glyphicon-info-sign {font-size:48px; float:left; color:#888; margin-right:10px}

.tab-panel {padding-top:20px}
/* full access block //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.full-access-block {
	font-family:"MuseoSans1";
}
.full-access-block {text-align:center; margin-top:50px}
.full-access-block h2 {padding:0; margin:0; line-height:20px;}
.full-access-block h3 {padding:0; margin:5px 0 25px 0; line-height:20px;}
.full-access-block h2, .full-access-block h3 {text-align:center}
.full-access-block a {color:#0199dc}

.full-access-block .row {padding-left:10px; margin-bottom:30px;}
.full-access-block .row > div > div {border:3px solid #d7d7d9; margin:20px 20px 20px 0; padding:20px; text-align:center}
.full-access-block .m-dash {border-top:1px solid #a2a2a3; padding:0 12px; font-size:1px}
.full-access-block .row h3 {margin-bottom:0px; line-height:20px}
.full-access-block .left-spacer{width:65px; float:left;}
.full-access-block .book-version{
	width:60px; float:right;
	font:normal 11px "MuseoSans1";
	color:#252f4e;
	padding-top:45px;
}
.full-access-block .ball-price {
	background:url(/img/blue-circle.png) no-repeat center center;		
	color:#fff;
	padding:50px 0 50px 0;
	float:left;
	width:160px;
	height:170px;
}

.full-access-block .ball-price .price{font-size:62px; line-height:55px;}
.full-access-block .ball-price .label  {font-size:20px}
.full-access-block .btn {
	background:#252f4e;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:10px 15px;
	margin-bottom:-60px;
}

.full-access-block .btn:hover, .full-access-block .btn:focus {
	background-color:#33406b;
}
/* right panels */

.panel-default {
	margin:0; padding:0; border-radius:0;background:none;
	font:normal 14px "OpenSans";
	color:#535b5e;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:none;	
}
.panel-default > .panel-heading {
	border:0; background:none;
	border-radius:0;
	font:bold 15px "MuseoSans1";
	color:#000;
}
.panel-default > .vdiv{
	border-bottom:1px solid #cacacc;
	margin:5px 15px;
}
.breadcrumb {
	background-color: transparent;
	padding: 0;
	font-size:13px;	
}

.breadcrumb .active  {color: #9a9a9a;}
.breadcrumb a {
	color: #0199dc;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
.breadcrumb > li + li::before {
	content: "‒";
	color: #9a9a9a;
}

/* modal login */


#modal-login .modal-content {
	border-radius:0;
	width:345px;
	padding:5px 10px;
	margin-left:-10px;
	font-size:14px;
}

#modal-login .modal-header{
	border:none;

}
#modal-login .modal-body {padding-top:0; margin-top:0; margin-bottom:10px; color:#333;}

#modal-login h4 {
	padding-top:10px;
	font:bold 24px "MuseoSans1";
	text-align:center;	
}
#modal-login .form-group {_border:1px solid red; margin:2px 0}
#modal-login .margin-bottom {margin-bottom:5px}

#modal-login .btn-default {background:#0199dc; color:#fff; width:100%; border:0; padding:10px 0}

.debug-info {padding:25px; background:#f0f0f0; border-top:2px solid silver}

/* index panels */

.index-panels-1 {background:#f5f5f5}
.index-panels-1 h2 {text-align:center; margin-bottom:20px; font-size:24px; color:#252f4e}

.index-daily-forecast  {background:#fafafa; padding:0 20px 10px 20px}
.index-daily-forecast  .your-birthday{font-size:14px; color:#555;  text-align:center; }
.index-daily-forecast   .glyphicon-pencil {font-size:11px}
.index-daily-forecast  .daily_forecast_table {font-size:14px}
.index-daily-forecast  .daily_forecast_table  td {width:70px}

.index-daily-forecast .foreacast-text {font-size:14px; color:#333}
.index-daily-forecast .tab-pane {font-size:14px; color:#333}
.index-daily-forecast .df_day_box {border: 1px solid gray; width:130px; float:right; margin:20px 0 0px 15px; padding:0; background:#f0f0f0}
.index-daily-forecast .df_day {font-size:80px; padding:0; line-height:65px}
.index-daily-forecast .df_month_year span {font-size:20px;}

.nav-center {text-align: center;}
.nav-center ul.nav {display: inline-block;}
.nav-center ul.nav   li {display: inline;}
.nav-center ul.nav   li    a {float: left;}

.index-daily-forecast .forecast-tabs{margin:10px 0 30px 0; font-size:14px; text-align:center; border:none}
.index-daily-forecast .forecast-tabs li > a{border:1px solid #333; margin-right:5px; border-radius:3px; padding:2px 8px 4px 8px;  color:#252f4e}
.index-daily-forecast .forecast-tabs li.active > a{background:#5f667d; color:#fff; border:none}
#index-birthdate-input {cursor:pointer; cursor:hand; color:#23528c; text-decoration:underline}
#index-birthdate-input:hover, #index-birthdate-input:focus{color:#0199dc; text-decoration:none}

.express-secondary {background:#f5f5f5; padding-top:20px; margin:20px 0 10px 0}
.express-secondary .stars {font-size:24px; color:#ff7f00; padding:0}
.express-secondary h2 {text-align:center}
.index-express-panel > div {text-align:center; font-size:14px; color:#737b80; padding-bottom:30px}
.index-express-panel a{font:bold 18px Calibri; color:#252f4e}
.index-express-panel .express-icon {margin:15px 0}
.index-express-panel .btn {background:#0199dc; color:#fff; font:bold 18px Calibri; padding:6px 14px; margin-top:15px}
.index-express-panel .btn:hover, .index-express-panel .btn:focus {background:#fff; color:#5f667d; border:1px solid #5f667d; }

.index-panels-2 {background:#fff}
.index-panels-2 h2, .index-panels-3 h2 {text-align:center; margin:40px 0 10px 0; font-size:28px; color:#303a57}
.index-panels-2 h3 {font:bold 18px Calibri; color:#333}
.index-panels-2 div {text-align:center; font-size:14px; color:#737b80}

.index-panels-3 {background:#fafafa}
.index-panels-3  div.pre-header {text-align:center; font-size:14px; color:#737b80; padding:0 30px}

.numbers-meaning {background:#f5f5f5;}
.numbers-meaning .pre-header {margin-bottom:50px}
.numbers-meaning > div > 	div.row > div {text-align:center; padding:0; margin-bottom:20px;  background:url(/img/numbers/numerology/small/circle-bg.png) no-repeat center center}
.number-meaning-links {text-align:center;}
.number-meaning-links a{text-align:center; margin:40px 0 10px 0; font-size:18px; color:#303a57; text-decoration:underline}

.index-main-links {background:#fff}
.index-main-links h3 {}
/* index carousel */
.carousel .item{border:0px !important}

.carousel-index {background:#000;}
.carousel-index .item {border:1px solid #000; padding:40px 0 0 60px; color:#fff}
.carousel-index .item .text-block {width:650px}
.carousel-index .item .text-block .hor{border-bottom:1px solid #aaa; margin:10px 0}
.carousel-index h1 {text-transform:uppercase; text-decoration:none; font:normal 44px "OpenSans"; color:#fff; margin:0; line-height:40px}
.carousel-index h2 a, .carousel-index h2 {text-decoration:none; font:normal 24px "OpenSans"; color:#fff; margin:0; line-height:30px}
.carousel-index h3 {margin:0}
.carousel-index .carousel-control.left {width:20px}
.carousel-index .carousel-control.right {width:80px}
.carousel-index .index-main-tizer {padding:20px 0; width:600px}

.index-main-tizer {width:100% !important}
.index-main-tizer select {color:#333; border-radius:5px; font-size:18px; padding:2px 0}
.index-main-tizer input {color:#333;padding:2px 5px; font-size:18px; border-radius:5px; width:100%; border:none}
.index-main-tizer button {background:#79304d; color:#fff; font-size:18px; padding:2px 10px; border:2px solid #fff; border-radius:5px; margin:10px 0 0 0}
.index-main-tizer button:hover, button:focus {background:#946380;}

.index-main-tizer .form-control::-webkit-input-placeholder { color: silver; font-style:italic}
.index-main-tizer .form-control:-moz-placeholder { color: silver; font-style:italic}
.index-main-tizer .form-control::-moz-placeholder { color: silver; font-style:italic}
.index-main-tizer .form-control:-ms-input-placeholder { color: silver; font-style:italic}

.index-main-links {padding-left:20px}
.index-main-links h2 {font-size:20px; padding-top:5px}
.index-main-links .pre-header {font-weight:bold; margin:-10px 0 10px 0; font-size:14px; color:#444}
.index-main-links p {color:#555; font-size:14px}
.index-main-links p > img {margin:10px 15px 0 0}
.index-main-links a.btn {border:1px solid #a0a0a0; padding:4px 10px}

.mini-links ul {padding:0; margin-bottom:20px;}
.mini-links li {display:inline-block}
.mini-links li > a{font:normal 14px Calibri; line-height:10px; text-decoration:underline; color:#555}

.mini-links .glyphicon {font-size:12px; color:silver}

.carousel-index .btn{background:#000; border:1px solid #fff; border-radius:4px; padding:10px 15px; margin-top:20px}
.carousel-index a.btn {color:#fff; font-size:16px}
.carousel-index a.btn:hover, .carousel-index a.btn:focus {color:#000; background:#fff}

.carousel-index .carousel-control .glyphicon-chevron-right {
	background:url(/img/icons/carousel-nav-right-index.png) no-repeat center right;
	height:52px;
	width:52px;	
}

.carousel-index .carousel-control .glyphicon-chevron-left {
	background:url(/img/icons/carousel-nav-left-index.png) no-repeat center right;
	height:52px;
	width:52px;	
}


@media(max-width: 768px) { 	
	.carousel-index {background:#000;}
	.carousel-index h1, .carousel-index h2, .carousel-index h2 a {font-size:30px; line-height:28px}
	.carousel-index .item {padding:20px}
	.carousel-index .item .text-block {width:100%}
	.carousel-index .index-main-tizer {width:100%}
	.carousel-index .btn{padding:5px 8px; margin-top:20px}
	.carousel-control {top: 380px;}
}

/* text carousel */

.carousel-text .item{padding:10px 40px; height:250px;}

.carousel-text .carousel-control {
	width:40px;
	background:none;
}

.carousel-text .carousel-indicators li {
    background-color: #fff;
	border-color:#333;
}

.carousel-text .carousel-indicators .active {
    background-color: #333;    
	border-color:#333;
}


/* index special products */

.special-products-footer {padding:0; border:3px solid #f0f0f0; margin:15px 0}
.special-products-footer .sp-header{border:0; line-height: 22px; margin:15px 0}
.special-products-footer .sp-header span {padding:0}
.special-products-footer .sp-products-list div {margin:5px 15px 10px 15px}

.special-products {padding:50px 0}
.sp-header {text-align:center; font-weight:normal; font-size:22px; margin:20px 0 50px 0; border-bottom:1px solid silver; line-height:4px}
.sp-header span {background:#fff; padding:10px}
.sp-products-list  {
  display:                 flex;
  display:                 -webkit-flex; 
  flex-wrap:               wrap;
  -webkit-flex-wrap:       wrap;         
  justify-content:         center;
  -webkit-justify-content: center;   	
}

.sp-products-list div {text-align:center; margin:0 10px;}
.sp-products-list > div {margin-bottom:30px;}
.sp-title {font-weight:bold; font-size:15px; padding:10px 0 2px 0}
.sp-btn a {padding:1px 6px 3px 6px; font-size:12px; background:#0199dc; border-radius:5px; color:#fff}
.sp-btn a:hover, .sp-btn a:focus {background:#64d2fa}


/* book */

.book-field  {background:#fff; padding-top:60px}
.book-field .thumb{background:#fff; padding-bottom:30px}
.book-field .thumb .thumb-item {
	text-align:center; margin-top:15px;  
}

.book-field .thumb .thumb-item span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
	cursor:hand;
	cursor:pointer;
}

.book-field .thumb .thumb-item span:hover, .book-field .thumb .thumb-item :focus{
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}

.carousel-control {_border:1px solid red}
.carousel-control .glyphicon,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;  
}

.carousel-control .glyphicon-chevron-right {
	background:url(/img/products/carousel-nav-right.png) no-repeat center right;
}

.carousel-control .glyphicon-chevron-left:before {
	display:none;  
}

.carousel-control .glyphicon-chevron-left {
	background:url(/img/products/carousel-nav-left.png) no-repeat center left;
}

.carousel-control .glyphicon-chevron-right:before {
	display:none;  
}

#carousel-book .carousel-inner {
   padding-bottom:30px;        
}
	
@media(max-width: 992px) { 	
	#carousel-book .carousel-inner {	   
	   padding-right:40px;
	}
	#carousel-book .carousel-inner > .item > img {
		margin: 0 auto;
	}	
}
#carousel-book .carousel-indicators {bottom:0px;}
#carousel-book .carousel-indicators li {
    background-color: #fff;
	border-color:#333;
}

#carousel-book .carousel-indicators .active {
    background-color: #333;    
	border-color:#333;
}

@media(max-width: 768px) { 	
	.book-field .carousel-control {top:430px}
	.book-field .carousel-inner > div{padding-right:30px; border:1px solid red; text-align:center}
	#carousel-book .carousel-inner {
	   padding-bottom:60px;
	}
}

.book-field .carousel-control.left, .carousel-control.right {
    background-image: none;
	width:40px;
}

.book-field .discount {
	position:absolute;
    left: 10px;
    top: 0px;
	width: 110px;
	height:110px;
	text-align:center;
	z-index:2;
	background:url(/img/products/discount-blue.png) no-repeat center center;
	font: normal 14px "MuseoSans1";
	color:#b3e1f5;
	padding-top:18px;
}
.book-field .discount > div {font-size:30px; color:#fff; margin-top:3px;}
.book-description  { padding-left:0}
.book-description h1 {
	font:bold 38px "MuseoSans1";
	color:#111;
	text-align:center;
	text-transform:none;	
}
.book-rating {text-align:center; color:#0199dc; font-size:20px}
.book-rating i {margin:0 2px}
.book-lead {
	font:normal 14px "OpenSans";	
	text-align:center;
	color: #535b5e;
	margin-top:25px;
}

.book-description .hor >div{width:80%; margin:25px auto; border-bottom:1px solid #cccccc}
.book-description .current-price {
	font:bold 40px "MuseoSans1";
	color:#252f4e;
}

.old-price {
	font:normal 30px "MuseoSans1";
	color:#b2b2b2;
	text-decoration:line-through;
	margin-top:7px;
}

.book-description .buy-balls {text-align:center;font-size:16px; margin-top:7px}
.book-description .buy-balls a{color:#0199dc; text-decoration:underline} 
.book-description .buy  {text-align:center; margin:35px 0}
.book-description .buy  .btn
{
	background:#252f4e;
	color:#fff;
	border:none;
	font:bold 24px "MuseoSans1";
	padding:15px 30px;
}
.book-description .buy .btn a {color:#fff}
.pay-systems {text-align:center}

.book-info-aux {
	background:#fff;
}

.book-info-aux h2 {font-size:28px; color:#343d5a; text-align:center; margin:30px 0}
.book-info-aux h3 {font-weight:bold; font-size:18px; color:#000; margin:20px 0}

.lp-reviews {background:#fff; padding:20px 0}
.lp-reviews  h2{font-size:28px; color:#343d5a; text-align:center; margin:30px 0}
.lp-reviews  h3{font-weight:bold; font-size:18px; color:#000; margin:20px 0}
.lp-reviews p {color:#535b5e; font-size:14px;}

.lp-reviews .row {padding:0 30px;}
.lp-reviews > div > div{padding-right:10px;}
.lp-reviews img {margin-top:25px}

/* account products */

.product-item {background:#ebebed; padding:20px; border-radius:5px; margin-bottom:15px}
.product-item .product-header >div{font-size:18px; border-bottom:1px solid silver; padding-bottom:10px}
.product-item-element {margin-top:10px;}
.product-item-element img {margin-right:10px}
.product-element-name {font-size:18px; line-height:19px; margin-bottom:10px}

.product-item .btn {background:#0199dc; color:#fff; font:bold 14px Calibri; padding:3px 7px; margin-top:15px}

/* pay form */
.pay-tabs {margin:10px 0 0 0; font-size:14px; text-align:center; border:none}
.pay-tabs li > a > div {height:65px}
.pay-tabs li > a {border:1px solid #bbb; border-bottom:1px solid #333; border-radius:0px; height:120px; margin-right:5px; padding:10px 10px 4px 10px;  color:#888; font-size:13px; line-height:14px}
.pay-tabs li.active > a {border:1px solid #333; border-bottom:0}

.pay-mess-header {border:1px solid #333; border-bottom:0; padding:20px 0 0 0; }
.pay-mess-header .price {text-align:center; font:bold 60px Calibri; color:#333; margin-top:20px}
.pay-mess-header .price span {font-size:44px}
.pay-mess-header .access-for {text-align:center; font:bold 14px "OpenSans"; margin-bottom:15px}
.pay-mess-header .access-user-data {text-align:center; font:normal 18px "OpenSans"; }
.pay-mess-header .access-user-data span {border:1px solid #444; border-radius:5px; padding:5px 10px}
.pay-mess-header .access-user-data select {border:0; max-width:400px}
.pay-tabs-content {border:1px solid #333; border-top:0; padding:2px 20px 20px 20px; margin:0}
.pay-info {background:#fff;padding:20px 15px}
.pay-tabs-content  div.notice {background: url(/img/icons/pay/notice.gif) no-repeat; padding-left:30px; color:#777; font-size:14px; margin:20px 50px 0 20px}
.pay-tabs-content  div.notice2 {background: url(/img/icons/pay/notice2.gif) no-repeat; padding-left:30px; color:#777}
.pay-tabs-content .pay-button 
{	
	border-radius:5px;
	background:#0199dc;
	color:#fff;
	border:none;
	font:normal 24px "MuseoSans1";
	padding:15px 30px;
	margin:40px 0 0px 0;
}
.pay-tabs-content .pay-button:hover, .pay-tabs-content .pay-button:focus {background:#bfe5f6; color:#0199dc}
.pay-tabs-content label {cursor:hand; cursor:pointer}

.product-descr {padding-top:30px}
.product-descr h2{color:#232641}
.product-descr p {color:#666; font-size:14px}

.guarantee-block {border-radius:5px; background:#f0f0f0; padding:10px; margin:10px 0}
.access-hd {font-size:22px; text-align:center; color:#0199dc; line-height:26px; margin-bottom:20px}

/* premium access block */

.premium-access-block {
	
}
/*.premium-access-block h2 {margin:30px 0 5px 0}*/
/*.premium-access-block .subheader {font-size:18px; margin-bottom:30px}*/
.premium-access-block h2 {font-weight:bold; color:#dd4b39; text-align:center; font-size:28px; margin-bottom:0px}
.premium-access-block .subheader {font-weight:bold; text-align:center; font-size:18px; margin-bottom:10px}
.premium-access-block ul {list-style-type:none; margin:20px 0 20px 0; padding:0 0 0 10px}
.premium-access-block ul > li {
	background:url(/img/icons/check-1.png) no-repeat 5px 5px; 
	margin-bottom:8px;
	padding-left:30px;
}
.premium-access-block button{
	margin:10px 0 0 0;
	border-radius:5px;
	border:none;
	font:normal 18px "MuseoSans1";
	padding:10px 15px 10px 35px;
	background:#0199dc url(/img/icons/lock-unclocked.png) no-repeat 10px center;
}
.premium-access-block a {color:#fff}
.premium-access-block a> button:hover {text-decoration:underline}
.premium-access-block a > button:hover, .premium-access-block a > button:focus {background-color:#01a8f2}
.premium-order-header h2 {margin:0;}

/* price page */
.price-heading select {border:0; max-width:500px; font-size:18px}
.price-description .balance {text-align:center}
.price-description .balance div span {font-size:64px; padding:0px 15px; border:2px solid silver; border-radius:15px;}
.price-description .balance div span u{font-size:34px; text-decoration:none}
.price-description .balance div > a {font:normal 26px calibri; background:#0199dc; border-radius:8px; border:0; color:#fff; padding:2px 10px 3px 10px;}

.price-mode-selector {text-align:center; margin:0 auto; width:400px; margin-bottom:80px}
.price-mode-selector > div {border:1px solid #0199dc; width:198px; float:left; padding:5px; background:#0199dc;}
.price-mode-selector > div.active {background:#f8f8f8; color:#333; border:1px solid silver; font-weight:bold}
.price-mode-selector > div.selector-left {border-radius:8px 0 0 8px; border-right:none}
.price-mode-selector > div.selector-right {border-radius: 0 8px 8px 0}
.price-mode-selector > div > a {color:#fff; text-decoration:underline}
.price-mode-selector > div > a:hover {color:#fff; text-decoration:none}

.price-heading {background:#fafafa; text-align:center; padding:40px 0}
.price-heading h1 {color:#333; margin:0 0 0 0}
.price-description {background:#fff;  padding:40px 0}
.price-heading .user-data {text-align:center; font:normal 18px "OpenSans";margin:20px;}
.price-heading .user-data span {border:1px solid #444; border-radius:5px; padding:5px 10px;  background:#fff}

/* price table */


.price-table img {margin-right:15px}
.price-table table {border:none}   
.price-table table tr{border:0}
.price-table table td{padding:0; text-align:left; border:0}
.video-review img {cursor:pointer}
.video-review b { color:#d32322; text-decoration:underline; cursor:pointer; line-height:10px}
.video-review span {font-size:12px; color:#888; line-height:10px}
.price-table {width:100%; margin-bottom:40px}
.price-table td {padding:10px; border:1px solid #ccc; text-align:center}
.price-table td.c0 {text-align:left; border:none}
.price-table td.c0 h3{
	font:normal 38px "MuseoSans0";
	text-align:center;
	margin:0 0 10px 0;
}
.price-table td.c1 {text-align:left; padding-left:20px}
/*.price-table td.c1 img{margin-right:20px}*/
.price-table td.c1 h3{font:normal 20px "MuseoSans1";}
.price-table td.c2 {_border-right:1px solid #fff;; text-align:left; padding-left:60px}
.price-table td.c2 h3{font-size:18px}
.price-table h3 {margin:0}

.price-table button {font:normal 16px calibri; background:#0199dc; border-radius:4px; border:0; color:#fff; padding:2px 5px 3px 5px; margin:10px 0}
.price-table h3.o-price {color:#ccc; font-size:18px; text-decoration:line-through}
.price-table h3 span {font-size:16px}
.price-table .discount {border:1px solid #aaa; border-radius:5px; font-size:12px; margin:5px auto; width:90px; padding:2px 0}

/* old pages like zodiac, pifagor, etc */
.btn_next, .btn_gray {font-size:24px; padding:10px 20px; border-radius:5px; background:#0199dc; color:#fff;}
.btn_next:hover, .btn_gray:hover {color:#fff}
.btn_next a{color:#fff}


.numero-map .h2	{
	font:normal 40px MuseoSans0;	
	margin:0 0 40px 0;
	text-transform: uppercase;
	text-align:center;	
}

.numero-map .h3 {text-align:center;text-transform: uppercase;}
.numero-map .number-balls {text-align: center}
.numero-map .number-balls > div {
	display: inline-block;
	margin-bottom:10px;
}

.numero-map .ball {text-align:center;
	width: 100px;
	height: 100px;
	background: red;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor:hand;
	cursor:pointer;
}
.numero-map h2 {text-align:center}
.numero-map .num-map-learn-more {text-align:center}
.numero-map .ball a{color:#fff}

.numero-map h4.hd {font-weight:bold; font-size:25px; text-align:center; magin-top:0}
.numero-map .hd {font-weight:bold; margin-bottom:10px; }
.numero-map .hd > span {border-bottom:1px dashed #aaa}
.numero-map .hd > span:hover, .hd > span:focus {border-bottom:1px solid; color:#444}
.numero-map .ball-xl {background:#018ac7; color:#fff; font-size:80px; width:200px; height:200px; padding-top:35px}
.numero-map .ball-ml {background:#0199dc; color:#fff; font-size:60px; width:150px; height:150px; padding-top:25px; margin:0 10px}
.numero-map .ball-sm {background:#01a8f1; color:#fff; font-size:40px; width:100px; height:100px; padding-top:15px; margin:0 10px}
.numero-map .ball-xs {background:#01a8f1; color:#fff; font-size:30px; width:75px; height:75px; padding-top:13px; margin:0 5px}

.numero-map .ball-xl-magenta {background:#6a509b;}
.numero-map .ball-ml-magenta {background:#8d6bce;}
.numero-map .ball-sm-magenta {background:#9f79e9;}
.numero-map .ball-sm-silver {background:#b6ccd7; color:#3f5664}

.numero-map .dark-balls .ball, .numero-map .ball-sm-dark {background:#3f5664}
.numero-map .light-balls .ball, .numero-map .ball-sm-light {background:#b6ccd7; color:#3f5664}

.numero-map .ball-xl-orange {background:#00b26f}
.numero-map .ann {border-top:1px solid #a0a0a0; border-left:0; border-right:0; padding:10px 2px; margin:10px 20px 40px 20px; color:#777; line-height:17px;}
.numero-map .ann-2 {border:1px solid #a0a0a0; border-radius:10px; padding:20px; margin:20px 20px 40px 20px; clear:both; color:#444}
.numero-map .open-closer {text-align:center;}
.numero-map .open-closer > span {color:#018ac7; border-bottom:1px dashed #018ac7; cursor:pointer; cursor:hand; font-size:18px}

.numero-map .ball-karma .ball-sm-silver, .numero-map .ball-master .ball-sm-silver {background:#3f5664; color:#fff}

.numero-map .ball-master .ball-xs, .numero-map .ball-karma .ball-xs {font-size:24px; padding-top:18px; background-repeat:no-repeat;}
.numero-map .ball-master .ball-sm, .numero-map .ball-karma .ball-sm {font-size:32px; padding-top:25px; background-repeat:no-repeat;}
.numero-map .ball-master .ball-ml, .numero-map .ball-karma .ball-ml {font-size:45px; padding-top:40px; background-repeat:no-repeat;}
.numero-map .ball-master .ball-xl, .numero-map .ball-karma .ball-xl {font-size:65px; padding-top:48px; background-repeat:no-repeat;}

.numero-map .light-balls .ball-karma .ball-xs {background-image:url(/img/icons/karma-uroboros-xs-dark.png); background-position: center 8px;}
.numero-map .light-balls .ball-master .ball-xs{background-image:url(/img/icons/master-crown-xs-dark.png); background-position: center 8px;}

.numero-map .ball-karma .ball-sm {background-image:url(/img/icons/karma-uroboros-sm.png); background-position: center 8px;}
.numero-map .ball-master .ball-sm {background-image:url(/img/icons/master-crown-sm.png); background-position: center 8px;}

.numero-map .ball-karma .ball-ml {background-image:url(/img/icons/karma-uroboros-ml.png); background-position: center 12px;}
.numero-map .ball-master .ball-ml {background-image:url(/img/icons/master-crown-ml.png); background-position: center 8px;}

.numero-map .ball-karma .ball-xl {background-image:url(/img/icons/karma-uroboros-xl.png); background-position: center 20px;}
.numero-map .ball-master .ball-xl {background-image:url(/img/icons/master-crown-xl.png); background-position: center 12px;}

.user-comments-feedback {border:1px solid #bdbdbd; background:#fcfcfa; padding:20px; margin:0 10px 20px 10px}
.user-comments-feedback .ucf-hd {padding:2px 20px 2px 80px; background:url(/img/icons/user-feedback.png) no-repeat left center}
.user-comments-feedback .ucf-hd.immanuil{background:url(/img/icons/chat/vetrov-avatar.png) no-repeat left center}
.user-comments-feedback .ucf-hd {font:bold 18px Calibri; color:#333;}
.user-comments-feedback .ucf-hd p{font:normal 14px Calibri; color:#747474;}
.user-comments-feedback textarea {width:100%; height:100px; background:#fff; border:2px solid #e6e5e1; margin-top:10px; border-radius:3px}
.user-comments-feedback .ucf-button {text-align:right; margin-top:10px}
.user-comments-feedback .ucf-button button {background:#2b687f; color:#fff; font:bold 18px Calibri; padding:4px 8px 6px 8px; border-radius:2px; cursor:pointer; border:none}
.user-comments-feedback .ucf-button button:hover, .reg-button2 button:focus {background:#347e9a}

.num-preproc-hlt {background:#fbf6d3; border:1px solid #a94442; padding:0 3px}
.num-preproc-hlt .karma-num {border:1px solid red; border-radius:15px; padding:0 2px; font-style:normal; font:normal 15px Calibri}
.num-preproc-hlt .master-num {border:1px solid blue; border-radius:15px; padding:0 2px; font-style:normal; font:normal 15px Calibri}
.num-preproc-hlt > em {color:blue}
.num-preproc-tbl {margin:0 10px 10px 0}
.num-preproc-tbl td{border:1px solid #ddd; padding:2px 5px}

.expr-plans-tbl  {margin:0 10px 10px 0}
.expr-plans-tbl td{border:1px solid #ddd; padding:2px 5px}


.study-calc {border:1px solid #bdbdbd; background:#fcfcfa; padding:10px 20px 20px 20px; margin:20px 0px 20px 0px}
.mini-calc-results {background:#fffdeb; padding:20px; border:1px solid #aaa; margin-top:20px}
.mini-calc-results span.num-preproc-hlt {background:#fffce6; border-color:#aaa}
.mini-cacl-head {
	padding:4px 15px 0px 60px; background:url(/img/icons/calculator.png) no-repeat left center; font:normal 14px Calibri; color:#747474; margin-bottom:15px;	
}
.mini-cacl-head b{ font:bold 18px Calibri; color:#333;}