@import url(normalize.min.css);						/* Normalize */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

button,
input,
select,
textarea {
	color: #222;
	font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;
}

html {
	font-size:13px;
	background: #001831;
	background: -moz-linear-gradient(top,  #001831 0%, #003063 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001831), color-stop(100%,#003063)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001831 0%,#003063 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001831 0%,#003063 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001831 0%,#003063 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #001831 0%,#003063 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001831', endColorstr='#003063',GradientType=0 );

}
body {
	line-height:1.4;
	font-size:1em;
	font-family: 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#fff;
	background:url(../images/back_1175.jpg) repeat 0 0 fixed;
	background-size: cover;
}
:focus { outline: none!important; }

a {color:#fff;}
.not-front #content a {color: #00385b;}
a:active, a:focus {outline:none;}
#footer a {color:#add7ff;text-decoration:none;}
#footer a:hover {color:#fff;}
.mainContainer a {color:#00385b;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
	vertical-align: middle;
}
img {
	max-width:100%;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/**** START UNIVERSAL CLASSES ****/
.pull-left {float:left !important}
.pull-right {float:right !important}
.abs {position:absolute;}
.rel {position:relative;}
.overhide {overflow:hidden;}
.nobrd {border:none !important}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.b {font-weight:bold;}
/**** END UNIVERSAL CLASSES ****/

/* START styles for titles */
h1,h2,h3,h4,h5,h6,p {margin-top:0;}
header h1,header h2,header h3,header h4,header h5,header h6 {margin-bottom:0;}

.heading {}
.heading p {
	margin-top:1rem;
}

.pageTitle {
	line-height:1em;
	font-size:2.7692rem;
	font-weight:400;
	color:#ff6600;
}

.lead {
	font-size:1.2307rem;
	font-weight:300;
}
/* END styles for titles */

/* START font colors */
.font-orange {color:#ff6600;}
/* END font colors */

/* START styles for buttons */
.loginBtn, .btn-or {
	display:inline-block;
	line-height: 1.42857143;
	padding-top:9px;
}
.loginBtn:hover, .btn-or:hover {text-decoration:none;}
.btn-or {
	margin-left:4px;
	margin-right:4px;
	font-size:11px;
}
.loginBtn {
	font-size:14px;
	padding-bottom:1px;
	border-bottom:1px dashed;
}
.loginBtn:focus{
	text-decoration: none;
}
.loginBtn:hover {border-bottom:0;}
/* END styles for buttons */

/* START styles for markers */
.mark {}
/* END styles for markers */

/* START styles for menu */

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

/* START #headMenu */
#headMenu>ul>li:last-child {margin-right:0;}
#headMenu>ul>li>a {
	position:relative;
	z-index:1001;
	text-decoration:none;
}
#headMenu>ul>li>a:hover, #headMenu>ul>li>a:active, #headMenu>ul>li>a:focus {
	color:#fff;
	text-decoration:none;
}
#headMenu>ul>li:hover>a:after, #headMenu>ul>li.open>a:after {
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 6px;
	width: 100%;
}
#headMenu>ul>li>.dropdown-menu {margin-top:-1px;}

@media (min-width: 992px) {
	#headMenu {
		display:block !important;
		float:left;
		height:auto !important;
	}
	#headMenu>ul>li {
		float:left;
		margin-right:20px;
		font-size:1.1538rem;
	}
	#headMenu>ul>li>a {
		float:left;
		padding: 19px 0 19px;
	}
	#headMenu>ul>li>a:after {
		background-image:url(../images/bg_headmenu_item_hover.png);
		background-repeat:no-repeat;
		background-position:50% 100%;
	}
}
@media (max-width: 991px) {
	#headMenu {
		overflow:hidden;
		clear:both;
		margin-left:-15px;
		margin-right:-15px;
	}
	#headMenu.collapse {height:0;}
	#headMenu.collapse.in {height:auto;}
	#headMenu>ul>li {
		font-size:1.25rem;
	}
	#headMenu>ul>li>a {
		display:block;
		padding:15px;
	}
	#headMenu>ul>li:nth-child(2n)>a {
		background:#03456f;
	}
	#headMenu>ul>li>a:hover, #headMenu>ul>li>a:active, #headMenu>ul>li>a:focus {
		color:#00385b;
		background:#fff;
	}
}

/* .headMenuToggle */
.headMenuToggle {
	display:none;
	position: absolute;
	right:15px;
	top:13px;
	padding: 9px 10px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.headMenuToggle:hover, .headMenuToggle:active, .headMenuToggle:focus, .headMenuToggle.active {
	background:#fff;
}
.headMenuToggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #fff;
}
.headMenuToggle:hover .icon-bar, .headMenuToggle:active .icon-bar, .headMenuToggle:focus .icon-bar, .headMenuToggle.active .icon-bar {
	background:#00385b;
}
.headMenuToggle .icon-bar+.icon-bar {
	margin-top: 4px;
}
@media (max-width: 991px) {
	.headMenuToggle {
		display:block;
	}
}
/* .headMenuToggle */
/* END #headMenu */

/* START #footMenu */
#footMenu {
	text-align:center;
}
@media (min-width: 768px) {
	#footMenu {float:left;}
	#footMenu>ul>li {
		float:left;
		margin-right:15px;
	}
}
@media (max-width: 767px) {
	#footMenu {margin-bottom:20px;}
	#footMenu>ul>li {margin:8px 0;}
	#footMenu>ul>li:last-child {margin-bottom:0;}
}
/* END #footMenu */

/* END styles for menu */

/* START styles for logos and labels */
#logo, #footLogo {font-family: 'PT Sans Caption', sans-serif;}
#logo a, #footLogo a {
	line-height:1em;
	text-decoration:none;
	color:#fff;
}
#logo {
	float:left;
	margin-right:22px;
	margin-top: 12px;
	margin-bottom:12px;
}
#logo a {
	float:left;
	font-size:30px;
}

