@font-face {
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/ud-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ud-webfont.woff") format("woff"), url("fonts/ud-webfont.ttf") format("truetype"), url("fonts/ud-webfont.svg#angsanaupcbold") format("svg");
}
@font-face {
    font-family: "nova_squarebook";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/novasquare.eot?#iefix") format("embedded-opentype"), url("fonts/novasquare.woff") format("woff"), url("fonts/novasquare.ttf") format("truetype"), url("fonts/novasquare.svg#nova_squarebook") format("svg");
}
@font-face {
    font-family: "pt_sansbold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/pt_sans-web-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/pt_sans-web-bold-webfont.woff") format("woff"), url("fonts/pt_sans-web-bold-webfont.ttf") format("truetype"), url("fonts/pt_sans-web-bold-webfont.svg#pt_sansbold") format("svg");
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
}
html, button, input, select, textarea {
    font-family: sans-serif;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    outline: 0 none;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
}
p, pre {
    margin: 1em 0;
}
code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q::before, q::after {
    content: none;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
a {
    color: #e63b83;
}
a:hover {
    color: #304d6d;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dl, menu, ol, ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu, ol, ul {
    padding: 0 0 0 40px;
}
nav ul, nav ol {
    list-style: outside none none;
}
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0 none;
    padding: 0;
    white-space: normal;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
button, input {
    line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html, button, input, select, textarea {
    color: #222;
}
body {
    color: #0d3b58;
    font-size: 14px;
    line-height: 1.4;
}
*::-moz-selection {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    text-shadow: none;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    background: #ccc none repeat scroll 0 0;
    color: #000;
    margin: 0.2em 0;
    padding: 0.2em 0;
}
nav ul, nav ol {
    margin: 0;
    padding: 0;
}
.upc {
    text-transform: uppercase;
}
h1, .h1 {
    font-size: 4.33333em;
    font-weight: normal;
    line-height: 1.06154em;
    margin: 0.830769em 0 0.523077em;
}
h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.203em;
    margin: 0.618182em 0;
}
h3, .h3 {
}
.hSmall {
    font-size: 1.4em;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.pageFooter > .contener > .fl {
    width: 507px;
}
.pageFooter > .contener > .fl.licenseDet {
    width: 341px;
}
.pageFooter > .contener > .fl.footLogo {
    padding-left: 88px;
    width: 112px;
}
.pageFooter > .contener > .fr {
    padding-top: 20px;
    width: 403px;
}
h4, .h4 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.203em;
    margin: 1.2em 0;
}
p {
    line-height: 20px;
    margin: 0.533333em 0;
}
img.leftImg {
    float: left;
    margin: 0.533333em 1.66667em 0.533333em 0;
}
img.rightImg {
    float: right;
    margin: 0.533333em 0 1.66667em 1.06667em;
}
.full {
    width: 100% !important;
}
@media print {
* {
    background: transparent none repeat scroll 0 0 !important;
    box-shadow: none !important;
    color: #304d6d !important;
    text-shadow: none !important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]::after {
    content: " (" attr(href) ")";
}
abbr[title]::after {
    content: " (" attr(title) ")";
}
.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;
}
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;
}
}
.box-sizing {
    box-sizing: border-box;
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    border: 0 none;
    margin: 0;
    outline: medium none;
    padding: 0;
    vertical-align: top;
}
.fancybox-wrap {
    background: #eeeeee none repeat scroll 0 0;
    border: 2px solid #0d3b58;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8020;
}
.fancybox-type-image .fancybox-outer {
    padding-top: 45px;
}
.fancybox-skin {
    background: #eeeeee none repeat scroll 0 0;
    position: relative;
    text-shadow: none;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    height: 100%;
    width: 100%;
}
.fancybox-image {
    max-height: 100%;
    max-width: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/fancybox/fancybox_sprite.png");
}
#fancybox-loading {
    background-position: 0 -108px;
    cursor: pointer;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0.8;
    position: fixed;
    top: 50%;
    z-index: 8060;
}
#fancybox-loading div {
    background: rgba(0, 0, 0, 0) url("../img/fancybox/fancybox_loading.gif") no-repeat scroll center center;
    height: 44px;
    width: 44px;
}
.fancybox-close {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 35px;
    z-index: 8040;
}
.fancybox-close:hover {
    background: #e3faff none repeat scroll 0 0;
}
.fancybox-nav {
    background: transparent url("../img/fancybox/blank.gif") repeat scroll 0 0;
    cursor: pointer;
    height: 100%;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 40%;
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    background: #e3faff none repeat scroll 0 0;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    margin-top: -18px;
    position: absolute;
    text-align: center;
    top: 50%;
    visibility: hidden;
    width: 35px;
    z-index: 8040;
}
.fancybox-prev span {
    left: 0;
}
.fancybox-next span {
    right: 0;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    left: -99999px;
    max-height: 99999px;
    max-width: 99999px;
    overflow: visible !important;
    position: absolute;
    top: -99999px;
    visibility: hidden;
}
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 8010;
}
.fancybox-overlay-fixed {
    bottom: 0;
    position: fixed;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow-x: auto;
    overflow-y: scroll;
}
.fancybox-title {
    font: 13px/20px Verdana,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    visibility: hidden;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    background: #eeeeee none repeat scroll 0 0;
    margin-bottom: -35px;
    margin-left: -10px;
    margin-right: -10px;
    text-align: left;
    z-index: 8050;
}
.fancybox-title-float-wrap .child {
    color: #304d6d;
    display: inline-block;
    line-height: 13px;
    padding: 10px 10px 15px;
}
.fancybox-title-outside-wrap {
    color: #fff;
    margin-top: 10px;
    position: relative;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
}
.jspContainer {
    overflow: hidden;
    position: relative;
}
.jspPane {
    position: absolute;
}
.jspVerticalBar {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 0;
    transition: opacity 0.2s ease-out 0s;
    width: 5px;
}
.jspHorizontalBar {
    background: red none repeat scroll 0 0;
    bottom: 0;
    height: 16px;
    left: 0;
    position: absolute;
    width: 100%;
}
.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}
.jspCap {
    display: none;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspTrack {
    background-clip: padding-box;
    border-radius: 4px;
    margin: 2px 0;
    position: relative;
    width: 5px;
}
.jspDrag {
    background: #636b7f none repeat scroll 0 0 padding-box;
    border-radius: 4px;
    cursor: pointer;
    left: 0;
    position: relative;
    top: 0;
    width: 5px;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}
.jspArrow {
    background: #50506d none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    text-indent: -20000px;
}
.jspArrow.jspDisabled {
    background: #80808d none repeat scroll 0 0;
    cursor: default;
}
.jspVerticalBar .jspArrow {
    height: 16px;
}
.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px;
}
.jspVerticalBar .jspArrow:focus {
    outline: medium none;
}
.jspCorner {
    background: #eeeef4 none repeat scroll 0 0;
    float: left;
    height: 100%;
}
* html .jspCorner {
    margin: 0 -3px 0 0;
}
.jspScrollOnHover .jspContainer .jspVerticalBar .jspTrack .jspDrag {
    background: rgba(20, 20, 20, 0.7) none repeat scroll 0 0;
}
.jspContainer:hover .jspVerticalBar {
    opacity: 1;
}
.select2-container {
    display: inline-block;
    margin: 0 1px;
    position: relative;
    vertical-align: middle;
}
.select2-container, .select2-drop, .select2-search, .select2-search input {
    box-sizing: border-box;
}
.select2-container .select2-choice {
    -moz-user-select: none;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #567182;
    color: #304d6d;
    display: block;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    margin-right: 1px;
    overflow: hidden;
    padding: 0 0 0 1.26667em;
    position: relative;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
    white-space: nowrap;
}
.select2-container.error .select2-choice {
    border: 1px solid #ffc0c0;
}
.select2-container .select2-choice span {
    display: block;
    font-size: 0.866667em;
    margin-right: 1.84615em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-choice abbr {
    background: rgba(0, 0, 0, 0) url("../img/select2.png") no-repeat scroll right top;
    border: 0 none;
    cursor: pointer;
    display: block;
    font-size: 1px;
    height: 12px;
    outline: 0 none;
    position: absolute;
    right: 26px;
    text-decoration: none;
    top: 8px;
    width: 12px;
}
.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer;
}
.select2-drop-mask {
    background-color: #fff;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 9998;
}
.select2-drop {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #a6c6dd;
    border-top: 0 none;
    color: #000;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999;
}
.select2-drop.select2-drop-above {
    margin-top: -1px;
}
.select2-container .select2-choice div {
    background: #145887 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
}
.select2-container .select2-choice div b {
    display: inline;
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    line-height: 0;
    text-decoration: inherit;
}
.select2-container .select2-choice div b::before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: block;
    height: 16px;
    left: 14px;
    position: absolute;
    top: 8px;
    transform: rotate(135deg);
    width: 16px;
}
.scenarioFilters .select2-container .select2-choice div b::before {
    height: 10px;
    left: 9px;
    top: 6px;
    width: 10px;
}
.select2-search {
    display: inline-block;
    margin: 0;
    min-height: 1.6em;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}
.select2-search-hidden {
    display: block;
    left: -10000px;
    position: absolute;
}
.select2-search::after {
    content: "o";
    display: inline;
    font-family: "icon";
    font-size: 20px;
    position: absolute;
    right: 3px;
    top: 3px;
}
.scenarioDetailsHeader.noshadow {
    box-shadow: none;
}
.select2-search input {
    background: #fdfdfd none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #304d6d;
    font-size: 0.866667em;
    height: auto !important;
    margin: 0;
    min-height: 1.84615em;
    outline: 0 none;
    padding: 0 1.84615em;
    width: 100%;
}
.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px;
}
.select2-container:hover .select2-choice, .select2-container:hover .select2-choices {
    border-color: #d7d7d7;
}
.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border-color: #d7d7d7;
    outline: medium none;
}
.select2-dropdown-open .select2-choice div b {
    background-position: 0 0;
}
.select2-results-scroll {
    height: 170px;
}
.select2-results {
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
}
.select2-results ul.select2-result-sub {
    margin: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
    padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
    padding-left: 120px;
}
.select2-results li {
    background-image: none;
    display: list-item;
    list-style: outside none none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold;
}
.select2-results .select2-result-label {
    -moz-user-select: none;
    border-left: 1px solid #a6c6dd;
    border-right: 1px solid #a6c6dd;
    border-top: 1px dashed #a6c6dd;
    color: #304d6d;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.30769em;
    margin: 0;
    min-height: 1em;
    padding: 6px;
}
.select2-results .select2-highlighted {
    background: #e63b83 none repeat scroll 0 0;
    color: #fff;
}
.select2-results .select2-highlighted div {
    color: #fff;
}
.select2-results li em {
    background: #feffde none repeat scroll 0 0;
    font-style: normal;
}
.select2-results .select2-highlighted em {
    background: transparent none repeat scroll 0 0;
}
.select2-results .select2-highlighted ul {
    background: white none repeat scroll 0 0;
    color: #000;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: #e3faff none repeat scroll 0 0;
    color: #ffc0c0;
    display: list-item;
    font-size: 0.866667em;
    padding: 0.230769em 1.84615em;
}
.select2-results .select2-disabled.select2-highlighted {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #666;
    cursor: default;
    display: list-item;
}
.select2-results .select2-disabled {
    background: #f4f4f4 none repeat scroll 0 0;
    cursor: default;
    display: list-item;
}
.select2-results .select2-selected {
    display: none;
}
.select2-more-results {
    background: #f4f4f4 none repeat scroll 0 0;
    display: list-item;
}
.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}
.select2-container.select2-container-disabled .select2-choice div {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0 none;
}
.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}
.select2-container-multi .select2-choices {
    background-color: #fff;
    background-image: -moz-linear-gradient(center top , #eeeeee 1%, #ffffff 15%);
    border: 1px solid #aaa;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.select2-locked {
    padding: 3px 5px !important;
}
.select2-container-multi .select2-choices {
    min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    outline: medium none;
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: outside none none;
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
    background: transparent none repeat scroll 0 0 !important;
    border: 0 none;
    box-shadow: none;
    color: #666;
    font-family: sans-serif;
    font-size: 100%;
    margin: 1px 0;
    outline: 0 none;
    padding: 5px;
}
.select2-default {
}
.select2-container-multi .select2-choices .select2-search-choice {
    -moz-user-select: none;
    background-clip: padding-box;
    background-color: #e4e4e4;
    background-image: -moz-linear-gradient(center top , #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 5px 3px 18px;
    position: relative;
}
.select2-container-multi .select2-choices .select2-search-choice span {
    cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4 none repeat scroll 0 0;
}
.select2-search-choice-close {
    background: rgba(0, 0, 0, 0) url("../img/select2.png") no-repeat scroll right top;
    display: block;
    font-size: 1px;
    height: 13px;
    outline: medium none;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 12px;
}
.select2-container-multi .select2-search-choice-close {
    left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px;
}
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    padding: 3px 5px;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
}
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
    text-decoration: underline;
}
.select2-offscreen {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    left: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    top: 0;
}
@media not all, only screen and (min-resolution: 144dpi) {
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
    background-image: url("../img/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
}
.select2-search input {
    background-position: 100% -21px !important;
}
}
.popover {
    background-clip: padding-box;
    background-color: #f5dce6;
    display: none;
    left: 0;
    padding: 1em 1.33333em;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    width: 28.6667em;
    z-index: 1000;
}
.popover .popover-title {
    display: none;
}
.popover::after {
    border-color: rgba(255, 255, 255, 0) #f5dce6;
    border-style: solid;
    border-width: 0 35px 20px 0;
    bottom: -1.33333em;
    content: "";
    height: 0;
    margin-left: 1.33333em;
    position: absolute;
    transform: rotate(360deg);
    width: 0;
}
.popover.right {
    margin-left: 31px;
    margin-top: 0;
}
.popover.right::after {
    border-width: 0 20px 35px 0;
    margin-left: -2.66667em;
    margin-top: -0.666667em;
    top: 50%;
}
.popover.top-right {
    text-align: right;
}
.popover.top-right::after {
    right: 35px;
}
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    border: 0 none;
    font-size: 100%;
    line-height: 1.3;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
