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 25px; } } 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: auto; min-width: 170px; max-width: 400px; 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; }