#footLogo {margin-bottom:30px;}
#footLogo a {
	display:inline-block;
	font-size:48px;
}
/* END styles for logos and labels */

/** START styles for lists  UL,OL, DL **/

/* START .catalogList */
.catalogList {}
.catalogList li {margin-bottom:7px;}
.catalogList li:last-child {margin-bottom:0;}
.catalogList li a {text-decoration:none;}
.catalogList li a:hover{text-decoration:none;}
.catalogList li em, .catalogList li span {display:table-cell;}
.catalogList li em {
	padding-right:10px;
	font-weight:bold;
	font-style:normal;
	color:#000;
}
.catalogList li a:hover span {text-decoration:underline;}
/* END .catalogList */

/* START .catalogueTree */
.catalogueTree {
	position:absolute;
	top:120px;
	left:-32px;
	z-index:3;
}
.catalogueTree li {margin-bottom:5px;}
.catalogueTree li div {
	float:left;
	overflow:hidden;
	width:0;
	padding:8px 0;
}
.catalogueTree li:hover div {
	width:auto;
}
.catalogueTree li span {
	height:48px;
	display:block;
	line-height:48px;
	padding-left:44px;
	padding-right:24px;
	font-size:1.5384rem;
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.1);
	-moz-border-radius:0 24px 24px 0;
	-webkit-border-radius:0 24px 24px 0;
	border-radius:0 24px 24px 0;
	background:#00385b;
}
.catalogueTree li.grade-p span{background-color:#d15f8e;}
.catalogueTree li.grade-d span{background-color:#0071bc;}
.catalogueTree li.grade-1 span{background-color:#f4a321;}
.catalogueTree li.grade-2 span{background-color:#840000;}
.catalogueTree li.grade-3 span{background-color:#42129e;}
.catalogueTree li.grade-4 span{background-color:#fa4300;}
.catalogueTree li.grade-5 span{background-color:#0071bc;}
.catalogueTree li.grade-6 span{background-color:#845c3c;}
.catalogueTree li.grade-7 span{background-color:#897e1d;}
.catalogueTree li.grade-8 span{background-color:#4c4c4a;}

.is-grade-view #content{border-right: 7px solid;}
.is-grade-p #content{border-color:#d15f8e;}
.is-grade-d #content{border-color:#0071bc;}
.is-grade-1 #content{border-color:#f4a321;}
.is-grade-2 #content{border-color:#840000;}
.is-grade-3 #content{border-color:#42129e;}
.is-grade-4 #content{border-color:#fa4300;}
.is-grade-5 #content{border-color:#0071bc;}
.is-grade-6 #content{border-color:#845c3c;}
.is-grade-7 #content{border-color:#897e1d;}
.is-grade-8 #content{border-color:#4c4c4a;}

.is-grade-p .pageTitle{color:#d15f8e;}
.is-grade-d .pageTitle{color:#0071bc;}
.is-grade-1 .pageTitle{color:#f4a321;}
.is-grade-2 .pageTitle{color:#840000;}
.is-grade-3 .pageTitle{color:#42129e;}
.is-grade-4 .pageTitle{color:#fa4300;}
.is-grade-5 .pageTitle{color:#0071bc;}
.is-grade-6 .pageTitle{color:#845c3c;}
.is-grade-7 .pageTitle{color:#897e1d;}
.is-grade-8 .pageTitle{color:#4c4c4a;}



.catalogueTree li em {
	position:relative;
	float:left;
	width:64px;
	height:64px;
	line-height:64px;
	margin-right:-32px;
	font-style:normal;
	font-weight:bold;
	font-size:2.7692rem;
	color:#fff;
	text-align:center;
	text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.1);
	z-index:2;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:64px 64px;

	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.catalogueTree li em:hover, .catalogueTree li.active em{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.grade-p.grade-p em {background-image:url(../images/asteroids/asteroid_p.png);}
.grade-d.grade-d em {background-image:url(../images/asteroids/asteroid_d.png);}
.grade-1.grade-1 em {background-image:url(../images/asteroids/asteroid_1.png);}
.grade-2.grade-2 em {background-image:url(../images/asteroids/asteroid_2.png);}
.grade-3.grade-3 em {background-image:url(../images/asteroids/asteroid_3.png);}
.grade-4.grade-4 em {background-image:url(../images/asteroids/asteroid_4.png);}
.grade-5.grade-5 em {background-image:url(../images/asteroids/asteroid_5.png);}
.grade-6.grade-6 em {background-image:url(../images/asteroids/asteroid_6.png);}
.grade-7.grade-7 em {background-image:url(../images/asteroids/asteroid_7.png);}
.grade-8.grade-8 em {background-image:url(../images/asteroids/asteroid_8.png);}
/* END .catalogueTree */

/* START .breadcrumb */
.breadcrumbsWrap {background:#f5f5f5;}
.breadcrumb {
	border-radius:0;
	margin:0;
}
.breadcrumb a {color:#00385b;}
/* END .breadcrumb */

/** END styles for lists UL,OL, DL **/

/** START styles for table, th, td **/

.tablescroll .table {margin-bottom:0;}

.table-middle > thead > tr > th,
.table-middle > tbody > tr > th,
.table-middle > tfoot > tr > th,
.table-middle > thead > tr > td,
.table-middle > tbody > tr > td,
.table-middle > tfoot > tr > td {vertical-align:middle;}

/* .tablescroll */
div.tablescroll {
	margin-right:2px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table.tablescroll {border-right:1px solid #ddd;}
.tablescroll_head {
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
}
.tablescroll_foot {
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.tablescroll_head th, .tablescroll_head td,
.tablescroll_foot th, .tablescroll_foot td {
	padding:8px;
	color:#fff;
	background:#00385b;
}
.not-front #content .tablescroll_head th a, .not-front #content .tablescroll_head td a,
.tablescroll_head th a, .tablescroll_head td a {
	color:#fff;
}
/* END .tablescroll */

/* BEGIN .jqplot */
table.jqplot-table-legend {
	margin-top:0;
	font-size:12px;
}
table.jqplot-table-legend tbody tr:nth-child(2n) td {background-color:#f9f9f9;}
table.jqplot-table-legend td {
	padding:8px !important;
}
/* END .jqplot */

/** END styles for table, th, td **/

/** START styles for form **/

select.form-control {min-width:100px;}

/* START .buttonedChoiceGroup */
.buttonedChoiceGroup {
	display:inline-block;
	vertical-align:middle;
}
.buttonedChoice {
	display:inline-block;
	position:relative;
	overflow:hidden;
	margin-bottom:0;
}
.buttonedChoiceGroup .buttonedChoice {
	float:left;
	margin-right:-1px;
}
.buttonedChoiceGroup .buttonedChoice:last-child {
	margin-right:0;
}
.buttonedChoice input {
	position:absolute;
	top:-20px; left:-20px;
}
.buttonedChoice span {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.buttonedChoice-default .buttonedChoice span {
	color: #333;
	border-color:#ccc;
	background-color:#fff;
}
.buttonedChoice-red .buttonedChoice span {
	color:#fff;
	background-color:#d9534f;
}
.buttonedChoice-blue .buttonedChoice span {
	color:#fff;
	background-color:#337ab7;
}
.buttonedChoice-green .buttonedChoice span {
	color:#fff;
	background-color:#5cb85c;
}
.buttonedChoiceGroup .buttonedChoice span {border-radius:0;}
.buttonedChoiceGroup .buttonedChoice:first-child span {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.buttonedChoiceGroup .buttonedChoice:last-child span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.buttonedChoice input:checked + span {
	box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
}
.buttonedChoice-default .buttonedChoice input:checked + span {background-color:#e6e6e6;}
.buttonedChoice-red .buttonedChoice input:checked + span {background-color:#c9302c;}
.buttonedChoice-blue .buttonedChoice input:checked + span {background-color:#286090;}
.buttonedChoice-green .buttonedChoice input:checked + span {background-color:#449d44;}
/* END .buttonedChoiceGroup */

/** END styles for form **/

/* START developer additional styles */

/* START .subjectRow */
.subjectSystem .subjectRow {margin-bottom:60px;}
.subjectSystem .subjectRow:last-child {margin-bottom:0;}
.subjectCol {
	position:relative;
	padding-top:190px;
}
.subjectCol.disabledPlanet .planetName,
.subjectCol.disabledPlanet img,
.subjectCol.disabledPlanet .planetPanel,
.subjectCol.disabledPlanet .subjectClass
	/*.subjectCol.disabledPlanet*/
{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
}
.subjectCol .glyphicon{
	font-size: 50px;
	position: absolute;
	top: 92px;
	left: 0;
	z-index: 50;
	color: #9B2626;
	right: 0;
}


.subjectCol>a {
	display:inline-block;
	text-decoration:none;
}
.subjectCol figure img {
	position: absolute;
	bottom: 1px;
	left:0; right:0;
	padding:0 10px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.subjectCol:hover figure img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}
@media (min-width: 992px) {
	.subjectCol figure img {width:100%;}
}
@media (max-width: 991px) {
	.subjectCol {margin-bottom:60px;}
	.subjectCol figure img {
		height:100%;
		margin: auto;
	}
}
@media (max-width: 767px) {
	.subjectCol {
		margin-left:auto;
		margin-right:auto;
		max-width: 300px;
	}
}
.subjectCol figcaption {
	position:relative;
	padding:0 20px;
}
.planetName {
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	z-index: 10;
	font-size: 30px;
	text-shadow: #000 0 1px 3px;
}

.planetPanel {
	display: table-cell;
	width: 100%;
	height: 61px;
	vertical-align: middle;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:100% 61px;
}
.planetPanel a:hover {color:#fff; text-shadow:none;}
.grade-p .planetPanel {background-image:url(../images/panel-p.png);}
.grade-d .planetPanel {background-image:url(../images/panel-d.png);}
.grade-1 .planetPanel {background-image:url(../images/panel-1_6.png);}
.grade-2 .planetPanel {background-image:url(../images/panel-2.png);}
.grade-3 .planetPanel {background-image:url(../images/panel-3.png);}
.grade-4 .planetPanel {background-image:url(../images/panel-4.png);}
.grade-5 .planetPanel {background-image:url(../images/panel-5.png);}
.grade-6 .planetPanel {background-image:url(../images/panel-1_6.png);}
.grade-7 .planetPanel {background-image:url(../images/panel-7.png);}
.grade-8 .planetPanel {background-image:url(../images/panel-8.png);}

@media (max-width: 991px) {
	.planetPanel {
		width: auto !important;
		min-width:180px;
		height:auto;
		padding:10px 15px;
		display:inline-block;
	}
}

.subjectClass {
	position:absolute;
	top:0; right:5px;
	width:52px;
	height:52px;
	line-height:48px;
	font-size:38px;
	font-weight:bold;
	text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.1);
	background-repeat:no-repeat;
	background-position:50% 50%;

	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;

	-webkit-animation-delay: 0ms;
	-moz-animation-delay: 0ms;
	-o-animation-delay: 0ms;
	animation-delay: 0ms;

	-webkit-animation-duration: 1000ms;
	-moz-animation-duration: 1000ms;
	-o-animation-duration: 1000ms;
	animation-duration: 1000ms;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}


.subjectCol:hover .subjectClass{
	-webkit-animation-name: subjectClass;
	-moz-animation-name: subjectClass;
	-o-animation-name: subjectClass;
	animation-name: subjectClass;
}
@-webkit-keyframes subjectClass {
	0% {top:0;}
	50% {top:-12px;}
	100% {top:0;}
}
@-moz-keyframes subjectClass {
	0% {top:0;}
	50% {top:-12px;}
	100% {top:0;}
}
@-o-keyframes subjectClass {
	0% {top:0;}
	50% {top:-12px;}
	100% {top:0;}
}
@keyframes subjectClass {
	0% {top:0;}
	50% {top:-12px;}
	100% {top:0;}
}

.grade-p .subjectClass {background-image:url(../images/asteroids/asteroid_p.png);}
.grade-d .subjectClass {background-image:url(../images/asteroids/asteroid_d.png);}
.grade-1 .subjectClass {background-image:url(../images/asteroids/asteroid_1.png);}
.grade-2 .subjectClass {background-image:url(../images/asteroids/asteroid_2.png);}
.grade-3 .subjectClass {background-image:url(../images/asteroids/asteroid_3.png);}
.grade-4 .subjectClass {background-image:url(../images/asteroids/asteroid_2.png);}
.grade-5 .subjectClass {background-image:url(../images/asteroids/asteroid_d.png);}
.grade-6 .subjectClass {background-image:url(../images/asteroids/asteroid_6.png);}
.grade-7 .subjectClass {background-image:url(../images/asteroids/asteroid_7.png);}
.grade-8 .subjectClass {background-image:url(../images/asteroids/asteroid_8.png);}

@media (min-width: 768px) and (max-width: 991px) {
	.subjectClass {right:25px;}
}
@media (max-width: 767px) {
	.subjectClass {
		right:50%;
		margin-right: -150px;
	}
}
/* END .subjectRow */

/* START .footCol */
.footCol h6 {
	margin-bottom:22px;
	font-size:1.1538rem;
	font-weight:normal;
}
.footCol p {line-height:1.2em;}
/* END .footCol */

/* START decComet */
.decComet {
	position:absolute;
}
.decComet-1 {
	top:390px;
	left:96px;
}
.decComet-2 {
	top:580px;
	right:88px;
}
.decComet-3 {
	top:390px;
	left:54%;
}
.decComet-4 {
	top:725px;
	left:50%;
}
.decComet-5 {
	top:1100px;
	left:60%;
}
/* END decComet */

/* START .cataloguePlanet */
.cataloguePlanet {
	position:absolute;
	right:-190px;
	bottom:-120px;
}
.cataloguePlanet img {width:490px;}
/* END .cataloguePlaet */

/* START .pageHeading */
.pageHeading {
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #f5f5f5;
}
.pageHeading h1 {text-transform:uppercase;}
.pageHeading h1:last-child {margin-bottom:0;}

.well div .form-group {
	margin-right:15px;
}
.well div .form-group:last-child {
	margin-right:0;
}
.well .reports-filter-form-actions {
	text-align:right;
}
/* END .pageHeading */

/* START .headTool */
@media (min-width: 641px) {
	.headTool {
		float:right;
		padding:10px 0;
		margin-right:70px;
	}
}
@media (max-width: 640px) {
	.headTool {
		clear:both;
		padding:5px 0;
	}
}
/*.headTool:hover {background:rgba(255, 255, 255, 0.2);}*/
.headTool a, .headTool a:hover, .headTool a:focus, .headTool a:active {color:#fff;}
/* END .headTool */

/* .subrow-expand */
.subrow-expand .glyphicon {
	vertical-align:text-top;
	margin-top:3px;
	margin-right:7px;
}
/* END .subrow-expand */

/* START .chartItemPointers */
.chartItemPointer {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:15px;
}
.chartItemMark {
	display:inline-block;
	width:18px;
	height:18px;
	border:1px solid #ccc;
	vertical-align:text-top;
	margin-right:2px;
}
/* END .chartItemPointers */

/* START .calloutBox */
.calloutBox {
	position:relative;
	padding:40px 20px 20px;
	border:1px solid #eee;
	border-left-width:5px;
	border-radius: 3px;
}
.calloutBox-default {border-left-color:#ccc;}
.calloutBox-danger {border-left-color:#ce4844;}
.calloutBox-success {border-left-color:#5cb85c;}

.calloutBox .iconHolder {
	display:inline-block;
	margin-right:7px;
	margin-top:-2px;
	font-size:18px;
	vertical-align:text-top;
}
.calloutBox-default .iconHolder {color:#ccc;}
.calloutBox-danger .iconHolder {color:#ce4844;}
.calloutBox-success .iconHolder {color:#5cb85c;}

.calloutBoxHeading {
	position:absolute;
	top:-19px; left:20px;
	border:1px solid #eee;
	padding:5px 8px;
	line-height:25px;
	border-radius: 3px;
	background:#fff;
}
/* END .calloutBox */

/* START .dropdown-user */
.dropdown-user {
	text-align:right;
	padding-top:4px;
	padding-left:5px;
}
.userHeadAva, .userHeadName, .dropdown-user .toggle-carret {
	display:inline-block;
	vertical-align:middle;
}
.userHeadAva{margin-top:-1px;}
.userHeadAva img {height:28px;}
.userHeadName {
	margin-left:8px;
	padding-top:5px;
	padding-bottom:5px;
}
.dropdown-user .toggle-carret {
	padding:5px 8px 6px 5px;
	text-align:center;
	border-radius:4px 4px 0 0;
}
.dropdown-user.open .toggle-carret {
	color:#222;
	background:#fff;
}
.dropdown-user .dropdown-menu {
	padding:0;
	margin-top:0;
	border:0;
	border-top-right-radius:0;
}
/*.dropdown-user .dropdown-menu li {border-bottom:1px solid #eaeaea;}
.dropdown-user .dropdown-menu li:last-child {border-bottom:0;}*/
.dropdown-user .dropdown-menu li a {padding:7px 20px}
.dropdown-user .dropdown-menu li:first-child a {
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}
.dropdown-user .dropdown-menu li:last-child a {
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
}
/* END .dropdown-user */

/* START .catalogue lists */
.catalogueIndex {min-height:650px;}
.catalogueGrade {padding-bottom:180px;}
/* END .catalogue lists */

/* START grades colors */
.colbox-grade-p .lead {color:#d15f8e;}
.colbox-grade-d .lead {color:#0071bc;}
.colbox-grade-1 .lead {color:#f4a321;}
.colbox-grade-2 .lead {color:#840000;}
.colbox-grade-3 .lead {color:#42129e;}
.colbox-grade-4 .lead {color:#fa4300;}
.colbox-grade-5 .lead {color:#0071bc;}
.colbox-grade-6 .lead {color:#845c3c;}
.colbox-grade-7 .lead {color:#897e1d;}
.colbox-grade-8 .lead {color:#4c4c4a;}

.btn-grade-p {background-color:#d15f8e;}
.btn-grade-d {background-color:#0071bc;}
.btn-grade-1 {background-color:#f4a321;}
.btn-grade-2 {background-color:#840000;}
.btn-grade-3 {background-color:#42129e;}
.btn-grade-4 {background-color:#fa4300;}
.btn-grade-5 {background-color:#0071bc;}
.btn-grade-6 {background-color:#845c3c;}
.btn-grade-7 {background-color:#897e1d;}
.btn-grade-8 {background-color:#4c4c4a;}

.btn-grade-p:hover {background-color:#d66e99;}
.btn-grade-d:hover {background-color:#1584cd;}
.btn-grade-1:hover {background-color:#fab240;}
.btn-grade-2:hover {background-color:#991111;}
.btn-grade-3:hover {background-color:#5123aa;}
.btn-grade-4:hover {background-color:#f95a1f;}
.btn-grade-5:hover {background-color:#1a81c5;}
.btn-grade-6:hover {background-color:#946c4b;}
.btn-grade-7:hover {background-color:#968b29;}
.btn-grade-8:hover {background-color:#636361	;}

[class^="btn-grade-"], [class*=" btn-grade-"] {border:0;}
.not-front #content[class^="btn-grade-"], .not-front #content [class*=" btn-grade-"] {color:#fff;}
/* END grades colors */

/* END #content */

/* END developer additional styles */

/**** LAYOUOT ****/

/* START #wrapper */
#wrapper {
	/*position:relative;
	overflow:hidden;
	min-width:1004px;
	padding-top:58px;
	z-index:2;*/
}
@media (max-width: 1600px) {
	.is-grade-view #wrapper {overflow:hidden;}
}
/* END #wrapper */

/* START #content */
#content {
	position:relative;
	margin-bottom:-95px;
	padding-bottom:120px;
}
@media (min-width: 992px) {
	.front #content{padding:140px 0;}
}
@media (max-width: 991px) {
	.front #content{padding:40px 0 80px;}
}
.not-front #content{
	padding-top: 30px;
	padding-right: 43px;
	padding-left: 50px;
	color: #242424;
	background: #fff;
}
.practice-finish #content{
	background: transparent;
}
.error-404 #content{
	background: url('../images/404.png') no-repeat 50% 50px;
	background-size: 300px;
	padding-top: 450px;
	color:#fff;
}

/* START .fullContainer */
.fullContainer {padding-top:120px;}
/* END .fullContainer */

/* START .mainContainer */
.mainContainer {
	padding-top:30px;
	padding-right:50px;
	padding-left:50px;
	color:#242424;
	background:#fff;
}
/* END .mainContainer */

/* START #main */
#main {}
/* END #main */

/* START #sidebar */
@media only screen and (max-width: 991px)
{
	#sidebar {margin-bottom:30px;}
}
/* END #sidebar */

/* START #header */
#header {
	/*position:absolute;
	top:0;
	left:0; right:0;
	z-index:8;*/
	position: relative;
	z-index: 11;
}
#header.affix {
	position:fixed;
	z-index:8;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}
@media (max-width: 1024px)
{
	#header.affix {position:absolute;}
}

.front #headerInner {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.front #header.affix #headerInner, .front #header:hover #headerInner {
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.49);
	-moz-box-shadow:    0px 3px 5px rgba(0, 0, 0, 0.49);
	box-shadow:         0px 3px 5px rgba(0, 0, 0, 0.49);
	background:#00385b;
}
.not-front #headerInner{
	background:#00385b;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.49);
	-moz-box-shadow:    0px 3px 5px rgba(0, 0, 0, 0.49);
	box-shadow:         0px 3px 5px rgba(0, 0, 0, 0.49);
}

@media (max-width: 991px) {
	.front #header #headerInner {
		-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.49);
		-moz-box-shadow:    0px 3px 5px rgba(0, 0, 0, 0.49);
		box-shadow:         0px 3px 5px rgba(0, 0, 0, 0.49);
		background:#00385b;
	}
}
/* END #header */

/* START #footer */
#footer {
	position:relative;
	padding-top:95px;
	font-size:1.1538rem;
	color:#add7ff;
	background:url(../images/bg_clouds.png) repeat-x 0 0;
}
#footerInner {
	padding-top:30px;
	padding-bottom:30px;
	background:#001954;}
/*END #footer*/

/*START PAGES*/
.error-404{}
.error-404 #content{
	text-align: center;
}
.error-404 .goHome{
	color: #fff!important;
	text-decoration: underline;
}
.error-404 .sorry-txt{
	font-size: 20px;
	text-align: center;
}

/*END PAGES*/

.preloader{
	min-height: 50px;
	background: url("../images/preloader.gif") no-repeat 50% 50%;
}

/*START .header-messages*/
.header-messages{
	height: 30px;
	line-height: 30px;
	background-color: #308606;
}
.header-messages a {
	text-decoration: underline;
	color: #ADD7FF;
}
/*END .header-messages*/


/*START .bugReport*/
.bugReport{
	position: fixed;
	top: 47%;
	left: 0;
	transform: rotate(90deg);
	margin-left: -68px;
	z-index: 10;
}
.bugReportBtn{
	box-shadow: none!important;
	border-radius: 0!important;
}
/*END .bugReport*/
/*START .reports-menu*/
.reports-menu{}
.reports-menu a:hover,
.reports-menu a:focus
{
	text-decoration: none;
}
.reports-menu .panel{
	border-radius: 0;
}
.reports-menu.panel-group .panel + .panel{
	margin-top: 0;
	border-top: 0;
}
.reports-menu .panel-default > .panel-heading{

}
.reports-menu .panel-title{
	font-size: 14px;
}
.reports-menu .panel-body>ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.reports-menu .panel-body>ul>li{
	list-style: none;
	margin-bottom: 5px;
}
.reports-menu li.active a{
	font-weight: bold;
}
/*END .reports-menu*/

.reports-module-container h3, .reports-module-container h4 {
	color: #6e9407;
}

/*START #searchbox*/
#searchbox{
	float: right;
	position: relative;
	margin-right: 15px;
}
#searchbox .search-image{
	background: url('../images/search-btn-white.svg') 0 0 no-repeat;
	height: 24px;
	left: 5px;
	position: absolute;
	top: 6px;
	width: 24px;
}
#searchbox .search-input{
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	height: 34px;
	padding: 0 10px 0 34px;
	width: 228px;
	transition: background .5s;
	color: #fff;
}
#searchbox:hover .search-input{
	background-color: #035183;
}
#searchbox .search-input:focus{
	background-color: #fff;
	color:#000;
}
#searchbox.focused .search-image{
	background-image: url('../images/search-btn-black.svg');
}
#searchbox .typeahead.dropdown-menu{
	width: 228px;
	border: 0;
	border-radius: 0;
}
/*START #searchbox*/

/**** LAYOUT ****/


/*BOOTSTRAP REWRITE*/
.modal-content {
	position: relative;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border:0;
	border-radius: 0;
	outline: 0;
	background: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	color: #000;
}
.modal-content a {
	text-decoration: underline;
	color: #23527C;
}
.modal-header {
	border-bottom: 0;
}
.modal-header .close{
	width: 25px;
	height: 25px;
	background-color: #000;
	color:#fff;
	border-radius: 25px;
}
.modal-footer{
	border: 0;
	text-align: center;
}

.btn{
	border-radius: 2px;
}
.btn-success{
	color: #fff!important;;
	box-shadow: 0 2px #4B7B4B;
}
.btn-primary {
	color: #fff!important;
	box-shadow: 0 2px #244561;
}
/*BOOTSTRAP REWRITE*/
.front .alert{
	position: relative;
	top:-40px;
}

/*START AWARDS*/
.award-square{
	/*padding: 10px;*/
	/*margin: 10px;*/
	/*border: 1px solid blueviolet;*/
}
.award-square .award-img>img{
	width: 100%;
}
.award-square .popover{
	min-width:300px;
}
.award-mission{
	font-size: 17px;
	color:green;
}


#award-grade-stats{
	background-repeat: no-repeat;
	background-position: -34% 132%;
	padding: 10px 10px 145px;
	border: 1px solid #ececec;
}
#award-grade-stats h3{
	text-align: center;
}
#award-grade-stats table{}
#award-grade-stats table tr td{
	vertical-align: top;
	padding: 5px;
}
#award-grade-stats table tr td:first-child{
	padding-left: 0;
	width: 65%;
}
.award-next-win{
	margin: 0;
	padding: 0;
	list-style: none;
}
/*END AWARDS*/

.tour-tour{
	color :#000;
	min-width: 298px;
	min-height: 150px;
	border-radius: 0;
}
#wrapper{z-index: auto}
.tour-tour .popover-content{
	display: table-cell;
	vertical-align: middle;
	height: 137px;
	padding: 9px 14px 9px 35px;
}
.tour-tour .popover-character.char-1{
	height: 245px;
	width: 150px;
	position: absolute;
	bottom: -30px;
	left: -130px;
	background: url("../images/chars/child_1.png") no-repeat 0 0;
	background-size: 100%;
}
.tour-tour .popover-character.char-4{
	height: 255px;
	width: 170px;
	position: absolute;
	bottom: -30px;
	left: -106px;
	background: url("../images/chars/child_4.png") no-repeat 0 0;
	background-size: 100%;
}

.tour-tour .popover-character.char-5-flip{
	height: 255px;
	width: 149px;
	position: absolute;
	bottom: -44px;
	left: -120px;
	background: url("../images/chars/child_5_flip.png") no-repeat 0 0;
	background-size: 100%;
}

.tour-tour .popover-navigation .btn {
	font-size: 12px;
	padding: 6px;
}
.tour-tour .tour-step-backdrop.tour-tour-2-element{
	background: #fff;
}
/*.tour-tour.right > .arrow {
    top: 22%!important;
    left: -11px!important;
}*/


/*Profile*/
#profile-icon label{text-align: center}
#profile-icon label input{
	display: inline-block;
}
#profile-icon label img{
	display: block;
}
/*Profile*/

/*description-page*/
.description-text-block{
	width: 70%;
	padding: 20px 30px;
}
/*description-page*/


.awards-nav-grades-container{}
.awards-nav-grades-container ul{
	margin: 0;
	padding: 0;
}
.awards-nav-grades-container li{
	display: inline-block;
	margin-right: 10px;
}
.awards-nav-grades-container li.active a{
	color: #ff6600!important;
}
/*.profile-menu*/
.profile-menu{}
.profile-menu li{}
.profile-menu li.active a{
	color: #fff!important;
}
/*.profile-menu*/

/*.question-alert*/
.question-alert{}
.question-alert ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
/*.question-alert*/

/*.blog-post*/
.blog-post{
	margin-bottom:20px;
	border:1px solid #ebeaea;
	border-bottom-width: 3px;
}
.blog-post-img{}
.blog-post-img img{
	width: 100%;
}
.blog-post-body{
	padding: 15px;
}
.blog-post-body h2{
	margin-bottom: 10px;
}
.blog-post-body h2 a{
	text-decoration: none;
}
.blog-post-body p{
	margin-top: 15px;
}
.blog-post-body .read-more-link{
	color:#000;
	text-decoration: none;
}


.top-post{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebeaea;
}
.top-post:last-child{
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.top-post .top-post-img{
	float: left;
	margin-right: 10px;
}
.top-post .top-post-img img{
	width: 70px;
}
.top-post .top-post-title{
	text-decoration: none;
}


.blog-sidebar-block-body{
	margin-bottom: 20px;
}
.blog-sidebar-block-title{
	font-size: 16px;
}
.btn-tag{
	border: 1px solid #ebeaea;
	margin-right: 10px;
	margin-bottom: 10px;
}

.post-body {}
.post-body .pageTitle{
	color: #000;
	font-size: 2em;
	margin-bottom: 10px;
}
.post-body .blog-post-img{
	margin-bottom: 15px;
}
.post-content{
	font-size: 15px;
}
/*.blog-post*/
.pagination{}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 3;
	color: #fff!important;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}
div.google-visualization-tooltip {
	padding: 10px;
	min-width: 150px;
}

body.modal-open { overflow:inherit; padding-right:inherit !important; }


/*#enterModal*/
#enterModal{}
#enterModal .enterModal-tabs{
	margin: 0 -15px;
	padding: 0;
	list-style: none;
	text-align: center;
	border-bottom: 2px solid #ececec;

}
#enterModal .enterModal-tabs li{
	display: inline-block;
	margin: 0 10px;
}
#enterModal .enterModal-tabs li a{
	font-size: 17px;
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	color: #000;
	text-transform: uppercase;
	position: relative;
	bottom: -2px;
}
#enterModal .enterModal-tabs li.active a{
	color: #639B54;
	padding: 10px 15px 8px 15px;
	border-bottom: 2px solid #639B54;
}
/*#enterModal*/


/* START .eBlock */
.eBlock {
	position:relative;
}
.eBlock-main {
	width: 100%;
	height: 535px;
	float: left;
	margin: 0 20px 20px 20px;
}
.finish-char{
	width: 200px;
	float: left;
	position: absolute;
	left: 81px;
	bottom: -21px;
	z-index: 9;
}
.finish-char-speech-block{
	width: 500px;
	top: 0;
	left: 50%;
	position: absolute;
	margin-left: -250px;
}
.finish-char-speech{
	background: #fff;
	border-radius: 5px;
	color: #000;
	padding: 20px;
	text-align: center;
	font-size: 18px;
}
.finish-char-speech h2{
	font-size: 22px;
	margin-bottom: 20px;
}
.finish-char-speech .finish-medal{
	margin: 15px;
}

.finish-char-speech:before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 80px;
	border-width: 0 0 30px 50px;
	border-style: solid;
	border-color: transparent #fff;
	display: block;
	width: 0;
}
.finish-char-speech:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 80px;
	border-width: 0 0 30px 20px;
	border-style: solid;
	border-color: transparent #fff;
	display: block;
	width: 0;
}
/* END .eBlock */

/* START .socialNetwork */
.socialNetwork {text-align:center;}
.socialNetwork li {
	display:inline-block;
	margin:3px;
}
.socialNetwork li a {
	display:block;
	width:26px;
	height:26px;
	padding:5px;
	border-radius:50%;
	font-size:12px;
	background:#add7ff;
}
.socialNetwork li a:hover {
	background:#fff;
}
@media (min-width: 768px) {
	.socialNetwork {
		float:right;
	}
	.socialNetwork li {
		float:left;
		margin-left:8px;
		margin-right:0;
	}
}
/* END .socialNetwork */
/* START .blogSocialNetwork */
.blogSocialNetwork {}
.blogSocialNetwork li {
	display:inline-block;
	margin-right:3px;
}
.blogSocialNetwork li a {
	display:block;
	width:30px;
	height:30px;
	padding:5px;
	border-radius:50%;
	font-size:12px;
	background:#add7ff;
}
.blogSocialNetwork li a:hover {
	background:#fff;
}
@media (min-width: 768px) {
	.blogSocialNetwork li {
		margin-right:8px;
	}
}
/* END .blogSocialNetwork */

/* START .description-img-block */
@media (max-width: 991px) {
	.description-img-block img, .repdescriptionorts-img-block img {
		max-width:100%;
		height:auto;
	}
}
@media (max-width: 767px) {
	.description-img-block {
		display:none;
	}
	.blog-post-img {
		padding:20px;
	}
}
/* END .description-img-block */

/*.practice-finish*/
.practice-finish{}
.practice-finish #content{
	color: #fff;
	position: relative;
}
.practice-finish .finish-block {
	position: absolute;
	/*left: 50%;
	margin-left: -350px;*/
	width: 700px;
	height: 700px;
	background-position: 22%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.practice-finish .finish-block .finish-block-container{
	position: absolute;
	top: 219px;
	width: 100%;
	text-align: center;
	text-shadow:
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
	font-size: 20px;
}
.practice-finish .finish-block h2{
	font-size: 44px;
}
.practice-finish .finish-block .finish-medal{
	margin: 15px 0;
}
.practice-finish .finish-block .finish-medal img{
	width: 50px;
}
.practice-finish .finish-block a{
	color: #fff!important;
	border-color: #fff;
	border-bottom: 1px dashed;
}
.practice-finish .finish-block a:focus,.practice-finish .finish-block a:hover{
	text-decoration: none;
}

.finish-stats-block{
	width: 100%;
	text-shadow:
			-1px -1px 0 #757575,
			1px -1px 0 #757575,
			-1px 1px 0 #757575,
			1px 1px 0 #757575;
	margin-bottom: 20px;
	text-align: center;
}

.finish-stats-block .fa{
	font-size: 30px;
	margin-bottom: 18px;
}
.finish-stats-block>div{
	width: 200px;
	height: 140px;
	text-align: center;
	padding-top: 50px;
	display: inline-block;
	background-position: center 32px;
}

.finish-time-block{
	background: url("../images/asteroids/asteroid_1_big.png") no-repeat;
}

.finish-score-block {
	background: url("../images/asteroids/asteroid_2_big.png") no-repeat;
}
.finish-total-block{
	background: url("../images/asteroids/asteroid_3_big.png") no-repeat;
}

.finish-go-btn{
	position: absolute;
	bottom: 111px;
	width: 100%;
	text-align: center;
}

/*.practice-finish*/

/*#character*/
#character{
	position: absolute;
	bottom: 50px;
	left: 50px;
	right: 50px;
	z-index: 99999;
}
#character.fixed{
	position: fixed;
}
#character .char-wrap{
	position: relative;
	z-index: 999;
	/*max-width: 170px;*/
}
@media (min-width: 768px) {
	#character .char-wrap img {height:300px;}
}
#character .char-message-wrap{
	position: absolute;
	left: 119px;
	bottom: 212px;
	width: 300px;
	background: #fff;
	border-radius: 5px;
	color: #000;
	padding: 20px;
	text-align: center;
	font-size: 18px;
	z-index: 998;
	border: 1px solid #ececec;
}
#character .char-message-wrap a{
	color: #000;
	border-bottom: 1px dashed #000;
	text-decoration: none;
}
#character.emotion-sorry .char-message-wrap{
	left: 197px;
	bottom: 220px;
}
#character .character-close-button{
	position: absolute;
	top: 10px;
	right: 10px;
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}
#character .char-message-wrap:after {
	content: "";
	background: url("../images/b-arrow.png");
	width: 56px;
	height: 23px;
	display: block;
	bottom: -23px;
	left: 58px;
	position: absolute;
}

@media (max-width: 767px) {
	#character {
		padding:5px;
		border-radius:8px;
		background:rgba(0, 0, 0, 0.3)
	}
	#character .char-wrap {
		text-align:center;
		margin:10px 0;
	}
	#character .char-wrap img {height:100px;}
	#character .char-message-wrap, #character.emotion-sorry .char-message-wrap, #character.emotion-sorry .char-message-wrap {
		position:static;
		width:auto;
	}
	#character .char-message-wrap:after {
		display:none;
	}
	#character .character-close-button {
		opacity:1;
		color:#fff;
	}
}
/*#character*/

@keyframes bounceInLeft {
	from, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0);
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0);
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0);
	}

	to {
		-webkit-transform: none;
		transform: none;
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

#catalogListCategoryLink-tooltip{
	padding: 15px;
	background: #fff;
	border: 1px solid #efefef;
	min-width: 200px;
	position: fixed;
	margin: 20px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
	z-index: 999999;
}
.catalogListCategoryLink-header{
	text-align: center;
	margin-bottom: 15px;
	font-size: 15px;
	color: #000;
}
.catalogListCategoryLink-body{
	text-align: center;
}

.switch-user-popup{
	cursor: pointer;
}
.user_switch_popup_list{
	margin: 50px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.user_switch_popup_list li{
	display: inline-block;
}
.user_switch_popup_list li .userSwitchPopupWrap{
	margin: 0 15px;
	cursor: pointer;
}
.user_switch_popup_list li .userSwitchPopupImg img{
	width: 70px;
}

/*START .testimonials-page*/
.testimonials-page{}
.testimonials-page .testimonial-row{
	font-size: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 3px solid #f5f5f5;
	background: url("../images/quote-right.png") no-repeat 100% 100%;
}
.testimonials-page .testimonial-name{
	font-weight: bold;
	font-style: italic;
}
.testimonials-page .testimonial-city{
	font-weight: bold;
	font-style: italic;
}
.testimonials-page .testimonial-btn-block{
	text-align: center;
	font-size: 15px;
}
/*START .testimonials-page*/

/*.feedback*/
.feedback-row{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #F5F5F5;
}
.feedback-col{}
.feedback-col-1{}
.feedback-col-2{}
/*.feedback*/

@media (max-width: 1199px){}
@media (max-width: 1024px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 479px){}

/*  ==========================================================================
	Helper classes
	========================================================================== */

/* START mrgs */
.mrgx-0 {margin-bottom:0 !important;}
.mrgx-5 {margin-bottom:5px;}
.mrgx-10 {margin-bottom:10px;}
.mrgx-15 {margin-bottom:15px;}
.mrgx-20 {margin-bottom:20px;}
.mrgx-25 {margin-bottom:25px;}
.mrgx-30 {margin-bottom:30px;}
.mrgx-35 {margin-bottom:35px;}
.mrgx-40 {margin-bottom:40px;}
.mrgx-45 {margin-bottom:45px;}
.mrgx-50 {margin-bottom:50px;}
/* END mrgs */

/* START zets */
.zet-1 {z-index:1;}
.zet-2 {z-index:2;}
.zet-3 {z-index:3;}
.zet-4 {z-index:4;}
.zet-5 {z-index:5;}
.zet-6 {z-index:6;}
.zet-7 {z-index:7;}
.zet-8 {z-index:8;}
.zet-9 {z-index:9;}
/* END zets */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.row-cx:before, .row-cx:after,
.catalogueTree li:before, .catalogueTree li:after,
nav ul:before, nav ul:after,
.container:before, .container:after,
.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.row-cx:after,
.catalogueTree li:after,
nav ul:after,
.container:after,
.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.row-cx,
.catalogueTree li,
nav ul,
.container,
.clearfix {
	*zoom: 1;
}

/*  ==========================================================================
	EXAMPLE Media Queries for Responsive Design.
	These examples override the primary ('mobile first') styles.
	Modify as content requires.
	========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/*  ==========================================================================
	Print styles.
	Inlined to avoid required HTTP connection: h5bp.com/r
	========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}