article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html,
body {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea,
body {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
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.75em;
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;
color: #000;
}
p,
pre {
margin: 1em 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
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: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
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;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ---- setup ---- */
@font-face {
font-family: 'light';
src: url('fonts/electra/elektralight.eot');
src: url('fonts/electra/elektralight.eot?#iefix') format('embedded-opentype'), url('fonts/electra/elektralight.woff') format('woff'), url('fonts/electra/elektralight.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'medium';
src: url('fonts/electra/elektramedium.eot');
src: url('fonts/electra/elektramedium.eot?#iefix') format('embedded-opentype'), url('fonts/electra/elektramedium.woff') format('woff'), url('fonts/electra/elektramedium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helios';
src: url('fonts/helios/HeliosC.eot');
src: url('fonts/helios/HeliosC.eot?#iefix') format('embedded-opentype'), url('fonts/helios/HeliosC.woff') format('woff'), url('fonts/helios/HeliosC.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'helios-bold';
src: url('fonts/helios/HeliosC-Bold.eot');
src: url('fonts/helios/HeliosC-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/helios/HeliosC-Bold.woff') format('woff'), url('fonts/helios/HeliosC-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.clear:after {
content: " ";
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}
html,
body {
font-size: 18px;
min-width: 320px;
position: relative;
font-weight: normal;
font-family: light,Arial,Tahoma;
line-height: normal;
color: #000000;
}
@media (max-width: 4000px) {
body {
font-size: 22px;
}
}
@media (max-width: 1600px) {
body {
font-size: 18px;
}
}
@media (max-width: 1400px) {
body {
font-size: 16px;
}
}
@media (max-width: 1200px) {
body {
font-size: 15px;
}
body .content {
padding: 0 30px;
}
}
@media (max-width: 800px) {
body {
font-size: 13px;
}
}
@media (max-width: 650px) {
body {
font-size: 12px;
}
}
@media (max-width: 650px) {
body .content {
padding: 0 15px;
}
}
a {
text-decoration: underline;
color: #000000;
}
a:hover {
text-decoration: none;
}
img {
vertical-align: top;
display: inline;
}
/* ---- summary ---- */
.blueTitle {
background: #d16e36;
text-transform: uppercase;
color: #fff;
font-size: 1.83333333em;
line-height: 1.2em;
padding: 0.667em .2em 0.600em .2em;
}
@media (max-width: 650px) {
.blueTitle {
font-size: 1.44444444em;
}
}
@media (max-width: 500px) {
.blueTitle {
font-size: 1.16666667em;
}
}
.blueTitle,
.middleTitle,
.middleTitle2,
.smallTitle {
margin: 0;
font-family: 'medium';
text-align: center;
text-transform: uppercase;
}
.middleTitle {
font-size: 1.5em;
padding: 1.4em .2em 1.0em .2em;
color: #d16e36;
}
@media (max-width: 650px) {
.middleTitle {
font-size: 1.22222222em;
}
}
@media (max-width: 500px) {
.middleTitle {
font-size: 1em;
}
}
.middleTitle2 {
font-size: 1.2em;
padding: 1.2em .1em .8em .1em;
color: #d16e36;
}
@media (max-width: 650px) {
.middleTitle2 {
font-size: 1.22222222em;
}
}
@media (max-width: 500px) {
.middleTitle2 {
font-size: .8em;
}
}
.smallTitle2 {
font-size: .8em;
text-align: left;
padding: 0 0 1.1em 0;
text-align: center;
}
@media (max-width: 800px) {
.smallTitle {
padding: 0 0 .1em 0;
}
}
.picName {
text-align: center;
padding: .5em 0;
}
.picName span {
font-size: 1.2em;
font-weight:600;
}
.picName2 {
text-align: left;
padding: .5em 0;
max-width: 1054px;
color: #d16e36;
}
.picName2 span {
font-size: 1.2em;
font-weight:600;
max-width: 1054px;
}
.blueBorderBox,
.megablueBorderBox,
.pink {
font-family: 'medium';
line-height: 1.500em;
font-weight: bold;
border: 9px solid #d16e36;
text-align: justify;
width: 90%;
margin: 1.524em auto 0 auto;
padding: 2.381em 4.2em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 750px) {
.blueBorderBox,
.megablueBorderBox,
.pink {
width: 97%;
padding: 1.881em 2.7em;
}
}
@media (max-width: 500px) {
.blueBorderBox,
.megablueBorderBox,
.pink {
padding: 1.281em 1.7em;
}
}
@media (max-width: 750px) {
.blueBorderBox,
.megablueBorderBox,
.pink {
border: 7px solid #d16e36;
}
}
@media (max-width: 550px) {
.blueBorderBox,
.megablueBorderBox,
.pink {
border: 5px solid #d16e36;
}
}
.blueBorderBox a,
.megablueBorderBox a,
.pink a {
color: #009bc8;
}
.blueBorderBox {
line-height: 1.9em;
}
@media (max-width: 550px) {
.blueBorderBox {
width: 97%;
}
}
@media (max-width: 450px) {
.blueBorderBox {
width: 99%;
}
}
.pink {
background: #f9ede7;
border: none;
font-family: 'light';
font-weight: normal;
width: 100%;
padding: 2.381em 3em;
}
.pink p {
margin: .3em 0;
}
@media (max-width: 750px) {
.pink {
width: 97%;
padding: 1.881em 2em;
}
}
@media (max-width: 500px) {
.pink {
padding: 1.281em 1.5em;
}
}
.megablueBorderBox {
width: 100%;
background: #ebf7fb;
padding: 1.581em 4.2em;
border: none;
max-width: 1320px;
}
.box1054,
.box1160 {
margin: 0 auto;
max-width: 1054px;
}
.box1160 {
max-width: 1160px;
}
/* ---- header ---- */
@media (max-width: 6000px) {
#header,
span#bgheader {
width: 100%;
height: 850px;
}
}
@media (max-width: 2500px) {
#header,
span#bgheader {
width: 100%;
height: 650px;
}
}
@media (max-width: 1600px) {
#header,
span#bgheader {
width: 100%;
height: 600px;
}
}
@media (max-width: 1400px) {
#header,
span#bgheader {
width: 100%;
height: 536px;
}
}
@media (max-width: 1200px) {
#header,
span#bgheader {
width: 100%;
height: 400px;
}
}
@media (max-width: 800px) {
#header,
span#bgheader {
width: 100%;
height: 336px;
}
}
@media (max-width: 680px) {
#header,
span#bgheader {
width: 100%;
height: 300px;
}
}
@media (max-width: 550px) {
#header,
span#bgheader {
width: 100%;
height: 270px;
}
}
@media (max-width: 490px) {
#header,
span#bgheader {
width: 100%;
height: 250px;
}
}
@media (max-width: 420px) {
#header,
span#bgheader {
width: 100%;
height: 220px;
}
}
@media (max-width: 390px) {
#header,
span#bgheader {
width: 100%;
height: 180px;
}
}
#header {
position: relative;
text-transform: uppercase;
font-family: medium;
color: #fff;
}
#header-logo1,
#header-logo2,
#header-social {
position: absolute;
width: 74%;
bottom: 17%;
margin-left: -37%;
left: 50%;
height: 18%;
display: block;
}
#header-logo1 a.ha,
#header-logo2 a.ha,
#header-social a.ha {
width: 50%;
height: 100%;
position: absolute;
}
@media (max-width: 920px) {
#header-logo1,
#header-logo2,
#header-social {
margin-left: -40%;
width: 80%;
}
}
@media (max-width: 640px) {
#header-logo1,
#header-logo2,
#header-social {
margin-left: -47%;
width: 95%;
}
}
#header-logo2 {
bottom: 0%;
}
#header-social {
top: 5%;
bottom: auto;
}
#header-social-inner {
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
padding: 5px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
margin-left: 20px;
}
#header span#bgheader {
background: url(images/shapka2a.jpg) 50% 100% no-repeat;
background-size: cover;
position: fixed;
top: 0;
left: 0;
z-index: -9999;
}
#header .blackCover {
display: block;
width: 100%;
height: 100%;
z-index: 9090;
background: #1E1E1E;
position: absolute;
opacity: 0;
}
#downArrow {
width: 100%;
display: block;
padding-top: 1.8em;
text-align: center;
}
/* ---- main ---- */
#mainWraper {
position: relative;
width: 100%;
min-width: 320px;
}
#bm {
overflow: hidden;
}
.social {
position: relative;
text-align: center;
padding: 2.5em 0 2em 0;
}
#socialTop.social {
border: 1px solid red;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.social-gen {
margin-right: 10px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
position: relative;
}
.social-gen:last-child {
margin-right: 0;
}
.social-separ {
display: none;
height: 20px;
}
@media (max-width: 450px) {
.social-separ {
display: block;
}
}
#mainWraperInner {
position: relative;
background: #fff;
}
#mainWraperInner-header {
text-align: left;
border: 9px solid #a93439;
padding: 2.333em 3.444em;
margin-bottom: 3.733em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family: 'helios';
font-weight: bold;
text-transform: uppercase;
color: #a93439;
font-size: 1.11111111em;
}
@media (max-width: 1250px) {
#mainWraperInner-header {
border: 5px solid #a93439;
}
}
@media (max-width: 650px) {
#mainWraperInner-header {
padding: 0.8em 1.444em;
}
}
@media (max-width: 750px) {
#mainWraperInner-header {
border: 7px solid #a93439;
font-size: 1em;
}
}
@media (max-width: 550px) {
#mainWraperInner-header {
border: 5px solid #a93439;
}
}
#mainWraperInner-header-inner {
display: none;
}
@media (max-width: 1200px) {
#mainWraperInner-header-inner {
padding: 0 30px;
}
}
@media (max-width: 980px) {
#mainWraperInner-header-inner {
display: block;
}
}
@media (max-width: 650px) {
#mainWraperInner-header-inner {
padding: 0 15px;
}
}
#mainWraperInner-header h2 {
font-size: 1.66666667em;
margin: 0;
padding: 0 0 0.400em 0;
}
#mainWraperInner-header .header-title {
line-height: 1.5em;
cursor: pointer;
padding-bottom: 10px;
display: inline-block;
}
@media (max-width: 750px) {
#mainWraperInner-header .header-title {
padding-bottom: 5px;
}
}
@media (max-width: 550px) {
#mainWraperInner-header .header-title {
padding-bottom: 5px;
}
}
#mainWraperInner-header ol {
counter-reset: li;
margin: 0;
list-style: none;
position: relative;
}
#mainWraperInner-header ol.h-list {
padding-left: 1em;
}
#mainWraperInner-header li:before {
counter-increment: li;
content: counters(li, ".") ". ";
position: absolute;
top: .15em;
left: 0;
}
#mainWraperInner-header ol li.firstList:before {
content: '';
}
#mainWraperInner-header li {
padding: 0 0 1em 1.5em;
position: relative;
}
@media (max-width: 750px) {
#mainWraperInner-header li {
padding-bottom: 0.5em;
}
}
#mainWraperInner-header li:last-child {
padding-bottom: 0;
}
#mainWraperInner-header ol li ol {
margin: 0;
padding: 0;
}
#mainWraperInner-header a {
color: #a93439;
text-decoration: underline;
}
#mainWraperInner-header a:hover {
text-decoration: none;
}
#mainWraperInner-header ol li ol li {
font-family: 'helios';
font-weight: normal;
font-size: 0.88888889em;
color: #000;
padding-left: 2em;
padding-bottom: 0.3em;
}
#mainWraperInner-header ol li ol li:before {
top: 0em;
}
#mainWraperInner-header ol li ol li a {
color: #000;
text-transform: none;
}
#mainWraperInner-header #ogl {
color: #000;
padding-bottom: 1em;
text-transform: none;
}
#mainWraperInner .content {
line-height: 1.900em;
/*text-align: justify;*/
}
#mainWraperInner .content table {
margin: 1em 0;
}
#mainWraperInner .content table tr td {
width: 50%;
text-align: left;
padding: 1em 0.6em;
}
#mainWraperInner .content table tr td:last-child {
text-align: justify;
}
#mainWraperInner .content table tr td img {
width: 100% !important;
}
@media (max-width: 900px) {
#mainWraperInner .content img:not(.arrowClass) {
width: 100% !important;
margin-right: 0 !important;
}
}
#mainWraperInner .content .table {
display: table;
width: 100%;
margin: 1em 0;
}
@media (max-width: 850px) {
#mainWraperInner .content .table {
display: block;
}
}
#mainWraperInner .content .table .tableCell {
display: table-cell;
vertical-align: middle;
text-align: left;
width: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 1em 0.6em;
}
#mainWraperInner .content .table .tableCell img {
width: 100% !important;
height: auto !important;
}
#mainWraperInner .content .table .tableCell:last-child {
text-align: justify;
}
@media (max-width: 850px) {
#mainWraperInner .content .table .tableCell:last-child {
width: 100%;
display: block;
}
}
@media (max-width: 850px) {
#mainWraperInner .content .table .tableCell:first-child {
width: 100%;
display: block;
}
}
#mainWraperInner .content-padding {
padding-top: 2.222em;
}
#mainWraperInner .content ul,
#mainWraperInner .content ol {
list-style: none;
padding: 0;
}
#mainWraperInner .content ul li,
#mainWraperInner .content ol li {
padding-bottom: 0.5em;
}
#mainWraperInner .content .listOfItem {
padding: 0;
margin: 0;
position: relative;
padding-left: 1.344em;
}
#mainWraperInner .content .listOfItem:before {
position: absolute;
display: block;
content: ' ';
background: url('images/list.gif') no-repeat 0 0;
width: 0.622em;
height: 0.622em;
top: 0.59384615em;
left: 0;
}
#mainWraperInner .content .listOfItem:before {
background-size: 0.622em 0.622em;
background-size: cover;
}
@media (max-width: 450px) {
ol li ol {
padding-left: 15px;
}
}
#headerTest {
position: absolute;
left: 0;
top: 0;
z-index: 9090;
}
@media (max-width: 900px) {
#headerTest {
position: fixed;
top: 0;
left: 0;
width: 100%;
text-align: center;
}
}
#headerLeft {
position: absolute;
left: 0;
margin-top: 230px;
z-index: 9089;
color: #fff;
}
@media (max-width: 980px) {
#headerLeft {
position: static;
top: 0;
left: 0;
margin-top: 0;
display: none;
}
}
#headerLeft a#headerLnk {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 1.33333333em;
text-align: center;
text-decoration: none;
color: #fff;
display: inline-block;
*display: inline;
*zoom: 1;
position: absolute;
left: -3em;
top: 0;
padding: 0.5em 0.5em 0.6em 0.5em;
background: #d16e36;
letter-spacing: 2px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
line-height: 1em;
/*Firefox*/
-moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
-moz-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
@media (max-width: 900px) {
#headerLeft a#headerLnk {
-webkit-transform: rotate(0);
transform: rotate(0);
position: static;
left: 0;
border-top: 0;
}
}
@media (max-width: 1200px) {
#headerLeft a#headerLnk {
font-size: 16px;
}
}
#headerSlider {
font-size: 0.88888889em;
z-index: 0;
margin-top: 0.5em;
padding: 1em 2em;
color: #000;
color: #e7e7e7;
background: #d16e36;
border: 1px solid #fff;
/*Firefox*/
-moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 21px;
-moz-border-bottom-right-radius: 21px;
-moz-border-bottom-left-radius: 0px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 21px;
-webkit-border-bottom-right-radius: 21px;
-webkit-border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 21px;
border-bottom-right-radius: 21px;
border-bottom-left-radius: 0px;
display: none;
border-left: none;
}
#headerSlider a {
color: #e7e7e7;
}
#headerSlider ol {
counter-reset: li;
margin: 0;
list-style: none;
margin-left: 45px;
}
#headerSlider ol.h-list {
padding-left: 0;
}
#headerSlider li:before {
counter-increment: li;
content: counters(li, ".") ". ";
}
#headerSlider ol li.firstList:before {
content: '';
}
#headerSlider ol li ol {
padding-left: 0px;
font-size: 0.88888889em;
}
#headerSlider li {
line-height: 1.8em;
}
@media (max-width: 900px) {
#headerSlider {
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
margin: 0 auto;
position: relative;
margin-top: -7px;
}
#headerSlider ol {
padding-left: 20px;
text-align: left;
}
}
@media (max-width: 700px) {
#headerSlider {
font-size: 13px;
}
}
#mainWraperInner .pink {
background: #f9ede7;
}
#mainWraperInner .pink ul {
list-style-type: disc;
margin-left: 20px;
}
@media (max-width: 800px) {
#mainWraperInner .pink ul {
margin-left: 0;
}
}
.peopleBox {
position: relative;
}
.peopleBox-gen {
background: #f3f3f3;
position: relative;
width: 100%;
}
.peopleBox-gen:nth-child(1) {
float: left;
}
.peopleBox-gen:nth-child(2) {
float: right;
}
.peopleBox-gen-bottom {
background: #f3f3f3;
padding: 2em;
font-family: 'helios';
font-size: 0.88888889em;
line-height: 1.5em;
}
@media (max-width: 800px) {
.peopleBox-gen {
width: 100%;
float: none;
}
}
.peopleBox-gen-top {
background: #d3743e;
color: #fff;
border-spacing: 0;
display: table;
width: 100%;
font-family: 'helios-bold';
font-size: 0.9em;
text-transform: uppercase;
text-align: left;
}
.peopleBox-gen-top2 {
background: #d3743e;
color: #fff;
border-spacing: 0;
display: table;
width: 100%;
font-family: 'helios';
font-size: 0.73em;
text-transform: uppercase;
text-align: left;
line-height: 1.8em;
}
@media (max-width: 1000px) {
.peopleBox-gen-top {
font-size: 0.77777778em;
}
}
@media (max-width: 800px) {
.peopleBox-gen-top {
font-size: 1em;
}
}
@media (max-width: 900px) {
.peopleBox-gen-top {
line-height: 1.9em;
}
}
@media (max-width: 400px) {
.peopleBox-gen-top {
font-size: 0.72222222em;
}
}
.peopleBox-gen-top span,
.peopleBox-gen-top div {
display: table-cell;
vertical-align: middle;
}
.peopleBox-gen-top div {
padding-left: 2em;
}
@media (max-width: 1000px) {
.peopleBox-gen-top div {
padding-left: 1em;
}
}
.peopleBox-gen-top span {
width: 10%;
}
.peopleBox-gen-top span img {
display: block;
}
@media (max-width: 1000px) {
.peopleBox-gen-top span img {
width: 120px !important;
}
}
.quiestGen {
margin-bottom: 3em;
}
.quiestGen-quest {
display: table;
width: 95%;
margin: 0 auto;
}
.quiestGen-lnk,
.quiestGen-arrow {
display: table-cell;
vertical-align: middle;
}
.quiestGen-lnk {
text-decoration: none;
line-height: 1.4em;
}
.quiestGen-lnk2 {
display: inline-block;
*display: inline;
*zoom: 1;
}
.quiestGen-arrow {
width: 4em;
text-align: right;
}
.quiestGen-arrow img {
width: 1em;
height: auto;
}
.quiestGen-answ {
background: #f1f0f5;
font-style: normal;
padding: 2em;
margin-top: 1em;
display: none;
line-height: 1.4em;
}
.quiestGen-answ p.listOfItem {
line-height: 1.7em;
}
h1 .addr,
h2 .addr,
h3 .addr,
h4 .addr,
h5 .addr,
h6 .addr,
.peopleBox-gen-top .addr {
color: inherit;
border-bottom: 1px dotted #fff;
}
.addr {
border-bottom: 1px dotted #d16e36;
color: #d16e36;
cursor: pointer;
line-height: 1.2em;
display: inline-block;
*display: inline;
*zoom: 1;
}
hr {
width: 300px;
margin: 0 auto;
}
.cat {
display: none;
}
.catLnk {
text-align: center;
}
.orangeButton {
display: inline-block;
*display: inline;
*zoom: 1;
text-decoration: none;
background: #d16e36;
padding: .35em 3em;
text-transform: uppercase;
color: #fff;
text-align: center;
font-weight: bold;
border: 1px solid #d16e36;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=169, Color=#938a8a)";
/*IE 8*/
-moz-box-shadow: 1px 5px 7px #938a8a;
/*FF 3.5+*/
-webkit-box-shadow: 1px 5px 7px #938a8a;
/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 1px 5px 7px #938a8a;
/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=169, Color=#938a8a);
/*IE 5.5-7*/
}
.orangeButton:hover {
text-decoration: underline;
}
.addr {
position: relative;
}
.addrShow {
position: absolute;
left: 0;
top: 130%;
z-index: 100;
font-size: 14px;
color: #000;
line-height: 1.3em;
width: 360px;
text-align: left;
font-weight: normal !important;
font-family: light;
font-style: normal;
text-transform: none;
background: #f4f1f1;
padding: .9em .4em;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;
/*padding-left: 0.8em;*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#333333)";
/*IE 8*/
-moz-box-shadow: 0px 1px 3px #333333;
/*FF 3.5+*/
-webkit-box-shadow: 0px 1px 3px #333333;
/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 1px 3px #333333;
/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#333333);
/*IE 5.5-7*/
}
@media (max-width: 800px) {
.addrShow {
font-size: 12px;
}
}
@media (max-width: 600px) {
.addrShow {
font-size: 11px;
}
}
.addrShow-inner {
display: inline-block;
*display: inline;
*zoom: 1;
background: #f4f1f1;
text-align: left;
}
#bookmarskAdd,
.bookmarks {
border-top: 23px solid #92d035;
border-bottom: 23px solid #92d035;
border-left: 10px solid transparent;
height: 0;
font-size: 0;
line-height: 0;
width: 30px;
right: 0;
}
#bookmarskAdd {
border-top: 23px solid #92d035;
border-bottom: 23px solid #92d035;
position: fixed;
top: 50%;
z-index: 9089;
margin-top: -23px;
}
.bookmarks {
position: absolute;
z-index: 9090;
top: 0;
display: inline-block;
*display: inline;
*zoom: 1;
}
#overlayBoxMain {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: url(../img/overlay.png) repeat;
display: none;
}
#overlayBoxMain-inner {
position: absolute;
width: 200px;
padding: .8em 1em;
background: #fff;
left: 50%;
top: 45%;
text-align: center;
margin-left: -100px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#overlayBoxMain-inner-close {
display: block;
position: absolute;
top: -30px;
right: -34px;
width: 27px;
height: 26px;
background: url(../img/close2.png) no-repeat;
outline: 0;
z-index: 19999;
cursor: pointer;
}
body a,
body a:focus,
body a:hover,
body a:active {
outline: none;
}
#arrowBookmars {
position: fixed;
right: 0;
top: 0;
border: 2px solid #92d035;
border-top: none;
background: #fff;
z-index: 9091;
display: none;
}
#arrowBookmars img {
display: block;
vertical-align: top;
width: 60px;
height: auto;
}
@media (max-width: 1400px) {
#arrowBookmars img {
width: 50px;
height: auto;
}
}
@media (max-width: 750px) {
#arrowBookmars img {
width: 50px;
height: auto;
}
}
@media (max-width: 400px) {
#arrowBookmars img {
width: 40px;
height: auto;
}
}
#arrowBookmars a {
float: left;
padding: 5px 10px;
}
@media (max-width: 400px) {
#arrowBookmars a {
padding: 3px 5px;
}
}
#arrowBookmars a:first-child {
border-right: 2px solid #92d035;
}
.pdf {
background-image: url("images/pdf.svg");
background-repeat:no-repeat;
background-size: 32px 32px;
line-height: 3.3em;
/*background-position: 36%; */
padding: 10px 0px 10px 35px;
-ms-background-position-x: 0px;
-ms-background-position-y: 4px;
}
.hideme
{
opacity:0;
}
/* Animation begin */
.fromTopIn {
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
-o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease;
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.fromBottomIn, .fromTopOut {
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
-o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.fromTopOut {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
transform: translate(0, -10px);
opacity: 0
}
.fromBottomIn {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.fromBottomOut, .fromLeftIn {
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
-o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.fromBottomOut {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: translate(0, 10px);
-moz-transform: translate(0, 10px);
-ms-transform: translate(0, 10px);
-o-transform: translate(0, 10px);
transform: translate(0, 10px);
opacity: 0
}
.fromLeftIn {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.fromLeftOut, .fromRightIn {
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
-o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.fromLeftOut {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: translate(-10px, 0);
-moz-transform: translate(-10px, 0);
-ms-transform: translate(-10px, 0);
-o-transform: translate(-10px, 0);
transform: translate(-10px, 0);
opacity: 0
}
.fromRightIn {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1
}
.fromRightOut, .scaleUpIn {
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
-o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.fromRightOut {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: translate(10px, 0);
-moz-transform: translate(10px, 0);
-ms-transform: translate(10px, 0);
-o-transform: translate(10px, 0);
transform: translate(10px, 0);
opacity: 0
}
.scaleUpIn {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1
}
.scaleDownIn, .scaleUpOut {
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
-o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}
.scaleUpOut {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
opacity: 0
}
.scaleDownIn {
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1
}
.scaleDownOut {
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
-moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
-o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease;
transition: transform 1s ease, opacity 1s ease;
transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
-webkit-transform: scale(.7, .7);
-moz-transform: scale(.7, .7);
-ms-transform: scale(.7, .7);
-o-transform: scale(.7, .7);
transform: scale(.7, .7);
opacity: 0
}
/* Animation end */
.accent_block{
padding: 1em 1.5em;
margin: 0 0 2em -2px;
/* min-height: 9.5em;
overflow: hidden;
*/
background: #f9f4e6 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZiZjRlMyIgLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmN2YzZWIiIC8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6dXJsKCNnKSIvPjwvc3ZnPg==');
background-image: -moz-linear-gradient(top, #fbf4e3, #f7f3eb);
background-image: -o-linear-gradient(top, #fbf4e3, #f7f3eb);
*filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr = #fbf4e3, endColorstr = #f7f3eb);
border-radius: 5px;
-moz-border-radius: 5px;
z-index: 2;
}
.accent_block.extra {
width: 21%;
min-width: 160px;
}
.accent_block.extra.right {
float: right;
margin-left: 20px;
}
.accent_block.extra.right.wide{
width: 40%;
}
.accent_block.extra.right ul.without_dash {
margin: 0 !important;
}
.accent_block.extra.right ul.without_dash li {
margin-left: 0 !important;
}
.accent_block.extra > ul.without_dash {
margin: 0;
}
form.accent_block{
padding-top: 1.5em;
padding-bottom: 1.5em;
}
.accent_block .accent_block_img {
float: left;
margin-right: 15px;
margin-top: 1.8em;
}
.separate_block {
margin: 4em 0;
}
h1 + #content .regions_menu {
margin-top: 1.65em;
}
ul {
list-style: none;
display: block;
margin-top: 1em;
}
li {
position:relative;
}
ul li{
list-style-image: url(images/list.gif);
padding-left: 0.5em;
}
ul li ul li{
list-style-image: url(images/list2.gif);
padding-left: .5em;
margin-left: 2em;
}