.ui-helper-clearfix::before, .ui-helper-clearfix::after {
    content: "";
    display: table;
}
.ui-helper-clearfix::after {
    clear: both;
}
.ui-helper-clearfix {
}
.ui-helper-zfix {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-state-disabled {
    cursor: default !important;
}
.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ui-datepicker {
    display: none;
    padding: 0.2em 0.2em 0;
    width: 17em;
}
.ui-datepicker .ui-datepicker-header {
    padding: 0.2em 0;
    position: relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #f9b738;
    cursor: pointer;
    display: block;
    font-size: 2em;
    position: absolute;
    top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 0 0 0.4em;
    width: 100%;
}
.ui-datepicker th {
    border: 0 none;
    font-size: 13px;
    font-weight: normal;
    padding: 0.7em 0.3em;
    text-align: center;
}
.ui-datepicker td {
    border: 0 none;
    padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 0.5em 0.2em 0.4em;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}
.ui-datepicker-cover {
    height: 200px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 200px;
    z-index: -1;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget-content {
    background: #fef1d9 none repeat scroll 0 0;
    border: medium none;
    color: #304d6d;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
}
.ui-widget-header .ui-datepicker-year {
    font-family: "nova_squarebook";
    font-size: 14px;
}
.ui-widget-header .ui-datepicker-month {
    font-family: "nova_squarebook";
    font-size: 18px;
}
.ui-widget-header a {
    color: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #304d6d;
    font-family: "nova_squarebook";
    font-size: 15px;
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 26px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #304d6d;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fbcb09;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #ffb830;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #fbd17f none repeat scroll 0 0;
    border: 1px solid #fbd17f;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ffe45c none repeat scroll 0 0;
    border: 1px solid #fed22f;
    color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background: #b81900 none repeat scroll 0 0;
    border: 1px solid #cd0a0a;
    color: #ffffff;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #ffffff;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #ffffff;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    font-weight: normal;
    opacity: 0.7;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: 0.35;
}
.ui-state-disabled .ui-icon {
}
.ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
    height: 16px;
    width: 16px;
}
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png");
}
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-on {
    background-position: -96px -144px;
}
.ui-icon-radio-off {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
    background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") repeat scroll 50% 50%;
    opacity: 0.5;
}
.ui-widget-shadow {
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") repeat-x scroll 50% 50%;
    border-radius: 5px;
    margin: -5px 0 0 -5px;
    opacity: 0.2;
    padding: 5px;
}
#tooltip {
    background-color: #c9e2fd;
    max-width: 13.3333em;
    padding: 0.666667em;
    position: absolute;
    z-index: 9010;
}
#tooltip h3 {
    font-family: Verdana;
    font-size: 0.866667em;
    margin: 0;
}
.block {
    display: block !important;
}
.hidden {
    display: none !important;
}
.hiddenHelper {
    display: none;
}
.bold {
    font-weight: bold !important;
}
.italic {
    font-style: italic !important;
}
.normal {
    font-weight: normal !important;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.leftText {
    text-align: left !important;
}
.rightText {
    text-align: right !important;
}
.centerText {
    text-align: center !important;
}
.justify {
    text-align: justify !important;
}
.capitalize {
    text-transform: uppercase;
}
.relative {
    position: relative;
}
.clearfix {
}
.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix::after {
    clear: both;
}
.col-1 {
    float: left;
    margin-right: 1.33333em;
    width: 15em;
}
.col-2 {
    float: left;
    margin-right: 1.33333em;
    width: 31.3333em;
}
.col-4 {
    float: left;
    margin-right: 20px;
    width: 221px;
}
.col-4.last {
    margin-right: 0;
}
.col-3 {
    float: left;
    margin-right: 1.33333em;
    width: 47.6667em;
}
.col-last {
    margin-right: 0;
}
.grayBox {
    background: #fff none repeat scroll 0 0;
    margin: 0 0 4.66667em;
    padding: 1px 0;
    position: relative;
}
.grayBox .grayBoxPadding {
    padding: 0.666667em 1.33333em;
}
.grayBox.grayBoxLeft {
    margin-left: -1.33333em;
}
.grayBox.grayBoxRight {
    margin-right: -1.33333em;
}
.grayBoxOverflow {
}
.grayBoxOverflow .grayBoxOverflowInner.grayBoxOverflowInnerVPadding {
    background-color: #fff;
}
.fontBig {
    font-size: 1.2em;
}
form {
    margin: 2.66667em 0;
}
form .formRow {
    clear: both;
    margin-right: 0.666667em;
    margin-top: 1.33333em;
}
form .formRow.topSeparator {
    border-top: 1px solid #96b0cd;
    padding-top: 30px;
}
form .formRow {
    clear: both;
    margin-right: 0.666667em;
    margin-top: 1.33333em;
}
form .formRowValidator {
    border: 1px solid transparent;
    margin: 0.666667em -2em 1.33333em;
    padding: 0 2em 1.33333em;
}
form .formRowValidator.error {
    background: #fff0f0 none repeat scroll 0 0;
    border-color: #ffc0c0;
}
form .formRowValidator + label.error {
    background: #ffc0c0 none repeat scroll 0 0;
    color: #304d6d;
    display: block;
    margin: -1.33333em -2em 1.33333em;
    padding: 0.666667em 2em;
}
form .formRowValidator .checkboxBlockRegulations {
    margin: 0;
    padding: 0;
}
form .formRowAction {
    margin-right: 0.666667em;
    margin-top: 2em;
}
form .formRowAction.topSeparator {
    border-top: 1px solid #96b0cd;
    padding-top: 30px;
}
form .simpleLink {
    line-height: 61px;
    margin-right: 2em;
}
form .simpleBtnInfo {
    color: #96b0cd;
    display: block;
    line-height: 1;
    margin-right: 2em;
    padding-top: 1em;
}
form .simpleLinkSlim {
    line-height: 3em;
    margin-right: 2em;
}
form .fieldHelper {
    color: #96b0cd;
    margin-top: 1.33333em;
}
form .inputValue {
    padding-left: 1.33333em;
}
form .baseLabel {
    float: left;
    padding-top: 7px;
    position: relative;
    width: 13.3333em;
}
.scenarioFilters .select2-container {
    width: auto !important;
}
.scenarioFilters .select2-choice {
    height: 30px;
    line-height: 30px;
    padding-left: 6px;
    width: 184px;
}
.scenarioFilters .select2-container .select2-choice div {
    width: 30px;
}
form .baseLabel .iconCircle {
    position: absolute;
    right: 0;
    top: 0;
}
form .baseLabel .iconCircle.relative {
    position: relative;
    top: 0.333333em;
}
form .baseLabel .optional {
    color: #96b0cd;
    display: block;
}
form .fieldWrapper {
    margin-left: 16.6667em;
    position: relative;
}
form .fieldWrapper label.error {
    background: #ffc0c0 none repeat scroll 0 0;
    color: #304d6d;
    display: block;
    padding: 0.333333em 1.33333em;
}
form .baseLabelFull {
    line-height: 1.53333em;
    padding-top: 0.466667em;
}
form .fieldWrapperFull {
    padding-top: 0.466667em;
}
form .checkboxRequiredBlock {
    margin-left: -0.666667em;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0.666667em;
    padding-top: 0.666667em;
}
form .checkboxRequiredBlock label {
    margin-top: 0;
}
form .checkboxRequiredBlock.error {
    background: #ffc0c0 none repeat scroll 0 0;
}
form select {
    width: 100%;
}
form .styleRadio {
    background: rgba(0, 0, 0, 0) url("../img/form/silces.png") repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    transition: none 0s ease 0s ;
    width: 25px;
}
form .styleRadio:hover {
    background-position: 0 -25px;
}
form .styleRadio.checked {
    background-position: -25px 0;
}
form .styleRadio.checked:hover {
    background-position: -25px -25px;
}
form .styleCheckbox {
    border: 1px solid #567182;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    position: relative;
    transition: none 0s ease 0s ;
    width: 25px;
}
form .styleCheckbox.checked::after {
    background-color: #e3567c;
    content: "";
    display: block;
    height: 15px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 15px;
}
form .styleCheckbox.checked:hover {
    background-position: -75px -25px;
}
form .radioInline {
    margin: -0.333333em -1em;
    padding: 0.666667em 1em;
}
form .radioInline label {
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 25px;
    margin-right: 3.05556em;
    margin-top: 0.166667em;
}
form .radioInline label .styleRadio {
    float: right;
    margin-left: 0.388889em;
}
form .radioInline input {
    float: right;
}
form .radioInline.error {
    background: #ffc0c0 none repeat scroll 0 0;
}
form .radioInline.radioLeft label .styleRadio {
    float: left;
    margin-left: 0;
    margin-right: 0.388889em;
}
form .radioInline.radioLeft input {
    float: left;
}
form .radioBlock {
    margin: -0.333333em -1em;
    padding: 0 1em 0.666667em;
}
form .radioBlock label {
    display: block;
    font-size: 1.2em;
    line-height: 25px;
    margin-right: 3.05556em;
    margin-top: 1em;
}
form .radioBlock label .styleRadio {
    float: left;
    margin-right: 0.388889em;
}
form .radioBlock input {
    float: right;
}
form .radioBlock.error {
    background: #ffc0c0 none repeat scroll 0 0;
}
form .checkboxBlockWrapper {
    float: left;
    margin: -0.333333em -1em;
    padding: 0 1em 0.666667em;
    width: 100%;
}
form .checkboxBlockWrapper > div:first-child {
    padding-top: 0;
}
form .checkboxBlockWrapper.error {
    background: #ffc0c0 none repeat scroll 0 0;
}
form .checkboxBlock {
    padding-top: 1em;
}
form .checkboxBlock label {
    clear: both;
    display: block;
    margin-left: 35px;
    margin-top: 10px;
    position: relative;
}
form .checkboxBlock .styleCheckbox {
    left: -35px;
    position: absolute;
    top: -3px;
}
form .checkboxBlock.thin {
    padding-top: 0;
}
form .checkboxBlock .checkboxInputText {
    margin-left: 1.33333em;
    margin-top: 0.666667em;
    width: 13.3333em;
}
form .checkboxInline {
    display: inline-block;
    float: left;
    padding-bottom: 1em;
    padding-right: 1.33333em;
}
form .checkboxInline label {
    clear: both;
    display: block;
    margin-left: 35px;
    margin-top: 0;
    position: relative;
}
form .checkboxInline .styleCheckbox {
    left: -35px;
    position: absolute;
}
form input[type="text"], form input[type="password"], form textarea {
    background: #fff none repeat scroll 0 0 padding-box;
    border: 1px solid #567182;
    border-radius: 0;
    box-sizing: border-box;
    color: #304d6d;
    display: inline-block;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    height: 46px;
    line-height: 46px;
    padding: 3px;
    position: relative;
    resize: none;
    transition: border 0.15s ease-out 0s;
    width: 100%;
}
form input[type="text"]:-moz-ui-invalid, form input[type="password"]:-moz-ui-invalid, form textarea:-moz-ui-invalid {
    box-shadow: 0 0 1.5px 1px #ffc0c0;
}
form input[type="text"]:focus, form input[type="password"]:focus, form textarea:focus {
    border: 1px solid #d7d7d7;
    outline: medium none;
}
form input.error[type="text"], form input.error[type="password"], form textarea.error {
    border: 2px solid #d85c5c;
    outline: medium none;
}
.lt-ie8 form input[type="text"], .lt-ie8 form input[type="password"], .lt-ie8 form textarea {
    line-height: 2.47em;
}
form textarea.lg {
    height: 13.3333em;
}
form textarea {
    height: 8.66667em;
    line-height: 130%;
}
form textarea.thin {
    height: 6em;
}
.category-label span.show-for-small{
    display: none;
}
form input {
    background-clip: padding-box;
    border-radius: 0;
}
form .inputInfo {
    color: #96b0cd;
    display: block;
    line-height: 1.1em;
    padding: 0.466667em 0;
}
form .inputInfoCaptcha {
    color: #96b0cd;
    display: block;
    line-height: 1.1em;
    padding: 0.466667em 0 0.466667em 0.666667em;
}
form .inputInfoBtn {
    font-size: 0.866667em;
    padding-top: 1.53846em;
}
form .actionLinkBtn {
    padding-top: 1.53846em;
}
form .captchaWrapper {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    height: 1.8em;
    line-height: 1.93333em;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: -1.86667em;
    padding: 0.133333em 1.33333em;
    position: relative;
}
form .captchaWrapper.captchaWrapperShy {
    background: rgba(0, 0, 0, 0) url("../img/bkg/captcha-sky.png") repeat scroll 0 0;
}
form .captchaWrapper.short {
    background: rgba(0, 0, 0, 0) url("../img/bkg/captcha-sky-short.png") repeat scroll 0 0;
}
form .captchaWrapper .captchaStar {
    background: rgba(0, 0, 0, 0) url("../img/bkg/captcha-star.png") repeat scroll 0 0;
    display: block;
    height: 25px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.25s ease-out 0s;
    width: 25px;
}
form .valid .captchaWrapper .captchaStar {
    opacity: 1;
}
form .inputInfoCaptchaOk {
    display: none;
    padding-right: 0.666667em;
    text-align: right;
}
form .valid .inputInfoCaptchaOk {
    display: block;
}
form .valid .inputInfoCaptcha {
    display: none;
}
form .errorMessage {
    background: #ffc0c0 none repeat scroll 0 0;
    padding: 1.15385em 1.53846em;
}
form .errorMessage p {
    margin-top: 0;
}
form .checkboxBlockRegulations {
    margin-left: -0.666667em;
    margin-top: 1.33333em;
    padding-bottom: 1em;
    padding-left: 0.666667em;
}
form .checkboxBlockRegulations label {
    margin-top: 0;
}
form .checkboxBlockRegulations.error {
    background: #ffc0c0 none repeat scroll 0 0;
}
form .fieldWrapper.error .inputInfoCaptcha {
    background: #ffc0c0 none repeat scroll 0 0;
    color: #304d6d;
}
html {
    overflow-y: scroll;
}
body {
    height: 100%;
}
body {
    background: #ffffff none repeat scroll 0 0;
    color: #304d6d;
    font-family: "Maven Pro",sans-serif;
    font-size: 0.9375em;
    line-height: 1.421em;
    min-width: 64em;
}
.contener {
    margin: 0 auto;
    width: 64em;
}
.wrapper {
    height: auto !important;
    margin: 0 auto -312px;
    min-height: 100%;
    min-width: 64em;
    overflow: hidden;
}
.pushFooter {
    height: 312px;
}
.pageFooter {
    height: 312px;
}
header.pageHeader {
    background-color: #fff;
    box-shadow: -3px 5px 10px 0 rgba(0, 0, 0, 0.11);
    color: #40434a;
    height: 130px;
    position: relative;
    z-index: 10;
}
header.pageHeader .logo {
    float: left;
    font-family: "nova_squarebook";
    font-size: 1.06667em;
    margin: 0;
    padding-top: 23px;
}
header.pageHeader .contener {
    position: relative;
}
header.pageHeader .lang {
    color: #fff;
    display: block;
    font-family: "nova_squarebook";
    font-size: 1.4em;
    left: 100%;
    margin-left: 25px;
    position: absolute;
    top: 20px;
    width: 65px;
}
header.pageHeader .lang img {
    display: inline-block;
    margin-top: -5px;
}
header.pageHeader .lang:hover, header.pageHeader .lang.active {
    color: #f7a300;
}
.mainMenu {
    float: right;
    margin-top: 60px;
}
.mainMenu > ul > li {
    float: left;
    margin: 0 23px;
}
.mainMenu > ul > li.last {
    margin-right: 0;
}
.mainMenu > ul > li > a {
    border-bottom: 1px solid currentcolor;
    color: #40434a;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.03rem;
    line-height: 1.42857em;
    padding: 1px 5px;
    text-transform: uppercase;
    transition: all 0.15s ease-out 0s;
}
.mainMenu > ul > li.active > a {
    border-bottom: medium none;
    font-weight: bold;
}
.mainMenu > ul > li > a:hover, .mainMenu > ul > li.active > a {
    color: #e63b83;
}
.pageFooter {
    box-shadow: 5px -11px 10px -7px rgba(0, 0, 0, 0.11);
    padding-top: 23px;
}
.pageFooter .pageFooterInner {
    color: #fff;
    padding-top: 2em;
}
.fatFooterLinks {
    font-size: 14px;
}
.pageFooter .fatFooterLinks li {
    padding: 0.333333em 0 0.266667em;
}
.pageFooter .fatFooterLinks li a {
    color: #0d3b58;
}
.pageFooter .fatFooterLinks li.space {
    padding-top: 1em;
}
.pageFooter .fatFooterLinks li a:hover {
    color: #d44a6c;
}
.fatFooterLinks ul {
    margin-right: 40px;
}
.pageFooter .addArr::after {
    margin-left: 8px;
}
.dark.addArr::after {
}
.serviceLink {
    margin-right: 40px;
    margin-top: 23px;
}
.fatFooterLinks ul:last-child {
    margin-right: 0;
}
.pageFooter .quickContact {
    list-style-type: none;
    margin: -0.333333em 0 0 -0.333333em;
    padding: 0;
}
.pageFooter .quickContact li {
    padding: 0.666667em 0;
}
.pageFooter .quickContact li a {
    font-size: 0.933333em;
}
.pageFooter .socialLinks ul {
    list-style-type: none;
    margin: 0;
    padding: 1.66667em 0 1em;
}
.pageFooter .socialLinks ul li {
    float: left;
    padding-right: 2.33333em;
}
.pageFooter .socialLinks .more {
    text-align: left;
}
.pageFooter .designed {
    font-size: 12px;
    line-height: 14px;
}
.pageFooter .designed.fr {
    text-align: right;
}
.pageFooter .designed a {
    color: #e3567c;
    text-transform: uppercase;
}
.pageFooter .designed a:hover {
    text-decoration: underline;
}
a.linkLicense, .pageFooter .designed a.linkLicense {
    color: #3d6279;
    text-transform: none !important;
}
.scenarioLinense {
    margin-top: 40px;
}
.licenseDetail {
    font-size: 12px;
    line-height: 14px;
}
.pageFooter .support {
    color: #96b0cd;
    padding-top: 1.33333em;
    text-align: center;
}
.pageFooter .support span {
    display: block;
    font-size: 0.866667em;
    line-height: 1.30769em;
    padding-bottom: 1.15385em;
}
a {
    color: #e63b83;
    text-decoration: none;
    transition: all 0.15s ease-in 0s;
}
p a {
    color: #e63b83;
}
p a:hover {
    color: #304d6d;
}
.link {
    font-family: "nova_squarebook";
}
.linkWhite {
    color: #fff;
    font-family: "nova_squarebook";
}
.linkWhite:hover {
    color: #f7a300;
}
.linkWhiteSimple {
    color: #fff;
}
.linkWhiteSimple:hover {
    color: #f7a300;
}
.linkOrange {
    color: #f7a300;
    font-family: "nova_squarebook";
}
.linkOrange:hover {
    color: #ffb830;
}
.linkOrangeSimple {
    color: #f7a300;
}
.linkOrangeSimple:hover {
    color: #ffb830;
}
.linkBlue {
    color: #304d6d;
    font-family: "nova_squarebook";
}
.linkBlue:hover {
    color: #f7a300;
}
.linkLarge {
    font-size: 1.86667em;
}
.icon {
    display: inline;
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    text-decoration: inherit;
}
.icon::before {
    content: "b";
    display: inline;
    font-size: 14px;
    line-height: 0;
    text-decoration: inherit;
    vertical-align: middle;
}
.licenseDetail {
    padding-left: 20px;
    width: 170px;
}
.icon.bottom::before {
    position: relative;
    top: 1px;
    vertical-align: baseline;
}
.iconAlert::before {
    color: #ff4e25;
    content: "h";
    font-size: 36px;
}
.iconArrowLarge::before {
    font-size: 22px;
}
.iconArrowMedium::before {
    font-size: 24px;
}
.iconArrowLeft::before {
    content: "j";
    font-size: 14px;
}
.iconArrowBottom::before {
    content: "m";
    font-size: 11px;
}
.iconBack::before {
    content: "k";
    font-size: 15px;
}
.iconClass::before {
    content: "e";
    font-size: 24px;
}
.iconClose::before {
    content: "n";
    font-size: 25px;
}
.iconCloseSmall::before {
    content: "n";
    font-size: 13px;
}
.iconEmail::before {
    content: "d";
    font-size: 28px;
}
.iconLogin::before {
    content: "a";
    font-size: 23px;
}
.iconMessage {
    background-image: url("./sprites.png");
    background-position: -228px -13px;
    display: inline-block;
    height: 15px;
    margin-right: 6px;
    vertical-align: middle;
    width: 20px;
}
.iconMessage + span {
    display: inline-block;
    vertical-align: middle;
}
.iconOk::before {
    content: "g";
    font-size: 20px;
}
.iconOkSmall::before {
    content: "g";
    font-size: 14px;
}
.iconPhone::before {
    content: "c";
    font-size: 28px;
}
.iconStar::before {
    color: #ffd200;
    content: "i";
    font-size: 30px;
}
.iconTime::before {
    content: "f";
    font-size: 24px;
}
.iconSearch::before {
    content: "o";
    font-size: 24px;
}
.iconArrowBottom::before {
    content: "p";
    font-size: 24px;
}
.iconDone::before {
    content: "q";
    font-size: 40px;
}
.iconDoneLg::before {
    content: "q";
    font-size: 66px;
}
.iconDoneSm::before {
    content: "q";
    font-size: 30px;
}
.iconCaledner::before {
    content: "r";
    font-size: 42px;
}
.iconRocket {
    background: rgba(0, 0, 0, 0) url("../img/ico/icon.png") no-repeat scroll 0 -120px;
    cursor: move;
    display: inline-block;
    height: 22px;
    width: 80px;
}
.iconCircle {
    background: rgba(0, 0, 0, 0) url("../img/ico/icon.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 36px;
    width: 36px;
}
.iconCircle.middle {
    vertical-align: middle;
}
.iconCircleInfo {
    background-position: -40px 0;
}
.iconCircleInfoRed {
    background-position: -80px 0;
}
.iconCircleHelp {
    background-position: -120px 0;
}
.iconCircleOk {
    background-position: -160px 0;
}
.iconCircleOpen {
    background-position: -200px 0;
}
.fullSpacerLine {
    border-top: 1px solid #7e909c;
    height: 1px;
    margin: 20px 0;
    width: 100%;
}
.spacer {
    clear: both;
    height: 20px;
    width: 100%;
}
.iconCircleDoc {
    background-position: 0 -40px;
    height: 72px;
    width: 72px;
}
.iconCircleZip {
    background-color: #fff;
    background-position: -80px -40px;
    height: 72px;
    width: 72px;
}
.iconCirclePdf {
    background-color: #fff;
    background-position: -160px -40px;
    height: 72px;
    width: 72px;
}
.iconCirclePpt {
    background-position: -240px -40px;
    height: 72px;
    width: 72px;
}
.iconCircleImg {
    background-position: -320px -40px;
    height: 72px;
    width: 72px;
}
.iconCircleMovie {
    background-color: #fff;
    background-position: -400px -40px;
    height: 72px;
    width: 72px;
}
.scenarioFileList, .scenarioGetMaterialOptions, .scenarioGetMaterialOptions, .scenarioFileList {
    background-color: #fafafa;
    margin-bottom: 20px;
    padding: 14px;
}
@media print {
.iconCircle::before {
    content: url("../img/ico/print/icon-circle.png");
}
.iconCircleInfo::before {
    content: url("../img/ico/print/icon-circle-info.png");
}
.iconCircleInfoRed::before {
    content: url("../img/ico/print/icon-circle-info-red.png");
}
.iconCircleHelp::before {
    content: url("../img/ico/print/icon-circle-help.png");
}
.iconCircleOk::before {
    content: url("../img/ico/print/icon-circle-ok.png");
}
.iconCircleOpen::before {
    content: url("../img/ico/print/icon-circle-open.png");
}
}
.iconCircleText.iconCircle {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    margin-left: 0;
    padding-left: 50px;
    position: relative;
    width: auto;
}
.iconCircleText.iconCircle::before {
    background: rgba(0, 0, 0, 0) url("../img/ico/icon.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 36px;
}
.iconCircleText.iconCircle.iconCircleInfo::before {
    background-position: -40px 0;
}
.iconCircleText.iconCircle.iconCircleInfoRed::before {
    background-position: -80px 0;
}
.iconCircleText.iconCircle.iconCircleHelp::before {
    background-position: -120px 0;
}
.iconCircleText.iconCircle.iconCircleOk::before {
    background-position: -160px 0;
}
.iconCircleText.iconCircle.iconCircleOpen::before {
    background-position: -200px 0;
}
.iconSocial {
    background: rgba(0, 0, 0, 0) url("../img/ico/icon-social.png") no-repeat scroll 0 0;
    display: inline-block;
    text-indent: -9999px;
}
.iconSocialTwitter {
    background-position: 0 0;
    height: 26px;
    width: 30px;
}
.iconSocialTwitter:hover {
    background-position: 0 -50px;
}
.iconSocialYT {
    background-position: -50px 0;
    height: 26px;
    width: 21px;
}
.iconSocialYT:hover {
    background-position: -50px -50px;
}
.iconSocialFacebook {
    background-position: -100px 0;
    height: 26px;
    width: 13px;
}
.iconSocialFacebook:hover {
    background-position: -100px -50px;
}
.iconSocialGoogle {
    background-position: -150px 0;
    height: 26px;
    width: 16px;
}
.iconSocialGoogle:hover {
    background-position: -150px -50px;
}
.iconScenario {
    background: rgba(0, 0, 0, 0) url("../img/ico/icon-scenario.png") no-repeat scroll 0 0;
    border: 3px solid #f6f6f6;
    display: inline-block;
    height: 70px;
    margin-top: 1px;
    width: 70px;
}
.iconScenarioExperiences {
    background-position: 0 0;
}
.iconScenarioGroupActivity {
    background-position: -80px 0;
}
.iconScenarioCreativeReflection {
    background-position: -160px 0;
}
.iconScenarioPhysicalPlay {
    background-position: -240px 0;
}
.iconScenarioAveragMess {
    background-position: -320px 0;
}
.iconScenarioAveragMessMedium {
    background-position: -400px 0;
}
.iconScenarioAveragMessBig {
    background-position: -480px 0;
}
.iconScenarioOutdoors {
    background-position: -560px 0;
}
.iconScenarioEasyPrepare {
    background-position: -640px 0;
}
.iconScenarioEasyPrepareMedium {
    background-position: -720px 0;
}
.iconScenarioEasyPrepareBig {
    background-position: -800px 0;
}
.iconScenarioSmallExperiences {
    background-color: #bf2dd9;
    background-position: 0 -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallGroupActivity {
    background-color: #74bb21;
    background-position: -80px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallCreativeReflection {
    background-color: #ff8a00;
    background-position: -160px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallPhysicalPlay {
    background-color: #f20078;
    background-position: -240px -80px;
    height: 36px;
    width: 36px;
}
.scenarioSmallThumb .iconScenario {
    border-style: none;
    margin-top: 0;
}
.iconScenarioSmallAveragMess {
    background-color: #1877d9;
    background-position: -320px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallAveragMessMedium {
    background-color: #1368bf;
    background-position: -400px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallAveragMessBig {
    background-color: #0f559d;
    background-position: -480px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallOutdoors {
    background-color: #0fbcae;
    background-position: -560px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallEasyPrepare {
    background-color: #d67732;
    background-position: -640px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallEasyPrepareMedium {
    background-color: #b46328;
    background-position: -720px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioSmallEasyPrepareBig {
    background-color: #944810;
    background-position: -800px -80px;
    height: 36px;
    width: 36px;
}
.iconScenarioTask {
    background: rgba(0, 0, 0, 0) url("../img/ico/icon-scenario-task.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 71px;
    width: 71px;
}
.infoBox .iconHolder .iconScenario {
    border-style: none;
    display: inline-block;
    height: 71px;
    margin: 0;
    width: 71px;
}
.iconScenarioTaskTask {
    background-position: -80px 0;
}
.iconScenarioTaskTask {
    background-position: -80px 0;
}
.iconScenarioTaskMovie {
    background-position: -160px 0;
}
.iconScenarioTaskTalk {
    background-position: -240px 0;
}
.iconScenarioTaskLecture {
    background-position: -320px 0;
}
.iconScenarioTaskDiscussion {
    background-position: -400px 0;
}
.iconScenarioTaskMedia {
    background-position: 0 -80px;
}
.iconScenarioTaskPlay {
    background-position: -80px -80px;
}
.iconScenarioTaskWorkCard {
    background-position: -160px -80px;
}
.iconScenarioTaskShow {
    background-position: -240px -80px;
}
.iconScenarioTaskExperience {
    background-position: -320px -80px;
}
.iconHowToWork {
    background: rgba(0, 0, 0, 0) url("../img/ico/icon-how-to-work.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 135px;
    width: 135px;
}
.iconHowToWork.iconHowToIdea {
    background-position: 0 0;
}
.iconHowToWork.iconHowToMaterials {
    background-position: -140px 0;
}
.iconHowToWork.iconHowToChildren {
    background-position: -280px 0;
}
.iconHowToWork.iconHowToScenario {
    background-position: -420px 0;
}
.iconHowToWork.iconHowToConversation {
    background-position: -560px 0;
}
.iconHowToWork.iconHowToHands {
    background-position: -700px 0;
}
@media print {
.iconScenarioExperiences::before {
    content: url("../img/ico/print/icon-scenario-experiences.png");
}
.iconScenarioGroupActivity::before {
    content: url("../img/ico/print/icon-scenario-group-activity.png");
}
.iconScenarioCreativeReflection::before {
    content: url("../img/ico/print/icon-scenario-creative-reflection.png");
}
.iconScenarioPhysicalPlay::before {
    content: url("../img/ico/print/icon-scenario-physical-play.png");
}
.iconScenarioAveragMess::before {
    content: url("../img/ico/print/icon-scenario-averag-mess.png");
}
.iconScenarioAveragMessMedium::before {
    content: url("../img/ico/print/icon-scenario-averag-mess-medium.png");
}
.iconScenarioAveragMessBig::before {
    content: url("../img/ico/print/icon-scenario-averag-mess-big.png");
}
.iconScenarioOutdoors::before {
    content: url("../img/ico/print/icon-scenario-outdoors.png");
}
.iconScenarioEasyPrepare::before {
    content: url("../img/ico/print/icon-scenario-easy-pepare.png");
}
.iconScenarioEasyPrepareMedium::before {
    content: url("../img/ico/print/icon-scenario-easy-pepare-medium.png");
}
.iconScenarioEasyPrepareBig::before {
    content: url("../img/ico/print/icon-scenario-easy-pepare-big.png");
}
.iconScenarioTask::before {
    content: url("../img/ico/print/icon-scenario-task.png");
}
.iconScenarioTaskTask::before {
    content: url("../img/ico/print/icon-scenario-task-task.png");
}
.iconScenarioTaskMovie::before {
    content: url("../img/ico/print/icon-scenario-task-movie.png");
}
.iconScenarioTaskTalk::before {
    content: url("../img/ico/print/icon-scenario-task-talk.png");
}
.iconScenarioTaskLecture::before {
    content: url("../img/ico/print/icon-scenario-task-lecture.png");
}
.iconScenarioTaskDiscussion::before {
    content: url("../img/ico/print/icon-scenario-task-discussion.png");
}
.iconScenarioTaskMedia::before {
    content: url("../img/ico/print/icon-scenario-task-media.png");
}
.iconScenarioTaskPlay::before {
    content: url("../img/ico/print/icon-scenario-task-play-1.png");
}
.iconScenarioTaskWorkCard::before {
    content: url("../img/ico/print/icon-scenario-task-card.png");
}
.iconScenarioTaskShow::before {
    content: url("../img/ico/print/icon-scenario-task-nature.png");
}
.iconScenarioTaskExperience::before {
    content: url("../img/ico/print/icon-scenario-task-experiences.png");
}
}
.iconHolder {
    background-color: #939393;
    border: 1px solid #40769b;
    box-sizing: border-box;
    height: 77px;
    padding-left: 4px;
    padding-top: 5px;
    position: relative;
    width: 77px;
}
.iconHolder.iconScenarioTaskTask {
    background-color: #36a2ba;
}
.iconHolder.iconScenarioPhysicalPlay {
    background-color: #f20078;
}
.iconHolder.iconScenarioTaskExperience {
    background-color: #bf2dd9;
}
.iconHolder.iconScenarioTaskMovie {
    background-color: #414141;
}
.stageContent .moreScenarioBtn.seeDetail {
    margin-top: 0;
}
.iconHolder.iconScenarioCreativeReflection {
    background-color: #ff8a00;
}
.iconHolder.iconScenarioGroupActivity {
    background-color: #74bb21;
}
.iconHolder.iconScenarioTaskMovie {
    background-color: #414141;
}
.iconHolder.iconScenarioTaskPlay {
    background-color: #ff4ad7;
}
.iconHolder.iconScenarioEasyPrepareMedium {
    background-color: #b46328;
}
.iconHolder.iconScenarioTaskShow {
    background-color: #800a73;
}
.iconHolder.iconScenarioAveragMess {
    background-color: #1877D9;
}
.iconHolder.iconScenarioTaskTalk {
    background-color: #13931c;
}
.iconHolder.iconScenarioTaskMedia {
    background-color: #292376;
}
.iconHolder.iconScenarioTaskDiscussion {
    background-color: #dad30a;
}
.iconHolder.iconScenarioTaskLecture {
    background-color: #005406;
}
.iconHolder.iconScenarioTaskWorkCard {
    background-color: #0023d3;
}
.iconHolder::after {
    border: 4px solid #f6f6f6;
    content: "";
    display: block;
    height: 67px;
    left: 0;
    position: absolute;
    top: 0;
    width: 67px;
}
.btn {
    background: #0d3b58 none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 41px;
    line-height: 41px;
    padding: 0 35px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.15s ease-out 0s;
}
.btn.pink {
    background-color: #e3577c;
}
.btn.light {
    background-color: #3d6279;
    text-transform: none;
}
.btn.light.addArr::after {
    border-color: transparent transparent transparent #fff;
    margin-left: 14px;
}
.btn.active, .btn:focus, .btn:hover {
    background: rgba(230, 59, 131, 1) none repeat scroll 0 0;
    color: #fff;
}
.btn.btnHeight {
    font-size: 1.86667em;
    padding: 0.5em 0.714286em;
}
.btn.btnLarge {
    font-size: 2.33333em;
    padding: 0.5em 0.714286em;
}
.btn.btnFull {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.pseudoBorder {
    background-color: #567182;
    bottom: 0;
    display: inline-block;
    position: absolute;
    right: 54px;
    top: 0;
    width: 1px;
}
.btnFlat {
    background: #f7a300 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-family: "nova_squarebook";
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1em;
    padding: 0.777778em 1.11111em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background 0.15s ease-out 0s;
}
.btnFlat.active, .btnFlat:focus, .btnFlat:hover {
    background: #ffb830 none repeat scroll 0 0;
    color: #fff;
}
.btnFlat.square {
    min-width: 2.66667em;
    padding-left: 0;
    padding-right: 0;
}
.btnFlat.btnHeight {
    font-size: 1.86667em;
    padding: 0.5em 0.714286em;
}
.btnFlat.btnFull {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.btnDisabled {
    background: #304d6d none repeat scroll 0 0;
    box-shadow: none;
    cursor: text;
    font-size: 13px;
}
.btnDisabled.active, .btnDisabled:focus, .btnDisabled:hover {
    background: #304d6d none repeat scroll 0 0;
}
.btnDisabled:active {
    box-shadow: none;
    transform: translate(0px, 0px);
}
.boxshadow .btnDisabled::after {
    border: medium none;
}
.boxshadow .btnDisabled::before {
    border: medium none;
}
.boxshadow .btnDisabled:active::after {
    border-width: 0 4px 4px 0;
    right: -4px;
}
.boxshadow .btnDisabled:active::before {
    border-width: 0 4px 4px 0;
    bottom: -4px;
}
input.btn {
    height: 2.47368em;
}
.btnRectangleBlue {
    background: #e77090 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}
.btnRectangleBlue:hover {
    background: #e3567c none repeat scroll 0 0;
    color: #fff;
}
.iconCircleText {
    margin-left: 50px;
}
.iconCircleText.oneLine {
    padding-top: 8px;
}
.iconCircleTextBig {
    margin-left: 80px;
    margin-top: 20px;
}
.classInfo {
    color: #2f96ff;
    font-family: "pt_sansbold";
    font-size: 2.66667em;
}
.timeInfo {
    color: #12be00;
    font-family: "pt_sansbold";
    font-size: 2.66667em;
}
.articleGallery {
    list-style-type: none;
    margin: 1.33333em 0 4em;
    padding: 0;
}
.articleGallery .articleGalleryPhoto {
    height: 126px;
    margin-bottom: 1.33333em;
    overflow: hidden;
}
.scenarioGallery {
    list-style-type: none;
    margin: 0.666667em 0 0;
    padding: 0;
}
.scenarioGallery .scenarioGalleryPhoto {
    float: left;
    margin-bottom: 1.33333em;
    margin-right: 1.33333em;
    width: 11.6667em;
}
.scenarioGallery .scenarioGalleryPhoto img {
    max-width: 100%;
}
.scenarioGallery .scenarioGalleryPhoto.col-last {
    margin-right: 0;
}
.simpleMenuList {
    list-style-type: none;
    margin: 0;
    padding: 0.333333em 0;
}
.simpleMenuList li {
    display: block;
    float: left;
    padding: 0.666667em 0.666667em 0 0;
}
.simpleMenuList li a {
    background: #caf0f8 none repeat scroll 0 0;
    display: block;
    font-size: 1.2em;
    padding: 0.666667em 1.11111em;
    transition: all 0.3s ease 0s;
}
.sectionMenu .simpleMenuList li a:hover {
    border-bottom-color: #e3577c;
    color: #e3577c;
}
.userImportantInfoBox {
    background: #c9e2fd none repeat scroll 0 0;
    color: #304d6d;
    display: block;
    float: right;
    padding: 1em 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 5.53333em;
    transition: none 0s ease 0s ;
}
.userImportantInfoBox::after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #c9e2fd;
    border-style: solid;
    border-width: 0 2.33333em 1.33333em 0;
    content: "";
    height: 0;
    margin-right: 2em;
    position: absolute;
    right: 0;
    top: -1.33333em;
    transform: rotate(360deg);
    width: 0;
}
.userImportantInfoBox .userImportantInfoInner {
    padding: 0 1.33333em;
}
.userImportantInfoBox .userImportantInfoInner .text {
    font-size: 0.866667em;
}
.userImportantInfoBox .userImportantInfoInner .closeBtn {
    display: none;
}
.userImportantInfoBox.fixed {
    left: 50%;
    margin-left: -33.3333em;
    position: fixed;
    text-align: left;
    top: 0;
    width: 66.6667em;
    z-index: 101;
}
.userImportantInfoBox.fixed .userImportantInfoInner .closeBtn {
    display: inline-block;
    float: right;
}
.userImportantInfoBox.fixed::before {
    background: #c9e2fd none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4.33333em;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
}
.tagsList {
    list-style-type: none;
    margin: 0 0 50px;
    padding: 0;
}
.tagsList li {
    display: block;
    float: left;
    padding: 0.666667em 0.666667em 0 0;
}
.tagsList li a {
    background: #caf0f8 none repeat scroll 0 0;
    display: block;
    font-size: 0.866667em;
    padding: 0.538462em 1.53846em;
}
.tagsList li a:hover {
    background: #fff none repeat scroll 0 0;
}
.paginator {
    margin-top: 2.66667em;
}
.paginator ul li {
    float: left;
    line-height: 2.2em;
    margin: 0 0.266667em;
}
.paginator ul li .active {
    color: #304d6d;
    display: block;
    height: 2.33333em;
    text-align: center;
    width: 2.33333em;
}
.paginator ul li .btnPaginator {
    background: #caf0f8 none repeat scroll 0 0;
    color: #304d6d;
    display: block;
    height: 2.33333em;
    text-align: center;
    width: 2.33333em;
}
.paginator ul li .btnPaginator:hover {
    background: #fff none repeat scroll 0 0;
}
.paginator .showAll {
    padding-left: 2em;
}
.paginator.paginatorBottom {
    margin-bottom: 4.66667em;
    margin-top: 3.33333em;
}
.defList {
    display: table;
    line-height: 1.6em;
    margin: 2.66667em 0;
}
.defList .item {
    display: table-row;
    font-size: 14px;
    line-height: 19px;
}
.defList .item .label {
    color: #5788a7;
    display: table-cell;
    padding-right: 0.666667em;
    width: 128px;
}
.defList .item .value {
    color: #5788a7;
    display: table-cell;
}
.benefitsList {
    list-style-type: none;
    margin: 0.933333em 0;
    padding: 0;
}
.scenarioIconList {
    list-style-type: none;
    margin: 3.33333em 0;
    padding: 0;
}
.scenarioIconList li {
    float: left;
    margin-right: 1.33333em;
    text-align: center;
    width: 6.66667em;
}
.scenarioIconList li .title {
    color: #0d3b58;
    display: block;
    font-size: 13px;
    line-height: 1em;
    padding-top: 3px;
}
.scenarioSmallThumb {
    height: 16.2em;
    margin-bottom: 1.33333em;
    position: relative;
}
.scenarioSmallThumb img.thumb {
    max-width: 100%;
}
.scenarioSmallThumb .desc {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    min-height: 5.53333em;
    padding: 0 0.666667em 2.33333em;
    position: absolute;
    right: 0;
}
.scenarioSmallThumb .desc h4 {
    color: #0d3b58;
    font-size: 17px;
    font-weight: 500;
    margin: 0.722222em 0 0.277778em;
}
.scenarioSmallThumb .desc .linkMore {
    bottom: 0.666667em;
    position: absolute;
    right: 0.666667em;
}
button.linkMore {
    background-color: transparent;
    border-style: none;
    margin-left: 21px;
    margin-top: -71px;
}
button.linkMore::before {
    margin-top: -3px;
}
.scenarioSmallThumb .desc .time {
    bottom: 0.769231em;
    color: rgba(230, 59, 131, 1);
    font-size: 0.866667em;
    left: 0.769231em;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease-out 0.2s;
}
.scenarioSmallThumb .details {
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease-out 0s;
}
.scenarioSmallThumb .details p {
    color: #0d3b58;
    font-size: 0.866667em;
    line-height: 1.23077em;
    margin: 7px 0 0.923077em;
    max-height: 3.92308em;
    overflow: hidden;
}
.scenarioSmallThumb .details .icons {
    height: 36px;
    list-style-type: none;
    margin: 0 0 0.4em;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition: all 0.3s ease-out 0.2s;
}
.scenarioSmallThumb .details .icons li {
    float: left;
    margin-right: 0.333333em;
}
.scenarioSmallThumb:hover .desc .time {
    opacity: 1;
}
@media screen and (min-width: 1101px) {
.scenarioSmallThumb:hover .details {
    height: auto;
    max-height: 110px;
}
.scenarioSmallThumb:hover .details .icons {
    opacity: 1;
}
}
.autorItemBox {
    float: left;
    margin: 0.666667em 0;
    position: relative;
    width: 31.3333em;
}
.autorItemBox.autorItemBoxRight .autorItemBoxInner .linkOrange {
    right: 0;
}
.autorItemBox:hover .autorItemBoxInner {
    background: #fff6f8 none repeat scroll 0 0;
}
.autorItemBox.open .autorItemBoxInner {
}
.autorItemBox .autorItemBoxInner {
    background: #fff none repeat scroll 0 0;
    box-shadow: -3px 5px 10px 0 rgba(0, 0, 0, 0.11);
    padding: 1.33333em 1.33333em 1em;
    transition: background 0.2s ease-out 0s;
}
.autorItemBox .linkMore {
    bottom: 1em;
    position: absolute;
    right: 1.33333em;
}
.autorItemBox .authorPhoto {
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-top: 14px;
    width: 92px;
}
.autorItemBox .authorShortInfo {
    margin-left: 120px;
    min-height: 5em;
    padding-bottom: 1.33333em;
}
.autorItemBox .authorShortInfo .authorName {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 2.22222em;
}
.autorItemBox .authorShortInfo .college {
    display: block;
    font-size: 0.866667em;
    line-height: 1.23077em;
}
.autorItemBox.partnerItemBox .authorShortInfo {
    margin-left: 165px;
}
.smallAuthorListBox {
    float: left;
    margin-right: 1.33333em;
    padding-bottom: 4.66667em;
    width: 31.3333em;
}
.fullAuthorListBox {
    padding-bottom: 4.66667em;
}
.fullAuthorListBox .autorItemBox {
    margin-right: 1.33333em;
}
.fullAuthorListBox .autorItemBox.rightItem {
    margin-right: 0;
}
.fullAuthorListBox .emptyInfo {
    display: none;
}
.autorDetailsDescription, .autorDetailsScenarioLid {
    box-sizing: border-box;
    float: left;
    margin-right: 1.33333em;
    padding: 20px 20px 20px 30px;
    width: 450px;
}
.autorDetailsDescription {
    background-color: #fff;
}
.autorDetailsDescription .sectionTitle, .autorDetailsScenarioLid .sectionTitle {
    border-color: #145887;
    color: #145887;
    font-size: 20px;
    line-height: 26px;
    margin-top: 0.285714em;
}
.autorDetailsDescription .showMoreScenario, .autorDetailsScenarioLid .showMoreScenario {
    margin-bottom: 2.66667em;
}
.autorDetailsScenarioLid {
    margin-right: 0;
}
.autorDetailsFullScenarioList {
    display: none;
}
.grayBoxAuthorDetails {
    box-shadow: -3px 5px 10px 0 rgba(0, 0, 0, 0.11);
    clear: both;
    display: none;
    position: relative;
    top: 0.666667em;
}
.grayBoxAuthorDetails::after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-style: solid;
    border-width: 0 2.4em 1.33333em 0;
    content: "";
    height: 0;
    margin-left: 15.6667em;
    position: absolute;
    top: -1.33333em;
    transform: rotate(360deg);
    width: 0;
}
.grayBoxAuthorDetails.grayBoxAuthorDetailsRight::after {
    left: 50%;
}
.grayBoxAuthorDetails .closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
}
.autorItemBoxHaveDetails {
    cursor: pointer;
}
.patronDetailsDescription, .patronDetailsThumb {
    float: left;
    margin-bottom: 2.66667em;
    margin-right: 1.33333em;
    width: 31.3333em;
}
.patronDetailsDescription .sectionTitle, .patronDetailsThumb .sectionTitle {
    margin-top: 0.285714em;
}
.patronDetailsThumb {
    text-align: center;
}
.patronDetailsThumb .sectionTitle {
    margin-top: 1em;
}
.patronDetailsThumb .link {
    font-size: 1.2em;
    margin-top: 1.66667em;
}
.patronDetailsDescription {
    margin-right: 0;
}
.blueBoxContent {
    background: #e3faff none repeat scroll 0 0;
    position: relative;
}
.blueBoxContent::after {
    border-color: rgba(255, 255, 255, 0) #e3faff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 2.46667em 5.33333em 0 0;
    content: "";
    height: 0;
    left: 0;
    margin-left: 4em;
    position: absolute;
    top: -2.4em;
    transform: rotate(360deg);
    width: 0;
}
.blueBoxContentInner {
    padding: 1.06667em;
}
.blueLongBoxWrapper {
    margin: 4.66667em 0;
    position: relative;
}
.blueLongBoxWrapper .fixRightBkg {
    background: #e3faff none repeat scroll 0 0;
    bottom: 0;
    left: 51%;
    position: absolute;
    right: 0;
    top: 0;
}
.blueLongBoxWrapper.blueLongBoxWrapperNoMarrgin {
    margin-top: 0;
}
.blueLongBoxContent {
    background: #e3faff none repeat scroll 0 0;
    margin-left: -1.33333em;
    padding: 3em 0 3em 1.33333em;
    position: relative;
}
.blueLongBoxContent.blueLongBoxContentArrow::after {
    border-color: rgba(255, 255, 255, 0) #e3faff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 2.46667em 5.33333em 0 0;
    content: "";
    height: 0;
    margin-left: 5.33333em;
    position: absolute;
    top: -2.4em;
    transform: rotate(360deg);
    width: 0;
}
.blueLongBoxContent .infoText {
    font-size: 1.2em;
    margin-top: 0;
}
.infoText {
    margin-bottom: 30px;
    margin-top: 30px;
}
.blueLongBoxContent .infoText .h3 {
    font-size: 1.55556em;
}
.blueLongBoxContent .infoText.noMargin {
    margin-left: 0;
    margin-top: 1.33333em;
}
.blueLongBoxContent.blueLongBoxContentNoMargin {
    margin-left: 0;
}
.blueLongBoxErrorWrapper {
    margin: 8em 0;
    position: relative;
}
.blueLongBoxErrorWrapper .fixRightBkg {
    background: #e3faff none repeat scroll 0 0;
    bottom: 0;
    left: 51%;
    position: absolute;
    right: 0;
    top: 0;
}
.blueLongBoxErrorContent {
    background: #e3faff none repeat scroll 0 0;
    padding: 0 0;
    position: relative;
}
.blueLongBoxErrorContent h2 {
    margin: 0;
    padding: 0.363636em;
}
.blueLongBoxErrorContent.blueLongBoxErrorContentArrow::after {
    border-color: rgba(255, 255, 255, 0) #e3faff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0 1.8em 2.93333em 0;
    content: "";
    height: 0;
    left: -1.8em;
    position: absolute;
    top: 1.33333em;
    transform: rotate(360deg);
    width: 0;
}
.blueBoxContentConfirmAction {
    margin: 2.66667em -1.33333em -1.33333em 0;
}
.blueBoxContentConfirmAction .blueBoxContentConfirmActionInner {
    padding: 3.33333em 4em;
}
.blueBoxContentConfirmAction .blueBoxContentConfirmActionInner h3 {
    margin: 0;
}
.blueBoxContentConfirmAction .blueBoxContentConfirmActionInner .linkBack {
    margin-top: 2em;
}
.blueBoxContentConfirmAction .blueBoxContentConfirmActionInner .linkBack.right .btn {
    margin-left: 2em;
}
.headerSectionLinkBack {
    left: 0;
    position: relative;
    top: 1.66667em;
}
.linkList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.linkList li {
    display: inline;
    padding-right: 2em;
}
.simpleLinkList {
    margin: 2.66667em 0;
}
.simpleLinkList .label {
    color: #96b0cd;
    display: block;
    margin-bottom: 2.66667em;
}
.simpleLinkList ul {
    list-style-type: none;
    margin: 0 0 1.33333em;
    padding: 0;
}
.simpleLinkList ul ul {
    margin-left: 1.33333em;
}
.simpleLinkList ul li {
    padding-top: 0.666667em;
}
.simpleLinkList ul li a {
    font-size: 1.2em;
}
.simpleLinkList ul li a:hover {
    color: #e63b83;
}
.simpleLinkList.simpleLinkListSiteMap {
    margin-bottom: 4.66667em;
    margin-top: 0;
}
.simpleSearchForm {
    margin: 1.33333em 0;
    width: 31.3333em;
}
.simpleSearchForm .inputWrapper {
    margin-right: 45px;
}
.simpleSearchForm input[type="text"], .simpleSearchForm textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e3faff;
}
.simpleSearchForm .btnRectangleBlue {
    float: right;
}
.simpleSearchForm .btnRectangleBlue.biggerBtn {
    height: 45px;
    width: 45px;
}
.simpleFilterForm {
    clear: both;
    margin: 0;
}
.sectionTitle {
    border-bottom: 1px dashed #a6c6dd;
    color: #0d3b58;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.dashedBottom {
    border-bottom: 1px dashed #a6c6dd;
    padding-bottom: 6px;
    width: 100%;
}
.simpleFilterForm .baseLabel {
    float: left;
    font-size: 0.866667em;
    padding-right: 1.53846em;
    text-align: left;
    width: 9.23077em;
}
.simpleFilterForm select {
    float: left;
    width: 225px;
}
.simpleFilterForm .select2-container {
    float: left;
}
.userSquareMenu {
    float: left;
    height: 3.73333em;
    position: relative;
    z-index: 12;
}
.userSquareMenu ul li {
    float: left;
    margin-right: 1.33333em;
}
.userSquareMenu ul li a {
    display: block;
    position: relative;
}
.userSquareMenu ul li a span {
    background: #145887 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    line-height: 2.66667em;
    padding: 0 0.952381em;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    width: 8.80952em;
}
.boxshadow .userSquareMenu ul li a span::before {
}
.userSquareMenu ul li a:hover span {
    background: #0f3e5f none repeat scroll 0 0;
}
.userSquareMenu ul li a:hover::after {
    border-right-color: #e3faff;
}
.userSquareMenu ul li.active a::after {
    display: block;
}
.userSquareMenu ul li.active a span {
    background: #e63b83 none repeat scroll 0 0;
}
.userSquareMenu ul li.active a::after {
    border-right-color: #eeeeee;
}
.dropdown {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 100;
}
.dropdown .dropdownContent {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #304d6d;
}
.dropdown .dropdownContent .header {
    color: #40434a;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.03rem;
    line-height: 1.42857em;
    padding: 1px 5px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.15s ease-out 0s;
}
.dropdown .dropdownContent .header::after {
    border-color: #40434a transparent transparent;
    border-style: solid;
    border-width: 9px 6px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -18px;
    top: 7px;
    width: 0;
}
.dropdown .dropdownContent .header .btnRectangleBlue {
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}
.dropdown .dropdownContent ul {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ceeef4;
    display: none;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 151px;
    z-index: 101;
}
.dropdown .dropdownContent ul li {
    border-bottom: 1px solid #ffe4ef;
    color: #304d6d;
}
.dropdown .dropdownContent ul li a {
    display: block;
    font-size: 14px;
    line-height: 1.30769em;
    padding: 10px 7px;
}
.dropdown .dropdownContent ul li a:hover {
    background: #e63b9e none repeat scroll 0 0;
    color: #fff;
}
.dropdown.dropdownOpen {
    z-index: 201;
}
.dropdown.dropdownHover .dropdownContent .header {
    cursor: default;
}
.dropdown.dropdownHover:hover ul {
    display: block;
}
.alertBox {
    background: #e3faff none repeat scroll 0 0;
    padding: 1.33333em;
}
.mainPageAbout {
    margin: 0.333333em 0 3.33333em;
}
.mainPageAbout .mainPageAboutLink {
    float: left;
    line-height: 4.66667em;
    padding-top: 3.66667em;
    text-align: center;
    width: 21.3333em;
}
.mainPageAbout .mainPageBenefits {
    float: right;
    width: 36.6667em;
}
.mainPageAbout .mainPageBenefits .blueLongBoxContent {
    background: #0fbcae none repeat scroll 0 0;
    margin-left: 0;
}
.mainPageAbout .mainPageBenefits .blueLongBoxContent.blueLongBoxContentArrow::after {
    border-right-color: #0fbcae;
}
.mainPageAbout .mainBenefits {
    color: #fff;
}
.mainPageAbout .mainBenefits ul {
    list-style-type: none;
    margin: -1em 0 -0.333333em 1.33333em;
    padding: 0;
}
.mainPageAbout .mainBenefits ul li {
    font-size: 1.6em;
    padding: 0.291667em 0;
}
.mainPageBanner {
    background-position: center center;
    background-size: cover;
    box-shadow: 0 -10px 15px 0 rgba(0, 0, 0, 0.11) inset;
    color: #fff;
    height: 569px;
    margin: 0;
    position: relative;
    text-align: center;
    z-index: 4;
}
.mainPageBanner.small {
    height: 215px;
}
.mainPageBannerBord {
    display: inline-block;
    margin-top: 89px;
}
.mainPageBanner .mainPageBannerBkg {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.mainPageBanner .mainPageBannerBkg img {
    left: 50%;
    margin-left: -960px;
    position: absolute;
    z-index: 1;
}
.mainPageBanner .mainPageBannerBkg img.active {
    z-index: 2;
}
.mainPageBanner .mainPageBannerContener {
    position: relative;
    z-index: 5;
}
.mainPageBanner .mainPageBannerContent {
    background-color: rgba(13, 59, 88, 0.8);
    box-sizing: border-box;
    color: #fff;
    display: block;
    height: 88px;
    padding: 20px 16px;
    text-align: center;
    transition: background-color 0.3s ease 0s;
    width: 952px;
}
.mainPageBanner .mainPageBannerContent:hover {
    background-color: rgba(13, 59, 88, 0.9);
}
.mainPageBanner .mainPageBannerContent h2 {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.03rem;
    margin: 0;
}
.mainPageBanner .mainPageBannerContent p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.02rem;
    margin-top: 4px;
}
.moreScenarioBtn > div.moreScenarioArrow {
    margin-left: 6px;
    padding: 0 23px;
    position: relative;
}
.moreScenarioBtn.smaller > div {
    font-size: 16px;
}
.moreScenarioArrow::after {
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 7px 0 7px 12px;
    content: "";
    display: block;
    height: 0;
    left: 18px;
    position: absolute;
    top: 17px;
    width: 0;
}
.moreScenarioArrow.arrdown::after {
    border-color: #ffffff transparent transparent;
    border-style: solid;
    border-width: 9px 6px 0;
    height: 0;
    left: 17px;
    top: 15px;
    width: 0;
}
.is-expanded > .moreScenarioArrow.arrdown::after {
    top: 13px;
    transform: rotate(180deg);
}
.moreScenarioBtn {
    margin-top: 20px;
}
.moreScenarioBtn:hover > div {
    background-color: rgba(230, 59, 131, 1);
}
.moreScenarioBtn > div.long {
    text-align: center;
    width: 846px;
}
.moreScenarioBtn.seeDetail {
    margin-top: 0;
    text-transform: uppercase;
}
.moreScenarioBtn.seeDetail > div.moreScenarioArrow {
    padding: 0 22px;
}
.moreScenarioBtn.seeDetail > div.moreScenarioArrow::after {
    top: 13px;
}
.moreScenarioBtn.seeDetail:hover > div {
    background-color: #e63b83;
}
.moreScenarioBtn.seeDetail .pseudoBorder {
    right: 53px;
}
.moreScenarioBtn.seeDetail > div {
    background-color: #e3577c;
    height: 37px;
    line-height: 37px;
    padding: 0 25px;
}
.smallPartnersListBox {
    float: left;
    padding-bottom: 4.66667em;
    width: 31.3333em;
}
.smallPartnersList {
    list-style-type: none;
    margin: 0;
    padding: 1.66667em 0 1em;
}
.smallPartnersList li {
    margin-bottom: 1.33333em;
    text-align: center;
}
.moreScenarioBkg {
    background: #fff none repeat scroll 0 0;
    height: 6em;
    margin-bottom: -2em;
    overflow: hidden;
    position: relative;
}
.moreScenarioBkg::before {
    border-color: #fff #fff #eeeeee;
    border-style: solid;
    border-width: 0 94.6667em 6em 32em;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -64em;
    position: absolute;
    top: 0;
    transform: rotate(360deg);
    width: 0;
}
.moreScenarioWrapper {
    background: #fafafa none repeat scroll 0 0;
    padding-bottom: 3.33333em;
    padding-top: 23px;
}
.generalWrapper {
    background: #fafafa none repeat scroll 0 0;
}
.moreScenarioWrapper .sectionTitle {
    margin-top: 0;
}
.moreScenarioWrapper h3.sectionTitle {
    margin-bottom: 1.21429em;
}
.moreScenarioWrapper .moreScenarioBtn {
    float: right;
    margin-top: 1.78571em;
}
.moreScenarioBtn > div {
    background-color: rgba(230, 59, 131, 0.8);
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 50px;
    transition: background 0.3s ease 0s;
    vertical-align: middle;
}
.moreScenarioWrapper .scenarioSmallThumbList {
    position: relative;
    z-index: 2;
}
.moreScenarioWrapper h4 {
    color: #0d3b58;
    font-size: 17px;
    font-weight: 500;
}
.scenarioAboutAuthor {
    box-shadow: 0 -10px 15px 0 rgba(0, 0, 0, 0.11) inset;
    padding: 0.666667em 0 4em;
}
.scenarioAboutAuthor .sectionTitle {
    margin-bottom: 0.436364em;
}
.scenarioAboutAuthor .authorPhoto {
    float: left;
    margin-right: 2em;
    margin-top: 16px;
    width: 92px;
}
.scenarioAboutAuthor .authorName {
    margin-top: 0;
}
.scenarioAboutAuthor .about {
    margin: 18px 0 30px;
    width: 728px;
}
.scenarioAboutAuthor .aboutScenario {
    margin-top: 5.33333em;
}
.scenarioAboutAuthor .aboutScenario .support {
    color: #96b0cd;
    float: left;
    margin-right: 1.33333em;
    margin-top: 10.6667em;
    width: 31.3333em;
}
.scenarioAboutAuthor .aboutScenario .support span {
    float: left;
    margin-right: 0.666667em;
}
.scenarioIntroductionHeader {
    box-shadow: 0 -10px 15px 0 rgba(0, 0, 0, 0.11) inset;
    padding-bottom: 30px;
}
.scenarioIntroductionHeader .scenarioIntroductionInfo .subtitle {
    margin-bottom: 2em;
}
.scenarioIntroductionHeader .scenarioIntroductionInfo .infoTextBox {
    float: left;
    line-height: 3.73333em;
    margin-right: 1.33333em;
    width: 31.3333em;
}
.scenarioIntroductionHeader .scenarioIntroductionInfo .infoTextBox .infoText {
    float: left;
    margin-right: 1.25em;
}
.scenarioIntroductionHeader .scenarioIntroductionInfo .class {
    color: #2f96ff;
    float: left;
    font-family: "pt_sansbold";
    font-size: 2.66667em;
    margin-right: 1.25em;
}
.scenarioIntroductionHeader .scenarioIntroductionInfo .time {
    color: #12be00;
    float: left;
    font-family: "pt_sansbold";
    font-size: 2.66667em;
    margin-right: 1.25em;
}
.scenarioPlayer {
    height: 38em;
    margin: 2.33333em 0;
}
.articleBkg {
    background: #fff none repeat scroll 0 0;
    height: 6em;
    margin-top: -2em;
    overflow: hidden;
    position: relative;
}
.articleBkg::before {
    border-color: #e3faff #fff #fff;
    border-style: solid;
    border-width: 6em 94.6667em 0 32em;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -64em;
    position: absolute;
    top: 0;
    transform: rotate(360deg);
    width: 0;
}
.articleWrapper {
    background: #f6f6f6 none repeat scroll 0 0;
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.11);
    padding-bottom: 4em;
}
.articleWrapper .articleContent {
    color: #0d3b58;
    width: 47.6667em;
}
.scenarioDetailsHeader {
    box-shadow: 0 -10px 15px 0 rgba(0, 0, 0, 0.11) inset;
    padding-bottom: 20px;
    position: relative;
}
.scenarioDetailsHeader .subtitle {
    color: #96b0cd;
    position: relative;
    top: 3.33333em;
}
.scenarioDetailsHeader .scenarioDetailsHeaderMain {
    float: left;
    width: 600px;
}
.scenarioDetailsHeader .scenarioDetailsHeaderMain .aboutDefList {
    float: left;
    width: 31.3333em;
}
.scenarioDetailsHeader .scenarioDetailsHeaderMain .support {
    color: #96b0cd;
    float: right;
    font-size: 0.866667em;
    margin: 3.07692em 0;
    width: 245px;
}
.scenarioDetailsHeader .scenarioDetailsHeaderMain .support span {
    display: block;
    padding-bottom: 1.15385em;
}
.scenarioDetailsHeader .scenarioDetailsHeaderSub {
    float: right;
    width: 15em;
}
.scenarioDetailsHeader .scenarioDetailsHeaderSub .player {
    height: 10.6667em;
}
.scenarioDetailsHeader .scenarioDetailsHeaderSub .timeInfo {
    padding: 0.625em 0;
}
.scenarioDetailsHeader .sectionMenu {
    margin: -0.666667em 0 42px;
}
.scenarioDetailsHeader .addAction {
    margin-bottom: 3.33333em;
}
.scenarioDetailsHeader .addAction .addToUserDone {
    display: none;
}
.scenarioDetailsHeader .addAction .addToUserDone ul {
    list-style-type: none;
    padding-left: 0;
}
.scenarioDetailsHeader .addAction .recommend {
    box-sizing: border-box;
    line-height: 3.73333em;
    padding-left: 67px;
    width: 614px;
}
.scenarioDetailsHeader .addAction .recommend .linkEmail {
    float: left;
    margin-left: 0.333333em;
    margin-right: 0.866667em;
}
.scenarioDetailsHeader .addAction .recommend .socialLinks {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 16px 0 0;
    width: 160px;
}
.scenarioDetailsHeader .addAction .recommend .socialLinks li {
    float: left;
    margin: 6px 0;
}
.scenarioDetailsHeader .addAction .recommend .socialLinks li:last-child {
    float: right;
    padding-top: 4px;
}
.scenarioDetailsHeader .addAction .recommend .socialLinks li > div {
    display: block;
    float: left;
}
.scenarioDetailsHeader .addAction .recommend .socialLinks li .fb_iframe_widget {
    display: block;
}
.linkScenarioRecommend {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.scenarioDetailsHeader .addAction .recommend .socialLinks li .fb_iframe_widget span {
    display: block;
}
.scenarioDetailsHeader .addAction .recommend .socialLinks li #___plusone_0 {
    display: block !important;
}
.scenarioProccesBkg {
    background: #fff none repeat scroll 0 0;
    height: 7.33333em;
    margin-bottom: -6em;
    overflow: hidden;
    position: relative;
}
.scenarioProccesBkg::before {
    border-color: #fff #fff #eeeeee;
    border-style: solid;
    border-width: 0 88.6667em 7.33333em 38em;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -64em;
    position: absolute;
    top: 0;
    transform: rotate(360deg);
    width: 0;
}
.scenarioProccesWrapper {
    background: #f6f6f6 none repeat scroll 0 0;
    padding-bottom: 3.33333em;
}
.scenarioProcess {
    padding: 1px 1.33333em 4.66667em 117px;
    position: relative;
}
.scenarioProcess .stageName {
    margin-top: 1.63636em;
    position: relative;
}
.scenarioProcess .stageName.first {
    margin-top: 1.27273em;
}
.scenarioProcess .taskBox {
    margin: 6em 0;
    position: relative;
}
.scenarioProcess .taskBox:first-child {
    margin-top: 2.66667em;
}
.scenarioProcess .taskBox p {
    line-height: 1.33333em;
    margin: 1.33333em 0;
}
.scenarioProcess .taskBox img.leftImg, .scenarioProcess .taskBox img.rightImg {
    margin-bottom: 1.33333em;
    margin-top: 1.33333em;
}
.scenarioProcess .taskBox .infoBox {
    height: 0;
    left: -7.53333em;
    position: relative;
    width: 4.8em;
}
.scenarioProcess .taskBox .infoBox .aboutTaskHelp {
    display: block;
    text-align: center;
}
.scenarioProcess .taskBox .infoBox .aboutTaskHelp .text {
    color: #96b0cd;
    display: block;
    font-size: 0.866667em;
    text-align: center;
}
.scenarioProcess .taskBox .shortTitleInfo {
    color: #7fa2b8;
    display: block;
    min-height: 1.4em;
}
.scenarioProcess .taskBox .taskTitle {
    margin: 0.285714em 0 1em;
}
.scenarioProcess .taskBox .descBox {
    background: #ffffff none repeat scroll 0 0;
    margin: 2em 1.33333em 1.33333em 1.8em;
    min-height: 3em;
    padding: 1em 2em;
    position: relative;
}
.scenarioProcess .taskBox .descBox::before {
    border-color: rgba(255, 255, 255, 0) #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0 1.8em 2.93333em 0;
    content: "";
    height: 0;
    left: -1.8em;
    position: absolute;
    top: 1.33333em;
    transform: rotate(360deg);
    width: 0;
}
.scenarioProcess .taskBox .descBox p:first-child {
    margin-top: 0.533333em;
}
.scenarioProcess .taskBox .btnBox {
    margin: 2em 0 0.466667em 1.8em;
}
.scenarioProcess .stageName + .taskBox {
    margin-top: 2.66667em;
}
.scenarioProcess .hiddenTaskWrapper {
    background: #fafafa none repeat scroll 0 0;
    display: none;
    margin: 25px 0 0;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner {
    padding: 1px 1.33333em;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner p {
    margin: 0.866667em 0;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileInfo {
    color: #96b0cd;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper {
    margin: 0.866667em 0;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper .player {
    float: left;
    height: 20em;
    width: 31.3333em;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper .movieInfo {
    float: right;
    font-size: 14px;
    line-height: 20px;
    width: 292px;
}
.movieInfoWrapper .iframe-wrapper {
    margin-top: 0;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadType {
    float: left;
    margin: 1.33333em 0;
    width: 310px;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadDownload {
    float: right;
    margin: 1.33333em 0;
    width: 430px;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadDownload .lightBord {
    margin-left: 10px;
}
.scenarioPritOption h2 {
    margin-bottom: 0.272727em;
}
.scenarioPritOption .scenarioPritOptionShowBox {
    margin-bottom: 2.66667em;
}
.scenarioPritOption .aboutInfo {
    margin-top: 0;
}
.scenarioPritOptionDetails {
    display: none;
}
.printOptionDescWrapper {
    display: none;
}
.printOptionDescWrapper .printOptionDescContent {
    margin-bottom: 6.33333em;
    margin-top: 2em;
}
.scenarioFileList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.scenarioFileList .fileDownloadType {
    float: left;
    margin: 1.33333em 0;
    width: 447px;
}
.scenarioFileList .fileDownloadDownload {
    float: right;
    margin: 1.33333em 0;
    text-align: right;
    width: 31.3333em;
}
.scenarioFileList .fileDownloadDownload .lightBord {
    margin-right: 12px;
}
.scenarioFileList .fileDownloadDownload .fileInfo {
    color: #96b0cd;
}
.scenarioGetMaterialOptions ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.scenarioGetMaterialOptions .label {
    display: block;
    float: left;
    margin: 1.33333em 0;
    padding-top: 0.666667em;
    width: 345px;
}
.scenarioGetMaterialOptions .optionsBtn {
    float: right;
    margin: 1.33333em 0;
    text-align: right;
    width: 581px;
}
.scenarioGetMaterialOptions .optionsBtn .lightBord {
    margin-right: 12px;
}
.scenarioProcessPrint::after {
    display: none;
}
.scenarioProcessPrint .taskBox .descBox {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #36a2ba;
}
.scenarioProcessPrint .taskBox .descBox::before {
    border-color: transparent #36a2ba transparent transparent;
}
.scenarioProcessPrint .taskBox .descBox::after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 0 1.8em 2.93333em 0;
    content: "";
    height: 0;
    left: -1.53333em;
    position: absolute;
    top: 1.46667em;
    transform: rotate(360deg);
    width: 0;
}
.scenarioProcessPrint .taskBox img.leftImg, .scenarioProcessPrint .taskBox img.rightImg {
    margin-top: 2.66667em;
}
.scenarioProcessPrint .taskBox .knowledgeLid {
    margin-top: 1.06667em;
}
.scenarioProcessPrint .hiddenTaskWrapper {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #eeeeee;
    display: block;
}
.scenarioProcessPrint .scenarioGallery li {
    margin-top: 1.33333em;
}
.scenarioProcessDraft {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-left: 0;
    margin-top: -2.66667em;
    padding-left: 0;
}
.scenarioProcessDraft .taskBoxDraft {
    margin: 0.666667em 0;
}
.scenarioProcessDraft .stageName {
    margin-top: 0.344828em;
}
.scenarioProcessPrintPage {
    padding-top: 4.66667em;
}
.scenarioProcessPrintHeader {
    background: #e3577c none repeat scroll 0 0;
    left: 0;
    padding: 1.33333em 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}
.scenarioProcessPrintHeader .btn {
    margin-right: 1.33333em;
}
.scenarioProcessPrintFooter {
    margin-bottom: 4.66667em;
}
.scenarioProcessPrintFooter h4 {
    margin-bottom: 0.357143em;
}
.scenarioProcessPrintFooter span {
    margin-bottom: 0.666667em;
}
.scenarioListBkg {
    background: #fff none repeat scroll 0 0;
    height: 6em;
    margin-bottom: -2em;
    overflow: hidden;
    position: relative;
}
.scenarioListBkg::before {
    border-color: #fff #fff #eeeeee;
    border-style: solid;
    border-width: 0 148em 6em 32em;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -64em;
    position: absolute;
    top: 0;
    transform: rotate(360deg);
    width: 0;
}
.scenarioListWrapper {
    padding-bottom: 3.33333em;
}
.scenarioTabs {
    height: 2.86667em;
    position: relative;
    z-index: 12;
}
.scenarioTabs ul {
    position: absolute;
}
.scenarioTabs ul li {
    float: left;
    margin-right: 1.33333em;
}
.scenarioTabs ul li a {
    display: block;
    position: relative;
}
.scenarioTabs ul li a span {
    background: #3d627c none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 39px;
    padding: 0 0.952381em;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    width: 8.80952em;
}
.scenarioTabs ul li a:hover span {
    background: #304d6d none repeat scroll 0 0;
}
.scenarioTabs ul li.active a span {
    background: #e3577c none repeat scroll 0 0;
}
.scenarioTabs ul li.active a::after {
    border-right-color: #eeeeee;
}
.scenarioTabs.scenarioTabsLong ul li a::after {
    border-width: 0 22.6667em 0.866667em 0;
    bottom: -0.866667em;
}
.scenarioTabs.scenarioTabsLong ul li a span {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    white-space: nowrap;
    width: 16.1905em;
}
.scenarioCategoryMenu {
    margin-top: -20px;
    position: relative;
    z-index: 12;
}
.scenarioCategoryMenu .header {
    line-height: 2.4em;
    margin: 0 0 2em;
}
.scenarioCategoryMenu .header .label {
    color: #96b0cd;
    float: left;
    margin-right: 1.33333em;
}
.scenarioCategoryMenu .header .actual {
    float: left;
    margin-right: 1.33333em;
}
.scenarioCategoryMenu .header .actual .name {
    background: #fff none repeat scroll 0 0;
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 2em;
    padding: 0 1.11111em;
}
.scenarioCategoryMenu li {
    padding: 0.333333em;
}
.scenarioCategoryMenu li a {
    color: #0d3b58;
    font-size: 15px;
    font-weight: 500;
}
.scenarioCategoryMenu li a::after {
    border-color: transparent transparent transparent #e3567c;
    border-style: solid;
    border-width: 6.5px 0 6.5px 11px;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 0;
}
.scenarioCategoryMenu li a:hover {
    color: #e3567c;
}
.scenarioCategoryMenu.scenarioCategoryMenuChosen {
    margin-top: 0;
}
.scenarioFilerForm {
    clear: both;
    margin: 56px 0 40px;
}
.scenarioFilerForm .numberOfResults {
    color: #448dc2;
    display: block;
    float: left;
    font-size: 12px;
    padding-top: 7px;
    text-transform: uppercase;
}
.scenarioFilerForm fieldset {
    float: right;
}
.scenarioFilerForm fieldset .baseLabel {
    float: left;
    font-size: 12px;
    padding-left: 18px;
    padding-right: 10px;
    text-align: right;
    width: auto;
}
.scenarioFilerForm fieldset select {
    float: left;
    width: 225px;
}
.scenarioFilerForm fieldset .select2-container {
    float: left;
}
.scenarioTagMenu {
    margin-bottom: 2.66667em;
    position: relative;
    z-index: 12;
}
.scenarioTagMenu ul li {
    display: block;
    float: left;
    margin: 5px 7px;
}
.scenarioTagMenu ul li > span {
    display: table-cell;
    height: 39px;
    vertical-align: bottom;
}
.scenarioTagMenu ul li a {
    background: #caf0f8 none repeat scroll 0 0;
    display: block;
    font-size: 0.866667em;
    line-height: 2.46154em;
    padding-left: 20px;
    padding-right: 20px;
}
.scenarioTagMenu ul li a:hover {
    background: #e3faff none repeat scroll 0 0;
}
.scenarioTagMenu ul li a.bigger {
    font-size: 1.2em;
    line-height: 2em;
}
.scenarioTagMenu ul li a.biggest {
    font-size: 1.4em;
    line-height: 1.85714em;
}
.scenarioRatingHeader {
    position: relative;
}
.scenarioRatingHeader h1 {
    margin-bottom: 0.230769em;
}
.scenarioRatingHeader h3 {
    margin-top: 0.535714em;
}
.scenarioRatingAbout {
    margin: 1.33333em 0 0;
}
.scenarioRatingAbout .date {
    float: right;
    font-size: 0.866667em;
    margin: 0.666667em 0 0;
}
.scenarioRatingAbout .scenarioRatingAboutThumb {
    float: left;
    margin-right: 1.33333em;
}
.scenarioRatingAbout .scenarioRatingAboutText {
    float: left;
    max-width: 47.3333em;
}
.scenarioRatingAbout .scenarioRatingAboutText h4 {
    margin: 0.277778em 0 0;
}
.scenarioRatingAbout .scenarioRatingAboutText h3 {
    margin: 0.357143em 0 0.464286em;
}
.scenarioRatingAbout .scenarioRatingAboutText p {
    font-size: 1.2em;
}
.scenarioRatingFormOverlay {
    background: #eeeeee none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}
.scenarioRatingForm {
    position: relative;
}
.scenarioRatingForm .btnHideFormOveraly {
    position: relative;
    z-index: 11;
}
.scenarioRatingForm .formRow {
    margin-top: 2em;
}
.scenarioRatingForm .baseLabel {
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    width: auto;
}
form .baseLabel.fr {
    float: right;
    font-size: 12px;
    text-align: right;
    width: 37px;
}
.scenarioRatingForm .fieldWrapper {
    margin-left: 24em;
}
.scenarioRatingForm .formRowScale {
    border-bottom: 1px solid #96b0cd;
    margin-left: 1.33333em;
    padding: 1.33333em 0 1em;
}
.deco-dash {
    border-bottom: 1px dashed #a6c6dd;
    margin-left: 12px;
    margin-top: 18px;
    width: 242px;
}
.scenarioRatingForm .formRowScale .baseLabel {
    padding-left: 1.33333em;
    width: 18.6667em;
}
.scenarioRatingForm .formRowScale .fieldWrapper {
    margin-left: 22.6667em;
}
.scenarioRatingForm .scaleWrapper {
    margin: -0.333333em -1em;
    padding: 0.666667em 1em;
}
.scenarioRatingForm .scaleWrapper.error {
    background: #ffc0c0 none repeat scroll 0 0;
}
.scenarioRatingForm .scaleItem {
    float: left;
    width: 16.6666%;
}
.scenarioRatingForm .baseLabelScale {
    margin-top: 2.93333em;
}
.scenarioRatingForm .rating-symbol {
    margin-right: 37px;
}
.scenarioRatingForm .rating-symbol-foreground {
    top: 0;
}
.scenarioRatingForm .glyphicon-star-empty {
    background: rgba(0, 0, 0, 0) url("../img/ico/starts.png") no-repeat scroll -79px 0;
    display: block;
    height: 42px;
    width: 42px;
}
.scenarioRatingForm .glyphicon-star {
    background: rgba(0, 0, 0, 0) url("../img/ico/starts.png") no-repeat scroll 0 0;
    display: block;
    height: 42px;
    width: 42px;
}
.scenarioRatingForm .rating-value {
    color: #304d6d;
    display: block;
    float: right;
    font-size: 1.86667em;
    line-height: 1;
    margin-top: 0.428571em;
}
.scenarioRatingSuccesWrapper {
    margin: 4.66667em -1.33333em 1.33333em 8em;
}
.scenarioRatingSuccesContent {
    padding: 0 0 0 5em;
}
.scenarioRatingSuccesContent .scenarioRatingSuccesTitle {
    margin: 0.181818em 0 0;
    position: relative;
}
.scenarioRatingSuccesContent .scenarioRatingSuccesTitle .icon {
    left: -65px;
    position: absolute;
}
.scenarioRatingSuccesContent .scenarioRatingNext {
    margin: 4.66667em 0 3.33333em;
}
.scenarioRatingSuccesContent .scenarioRatingNext .nextLabel {
    display: block;
    font-family: "nova_squarebook";
    margin-bottom: 0.666667em;
}
.scenarioRatingSuccesContent .scenarioRatingNext .scenarioRatingAboutThumb {
    float: left;
    margin-right: 1.33333em;
}
.scenarioRatingSuccesContent .scenarioRatingNext .scenarioRatingAboutText {
    float: left;
    width: 14.6667em;
}
.scenarioRatingSuccesContent .scenarioRatingNext .scenarioRatingAboutText h4 {
    margin: 0 0 0.555556em;
}
.scenarioRatingSwitch {
    margin: -2.66667em 0 4em;
}
.scenarioIdeaForm {
    margin-top: 0;
}
.scenarioIdeaForm h3 {
    margin-top: 0.714286em;
}
.scenarioIdeaForm .baseLabel {
    width: 9.33333em;
}
.scenarioIdeaForm .fieldWrapper {
    margin-left: 11.3333em;
}
.scenarioIdeaForm select {
    width: 513px;
}
.scenarioIdeaHeader {
    margin-bottom: 4em;
}
.scenarioIdeaFormWrapper {
    display: none;
    margin-top: 20px;
}
.scenarioIdeaList {
    margin-top: 2em;
}
.scenarioIdeaList .scenarioBox {
    margin: 2em 0;
    position: relative;
}
.scenarioIdeaList .scenarioBox .scenarioVoteContener {
    float: left;
    width: 7.66667em;
}
.scenarioIdeaList .scenarioBox .scenarioVoteContener .vote {
    background: #3d6279 none repeat scroll 0 0;
    color: #fff;
    display: block;
    margin-bottom: 1em;
    padding: 0.666667em;
    text-align: center;
}
.scenarioIdeaList .scenarioBox .scenarioVoteContener .vote .h3 {
    display: block;
    margin: 0;
}
.scenarioIdeaList .scenarioBox .scenarioVoteContener .vote .label {
    font-size: 0.866667em;
}
.scenarioIdeaList .scenarioBox .scenarioContent {
    background: #fff none repeat scroll 0 0;
    margin-left: 10.6667em;
    position: relative;
}
.scenarioIdeaList .scenarioBox .scenarioContent::before {
    border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0 1.8em 2.93333em 0;
    content: "";
    height: 0;
    left: -1.8em;
    position: absolute;
    top: 1.33333em;
    transform: rotate(360deg);
    width: 0;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioContentInnet {
    padding: 2em;
}
.scenarioIdeaList .scenarioBox .scenarioContent h3 {
    margin-top: 0;
}
.scenarioIdeaList .scenarioBox .scenarioContent .cetegory {
    color: #96b0cd;
    margin-bottom: 2em;
}
.scenarioIdeaList .scenarioBox .scenarioContent p.text {
    margin: 2em 0;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioInfo .author {
    float: left;
    width: 300px;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioInfo .author .label {
    color: #96b0cd;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioInfo .date {
    color: #96b0cd;
}
.scenarioIdeaList .scenarioBox .scenarioContent .officeRespond {
    background: #e3faff none repeat scroll 0 0;
    margin: 4em -2em -0.666667em -0.666667em;
    position: relative;
}
.scenarioIdeaList .scenarioBox .scenarioContent .officeRespond::after {
    border-color: rgba(255, 255, 255, 0) #e3faff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1.8em 2.93333em 0 0;
    content: "";
    height: 0;
    left: 0;
    margin-left: 3.33333em;
    position: absolute;
    top: -1.8em;
    transform: rotate(360deg);
    width: 0;
}
.scenarioIdeaList .scenarioBox .scenarioContent .officeRespond .officeRespondInner {
    padding: 1em 2em;
}
.scenarioIdeaList .scenarioBox .scenarioContent .officeRespond .date {
    color: #96b0cd;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioImplementedInfo {
    margin: 1.33333em 0;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioImplementedInfo .scenarioImplementedThumb {
    float: left;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioImplementedInfo .scenarioImplementedText {
    margin-left: 245px;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioImplementedInfo .scenarioImplementedText h4 {
    margin: 0;
}
.scenarioIdeaList .scenarioBox .scenarioContent .scenarioImplementedInfo .scenarioImplementedText p {
    font-size: 0.866667em;
}
.contenerError {
    position: relative;
}
.contenerError .errorIcon {
    left: 0;
    position: absolute;
    top: -3.33333em;
}
.simpleUserArticle {
    margin-bottom: 4.66667em;
}
.contactForm {
    margin: 0 0 1.33333em;
}
.contactForm h3 {
    margin-top: 0.714286em;
}
.contactForm input.short[type="text"] {
    width: 15em;
}
.contactDetails address {
    font-style: normal;
    margin: 1em 0;
}
.contactDetails p {
    margin: 1em 0;
}
.loginUserHeader {
    margin-bottom: 30px;
    padding-top: 30px;
}
.loginUserHeader .addIdea {
    float: right;
    margin-top: 1em;
}
.userInfoForm {
    margin: 0;
}
.userInfoForm .baseLabel {
    width: 13.3333em;
}
.userInfoForm .fieldWrapper {
    margin-left: 14.6667em;
}
.userInfoForm .fieldWrapper .shortText {
    width: 18.3333em;
}
.userInfoForm .checkboxInline {
    width: 45%;
}
.scenarioShareForm {
    margin: 0;
}
.scenarioShareForm .scenarioRatingAbout {
    margin-top: -0.666667em;
}
.scenarioShareForm .baseLabel {
    width: 12em;
}
.scenarioShareForm .fieldWrapper {
    margin-left: 13.3333em;
}
.scenarioShareForm .fieldWrapper .shortText {
    width: 18.3333em;
}
.scenarioShareForm .delEmailAddres {
    display: none;
}
.userScenarioListTitle {
    margin-bottom: 2.66667em;
    margin-top: 0;
}
.userScenarioListTitle .subTitile {
    color: #96b0cd;
}
.userScenarioListTitle .subTitile .iconCircle {
    margin-left: 1em;
}
.userScenarioList {
    margin-bottom: 4em;
    position: relative;
    z-index: 2;
}
.userScenarioList.userScenarioListNoMargin {
    margin-bottom: 0;
}
.userScenarioList.userScenarioListNoMargin .userScenarioItemLast {
    margin-bottom: 1.33333em;
}
.userScenarioList .userScenarioItem {
    margin: 5.33333em 0;
}
.userScenarioList .userScenarioItem .userScenarioThumb {
    float: left;
    margin-right: 1.33333em;
}
.userScenarioList .userScenarioItem .userScenarioText {
    float: left;
    width: 27em;
}
.userScenarioList .userScenarioItem .userScenarioText h4 {
    margin: 0;
}
.userScenarioList .userScenarioItem .userScenarioText p {
    font-size: 0.866667em;
    line-height: 1.38462em;
    margin-top: 0.384615em;
    min-height: 5.76923em;
}
.userScenarioList .userScenarioItem .userScenarioAction {
    float: right;
    width: 19.3333em;
}
.userScenarioList .userScenarioItem .userScenarioAction .title {
    display: block;
    margin-bottom: 1em;
}
.userScenarioList .userScenarioItem .userScenarioAction .btnWrapper {
    margin: 1em 0 1.73333em;
}
.userScenarioList .userScenarioItem.userScenarioItemFirst {
    margin-top: 2em;
}
.userScenarioList .linkMore {
    margin-bottom: 4em;
    margin-top: -1.66667em;
}
.scenarioIconList li {
    float: left;
    height: 78px;
    margin-right: 1.33333em;
    text-align: center;
    width: 78px;
}
.scenarioIconList li.iconScenarioGroupActivity {
    background-color: #74bb21;
}
.scenarioIconList li.iconScenarioCreativeReflection {
    background-color: #ff8a00;
}
.scenarioIconList li.iconScenarioPhysicalPlay {
    background-color: #f20078;
}
.scenarioIconList li.iconScenarioOutdoors {
    background-color: #0fbcae;
}
.scenarioIconList li.iconScenarioAveragMessBig {
    background-color: #0f559d;
}
.scenarioIconList li.iconScenarioAveragMess {
    background-color: #1877d9;
}
.scenarioIconList li.iconScenarioEasyPrepare {
    background-color: #d67732;
}
.scenarioIconList li.iconScenarioEasyPrepareMedium {
    background-color: #b46328;
}
.scenarioIconList li.iconScenarioEasyPrepareBig {
    background-color: #944810;
}
.scenarioIconList li.iconScenarioExperiences {
    background-color: #bf2dd9;
}
.scenarioIconList li.iconScenarioAveragMessMedium {
    background-color: #1368bf;
}
.linkMore {
    color: #d44a6c;
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
}
.sectionTitle .linkMore {
    font-size: 12px;
}
.sectionTitle .linkMore.categoryMore {
    font-size: 14px;
}
.sectionTitle .linkMore.categoryMore::after {
    margin-top: -4px;
}
.linkMore.upc {
    text-transform: uppercase;
}
.linkMore.colorDark {
    color: #0d3b58;
}
.linkMore:hover {
    color: #0d3b58;
}
.linkMore:hover::after, .addArr.dark::after {
    border-color: transparent transparent transparent #0d3b58;
}
.linkMore.moreBack::after {
    display: none;
}
.planName {
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
}
.linkMore.moreBack::before {
    border-color: transparent #e3567c transparent transparent;
    border-style: solid;
    border-width: 6.5px 11px 6.5px 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 4px;
    vertical-align: middle;
    width: 0;
}
.linkMore.moreBack:hover::before {
    border-color: transparent #0d3b58;
}
.linkMore::after, .addArr::after {
    border-color: transparent transparent transparent #e3567c;
    border-style: solid;
    border-width: 6.5px 0 6.5px 11px;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 4px;
    margin-top: -2px;
    vertical-align: middle;
    width: 0;
}
.userScenarioList .blueBoxContent {
    background: #e3faff none repeat scroll 0 0;
    margin: 1.8em 0 0.466667em -0.666667em;
    padding-left: 0.666667em;
    position: relative;
}
.userScenarioList .blueBoxContent .blueBoxContentInner {
    padding: 1.06667em 0;
}
.userScenarioList .blueBoxContent::after {
    border-color: rgba(255, 255, 255, 0) #e3faff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1.8em 2.93333em 0 0;
    content: "";
    height: 0;
    left: 0;
    margin-left: 3.33333em;
    position: absolute;
    top: -1.8em;
    transform: rotate(360deg);
    width: 0;
}
.userSettingsBoxList {
    margin-bottom: 4em;
}
.userSettingsBox {
    background: #fff none repeat scroll 0 0;
    border: 1px dashed #a6c6dd;
    margin: 1.33333em 0;
    position: relative;
    transition: all 0.2s ease-out 0s;
}
.userSettingsBox .userSettingsBoxInner {
    padding: 2em 1.33333em;
    position: relative;
}
.userSettingsBox .hSmall {
    float: left;
    line-height: 34px;
    margin: 0 0 1em;
    text-transform: uppercase;
    width: 9.7619em;
}
.userSettingsBox .hSmall.hSmallNotice {
    float: none;
}
.userSettingsBox .hSmall.hSmallLong {
    width: auto;
}
.userSettingsBox .userSettingsForm {
    clear: both;
}
.userSettingsBox .userSettingsFormSilm {
    clear: none;
    float: right;
    width: 47.6667em;
}
.userSettingsBox .settingsActualValue {
    float: left;
    padding-left: 1.33333em;
}
.userSettingsBox.open {
    background: #eeeeee none repeat scroll 0 0;
}
.userSettingsBox .settingsActualValueBlockList {
    clear: both;
}
.userSettingsBox .settingsActualValueBlockList .settingsBlockLabelValue {
    display: block;
    font-weight: bold;
}
.userSettingsBox .settingsActualValueBlockList .settingsBlockActualValue {
    display: block;
    padding-bottom: 1em;
}
.userSettingsBox form {
    margin: 0;
}
.userSettingsBox form .formRow:first-child {
    margin-top: 0;
}
.userSettingsBox form .fieldWrapper {
    margin-left: 13.6667em;
}
.userSettingsBox form input[type="text"], .userSettingsBox form input[type="password"] {
    width: 19em;
}
.userSettingsBox form select {
    width: 19em;
}
.userSettingsBox form .checkboxInline {
    width: 30%;
}
.userSettingsBox form .fieldHelper {
    float: right;
    font-size: 0.866667em;
    margin-top: -0.384615em;
    width: 31.1538em;
}
.userSettingsBox form .formRowAction {
    width: 33em;
}
.userSettingsBox form .formRowNotice {
    margin-top: 0;
}
.userSettingsBox form .formRowNotice .checkboxBlock {
    padding-top: 0;
}
.userSettingsBox.delAccount {
    background: #eeeeee none repeat scroll 0 0;
    margin-top: 4em;
}
.deleteAccount {
    margin-top: 0;
}
.baseLabel {
    color: #448dc2;
    padding-top: 18px;
    text-transform: uppercase;
}
.deleteAccount .baseLabel {
    width: 10em;
}
.deleteAccount .fieldWrapper {
    margin-left: 10em;
}
.logoutBox {
    margin-top: 3.33333em;
}
.registerForm {
    margin-top: 0;
}
.registerForm h3 {
    margin-top: 0.714286em;
}
.registerForm .baseLabel {
    width: 9.33333em;
}
.registerForm .fieldWrapper {
    margin-left: 10em;
}
.grayBox .registerBenefits {
    padding-bottom: 2em;
}
.grayBox.loginBox {
    height: 391px;
}
.grayBox.smallMarginBtm {
    margin-bottom: 10px;
}
.grayBox .registerBenefits .hSmall {
    margin-top: 1.09524em;
}
.blueLongBoxLoginBox {
    margin-top: -0.933333em;
}
.loginForm {
    margin-top: 0;
}
.loginForm h3 {
    margin-top: 0.714286em;
}
.loginForm .baseLabel {
    width: 5.33333em;
}
.loginForm .fullLabel {
    display: block;
    padding-bottom: 1.33333em;
}
.loginForm .fieldWrapper {
    margin-left: 6em;
}
.loginForm .checkboxBlock {
    padding-top: 0;
}
.loginForm .blueBoxContent {
    margin-right: -1.33333em;
    margin-top: 3.33333em;
}
.grayBox .registerBenefitsLogin {
    padding-bottom: 2em;
    padding-top: 2.46667em;
}
.grayBox .registerBenefitsLogin .forFree {
    position: absolute;
    right: -10px;
    top: -11px;
    z-index: 20;
}
.grayBox .registerBenefitsLogin .hSmall {
    margin-top: 1.09524em;
}
.grayBox .registerBenefitsLogin .haveAccount {
    float: right;
    margin-top: 0.2em;
}
.grayBox .registerBenefitsLogin .blueBoxContent {
    margin-right: -1.33333em;
}
.grayBox .registerBenefitsLogin .blueBoxContent::after {
    border-width: 1.73333em 2.46667em 0 0;
    margin-left: 3em;
    top: -1.73333em;
}
.grayBox .registerBenefitsLogin .blueBoxContent .blueBoxContentInner {
    padding: 1.33333em 5.33333em 1.33333em 1em;
}
.aboutUsBoxTitle {
    margin-bottom: -0.5em;
    padding-top: 1.42857em;
}
.aboutUsBoxWrapper {
    margin: 3.66667em 0;
}
.aboutUsBoxWrapper .textBox {
    float: left;
    margin-right: 1.33333em;
    width: 31.3333em;
}
.aboutUsBoxWrapper .textBox h3 {
    margin-top: 0.714286em;
}
.aboutUsBoxWrapper .mediaBox {
    background: #eeeeee none repeat scroll 0 0;
    float: left;
    min-height: 256px;
    width: 458px;
}
.aboutUsBoxWrapper .mediaBox .partnersImg img {
    margin: 2em 1.2em;
}
.aboutUsBoxWrapper.aboutUsBoxTextRight .textBox {
    float: right;
    margin-right: 0;
}
.aboutUsBoxWrapper.aboutUsBoxTextRight .mediaBox {
    margin-right: 30px;
}
.aboutUsBoxWrapper.aboutUsBoxTextRight .mediaBox img {
    max-width: 100%;
}
.aboutUsBoxMore {
    margin: 4.66667em 0;
}
.aboutUsBoxMore .moreInfo p {
    line-height: 61px;
    margin: 0 20px 0 0;
}
.howThisWorkContent {
    margin: 3.33333em 0 8.66667em;
}
.howThisWork {
    margin: 1.33333em 0;
}
.howThisWork .textBox {
    margin-left: 0;
}
form input.ui-autocomplete-loading[type="text"] {
    background: #fff url("../img/ico/ui-anim_basic_16x16.gif") no-repeat scroll right center;
}
form .ui-helper-hidden-accessible {
    display: none;
}
.ui-autocomplete {
    background: #fff none repeat scroll 0 0;
    display: block;
    list-style-type: none;
    margin: 0;
    max-height: 13.3333em;
    overflow: auto;
    padding: 0;
    position: absolute;
}
.ui-autocomplete li a {
    border-top: 1px solid #ceeef4;
    color: #304d6d;
    cursor: pointer;
    display: block;
    font-size: 0.866667em;
    line-height: 1.30769em;
    margin: 0;
    min-height: 1em;
    padding: 0.230769em 1.84615em;
}
.ui-autocomplete li a.ui-state-focus {
    background: #e3faff none repeat scroll 0 0;
    color: #304d6d;
}
.ui-autocomplete li a:hover {
    background: #e3faff none repeat scroll 0 0;
    color: #304d6d;
}
.cookiesWrapper {
    background-color: #fff;
    border-top: 2px solid #d44a6c;
    bottom: 0;
    padding-top: 10px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
.cookiesWrapper .contener {
    position: relative;
}
.cookiesWrapper .closeBtn {
    position: absolute;
    right: 0;
    top: 0.666667em;
}
.cookiesWrapper p {
    margin-top: 0;
}
.cookiesWrapper p span {
    font-size: 0.866667em;
}
.ageInputText {
    display: inline-block;
    padding: 0 !important;
    text-align: center;
    width: 60px !important;
}
@media print {
.pageHeader {
    display: none;
}
.pageFooter {
    display: none;
}
.headerSectionLinkBack {
    display: none;
}
.simpleMenuList {
    display: none;
}
.btn {
    display: none !important;
}
.cookiesWrapper {
    display: none;
}
.moreScenarioBkg::before, .blueLongBoxContent.blueLongBoxContentArrow::after {
    display: none;
}
.scenarioDetailsHeader .addAction {
    display: none;
}
.scenarioProcess .taskBox {
    clear: both;
}
.scenarioProcess .taskBox .infoBox {
    page-break-inside: avoid;
}
.scenarioProcessPrintPage {
    padding-top: 0;
}
.scenarioProcessPrintHeader {
    display: none;
}
}
.lightBord {
    background-color: transparent;
    border: 1px solid #567182;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    padding: 3px;
    position: relative;
}
.quadro-list li i {
    border: 1px solid #e97896;
    border-radius: 1px;
    display: inline-block;
    height: 11px;
    margin-left: -27px;
    margin-right: 7px;
    position: relative;
    vertical-align: middle;
    width: 11px;
}
.quadro-list li {
    margin-bottom: 10px;
}
.quadro-list {
    margin-left: 27px;
}
.footerSocial > a {
    background-image: url("./sprites.png");
    display: block;
    float: left;
    height: 22px;
    margin-bottom: 20px;
    margin-right: 7px;
    opacity: 0.9;
    transition: opacity 0.3s ease 0s;
    width: 22px;
}
.footerSocial > a:hover {
    opacity: 1;
}
.footerSocial > a.icon-facebook {
    background-position: -2px -3px;
}
.footerSocial > a.icon-youtube {
    background-position: -31px -3px;
}
.footerSocial > a.icon-gplus {
    background-position: -59px -3px;
}
.footerSocial > a.icon-twitter {
    background-position: -256px -3px;
}
.footerSocial > a.icon-blog {
    background-position: -88px -2px;
    height: 23px;
    width: 49px;
}
.quadro-list li i::after {
    background-color: #e97896;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: 3px;
    top: 3px;
    width: 5px;
}
form input.formCaptcha[type="text"] {
    border-style: none;
    height: 0;
    padding: 0;
}
.borderedIconLabel {
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    vertical-align: middle;
}
.borderedIcon {
    display: inline-block;
    height: 46px;
    text-align: center;
    vertical-align: middle;
    width: 46px;
}
.bottomTipInfo {
    background-color: #e76f8f;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    height: 60px;
    line-height: 17px;
    margin-top: 20px;
    padding: 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 460px;
}
.bottomTipInfo .arr {
    background-color: #e76f8f;
    bottom: -18px;
    height: 18px;
    position: absolute;
    right: 136px;
    width: 12px;
}
#imNotHooman {
    display: none;
}
.bottomTipInfo .arr::after {
    border-color: #e76f8f transparent transparent;
    border-style: solid;
    border-width: 18px 20px 0;
    bottom: -18px;
    content: "";
    display: block;
    height: 0;
    left: -14px;
    position: absolute;
    width: 0;
}
.icon-cake, .icon-alarm {
    background-image: url("./sprites.png");
    display: inline-block;
    margin-top: 6px;
}
.icon-cake {
    background-position: -153px -7px;
    height: 25px;
    width: 26px;
}
.icon-alarm {
    background-position: -191px -8px;
    height: 24px;
    margin-top: 8px;
    width: 23px;
}
.sectionMenu .simpleMenuList li a {
    background-color: transparent;
    border-bottom: 1px solid #535c64;
    color: #0d3b58;
    font-weight: 500;
    margin-right: 40px;
    padding: 0 5px;
}
.authorPhoto {
    border-radius: 50%;
}
.sectionMenuHeader {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 50px;
    text-transform: uppercase;
}
.userScenarioText h4 a {
    color: #0d3b58;
    font-size: 17px;
    font-weight: 500;
}
.iframe-wrapper {
    height: 0;
    margin-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
}
.iframe-wrapper iframe {
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
}
.show-for-small {
    display: none;
}
@media screen and (min-width: 768px) {
.grayBoxAuthorDetails.show-for-small, .authorReadLess {
    display: none !important;
}
}
.simpleSearchForm input[type="text"], .simpleSearchForm textarea {
    box-shadow: none;
}
.filterGroup {
    border-right: 1px solid #a6c6dd;
    box-sizing: border-box;
    display: table-cell;
    padding-left: 20px;
    width: 25%;
}
.filterInner-spacer {
    background-color: #fff;
    height: 10px;
    width: 100%;
}
.filterInner-spacer.bigger {
    height: 15px;
}
.filterGroup:first-child {
    padding-left: 10px;
}
.single-label {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    padding: 10px;
}
.ageHolder .single-label {
    box-sizing: border-box;
    height: 39px;
    margin-right: 3px;
    width: 74px;
}
.ageHolder .single-label.first-label {
    margin-right: 35px;
    width:auto;
}
.ageLabel > span {
    line-height: 39px;
    margin-right: 10px;
}
.ageHolder .line {
    background-color: #a6c6dd;
    height: 1px;
    margin-bottom: 10px;
    width: 100%;
}
.ageHolder {
    background-color: #fff;
    padding: 10px 18px;
    text-transform: uppercase;
}
.filters-show {
    background-color: #f35b83;
    border: 1px solid #c1c1c1;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s;
    width: 160px;
}
.filters-show:hover {
    background-color: #e63b83;
}
.filterGroup label::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.dashboard-info {
    color: #fff;
    font-size: 12px;
    padding-top: 8px;
    text-transform: uppercase;
    vertical-align: middle;
}
.close-dashboard, .show-dashboard {
    cursor: pointer;
    height: 40px;
    position: relative;
    width: 40px;
}
.close-icon:after, .close-icon:before{
   width: 30px;
    height: 2px;
    display: block;
    position: absolute;
    top: 16px;
    left: 2px;
    content: '';
    background-color: #fff;
}
.close-icon:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close-icon:before{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-dashboard::after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 9px 15px;
    content: "";
    display: block;
    height: 0;
    left: 13px;
    position: absolute;
    top: 6px;
    transition: border-color 0.3s ease 0s;
    width: 0;
}
.show-dashboard::after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 15px 9px 9px;
    content: "";
    display: block;
    height: 0;
    left: 13px;
    position: absolute;
    top: 15px;
    transition: border-color 0.3s ease 0s;
    width: 0;
}
.filtersTable {
    display: table;
    width: 100%;
}
.close-dashboard:hover::after {
    border-color: transparent transparent #f35b83;
}
.show-dashboard:hover::after {
    border-color: #f35b83 transparent transparent;
}
.dashboard-info.arrow::before {
    border-color: transparent #ffffff transparent transparent;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 8px;
    margin-right: 6px;
    width: 0;
}
.category-label, .subcategory-label {
    color: #0d3b58;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    margin-bottom: 12px;
    position: relative;
    text-transform: uppercase;
    transition: color 0.3s ease 0s;
    vertical-align: middle;
}
.category-label:hover, .subcategory-label:hover {
    color: #e63b83;
}
.category-checkbox, .subcategory-checkbox, .age-checkbox {
    display: none;
}
.category-label span, .subcategory-label span {
    display: inline-block;
    vertical-align: middle;
}
.filtersCollapsed {
    color: #fff;
    display: none;
    font-size: 12px;
    height: 44px;
    text-transform: uppercase;
}
.filtersCollapsed .dashboard-info {
    padding-top: 11px;
}
.custom-check {
    border: 1px solid #e97996;
    content: "";
    height: 13px;
    margin-right: 6px;
    position: relative;
    width: 13px;
}
input[type="checkbox"]:checked + label .custom-check::after {
    background-color: #e97996;
    content: "";
    display: block;
    height: 5px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 5px;
}
input[type="checkbox"] + label.half-checked .custom-check::after {
    background-color: #fff;
    border: 1px solid #e97996;
    content: "";
    display: block;
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 5px;
}
.subcategory-label .custom-check {
    margin-left: 10px;
}
.category-label {
    font-size: 14px;
}
.filtersDashboard {
    background-color: #73ccd4;
    box-sizing: border-box;
    margin-bottom: 66px;
    padding: 14px;
}
.filtersInner {
    background-color: #fff;
    box-sizing: border-box;
    display: table-row;
    padding: 10px;
    width: 100%;
}
@media screen and (max-width: 767px) {
.wrapper, body {
    min-width: 0;
}
.contener, .mainPageBanner .mainPageBannerContent, .sectionTitle, .moreScenarioWrapper, .lightBord.small-full, .small-full, .pageFooter > .contener > .fr, .pageFooter > .contener > .fl, .pageFooter > .contener > .fl.licenseDet, .moreScenarioBtn.seeDetail, .moreScenarioBtn.seeDetail > div, .articleWrapper .articleContent, .scenarioAboutAuthor .about, .defList .item .label, .col-2, .scenarioDetailsHeader .scenarioDetailsHeaderMain, .scenarioDetailsHeader .scenarioDetailsHeaderMain .aboutDefList, .registerForm .fieldWrapper, .registerForm .baseLabel, .loginForm .baseLabel, form .baseLabel, .scenarioFileList .fileDownloadType, .fileDownloadDownload .lightBord .btn, .scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadType, .scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper .movieInfo, .aboutUsBoxWrapper .textBox, .aboutUsBoxWrapper .mediaBox, .userSquareMenu ul li a span, .userSquareMenu ul li a span, .scenarioIdeaList .scenarioBox .scenarioVoteContener, .simpleFilterForm select, .scenarioIdeaForm select, .autorItemBox, .simpleSearchForm, .autorDetailsDescription, .autorDetailsScenarioLid, .contactForm input.short[type="text"], .scenarioShareForm .baseLabel, .scenarioShareForm .fieldWrapper .shortText, .userScenarioList .userScenarioItem .userScenarioText, .userScenarioAction .btn, .userSettingsBox form .fieldHelper, .userSettingsBox form select, .delAccount .btn, .deleteAccount .baseLabel, .addToUserDone .btn, .scenarioGetMaterialOptions .optionsBtn, .scenarioGetMaterialOptions .optionsBtn .lightBord, .scenarioGetMaterialOptions .optionsBtn .lightBord .btn, .filterGroup, .filters-show {
    width: 100%;
}
.scenarioTabs ul {
    position: static;
}
.category-label span.show-for-small{
    display: inline-block;    
}
.category-label span.hide-for-small{
    display: none;
}
.scenarioIdeaForm {
    padding: 10px;
}
.moreScenarioBtn.seeDetail > div {
    font-size: 14px;
    height: 54px;
    line-height: 54px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.dashboard-info.arrow{
    display: none;
}
.scenarioFileList .fileDownloadDownload {
    clear: both;
    float: none;
    text-align: left;
    width: 100%;
}
.seeDetail-inside::after {
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 7px 0 7px 12px;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 12px;
    width: 0;
}
.ageLabel{
        background: #73CCD4;
    margin-left: -18px;
    margin-right: -18px;
    float: none;
    clear: both;
    height: 52px;
    margin-bottom: 18px;
    padding-top: 10px;
}  
.scenarioIntroductionHeader{
    padding-bottom: 0;
}
.filtersCollapsed .fl{
        line-height: 12px;
    padding-top: 10px;
}
    .filtersDashboard{
        margin-bottom: 14px;
    }
.ageHolder .age-hold .single-label{
    width: 95%;
    padding: 10px 6px;
}
.ageHolder .age-hold .single-label .custom-check{
    margin-right: 3px;
}    
    
.fl.age-hold {
    width: 25%;
}
.ageHolder .single-label.first-label{
    width: auto;
} 
.scenarioIconList {
    margin: 31px 0;
}
.pageFooter .fl, .pageFooter .fr {
    clear: both;
    float: none;
}
.filters-show{
    height: 68px;
}
.borderedIconLabel{
    margin-left: 2px;
    margin-right: 8px;
}
.scenarioIconList {
    text-align: center;
    margin-bottom: 0;
}
    
    .category-label{
        font-size: 15px;
        
    }
    .category-label, .subcategory-label{
        margin-bottom: 17px
    }
.custom-check{
        height: 18px;
        width: 18px;
    }
    input[type="checkbox"]:checked + label .custom-check::after {
    background-color: #e97996;
    content: "";
    display: block;
    height: 8px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 8px;
}
    input[type="checkbox"] + label.half-checked .custom-check::after {
    background-color: #fff;
    border: 1px solid #e97996;
    content: "";
    display: block;
    height: 8px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 8px;
}
    
.ageHolder .single-label{
    height: 42px;   
    width: 86px;
}
 .filtersDashboard{
     padding: 7px;
 }
.scenarioIdeaForm .fieldWrapper, .scenarioShareForm .fieldWrapper, .deleteAccount .fieldWrapper {
    box-sizing: border-box;
    margin-left: 0;
    width: 100%;
}
.scenarioIdeaForm .baseLabel {
    clear: both;
    display: block;
    float: none;
    margin-bottom: 5px;
    width: 100%;
}
.scenarioIconList li {
    display: inline-block;
    float: none;
    height: 56px;
    margin-bottom: 51px;
    margin-right: 12px;
    vertical-align: top;
    width: 56px;
}
.scenarioIconList .iconScenario {
    background-size: 1100% auto;
    border-width: 2px;
    display: block;
    height: 48px;
    margin-left: 2px;
    margin-top: 2px;
    width: 48px;
}
.moreScenarioWrapper, .generalWrapper {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}
.scenarioTabs ul {
    position: static;
    width: 100%;
}
.scenarioTabs.scenarioTabsLong ul li a span {
    margin-bottom: 10px;
    width: 100%;
}
header.pageHeader {
    z-index: 18;
}
.scenarioTabs ul li {
    margin-right: 0;
    width: 100%;
}
.col-3 {
    box-sizing: border-box;
    float: none;
    margin-right: 0;
    padding: 0;
    width: 100%;
}
.logoutBox {
    padding: 0 10px;
}
.userSquareMenu ul li {
    clear: both;
    float: none;
    margin-right: 0;
    width: 100%;
}
.grayBox.loginBox {
    height: auto;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
}
.scenarioProccesWrapper {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}
.scenarioSmallThumb .details .icons, .scenarioSmallThumb .desc .time {
    opacity: 1;
}
.planName {
    font-size: 28px;
}
.scenarioSmallThumb .details p, .bottomTipInfo, .pseudoBorder {
    display: none;
}
.sectionTitle {
    font-size: 22px;
    line-height: 23px;
}
.mainPageBanner .moreScenarioBtn > div {
    background-color: rgba(230, 59, 131, 1);
}
.scenarioSmallThumb .details {
    max-height: none;
}
.patronDetailsDescription, .patronDetailsThumb {
    float: left;
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
}
.pageTitle {
    padding-top: 15px;
}
.lightBord {
    width: 90%;
}
.mainPageBanner, .mainPageBanner.small {
    height: 0;
    padding-bottom: 86%;
}
.mainPageBanner.small{
        padding-bottom: 44%;
}
.scenarioSmallThumbList .col-1 {
    box-sizing: border-box;
    height: auto;
    margin-right: 0;
    padding: 0 4px;
    width: 50%;
}
.scenarioSmallThumbList .col-1 a {
    display: block;
    position: relative;
}
.lightBord {
    width: auto;
}
.registerForm .fieldWrapper, .loginForm .fieldWrapper, form .fieldWrapper, .scenarioRatingForm .fieldWrapper {
    margin-left: 0;
    width: 100%;
}
.scenarioIdeaList .scenarioBox .scenarioVoteContener {
    float: none;
}
.scenarioRatingForm .fieldWrapper {
    clear: both;
    float: none;
}
.scenarioIdeaList .scenarioBox .scenarioContent {
    margin-left: 0;
    width: 100%;
}
.registerForm .baseLabel, .loginForm .baseLabel, form .baseLabel {
    margin-bottom: 5px;
}
.licenseDetail.fl {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 17px;
    padding-left: 0;
    width: 80%;
}
.pageFooter > .contener > .fl.licenseDet {
    text-align: center;
}
.pageFooter .designed.fr {
    padding-bottom: 20px;
    text-align: center;
}
.pageFooter > .contener > .fl.footLogo {
    display: block;
    margin: 0 auto;
    padding: 0;
}
.scenarioFileList .fileDownloadDownload .lightBord, .scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadDownload .lightBord.fr, .scenarioGetMaterialOptions .optionsBtn .lightBord {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}
.thumbs {
    margin-left: -7px;
    margin-right: -7px;
}
.thumb-holder {
    height: 0;
    overflow: hidden;
    padding-bottom: 53%;
}
.popover {
    box-sizing: border-box;
    margin-left: 0;
    position: static !important;
    text-align: center;
    width: 100%;
}
.popover.right {
    margin-left: 0;
}
.bottom-info {
    margin-bottom: 30px;
}
.scenarioSmallThumb .desc h4 {
    font-size: 15px;
    line-height: 16px;
    margin-top: 0;
    padding-bottom: 7px;
    padding-top: 10px;
}
.scenarioSmallThumb img.thumb {
    display: block;
    width: 100%;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper .movieInfo {
    float: none;
}
.scenarioSmallThumb .desc {
    box-sizing: border-box;
    height: 106px;
    padding: 0 4px 2.33333em;
    position: static;
    width: 100%;
}
.show-for-small {
    display: block;
}
   
.grayBoxAuthorDetails.show-for-small {
    display: none;
}
.open .grayBoxAuthorDetails.show-for-small {
    display: block;
    margin-bottom: 20px;
}
.hide-for-small, .iconCircle.iconCircleHelp.middle.simpleTooltip {
    display: none;
}
.grayBoxAuthorDetails.hide-for-small, #contactForm .popover {
    display: none !important;
}
.mainMenu {
    background-color: #d44a6c;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    margin-top: -200%;
    padding-bottom: 20px;
    padding-top: 39px;
    position: fixed;
    right: 0;
    top: 0;
    transition: margin-top 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.fixfixed .mainMenu {
    position: absolute;
}
body.has-modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}
#nav-toggle.is-expanded + .mainMenu {
    bottom: 0;
    margin-top: 0;
    position: fixed;
}
.moreScenarioBtn > div.moreScenarioArrow {
    display: none;
}
.mainMenu > ul > li > a:hover, .mainMenu > ul > li.active > a {
    color: #fff;
}
.scenarioPlayer, .moreScenarioBtn.seeDetail .pseudoBorder {
    display: none;
}
.moreScenarioBtn.seeDetail {
    float: none;
    margin-top: 33px;
}
.moreScenarioBtn.seeDetail.nomargin {
    margin-top: 0;
}
.aboutUsBoxWrapper .mediaBox img {
    max-width: 100%;
}
.aboutUsBoxWrapper {
    margin: 0;
}
.scenarioIdeaList .scenarioBox .scenarioVoteContener .vote {
    float: left;
    max-width: 100px;
    width: 40%;
}
.scenarioIdeaList .scenarioBox .scenarioVoteContener .vote + .linkMore {
    float: right;
    margin-top: 20px;
}
.scenarioIdeaList .scenarioBox .scenarioContent {
    clear: both;
}
.aboutUsBoxWrapper .mediaBox {
    background-color: transparent;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.aboutUsBoxMore {
    margin: 0 0 40px;
}
.plancard-top, .scenarioAboutAuthor .authorName, .moreScenarioBtn.seeDetail {
    text-align: center;
}
.scenarioAboutAuthor .authorPhoto {
    display: block;
    float: none;
    margin: 0 auto;
}
.scenarioAboutAuthor .fl {
    clear: both;
    float: none;
}
select {
    border: 1px solid #567182;
    height: 46px;
}
.scenarioAboutAuthor, .scenarioDetailsHeader {
    box-shadow: none;
    padding: 0;
}
.scenarioAboutAuthor.generalWrapper {
    padding: 10px;
}
.scenarioDetailsHeader .fl {
    float: none;
}
.articleWrapper {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
}
.scenarioIntroductionHeader {
    box-shadow: none;
}
.mainMenu > ul > li.active {
    background-color: #e86283;
}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after {
    transition: all 0.3s ease-in-out 0s;
}
#nav-toggle.is-expanded span {
    background-color: transparent;
}
#nav-toggle.is-expanded {
    z-index: 900;
}
#nav-toggle.is-expanded span::before, #nav-toggle.is-expanded span::after {
    top: 0;
}
#nav-toggle.is-expanded span::before {
    background-color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#nav-toggle.is-expanded span::after {
    background-color: #fff;
    transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
}
.mainMenu > ul > li {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
}
.mainMenu > ul > li > a:hover {
    color: #fff;
}
.mainMenu > ul > li > a {
    border-style: none;
    color: #fff;
    display: block;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
.defList .item {
    display: block;
    margin-bottom: 10px;
}
.defList .item .value, .defList .item .label {
    display: block;
}
.defList .item .label {
    font-weight: bold;
}
.scenarioAboutAuthor .spacer {
    height: 60px;
}
.mainMenu > ul {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
}
.footerSocial > a {
    display: inline-block;
    float: none;
}
form .formRowAction, form .formRow {
    margin-right: 0;
}
.grayBox .grayBoxPadding {
    padding: 0;
}
.footerSocial {
    text-align: center;
}
.pageFooter .fr {
    text-align: center;
}
.pageFooter .fr a {
    display: inline-block;
    margin-right: 0;
}
.scenarioTabs ul li a span {
    box-sizing: border-box;
    margin-bottom: 10px;
    width: 100%;
}
.iconScenarioSmallExperiences, .iconScenarioSmallGroupActivity, .iconScenarioSmallPhysicalPlay, .iconScenarioSmallCreativeReflection, .iconScenarioSmallEasyPrepareMedium, .iconScenarioSmallCreativeReflection, .iconScenarioSmallAveragMess, .iconScenarioSmallOutdoors, .iconScenarioSmallAveragMessMedium, .iconScenarioSmallEasyPrepare, .iconScenarioSmallAveragMessBig, .iconScenarioSmallEasyPrepareBig {
    height: 25px;
    width: 25px;
}
.scenarioSmallThumb .details .icons {
    bottom: 41px;
    display: none;
    height: 25px;
    position: absolute;
}
.mainPageBanner .mainPageBannerContent {
    height: auto;
    padding-left: 14px;
    padding-right: 14px;
}
.mainPageBanner .mainPageBannerContent h2 {
    font-size: 20px;
    line-height: 21px;
}
.mainPageBanner .mainPageBannerContent p {
    font-size: 16px;
}
header.pageHeader .logo img {
    width: 130px;
}
header.pageHeader {
    height: 70px;
}
.fatFooterLinks {
    padding-left: 10px;
}
header.pageHeader .logo {
    margin-left: 13px;
    padding-top: 13px;
}
.linkMore {
    font-size: 13px;
}
.linkMore::after, .addArr::after {
    border-width: 4.5px 0 4.5px 8px;
    margin-top: -2px;
}
.userSquareMenu {
    height: auto;
    width: 100%;
}
.menu-icon {
    float: right;
}
.userSquareMenu ul li a span {
    box-sizing: border-box;
    margin-bottom: 10px;
}
#nav-toggle {
    cursor: pointer;
    height: 26px;
    margin-bottom: 28px;
    margin-top: 11px;
    position: absolute;
    right: 14px;
    top: 21px;
    width: 32px;
}
.mainPageBannerBord {
    margin-top: 12%;
}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after {
    background: #d44a6c none repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 4px;
    position: absolute;
    width: 32px;
}
#nav-toggle span::before {
    top: -11px;
}
#nav-toggle span::after {
    bottom: -11px;
}
.lightBord.borderedIcon {
    width: 46px;
}
.scenarioAboutAuthor .aboutScenario {
    margin-bottom: 15px;
    margin-top: 0;
}
.stageContent {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease 0s;
}
.has-expandedContent + .stageContent {
    max-height: none;
}
.scenarioProcess .taskBox {
    margin: 8px 0;
}
.scenarioProcess .taskBox .descBox {
    box-sizing: border-box;
    margin: 22px 0;
    width: 100%;
}
.scenarioDetailsHeader .addAction .recommend .socialLinks {
    clear: both;
    float: left;
}
.scenarioProcess .taskBox .shortTitleInfo {
    font-size: 12px;
    line-height: 10px;
    padding-top: 13px;
}
.sectionMenu, .scenarioProcess .taskBox .descBox::before, .mainMenu > ul > li.hide-for-small {
    display: none;
}
.stageName.taskName {
    background-color: #fff;
    margin-top: 7px;
    min-height: 77px;
    padding-right: 30px;
}
.stageName.taskName::after {
    border-color: #304d6d transparent transparent;
    border-style: solid;
    border-width: 8px 7.5px 0;
    content: "";
    display: inline-block;
    float: right;
    height: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 13px;
    position: absolute;
    right: 8px;
    top: 21px;
    transition: background-color 0.3s ease 0s;
    vertical-align: middle;
    width: 0;
}
.stageName.taskName.has-expandedContent {
    background-color: transparent;
}
.stageName.taskName.has-expandedContent::after {
    border-color: transparent transparent #304d6d;
    border-width: 0 7.5px 8px;
}
.scenarioProcess .taskBox .taskTitle {
    font-size: 15px;
    line-height: 17px;
    margin-top: 0;
}
.taskText {
    clear: both;
    float: none;
    padding-top: 20px;
}
.taskName.has-expandedContent + .taskBoxContent {
    margin-bottom: 45px;
}
.scenarioProcess .taskBox .infoBox {
    float: left;
    height: 4.8em;
    margin-right: 18px;
    position: static;
}
.scenarioProcess {
    margin-top: 35px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
.scenarioDetailsHeader .addAction .recommend {
    padding-left: 0;
}
.scenarioProcess .stageName.first {
    border-bottom: 1px solid #b7c4d3;
    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 1) inset;
    cursor: pointer;
    font-size: 24px;
    margin-top: 0;
    padding-bottom: 18px;
}
.scenarioPritOptionShowBox .moreScenarioBtn.seeDetail {
    margin-top: 0;
}
.scenarioPritOptionShowBox .moreScenarioBtn.seeDetail div {
    font-size: 13px;
}
h2.dashedBottom {
    font-size: 22px;
}
.dashedBottom.stepByStep {
    border-bottom-style: none;
    padding-top: 21px;
    text-transform: uppercase;
}
.showScenarioContent::after {
    border-color: #ffffff transparent transparent;
    border-style: solid;
    border-width: 12px 7px 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 12px;
    width: 0;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadDownload {
    float: left;
    width: 100%;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadDownload .lightBord.fr {
    clear: both;
    float: none;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadDownload .btn {
    width: 100%;
}
.scenarioProcess .stageName.first::after {
    border-color: #304d6d transparent transparent;
    border-style: solid;
    border-width: 11px 10.5px 0;
    content: "";
    display: inline-block;
    float: right;
    height: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 13px;
    vertical-align: middle;
    width: 0;
}
.scenarioProcess .stageName.first.has-expandedContent::after {
    border-color: transparent transparent #304d6d;
    border-width: 0 10.5px 11px;
}
.scenarioIdeaForm {
    padding: 10px;
}
.fancybox-wrap.fancybox-type-ajax {
    left: 2% !important;
    right: 2% !important;
    width: 96% !important;
}
.fancybox-inner {
    width: 100% !important;
}
.fancybox-inner .btn {
    margin-bottom: 10px;
    width: 100%;
}
.cookiesWrapper {
    box-sizing: border-box;
    padding: 53px 10px 10px;
}
.cookiesWrapper .closeBtn {
    top: -42px;
}
.iconClose::before {
    line-height: 1;
}
.grayBoxOverflow .grayBoxOverflowInner, #contactForm {
    padding: 10px;
}
.grayBox.grayBoxLeft {
    margin-left: 0;
}
.userScenarioList .userScenarioItem .userScenarioAction {
    clear: both;
    float: none;
    padding-top: 20px;
    width: 100%;
}
.scenarioRatingAbout .scenarioRatingAboutText {
    max-width: 100%;
}
.scenarioRatingForm .rating-symbol {
    margin-right: 5px;
}
.btn.right.btnOpenForm {
    clear: both;
    float: none;
    width: 100%;
}
.userSettingsBox .hSmall {
    font-size: 16px;
    line-height: 18px;
    width: 100%;
}
.userSettingsBox .settingsActualValue {
    padding-bottom: 20px;
    padding-left: 0;
}
.userSettingsBox form input[type="text"], .userSettingsBox form input[type="password"] {
    margin-bottom: 20px;
    width: 100%;
}
.userSettingsBox .userSettingsFormSilm {
    clear: both;
    float: none;
    width: 100%;
}
.userSettingsBox form .fieldWrapper {
    margin-left: 0;
}
.userScenarioList .userScenarioItem .userScenarioThumb {
    clear: both;
    float: none;
    margin: 0 auto 10px;
}
.addToUserDone .btn {
    margin-top: 10px;
}
.scenarioLicense {
    text-align: center;
}
.scenarioLicense a.fl {
    float: none;
}
.scenarioLicense .licenseDetail.fl {
    width: 100%;
}
.addToUserDone li {
    margin-top: 10px;
}
.btnRectangleBlue .icon.iconClose {
    line-height: 39px;
}
.authorReadLess, .open .authorReadMore {
    display: none;
}
.open .authorReadLess {
    bottom: 23px;
    display: block;
    position: absolute;
    z-index: 2;
}
.linkMore.authorReadLess::after {
    border-color: transparent transparent #d44a6c;
    border-width: 0 5px 6px;
}
.stageName.styledStageName {
    border-bottom: 1px solid #b7c4d3;
    cursor: pointer;
    height: 21px;
    padding-bottom: 13px;
    padding-top: 13px;
}
header.stageName.styledStageName {
    border-bottom: 1px solid #b7c4d3;
    cursor: pointer;
    height: 21px;
    padding-bottom: 23px;
    padding-top: 13px;
}
header.stageName.styledStageName h2 {
    display: inline-block;
    margin: 0;
}
header.stageName.styledStageName.has-expandedContent {
    margin-bottom: 20px;
}
header.stageName.styledStageName::after {
    margin-top: 16px;
}
.stageName.styledStageName::after {
    border-color: #304d6d transparent transparent;
    border-style: solid;
    border-width: 9px 8.5px 0;
    content: "";
    display: inline-block;
    float: right;
    height: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    vertical-align: middle;
    width: 0;
}
.stageName.styledStageName.has-expandedContent::after {
    border-color: transparent transparent #304d6d;
    border-width: 0 8.5px 9px;
}
.scenarioFileList, .scenarioProcess .hiddenTaskWrapper {
    background-color: #fff;
}
.scenarioFileList .lightBord, .scenarioProcess .hiddenTaskWrapper .lightBord {
    float: left;
    width: 49%;
}
.scenarioFileList .lightBord a, .scenarioProcess .hiddenTaskWrapper .lightBord a {
    padding-left: 0;
    padding-right: 0;
}
.scenarioFileList .lightBord.previewItem, .scenarioProcess .hiddenTaskWrapper .lightBord.previewItem {
    float: right;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner {
    padding: 1px 10px;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .btn.pink, .scenarioFileList .btn.pink {
    background-color: #304d6d;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadType, .scenarioFileList .fileDownloadType {
    margin-bottom: 10px;
    margin-top: 10px;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .fileDownloadDownload {
    margin: 0;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper .player {
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}
.stageContent.taskBoxContent {
    clear: both;
}
.iconHolder {
    background-image: none;
}
.scenarioIconList li .title {
    padding-top: 7px;
}
.iconScenarioGroupActivity {
    background-position: 9.2% 4px;
}
.iconScenarioPhysicalPlay {
    background-position: 29.2% 4px;
}
.iconScenarioAveragMess {
    background-position: 39.5% 4px;
}
.iconScenarioEasyPrepareMedium {
    background-position: 89.2% 4px;
}
.iconScenarioCreativeReflection {
    background-position: 19.2% 4px;
}
.iconScenarioEasyPrepareBig {
    background-position: 99.2% 4px;
}
.iconScenarioAveragMessMedium {
    background-position: 49.2% 3px;
}
.iconScenarioEasyPrepare {
    background-position: 78.9% 2px;
}
.iconScenarioAveragMessBig {
    background-position: 59.2% 3px;
}
.filterGroup {
    border-style: none;
    display: block;
    padding-left: 10px;
    width: 100%;
}
}
@media screen and (max-width: 460px) {
.grayBoxOverflowInnerVPadding.mobilePadding {
    padding-top: 40px;
}    
    
}

@media screen and (max-width: 370px){
    .fl.age-hold{
        width: 50%;
    }
}
@media screen and (min-height: 835px) and (max-width: 766px){
    .mainMenu {
        margin-top: -250%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
body, .wrapper, .medium-full {
    min-width: 0;
    width: 100%;
}
.col-1, .col-last {
    margin-left: 10px;
    margin-right: 10px;
}
header.pageHeader {
    height: 80px;
}
header.pageHeader .logo {
    padding-top: 18px;
}
header.pageHeader .logo img {
    width: 130px;
}
.thumbs {
    margin-left: -10px;
    margin-right: -10px;
}
.serviceLink {
    margin-right: 0;
}
.mainMenu {
    margin-top: 34px;
}
.pageFooter > .contener > .fl.footLogo {
    float: right;
}
.mainMenu > ul > li > a {
    font-size: 16px;
}
.pageFooter .designed.fr {
    padding-bottom: 30px;
}
.medium-full {
    clear: both;
    float: none;
}
.scenarioSmallThumb .desc .time {
    opacity: 1;
}
.contener, .mainPageBanner .mainPageBannerContent {
    width: 715px;
}
.bottomTipInfo {
    display: none;
}
.scenarioPlayer {
    display: none;
}
.autorItemBox {
    width: 347px;
}
.scenarioAboutAuthor .about {
    width: 592px;
}
.yt-player {
    padding-bottom: 54%;
}
.medium-last-col {
    margin-right: 0;
}
.grayBox {
    margin: 0;
}
.col-2 {
    width: 342px;
}
.loginForm .baseLabel, .loginForm .fieldWrapper, .scenarioRatingForm .baseLabel, .userSettingsBox form .fieldWrapper {
    width: 100%;
}
.moreScenarioBtn > div.long {
    width: auto;
}
.loginForm .baseLabel {
    margin-bottom: 5px;
}
.loginForm .fieldWrapper, .userSettingsBox form .fieldWrapper {
    margin-left: 0;
}
.loginForm h3 {
    margin-bottom: 0;
}
.sectionTitle {
    font-size: 23px;
}
form .actionLinkBtn {
    padding-top: 10px;
}
.extraScenarios .scenarioSmallThumb:last-child {
    display: none;
}
.bottom-info {
    margin-bottom: 20px;
}
.col-2.medium-full {
    margin: 0 0 20px;
    width: 100%;
}
.userScenarioList .userScenarioItem .userScenarioAction {
    clear: both;
    float: none;
    padding-top: 20px;
    width: 100%;
}
.sectionMenu .simpleMenuList li a {
    font-size: 17px;
    margin-right: 34px;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper .movieInfo {
    clear: both;
    float: none;
    margin-bottom: 0;
    padding-top: 20px;
    width: 100%;
}
.scenarioDetailsHeader .addAction .recommend {
    padding-left: 0;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper .player {
    float: none;
    height: auto;
    overflow: hidden;
    width: 100%;
}
.aboutUsBoxWrapper .textBox, .aboutUsBoxWrapper .mediaBox {
    width: 100%;
}
.aboutUsBoxWrapper .mediaBox img {
    max-width: 100%;
}
.scenarioProcess .hiddenTaskWrapper .hiddenTaskInner .movieInfoWrapper {
    margin: 0;
}
.hide-for-medium {
    display: none;
}
.aboutUsBoxWrapper .mediaBox {
    background-color: transparent;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.popover.right {
    float: none !important;
}
.patronDetailsDescription {
    box-sizing: border-box;
    margin-right: 0;
    padding: 10px 18px;
    width: 100%;
}
.autorItemBox .authorShortInfo .authorName {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 27px;
}
.grayBoxAuthorDetails.show-for-small {
    display: none !important;
}
.filterGroup {
    border-right-style: none;
    display: block;
    float: left;
    width: 50%;
}
.filterGroup:nth-child(2n+3) {
    clear: both;
    padding-left: 10px;
}
.ageHolder > span {
    clear: both;
    float: none;
}
}
.show-for-medium-down {
    display: none;
}
@media screen and (max-width: 1100px) {
.show-for-medium-down {
    display: block;
}
.survey-container {
    margin-bottom: 45px;
    margin-top: 30px;
}
.survey-frame {
    border: 1px solid #7fa2b8;
    box-sizing: border-box;
    height: 500px;
    width: 100%;
}
.survey-close {
    background-color: #7fa2b8;
    height: 40px;
    width: 100%;
}
.survey-close-icon {
    color: #ffffff;
    float: right;
    height: 40px;
    position: relative;
    width: 50px;
}
.survey-close-icon::after {
    bottom: 0;
    content: "✖";
    font-size: 28px;
    left: 0;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
}
.filtersDashboard form {
    margin: 0 !important;
}