.crossword {
   border: 2px solid rgb( 189, 190, 206 );
   border-collapse: collapse;
}

.crossword .cell,
* HTML .crossword .cell,
*+ HTML .crossword .cell {
   width: 30px;
   height: 30px;
   text-align: center;
   vertical-align: middle;
   font-weight: bold;
   font-size: 16px;
   color: rgb( 129, 130, 146 );
}

.crossword .empty {
   background-color: black;
   /*border: 1px solid black;*/
}

.crossword .letter {
   background-color: white;
   border: 2px solid rgb( 179, 180, 196 ) !important;
}

.crossword .selectedCell{
   background-color: rgb( 189, 190, 206 );
   border: 2px solid rgb( 179, 180, 196 )  !important;

    width: 30px;
    height: 30px;
}

.crossword .selectedWord{
   background-color: rgb( 219, 220, 236 );
   border: 2px solid rgb( 179, 180, 196 ) !important;
}


.crossword .right {
   background-color: #FFF6AD;
   border: 2px solid rgb( 179, 180, 196 ) !important;
}

.crossword .digits {
   background-image: url("digits.gif");
}

.questions {
/*   border: 2px solid rgb( 189, 190, 206 ); */
   border-collapse: collapse;
   background-color: white;
}

.questions th {
   height: 2em;
}

.questions th, .questions td {
   border: 2px solid rgb( 189, 190, 206 );
   /*margin: 0px;*/
   padding: 0px;
}

.questions .questions_list,
* HTML .questions .questions_list,
*+ HTML .questions .questions_list,
*+ HTML .questions .questions_list {

   height: 500px;
   overflow: auto;
   position: relative;
   margin: 0px;
   padding: 0px;
   left: 0px;
   top: 0px;

}
	*+ HTML .questions .questions_list,
	*+ HTML .questions .questions_list {

	   position: static;
	}

.questions .question {
   border: 1px solid transparent;
   cursor: pointer;
   margin: 0px;
   padding: 0px;
   left: 0px;


}

.questions .question:hover {
   border: 1px solid #FFAE52;
}

.questions .question_selected {
   border: 1px solid #FFAE52;
   background-color: #FFD7A9;
   margin: 0px;
   padding: 0px;
   left: 0px;
}

#crossword #help a {
   color: blue;
   /*text-decoration: none;*/
   font-weight: bold;
   margin-left: 5px;
}


/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/


.social-links-box {
  position: relative;
  overflow: hidden;
}

.social-links-box > div {
  width: 28px;
  height: 28px;
  overflow: hidden;
  position: relative;
  float: left;
}

.social-links-box > div img {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 10%;
}

.social-links-box > div a:hover img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.login-in-comment {
  margin-bottom: 6px;
}

.login-in-comment p {
  margin: 0 0 5px;
}

.row.clasiic-form {
  margin-right: -9px;
  margin-left: -9px;
}

.clasiic-form-field {
  padding-right: 6px;
  padding-left: 6px;
  margin-bottom: 6px;
}

.form-login-network .social-links-box > div {
  width: 36px;
  height: 36px;
}

.user-login-ico {
  width: 18px;
  height: 18px;
  overflow: hidden;
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: 4px;
}

.user-login-ico img {
  width: 100%;
  height: 100%;
}

#content .main-content .content-news .comments-block .comment-post .info span.user-login-name {
  color: #0c5fa5;
  font-weight: bold;
  font-size: 14px;
}

.author-form {
  padding-bottom: 10px;
  position: relative;
}

.author-form span {
  font-size: 14px;
  margin-left: 6px;
}

.author-form img {
  width: 20px;
  height: 20px;
  position: relative;
  top: -2px;
}


/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////*/

#content .main-content .content-news .comments-block #more-comments, #content .main-content .content-news .comments-block #addcomment {
  cursor: pointer;
}

