* {
    margin:0;
    padding:0;
    }
    
    .rebus_item {
      height: 15em;
    }
    
    aside, footer, address, section, nav, header {
    display:block;
    }
    
    img, iframe, video, embed {
    max-width:100%!important;
    }
    
    table {
    width:100%;
    }
    
    fieldset, a img, img a {
    border:none;
    text-decoration:none;
    }
    
    input, textarea {
    max-width:95%;
    }
    
    cite {
      font-size: 0.8em;
      font-weight: bold;
      font-style: normal;
      margin: 1em 1.5em;
    }
    
    dt {
      font-weight:normal;
      margin:1em;
    }
    
    dd {
      font-style:italic;
      margin:1em 1.5em;
    }
    
    
    /*  TIPO  */
    
    h1 {
    font-size:2.1em;
    color:#0c0c0c;
    padding:0 0 0.5em 0;
    font-family:Times New Roman,serif;
    }
    
    h2 {
    font-size:2.2em;
    color:#0c0c0c;
    padding:0 0 0.5em 0;
    font-weight: bold;
    line-height: 1.3;
    font-family:Times New Roman,serif;
    text-align: left;
    }
    
    h3 {
    font-size:1.875em;
    color:#0c0c0c;
    padding:0.5em 0;
    font-weight: normal;
    font-family:arial;
    text-align:center;
    }
    
    h4 {
    font-size:1.5em;
    color:#0c0c0c;
    padding:0.3em 0;
    font-family:Times New Romanserif;
    }
    
    h5 {
    font-size:1.2em;
    color:#0c0c0c;
    font-family:Times New Romanserif;
    padding:0.3em 0;
    }
    
    h6 {
    font-size:0.8em;
    color:gray;
    font-weight:normal;
    font-family:arial,san-serif;
    }
    
    h6:hover {
    text-decoration:underline;
    }
    
    .counter {
    display: none;
    }
    
    .lineover {
    border-top: solid #c8bfbf 0.1em;
    }
    
    .line-1 {
    width:66.5%; 
    padding:0.1em 0;
    display:inline-block;
    }
    
    .line-1-inside {
    border-top: solid #c8bfbf 0.1em;
    width:66.5%; 
    padding:0.1em 0;
    display:inline-block;
    }
    
    .line-1_a {
    width:48%;
    height:16em;
    float: left; 
    display: inline-block; 
    border-right: solid #c8bfbf 0.1em; 
    padding-right: 0.5em;
    }
    
    .line-1_b {
    width: 48%; 
    height:16em;
    display: inline-block; 
    margin-left: 0.5em;
    }
    
    .line-1_c {
    float: right; 
    width: 32%; 
    height: 32.4em;
    display: inline-block; 
    border-left: solid #c8bfbf 0.1em; 
    padding-left: 0.5em;
    }
    
    .line-2 {
    border-top: solid #c8bfbf 0.1em; 
    padding:0.1em 0;
    display:block;
    }
    
    .line-2_a {
    width:48%;
    height:33em;
    float: left; 
    display: inline-block; 
    border-right: solid #c8bfbf 0.1em; 
    padding-right: 0.5em;
    }
    
    .line-2_b {
    width: 48%;
    display: inline-block; 
    margin-left: 0.5em;
    }
    
    .line-2_b-2 {
    width: 48%;
    display: inline-block; 
    margin-left: 0.5em;
    }
    
    .photo_pp {
    width: 25%; 
    float: right;
    }
    
    .proba_pera {
    width: 73%; 
    float: left;
    }
    
    .newton {
    width: 60%; 
    float: right;
    display:inline-block;
    }
    
    .photo_newton {
    width: 45%; 
    float: right;
    }
    
    .text_newton {
    float: left; 
    width: 53%;
    }
    
    .tigr_text {
    width: 49%; 
    float: left; 
    display: inline-block;
    }
    
    .tigr_photo {
    width: 49%; 
    float: right; 
    display: inline-block;
    }
    
    .ata {
    float: left; 
    width: 38%; 
    padding-right: 0.5em; 
    border-right: solid #c8bfbf 0.1em;  
    display: inline-block;
    }
    
    p {
    font-size:1.1rem;
    color:#444;
    padding:0 0 0.7em 0;
    line-height: 1.4;
    font-family:arial;
    }
    
    ol, ul {
    font-size:1.1rem;
    color:#111;
    padding:0.5em 20px;
    font-family:Times New Roman,serif;
    }
    
    .main li {
    padding:0 0 0.3em 0;
    font-family:arial;
    }
    
    table {
    font-size:1.1rem;
    color:#333;
    }
    
    blockquote {
    padding:10px;
    background:#eee;
    border:1px solid #ccc;
    margin:0 0 1em 0;
    }
    
    table.category  td {
    padding:0.3em 0;
    }
    
    table.category a {
    text-decoration:none;
    }
    
    table.category a:hover {
    text-decoration:underline;
    }
    
    pre {
    overflow:auto;
    font-size:1em;
    color:#555;
    background:#eee;
    padding:1em 2%;
    border:1px solid #ddd;
    border-radius:4px;
    }
    
    dt{
    font-weight: bold;
    font-size:1rem;
    }
    
    dd, dt {
    font-size:1.1rem;
    }
    
    
    /* TIMER */
    
    /* #timer span {
        color: black;
    } */
    
    
    /* TEST */
    
    .test__item {
        display: grid;
        grid-template-areas: "test_img"
                             "test_text";
    }
    
    .hide {
        display: none;
    }
    
    .show {
        display: grid;
    }
    
    @media(min-width: 640px) {
        /* .test__item {
            grid-gap: 1em;
            grid-template-columns: 0.5fr 1fr; 
            grid-template-areas: "test_krylov_img test_krylov_text";
        } */
    
        .show {
            display: block;
        }
    }
    
    .tick {
        display: inline-block;
        text-align: center;
        width: 18px;
        height: 18px;
        border: 0.1em solid black;
        padding: 0.1em;
        cursor: pointer;
    }
    
    .descr {
        font-size: 0.8em;
        margin-top: 1em;
        padding: 0.5em;
    }
    
    #test {
        font-size: 1.3em;
        padding: 0.5em;
    }
    
    #test_result {
        margin: 3em 0;
        text-align: center;
        font-size: 1.3em;
        font-style: italic;
    }
    
    .qnum {
        font-weight: bold;
    }
    
    .answ li {
        list-style: none;
        font-style: italic;
        margin-bottom: 0.5em;
        padding: 0.2em;
    }
    
    .right {
        background: rgba(222, 255, 206, 1);
    }
    
    .wrong {
        background: rgba(255, 206, 206, 1);
    }
    
    .tick {
        display: inline-block;
        text-align: center;
        width: 18px;
        height: 18px;
        border: 0.1em solid black;
        /* border-radius: 100%; */
        padding: 0.1em;
        cursor: pointer;
    }
    
    .test_btn {
        width: 40%;
        text-align: center;
        padding: 0.5em;
        background: #f0eded;
        cursor: pointer;
        /* border: solid white 0.2em; */
        box-shadow: 0 5px 30px 0 rgba(255, 255, 255, 1);
        color: #b30000;
    }
    
    .test_btn:hover {
        text-decoration: underline;
    }
    
    
    
    .result-title {
    padding:1em 0 0 0;
    }
    
    .highlight {
    background:#fdf852;
    }
    
    .pull-left {float:left; margin-right: 0.5em;}
    
    /*  Layout   */
    
    #page {
    line-height:1.5;
    } 
    
    .layout {
    margin:0;
    overflow:hidden;
    }
    
    .topmenu {
    width:100%;
    }
    
    .topmenu ul, #menu ul {
    padding:0;
    }
    
    .topmenu li {
    float:right;
    padding:0 0 0 20px;
    list-style:none;
    }
    
    .topmenu a {
    text-decoration:none;
    }
    
    .topmenu a:hover {
    text-decoration:underline;
    }
    
    body {
    /*background-image: url(fonNY.jpg);*/
    background-attachment: fixed;
    background:#f1ebe8;
    }
    
    #header {
    padding-bottom:0.5em;
    }
    
    #header img {
    }
    
    .logo {
    margin: 1.5em auto 0 auto;
    position:relative;
    width:55%;
    overflow:hidden;
    }
    
    .titlehead {
    display:block;
    float:left;
    }
    
    .top {
    width:25%;
    float:right;
    overflow:hidden;
    text-align:right;
    }
    
    .top .search {
    margin:2.5em 0;
    }
    
    .top .search input[type=search] {
    padding:0.3em 10px 0.2em 10px;
    font-size:1rem;
    }
    
    .top .search input[type=image] {
    background:none;
    padding:0;
    margin:0;
    }
    
    #menu {
    overflow:hidden;
    padding:0.5em 0;
    }
    
    #menu li {
    float:left;
    list-style:none;
    }
    
    #menu a {
    text-decoration:none;
    }
    
    #menu li.parent>a::after {
    /*content:"▼";*/
    content:"▼";
    display: inline-block;
    padding-left:4px;
    font-size:70%;
    }
    
    #menu li.parent > ul {
    display:none;
    }
    
    #menu li.parent>ul li {
    float:none;
    }
    
    #menu li.parent:hover > ul {
    display:block;
    position:absolute;
    z-index:999;
    padding:0;
    }
    
    #menu li.parent > ul li {
    padding-top:0.5em;
    padding-bottom:0.5em;
    }
    
    #menu li.parent > ul li a:hover {
    text-decoration:underline;
    }
    
    .korotko_nav_btn {
        background: rgb(0, 0, 0);
        color: #fff;
        font-size: 2em;
        cursor: pointer;
        opacity: 0.5;
        position: absolute;
        z-index: 1;
        width: 100%;
        margin-top: 20%;
    }
    
    .korotko_nav_btn:hover {
        opacity: 1;
    }
    
    #korotko_next {
        width: 12%;
        right: 0;
        text-align: right;
        border-radius: 45% 0 0 45%;
    }
    
    #korotko_prev {
        width: 12%;
        border-radius: 0 45% 45% 0;
    }
    
    .slider {
        position: relative;
        width: 100%;
    }
    
    .item {
        display: block;
        float: left;
    }
    
    .slider-inner {
        display: block;
    }
    
    #content {
    background:#fff;
    width:92%;
    margin:0 auto;
    }
    
    .left-main {
    grid-area: leftmain;
    background:#fff;
    overflow:hidden;
    }
    
    .right-main {
        grid-area: rightmain;
        border-left: 0.1em solid #c8bfbf;
        padding-left: 0.3em;
    }
    
    /* .on_main_content {
        display: block;
    } */
    
    
    .on_main_content {
        /* display: grid; */
        grid-gap: 0.5em;
        grid-template-areas: "rightmain"
                             "leftmain";
    }
    
    
    @media(min-width: 640px) {
    
        .on_main_content {
            grid-template-columns: 1fr 0.6fr;
            grid-template-areas: "leftmain rightmain";
        }
    
        .left-main {
            display: block;
            float: left;
        }
            
        .right-main {
            display: block;
            float: right;
        }
    
    }
    
    .banner {
    width:99%;
    overflow:hidden;
    }
    
    .endofthepage {
    width:30%;
    }
    
    .aftertext {
    width:99%;
    display:inline-block;
    overflow:hidden;
    }
    
    .material {
    width:99%;
    display:inline-block;
    }
    
    .place {
    width:99%;
    display:inline-block;
    }
    
    .a {
    width:99%;
    display:inline-block;
    }
    
    .b {
    width:99%;
    display:inline-block;
    }
    
    .afterwords {
    width:99%;
    display:inline-block;
    }
    
    .main {
    float:right;
    margin:0;
    padding-left: 0.5em;
    border-left:0.1em solid #c8bfbf;
    }
    
    .deviz {
    font-size: 1.4em;
    font-family: Times New Roman,serif;
    margin-bottom: 1em;
    text-align: center;
    }
    
    .heading_mir {
    width:16%;
    }
    
    .heading_alma {
    width:17%;
    }
    
    .heading_psy {
    width:52%;
    }
    
    .heading_diy {
    width:41%;
    }
    
    .heading_bd {
    width:48%;
    }
    
    .heading_reply {
    width:18.5%;
    }
    
    .heading:hover {
    text-decoration: underline;
    }
    
    #footer {
    width:92%;
    margin:0 auto;
    overflow:hidden;
    }
    
    #debug {
    background:#222;
    text-align:center;
    color:#ccc;
    padding:0.5em 0 0 0;
    }
    
    #debug a {
    color:#eee;
    text-decoration:underline;
    }
    
    #debug a:hover {
    text-decoration:none;
    }
    
    #debug p {
    color:#ccc;
    }
    
    /*  Разные макеты */
    
    #layout_m {
    width:40%;
    padding:1em 1.5%;
    }
    
    #layout_mr {
    padding:1em 1.5%;
    }
    
    #layout_mlr {
    padding:1em 1.5%;
    margin-right:2.5%;
    }
    
    .nomargin {
    margin-right:0!important;
    }
    
    
    /*  Модули   */
    
    .moduletable {
    padding: 0.1em;
    background:#fff;
    }
    
    .moduletable h3 {
    padding:0 0 0 0;
    margin:0 0 0 0;
    text-align:left;
    font-size:1.235rem;
    font-weight:normal;
    /*background:#b2b2b2;*/
    /*border-bottom:0.1em solid black;*/
    
    }
    
    .moduletable ul {
    padding:0;
    }
    
    .moduletable li {
    list-style:none;
    }
    
    .category_link {
    font-size:0.8em;
    color:gray;
    text-decoration:none;
    }
    
    .category_link:hover {
    text-decoration:underline;
    }
    
    .headlink {
    text-decoration:none;
    font-size:1.1em;
    color:#0c0c0c;
    font-family:Times New Roman,serif;
    font-weight:bold;
    
    }
    
    .headlink:hover {
    color:gray;
    }
    
    .text_link {
        color:#0c0c0c;
        text-decoration: none;
    }
    
    .text_link:hover {
        text-decoration: underline;
    }
    
    .sign {
    font-size:0.8em;
    font-style:italic;
    margin: 1em 0;
    }
    
    #footer .moduletable {
    background: inherit;
    }
    
    .moduletable_ads {
    background:#85d5e2;
    border:3px dashed #3da8b9;
    padding:0.3em 3%;
    }
    
    .moduletable_ads h3 {
    font-size:1.6em;
    padding:0.3em 0;
    }
    
    /*  Для материалов  */
    
    div.icons {
    overflow:hidden;
    padding:0.4em 0;
    float:right;
    }
    
    div.icons ul {
    padding:0;
    }
    
    div.icons li {
    float:right;
    list-style:none;
    padding:0 5px 0 0;
    }
    
    .dropdown-toggle {
    display:none;
    }
    
    .article-info {
    font-size:100%;
    color:#666;
    padding:0.5em 0;
    }
    
    ul.tags {
    padding:0.5em 0;
    overflow:hidden;
    }
    
    ul.tags li {
    list-style:none;
    float:left;
    margin:0 5px 0.4em 0;
    }
    
    ul.tags li a {
    text-decoration:none;
    color:#ebf5fe;
    background:#426C88;
    padding:.1em 10px .2em 10px;
    border-radius:10px;
    line-height:100%;
    transition: 0.4s;
    font-size:110%;
    }
    
    ul.tags li a:hover {
    background:#444;
    transition: 0.4s;
    }
    
    .inline a {
    display: inline-block;
    }
    
    ul.pagenav {
    padding:1em 0;
    overflow:hidden;
    }
    
    ul.pagenav li {
    list-style:none;
    }
    
    ul.pagenav li.previous {
    float:left;
    }
    
    ul.pagenav li.next {
    float:right;
    }
    
    .pagination {
    margin:1em 0;
    overflow: hidden;
    }
    
    .pagination ul {
    padding:0
    }
    
    .pagination ul li {
    list-style: none;
    float:left;
    padding:0 7px 0 0;
    }
    
    .pagination ul li a {
    background:#6081a2;
    padding:0 7px;
    color:#fff;
    text-decoration:none;
    transition: 0.4s;
    }
    
    .pagination ul li a:hover {
    background:#b2b2b2;
    transition: 0.5s;
    }
    
    .userdata #jt_lidform .btn, .button {
    display:inline-block;
    font-size:95%;
    color:#3e3c3c;
    text-decoration:none;
    background:#f0eded;
    padding:0.2em 0.5em;
    cursor:pointer;
    border:none;
    margin:1em 0;
    }
    
    .userdata #lidform .btn:hover, .button:hover {
    background:#f0eded;
    text-decoration:underline;
    }
    
    .btn {
    text-decoration:none;
    color:#b30000;
    font-size:1em;
    font-family:Times New Roman,serif;
    }
    
    .readmore {
    text-decoration:none;
    color:#b30000;
    font-size:1em;
    font-family:Times New Roman,serif;
    }
    
    .btn:hover {
    color:gray;
    text-decoration:none;
    background:#fff;
    }
    
    .readmore:hover {
    text-decoration:underline;
    color:gray;
    }
    
    .mail_link {
    text-decoration:none;
    color:#b30000;
    }
    
    .mail_link:hover {
    text-decoration:underline;
    color:gray;
    }
    
    /*  Колонки для блога  */
    
    .cols-1 {
    width:100%;
    }
    
    .cols-2 {
    width:48%;
    margin:0 2% 0 0;
    float:left;
    }
    
    .cols-2 .span6 {
    width:100%;
    }
    
    .cols-3 .span4 {
    width:31%;
    margin:0 2% 0 0;
    float:left;
    padding: 0;
    }
    
    span.row-separator {
        clear: both;
        display: block;
    }
    
    .items-more {
    clear:both;
    }
    
    .items-more ol {
    }
    
    
    /*  Ширина модулей (размер bootstrap)   */
    
    .span1 {
    width:7.33%;
    float:left;
    padding:1em 0.5%;
    }
    
    .span2 {
    width:15.66%;
    float:left;
    padding:1em 0.5%;
    }
    
    .span3 {
    width:22.9%;
    float:left;
    padding:1em 1%;
    }
    
    .span4 {
    width:31.3%;
    float:left;
    padding:1em 1%;
    }
    
    .span5 {
    width:39.6%;
    float:left;
    padding:1em 1%;
    }
    
    .span6 {
    width:47.9%;
    float:left;
    padding:1em 1%;
    }
    
    .span7 {
    width:56.3%;
    float:left;
    padding:1em 1%;
    }
    
    .span8 {
    width:64.6%;
    float:left;
    padding:1em 1%;
    }
    
    .span9 {
    width:72.9%;
    float:left;
    padding:1em 1%;
    }
    
    .span10 {
    width:81.3%;
    float:left;
    padding:1em 1%;
    }
    
    .span11 {
    width:89.6%;
    float:left;
    padding:1em 1%;
    }
    
    .span12 {
    width:100%;
    padding:1em 2%;
    overflow:hidden;
    }
    
    
    /*  Breadcrumbs */
    
    .breadcrumb {
    padding:1em 2%;
    display:block;
    margin:0 0 1em 0;
    overflow:hidden;
    background:#eee;
    }
    
    ul.breadcrumb li {
    list-style: none;
    float:left;
    font-size:110%;
    padding:0;
    }
    
    ul.breadcrumb li a {
    color:#016092;
    text-decoration:underline;
    }
    
    ul.breadcrumb li a:hover {
    text-decoration:none;
    }
    
    .divider {
    padding:0 3px;
    }
    
    /*  Модуль Входа Joomla  */
    
    ul.unstyled {
    padding:0;
    }
    
    ul.unstyled li {
    list-style:none;
    float:none;
    }
    
    .element-invisible {
    display:none
    }
    
    .userdata {
    }
    
    #modlgn-username, #modlgn-passwd {
    padding: 3px;
    margin-bottom: 0.5em;
    font: 1em Arial;
    border: 2px solid #777;
    }
    
    
    /*  Модуль метки  */
    
    .tagspopular {
    }
    
    #aftertext .tagspopular ul li, .tagspopular ul li {
    float:left;
    padding:0 10px 0 0;
    }
    
    /* Кнопка наверх   */
    
    #toTop {
    width:80px;
    border:1px solid #ccc;
    background:rgba(0,0,0,0.8);
    text-align:center;
    padding:.3em 10px;
    position:fixed;
    bottom:2.5em;
    right:30px;
    cursor:pointer;
    display:none;
    color:#fff;
    font-size:1em;
    }
    
    #toTop:hover{
    background:rgba(0,0,0,1.0);
    }
    
    
    /*     Tooltip     */
    
    
    .tooltip {
        max-width: 400px;
    }
    .tooltip-inner {
        max-width: none;
        text-align: left;
        text-shadow: none;
    }
    th .tooltip-inner {
        font-weight: normal;
    }
    .tooltip.hasimage {
        opacity: 1;
    }
    
    .tooltip {
        position: absolute;
        z-index: 1030;
        display: block;
        visibility: visible;
        font-size: 90%;
        line-height: 1.4;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    .tooltip.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }
    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }
    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }
    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }
    .tooltip-inner {
        max-width: 200px;
        padding: 8px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background-color: rgba(0,0,0,0.8);
        border-radius: 4px;
    }
    .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }
    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000;
    }
    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000;
    }
    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000;
    }
    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000;
    }
    
    .bottom {
    width:92%;
    margin:0 auto;
    }
    
    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        padding: 1px;
        text-align: left;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 6px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        white-space: normal;
    }
    .popover.top {
        margin-top: -10px;
    }
    .popover.right {
        margin-left: 10px;
    }
    .popover.bottom {
        margin-top: 10px;
    }
    .popover.left {
        margin-left: -10px;
    }
    .popover-title {
        margin: 0;
        padding: 8px 14px;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        background-color: #444;
        color:#fff;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
    }
    .popover-title:empty {
        display: none;
    }
    .popover-content {
        padding: 9px 14px;
        color:#eee;
        background-color: #222;
    }
    .popover .arrow,
    .popover .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }
    .popover .arrow {
        border-width: 11px;
    }
    .popover .arrow:after {
        border-width: 10px;
        content: "";
    }
    .popover.top .arrow {
        left: 50%;
        margin-left: -11px;
        border-bottom-width: 0;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,0.25);
        bottom: -11px;
    }
    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff;
    }
    .popover.right .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-left-width: 0;
        border-right-color: #999;
        border-right-color: rgba(0,0,0,0.25);
    }
    .popover.right .arrow:after {
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff;
    }
    .popover.bottom .arrow {
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0,0,0,0.25);
        top: -11px;
    }
    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff;
    }
    .popover.left .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0,0,0,0.25);
    }
    .popover.left .arrow:after {
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px;
    }
    
    
    
    
    /*        Стили для модальных окон          */
    
    .Window {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0,0,0,0.7);
     z-index: 99999;
     transition: opacity 400ms ease-in;
     display: none;
     pointer-events: none;
    }
    
    .Window:target {
     display: block;
     pointer-events: auto;
    }
    
    .Window > div {
     width: 640px;
     position: relative;
     margin: 10% auto;
     padding: 30px 10px 10px;
     border-radius: 10px;
     background: #fff;
     box-shadow: 0px 0px 20px 2px;
    }
    
    .Window > .modalbox {
     width: 400px;
     position: relative;
     margin: 10% auto;
     padding: 30px 10px 10px;
     border-radius: 10px;
     background: #fff;
     box-shadow: 0px 0px 20px 2px;
    }
    
    .close {
     background: #cc3300;
     color: #FFFFFF;
     line-height: 25px;
     position: absolute;
     right: -12px;
     text-align: center;
     top: -10px;
     width: 24px;
     text-decoration: none;
     font-weight: bold;
     border-radius: 12px;
     box-shadow: 1px 1px 3px #000;
    }
    .close:hover { background: #990000; }