#main-inner-container .cross-wrap .cross.row{ margin: 0px 0px 40px;    height: auto;}
/* #main-inner-container .crossword{width: 100%;} */
#main-inner-container .crossword .digits{background-image: url(digits.gif); background-repeat: no-repeat;}
/* #main-inner-container .crossword .selectedCell{height: 30px;}
#main-inner-container .crossword .cell{height: 30px; width: 30px;} */
#main-inner-container .crossword .right{background-color: #fff6ad;}
#main-inner-container .cross-hint{margin-bottom: 14px; font-size: 0.75em; text-align: left;}
#main-inner-container .cross-hint a{margin-left: 5px;}
#main-inner-container p{ margin-bottom: 0px;    width: 100%;}
#main-inner-container .questions .question, #main-inner-container .questions .question_selected{ margin: 0px; padding: 2px 2px; font-size: 0.8rem;}
#main-inner-container .questions .question p, #main-inner-container .questions .question_selected p{margin-bottom: 0px;}
#main-inner-container .questions .cross-questions{padding: 6px 0px; width: 50%;}
#main-inner-container .questions .cross-questions h3{ margin-bottom: 6px; padding-left: 3px; font-size: 1.25rem; font-weight: bold;}
#main-inner-container .cross-answ, #main-inner-container .cross-last{margin-top: 15px;}
#main-inner-container .cross-last{margin-bottom: 40px;}
#main-inner-container .cross-last-mobile {display: none; margin-bottom: 40px;}

@media (max-width: 767px){
    #main-inner-container .cross-wrap .cross.row, #main-inner-container .row.questions { padding-right: 0px !important; padding-left: 0px !important;}
    #main-inner-container .cross-last {display: none;}
    #main-inner-container .cross-last-mobile {display: block;}
}

/* #main-inner-container .questions #questions_v{padding-top: 0px;} */

.cross-wrap .media.row { margin-top: 28px; margin-bottom: 4px; font-size: 14px; font-weight: bold; }

.cross-wrap .row.questions { margin-top: 23px; margin-bottom: 40px; }


/*** new styles 16.11.2020 ***/
.crossPage__hidden {
   display: none;
}
.crossPage-type-standart {
   display: flex;
   flex-direction: column;
}
.crossPage__left {
   margin-right: 40px;
   flex-shrink: 1;
   min-width: 100%;
   max-width: 100%;
   display: flex;
   flex-direction: column;
   align-items: left;
}
.crossPage__right {
   flex-grow: 1;
}
.crossPage__question h3 {
   font-family: 'PT Serif',serif;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
}
.catalog__title, .page__title, .specproject__title {
   font-family: 'PT Serif',serif;
}
.crossPage__questions {
   display: flex;
   margin-bottom: 16px;
   flex-direction: column;
}
.moreCrosswords__link {
   text-decoration: underline;
   color: #005cff;
}
.moreCrosswords__link:hover {
   text-decoration: none;
   color: #005cff;
}
.crossPage__questions .questions__horizontal h3, .crossPage__questions .questions__vertical h3,.moreCrosswords__title {
   font-family: 'PT Serif',serif;
   font-size: 24px;
   line-height: 36px;
   margin-bottom: 8px;
}
.crossPage__questions.questions .question_selected {
   border: none;
   background-color: transparent;
   position: relative;
   z-index: 1;
}
.crossPage__questions.questions .question_selected:before{
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: transparent;
   background-image: linear-gradient(to right, rgba(255, 215, 169, 1) 0, rgba(255, 215, 169, 1) 100%);
   background-repeat: no-repeat;
   box-shadow: 0 0 0 4px rgba(255, 215, 169, 1);
   transition: opacity .3s linear;
   z-index: -1;
}
.crossPage__questions.questions .question_selected:hover:before {
   border: none;
   opacity: 1;
}


.crossPage__questions.questions .question {
   border: none;
   position: relative;
   z-index: 1;
   transition: box-shadow .3s linear,-webkit-box-shadow .3s linear;
}
.crossPage__questions.questions .question:before{
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: transparent;
   background-image: linear-gradient(to right, rgba(255, 215, 169, 0.5) 0, rgba(255, 215, 169, 0.5) 100%);
   background-repeat: no-repeat;
   box-shadow: 0 0 0 4px rgba(255, 215, 169, 0.5);
   transition: opacity .3s linear;
   z-index: -1;
   opacity: 0;
}
.crossPage__questions.questions .question:hover:before {
   border: none;
   opacity: 1;
}
.crossPage__questions.questions .question p,.crossPage__questions.questions .question_selected p{
   margin-bottom: 0;
}
.crossPage__questions.questions .question,.crossPage__questions.questions .question_selected {
   margin-bottom: 16px;
}
.questions__horizontal {
   margin-right: 0;
   margin-bottom: 16px;
}
.crossPage__hint {
   margin-top: 12px;
   margin-bottom: 0;
   margin-right: auto;
   margin-left: 0;
}
a.hint-type-crossPage {
   color: #000;
   box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 0.5);
   -webkit-box-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 0.5);
   transition: box-shadow .3s linear,-webkit-box-shadow .3s linear;
   -webkit-transition: -webkit-box-shadow .3s linear;
   text-decoration: none;
}
a.hint-type-crossPage:hover {
   text-decoration: none;
   box-shadow: none;
}
.crossPage__left #winner_form input[type="text"] {
   display: block;
   width: 100%;
   font-size: 16px;
   line-height: 20px;
   padding: 8px 0;
   border: 0;
   background: 0 0;
   -webkit-box-shadow: inset 0 -1px 0 0 #606162;
   box-shadow: inset 0 -1px 0 0 #606162;
   font-family: inherit;
   margin-bottom: 20px;
}
.crossPage__left #winner_form {
   width: 100%;
}
.crossPage__left #winner {
   width: 100%;
   margin-top: 20px;
   margin-bottom: 40px;
}
.crossPage__left #winner td {
   font-size: 16px;
   line-height: 20px;
}
.crossPage__left #winner button.btn.button {
   font-size: 16px;
   line-height: 20px;
   padding: 12px 24px;
   cursor: pointer;
   outline: none;
   box-shadow: inset 0 0 0 4px #606162;
   border: none;
   border-radius: 0;
   background: none;
}
.crossPage__left #winner button.btn.button:focus {
   outline: none;
   box-shadow: none;
}
.moreCrosswords__link {
   margin-right: 16px;
}
.crossPage__left #winner button.btn.button:hover {
   box-shadow: none;
}
.crossPage__grid {
   margin: 0 auto 0 0;
}


@media screen and (min-width: 640px) {
   .crossPage__moreCrosswords {
       margin-bottom: 40px;
   }
   .page-type-standart {
       max-width: 640px;
       margin-right: auto;
       margin-left: auto;
   }
}


@media screen and (min-width: 1024px) {
   .crossPage__moreCrosswords {
       margin-bottom: 40px;
   }
   .page-type-standart {
       max-width: 100%;
       margin-right: auto;
       margin-left: auto;
   }
   .crossPage-type-standart {
       flex-direction: row;
   }
   .crossPage__left {
       min-width: 364px;
       max-width: 364px;
   }

   
}


@media screen and (min-width: 1312px){
   .crossPage__questions {
       flex-direction: row;
   }
   .questions__horizontal {
       margin-right: 20px;
   }
}

    #keyboard {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: none;
        z-index: 100000;
    }
    .key-box {
        position: relative;
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 1% 0;
        background-color: #e5e5e5;
        border-top: 1px solid #666;
    }
    .key-box > div {
        overflow: hidden;
        padding: 1% 0;
    }
    #keyboard a.button {
        margin: 0 1% !important;
        padding: 0 !important;
        display: block;
        float: left;
        width: 7%;
        overflow: hidden;
        height: 40px;
        background: #fafafa;
        text-align: center;
        line-height: 40px;
        color: #333;
        font-size: 14px;
        box-shadow: 0 0 5px rgba(0,0,0,.3);
          text-decoration: none;
    }
    #keyboard a.button:active {
        background: #d5d5d5;
    }
    #keyboard-close {
        height: 30px;
        background-color: #232323;
        padding: 0 3%;
        position: absolute;
        top: -30px;
        right: 0;
        color: #fff;
        line-height: 30px;
    }