html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*,*:before,*:after{color:#000 !important;text-shadow:none !important;background:transparent !important;-webkit-box-shadow:none !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;    font-style: italic;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:""}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*="col-"]{padding-right:0;padding-left:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}

.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}body {background: #1a1a1a;color: white;}.game-board {display: flex;flex-wrap: wrap;position: relative;justify-content: center;align-content: center;max-width: 360px;margin-top: 20px;align-items: center;}.game-board .summary {width: 100%;text-align: center;}.wrapper {display: flex;font-family: 'Indie Flower', -apple-system, cursive;justify-content: center;}.game-board:after {position: absolute;content:" ";top: 0}table {border-collapse: collapse;}.cell {display: inline-block;width: 120px;height: 120px;text-align: center;font-size: 90px;line-height: 120px;cursor: pointer;transition: all 0.2s ease-in-out;}table {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}tr:nth-child(1) .cell:nth-child(1) {}tr:nth-child(1) .cell:nth-child(2) {border-left: 2px solid #ccc;border-right: 2px solid #ccc;}tr:nth-child(2) .cell:nth-child(1) {border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;}tr:nth-child(2) .cell:nth-child(2) {border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;border-right: 2px solid #ccc;border-left: 2px solid #ccc;}tr:nth-child(2) .cell:nth-child(3) {border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;}tr:nth-child(3) .cell:nth-child(2) {border-left: 2px solid #ccc;border-right: 2px solid #ccc;}.cell:active {}.cell:hover {background-color: #eeeeee0d;}.message {margin-bottom: 30px;font-size: 24px;font-weight: bold;}button {margin-top: 10px;padding: 10px 20px;font-size: 18px;border-radius: 5px;border: none;background-color: #007bff;color: #fff;cursor: pointer;transition: all 0.2s ease-in-out;}button:hover {background-color: #0056b3;transform: translateY(-2px);}#modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none;justify-content: center;align-items: center;}#modal-content {background-color: #fff;padding: 20px;border-radius: 5px;text-align: center;}#play-again {margin-top: 20px;padding: 10px 20px;border-radius: 5px;background-color: #4caf50;color: #fff;border: none;cursor: pointer;}#modal-start {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);display: none;justify-content: center;align-items: center;}#modal-content-start {background-color: #fff;padding: 20px;border-radius: 5px;text-align: center;}#send-names {padding: 10px 20px 7px;border-radius: 5px;background-color: #0d0d0d;color: #fff;border: none;cursor: pointer;}.cell.winners {animation: winner 1s ease infinite;}.cell.loosers {color: #ffffff45;}select#mode, select#diff-mode {display:none}.game-mode {width: 360px;min-height: 50px;text-align: center;}.wrapper.container {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}.game-mode img {width: 35px;filter: invert(1);}.no-gutter {margin-right: 0;margin-left: 0;}.no-gutter > [class*="col-"] {padding-right: 0;padding-left: 0;}.top-blocks {min-height: 50px;display: flex;cursor: pointer;font-size: 26px;justify-content: center;align-items: center;}#reset-button {justify-content: center;align-items: center;display: flex;}table {margin: 20px 0;}.top-blocks img {width: 35px;filter: invert(1);}.counters {font-size: 23px;}.p1w , .p2w, .cw {font-size:35px;line-height: 1;}#reset-counter {position: relative;top: -14px;}#reset-button.pushme img {animation: winnerimg 0.5s ease infinite alternate;}#reset-button.pushme img{border-radius: 36px;}h1 {text-align:center}#modal-content-start {color:black;background-color: #fff;}.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-bottom: 15px;}#modal-content-start {background: white;padding: 20px 20px;}#modal-content-start p {font-size: 24px;}.container.text {font-family: 'Montserrat', sans-serif;margin-top: 20px;padding-bottom: 35px;}.container.text h2 {font-size: 30px;margin-top: 30px;margin-bottom: 10px;}h1 {margin-bottom: 25px;margin-top: 10px;    font-family: 'Indie Flower', -apple-system, cursive;}.tocenter {display: flex;align-items: center;justify-content: center;}#modal-start{backdrop-filter: blur(5px);transition: 0.3s all;}#modal-content-start {font-family: 'Indie Flower', -apple-system, cursive;justify-content: center;}#reset-names {border: 1px solid white;margin-top: 22px;padding: 6px 10px;}.row-flex {display: flex;flex-flow: row wrap;}#mute {margin-top: 22px;float: right;text-align: right;justify-content: flex-end;}@media screen and (max-width: 600px) {.cell {width: 100px;height: 100px}.game-mode {width: 320px;}}@keyframes winner {0%, 100% {text-shadow: 0 0 10px #ffffff, 0 0 20px #ffffff, 0 0 20px #ffffff, 0 0 20px #ffffff, 0 0 2px #ffffff, 2px 2px 2px #ffffff;color: #ffffff;}50% {text-shadow: 0 0 2px #9e9e9e, 0 0 5px #9e9e9e, 0 0 5px #9e9e9e, 0 0 5px #9e9e9e, 0 0 2px #9e9e9e, 0px 0px 2px #9e9e9e;color: #9e9e9e;}}@keyframes winnerimg {0% {color: #ffffff;transform: rotate(0deg);} 100% {color: #ffffff;transform: rotate(156deg);}}
.game-board table {font-size:0;}


.text {    font-size: 16px;}

.flags {       display: flex;
    gap: 10px;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;}
.flags a{    text-decoration: none;
    color: #cdcdcd;    margin-bottom: 12px;
    display: block;}
.flags a img {
    margin-right: 10px;
}
.counters .col-xs-5 {width: 50%}
.counters #reset-counter {    width: 100%; }
.counters.row.row-flex {margin: 0;}
#open {display: none;

}
.langa
{    text-align: center;
    display: flex;
    margin: 0 auto 10px;
    float: right;
    justify-content: center;
    transition: 0.3s all;
    align-items: center;
    padding: 10px 10px;
    background: #ffffff00;
    color: black;
    border: 2px solid #ffffff00!important;
    outline: none!important;
    text-decoration: none;
    font-size: 18px;}
    .langa:hover {    color: white;
        border: 2px solid white!important;
        background: none;}
    .fancybox-content {    background: #1a1a1a!important; width: 100%;}
    .langa img:nth-child(2) {margin-left: 10px; filter: invert(1);}
    .langa:hover img:nth-child(2) {    transform: rotate(180deg);    filter: invert(1);}
    button:hover {
        transform: translateY(0px)!important;
    }


		.header-fixed   {  position: fixed;
      left: 0;
      top: 0;
      right: 0;
      z-index: 10;
      background: #1a1a1a;}
         
      .container.text.after-fixed {    margin-top: 87px;}


    .container.text.after-fixed  h1 {
        margin-bottom: 25px;
        margin-top: 40px;
        font-family: 'Indie Flower', -apple-system, cursive;
        line-height: 1;
    }

      @media only screen and (max-width: 992px){



       .container.text.after-fixed {
          margin-top: 200px;
        }
         }


   .container.text a{    color: white;
      }

        .container.text>a, .container.text>p>a, .container.text > ul>li>a, .container.text>ol>li>a, .container.text > ul>li>strong>a, .container.text>ol>li>strong>a, .faqs-answer a{    color: white;
          font-weight: bold;
          border-bottom: 2px solid white;}
          .container.text>a:hover, .container.text>p>a:hover, .container.text > ul>li>a:hover, .container.text>ol>li>a:hover, .container.text > ul>li>strong>a:hover, .container.text>ol>li>strong>a:hover, .faqs-answer a:hover{   text-decoration: none; border: none; color: #e2e2e2;border-bottom: 2px solid #e2e2e2
         }
  .footer-final  {    margin-bottom: 14px;border-top: 1px solid #afafaf;
    padding-top: 14px;}


    .footer-final .row {    align-content: center;
        align-items: flex-start;
        display: flex;}

  .footer-final ul{    margin: 0;
    padding: 0;}
.menulist li {list-style: none;}
.menulist li a{    color: white;    padding-bottom: 6px;
    font-size: 17px;}
    .menulist2 {    border-top: 1px solid #afafaf;
        margin-top: 14px;
        padding-top: 14px;}
    .menulist2  a{      color: #c1c1c1;
        font-size: 14px;}
    

     .logo-img  p {margin-top: 12px;
            margin-bottom: 0;
            color: #c1c1c1;}
            @media screen and (max-width: 999px){
                .footer-final .row  {display: block;}
                
                }
                
  @media screen and (max-width: 999px){
    .footer-final  .logo-img {margin-bottom: 12px;}
  .footer-final .col-sm-4 {    text-align: center;    padding-left: 0;
    padding-right: 0;}
  .langa {
    float: none;    margin-top: 25px;
  }
  .menulist li {
    list-style: none;
    border-top: 1px solid #afafaf;
    padding-bottom: 14px;
    padding-top: 14px;
    text-align:center;

}


.menulist {    margin-bottom: 0px;}

}
.tipsrow {margin-bottom: 40px;}

.container.text img {max-width: 100%; display: block;}

.tipsrow {    display: flex;
    flex-wrap: wrap;}
.tipsrow .col-md-3 {    margin-bottom: 32px;}
.logo-img a {color: white;}


.menulist {    display: flex;
    justify-content: center;}
    .tipsrow .col-md-3 a {   text-decoration: none;}
    .tipsrow .col-md-3 a:hover {   text-decoration: underline;}
    .tipsrow .col-md-3 a p {    text-align: center;        margin-top: 12px;     font-size: 17px;}

    .logo {    width: 210px;
        margin: 0px auto 5px;
    }


    @media screen and (max-width: 999px){
.footer-2-line li:nth-child(4){
  border-bottom: 1px solid #afafaf;

}

.footer-final ul {

    width: 100%;
}
.footer-final .col-sm-4 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
.logo-img {display: flex;
    flex-wrap: wrap;    justify-content: center;
}
   

    .logo-img a {    width: 100%;    text-align: center;}


}









.navigation {
  height: 88px;
  font-weight: 400;
  font-style: normal;
  border-bottom: 2px solid white;
}

.brand {

  line-height: 70px;    
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}

.nav-container {
  margin: 0 auto;
  padding: 0 15px;
}

nav {
  float: right;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a,
nav ul li a:visited {
    display: block;
    padding: 17px 40px!important;
    line-height: 56px;
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
    height: auto;
}
nav ul li a:hover,
nav ul li a:visited:hover {
  color: #ffffff;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: " ▾";
}
nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 70px;
  width: 70px;
}

@media only screen and (max-width: 992px) {
  
.navigation {
  height: 74px;
  font-weight: 400;
  font-style: normal;
  border-bottom: 2px solid white;
}
  .tipsrow .col-md-3 a p {
    text-align: center;
    margin-top: 12px;
    font-size: 20px;
}
    .nav-mobile {
      display: block;
    }
  
    nav {
      width: 100%;
      padding: 60px 0 0px;
    }
    nav ul {
      display: none;
    }
    nav.breadcrumbs ul{display: block;}
    nav.breadcrumbs ul li {
      display: inline;
    }
    nav.breadcrumbs ul li a{
      display: inline;
    }
    nav ul li {
      float: none;
    }
    nav ul li a {
      padding: 15px;
      line-height: 20px;
    }
    nav ul li ul li a {
      padding-left: 30px;
    }
  
    .nav-dropdown {
      position: static;
    }
  }
  @media screen and (min-width: 799px) {
    .nav-list {
      display: block !important;
    }
  }
  #nav-toggle {
    position: absolute;
    left: 14px;
    top: 23px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
  }
  #nav-toggle span,
  #nav-toggle span:before,
  #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ffffff;
    position: absolute;
    display: block;
    content: "";
    transition: all 300ms ease-in-out;
  }
  #nav-toggle span:before {
    top: -10px;
  }
  #nav-toggle span:after {
    bottom: -10px;
  }
  #nav-toggle.active span {
    background-color: transparent;
  }
  #nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
  }
  #nav-toggle.active span:before {
    transform: rotate(45deg);
  }
  #nav-toggle.active span:after {
    transform: rotate(-45deg);
  }
  .crumbs { margin-top: 4px; }
nav.breadcrumbs {      padding-top: 0px;
  float: left;}
nav.breadcrumbs ul li{    display: inline;
  float: none;}
  nav.breadcrumbs ul li a {
    display: inline;
}
nav.breadcrumbs ul li a{    padding: 0!important; line-height: 1;    text-decoration: none;}
nav.breadcrumbs ul li a:hover span{       text-decoration: underline;}

nav.breadcrumbs ul li a::after{content: '/';    padding: 0 4px;
 
  position: relative;
  top: 2px;}
nav.breadcrumbs ul li span{font-size: 14px; line-height: 1;}
nav.breadcrumbs ul li a{text-decoration: none!important}
nav.breadcrumbs ul li a span{font-size: 14px; line-height: 1; text-decoration: underline}

ul.breadcrumb{    direction: ltr;}

.container .row-printable.tipsrow .overflow-and img {
  min-height: 280px;
    }

@media (max-width:768px){
  .container.text img {    height: auto;
    width: 100%;}

    .container .tipsrow .overflow-and img {
min-height: 100px;
  }
  .container .row-printable.tipsrow .overflow-and img {
    min-height: 100px;
      }

.cell {

  line-height: 100px;}

  .text tr td  {    font-size: 11px!important;     padding: 5px 2px!important; border-width: 1px!important;}
  .text tr th { font-size: 14px!important;     padding: 5px 2px!important; border-width: 1px!important;}

  
}

.counters .col-xs-5 {
  width: 50%;
  min-height: 100px;
}




.text tr td {    padding: 6px 6px;     padding: 6px 6px;
  border: 2px solid white;
}
.text tr th {       font-size: 18px;     padding: 6px 6px;
  border: 2px solid #d2d2d2;

  background: white;    padding: 10px 10px;
  color: black;}
.text tr td:first-child {    font-size: 15px;}

.text  .table-wrapper {    overflow: auto;}
.text .table-wrapper table th:nth-child(1) {min-width: 40px;}
#reload {  position: absolute;    overflow: hidden;    display: flex;
  justify-content: center;
  align-items: center;

  top: 50px; cursor: pointer;
  bottom: 0;backdrop-filter: blur(5px);   
  width: 100%;}
  #reload img {       width: 34%;
    animation: winnerimg 0.5s ease infinite alternate;
    filter: invert(1);
    margin-top: 6px;}

  #reset-names:hover  {    background-color: #5f1212;}

  .buttons-logo {      
    display: flex; margin-top: 8px;    flex-wrap: wrap;    justify-content: center;}
  .buttons-logo a{     display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    padding: 5px 9px;
    text-align: center;
    margin-bottom: 12px;
    border-radius: 10px;}
    .buttons-logo a:hover {text-decoration: none;}
  .buttons-logo a img{width: 40px;border-radius: 7px;}
  .buttons-logo a span{    color: white;    display: inline-block;
    min-width: 87px;
    font-size: 19px;    padding-left: 7px;}

    .buttons-logo a.active {    background: #5f1212;}

    .buttons-logo .block1,  .buttons-logo .block100{     margin: 0 3px 0px;   }

    .nav-container {    display: flex;    align-items: center;
      justify-content: space-between;
      margin: 0 7px;
      padding: 0;}

      .mobile-buttons {display: none;}
.clear {clear: both;}
.aihrefs ,.ai-share-buttons {         margin-top: 8px;
    padding-bottom: 8px;

    display: flex
;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
.aihrefs a,.ai-share-buttons a{    padding: 10px 10px;
    text-align: center;   border: 2px solid white;
    border-radius: 10px;
    text-decoration: none;}
.aihrefs .aihrefs-1,.ai-share-buttons .aihrefs-1{    }
.aihrefs .aihrefs-1:hover,.ai-share-buttons .aihrefs-1:hover{   background: #515151;}
.aihrefs .aihrefs-2,.ai-share-buttons .aihrefs-2{ }
.aihrefs .aihrefs-2:hover,.ai-share-buttons .aihrefs-2:hover{    background: #515151;}
.aihrefs .aihrefs-3,.ai-share-buttons .aihrefs-3{ }
.aihrefs .aihrefs-3:hover,.ai-share-buttons .aihrefs-3:hover{ background: #515151;}
.aihrefs .aihrefs-4{ }
.aihrefs .aihrefs-4:hover,.ai-share-buttons .aihrefs-4:hover{    background: #515151;}
.aihrefs .aihrefs-5{ }
.aihrefs .aihrefs-5:hover,.ai-share-buttons .aihrefs-5:hover{    background: #515151;}

      @media only screen and (max-width: 992px){
        nav.breadcrumbs ul li span, nav.breadcrumbs ul li a span, nav.breadcrumbs ul li a::after {
          font-size: 12px;
      }
      .container.text.after-fixed h1 {
        margin-top: 18px;
        margin-bottom: 10px;
     
    }
        .nav-container   .buttons-logo {display: none;}
      .mobile-buttons {display: block;    clear: both;}
      .mobile-buttons .buttons-logo {    margin-top: 7px;}
      .buttons-logo .block1 {
        margin: 0 2px;
        width: calc(50% - 4px);
    }

    .buttons-logo .block100 {
      margin: 4px 2px;
      width: 100%;
  }
  .buttons-logo .block100 a span{
    order: 1;
    width: auto;
  }
  .buttons-logo .block100 a img{
    order: 1;
    width: 37px;
    margin-left: 15px;
    margin-top: 0px;
      }
      .footer-bottom-logos .buttons-logo .block100 a img {            width: 40px;
        margin-left: 15px;
        margin-top: 2px;}

      .buttons-logo a {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid white;
        padding: 7px 9px;
        text-align: center;
        margin-bottom: 1px;
        border-radius: 10px;
        flex-wrap: wrap;
    }

 .mobile-buttons   .buttons-logo .block1 a {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid white;
      padding: 4px 3px 1px;
      text-align: center;
      margin-bottom: 1px;
      border-radius: 10px;
      flex-wrap: wrap;
  }
  .mobile-buttons   .buttons-logo .block100 a  {

    padding: 0px 9px;
  
}


    .buttons-logo a span {
      color: white;
      font-size: 16px;
      padding-left: 0px;   width: 100%;
  }
  .buttons-logo .block100 a span {
    color: white;
    font-size: 16px;
    padding-left: 0px; 
}
  .buttons-logo a img {
    width: 42px;
}
    nav.breadcrumbs {float: none;}

.navigation nav ul    {    position: absolute;
      background: #1a1a1a;    width: 100%;
      z-index: 1;
      right: 0px;}

      .navigation   nav ul li {
        float: none;
        border-top: 2px solid white;}
        .navigation   nav ul li.last {
          float: none;
          border-top: 2px solid white;border-bottom: 2px solid white;}
}
#reset-names {
  border: 1px solid white;
  margin-top: 22px;
  padding: 1px 10px 1px;
  line-height: 1.2;

  word-break: break-word;
  
}
.ultimate	div.wrapper {    margin-top: 30px;}
.classic	div.wrapper {       margin-bottom: 50px;}

.buttons-logo a {transition: 0.3s all;}
.buttons-logo a:not(.active):hover {    background: #515151;}

#reset-names {    border-radius: 10px;}


@media screen and (max-width: 999px){
  .footer-final .row {
      display: flex;
      flex-wrap: wrap;
  }
  .footer-final .row >div {
width: 100%;
}

.footer-1-line {order: 1;}
.footer-2-line {order: 3;}
.footer-3-line {order: 2;}
.footer-4-line {order: 4;}
}

.footer-4-line {padding: 0;}



.video{
  text-align: center;     margin-bottom: 20px;
  margin-top: 20px;}
.video iframe{    width: 630px;
  height: 350px;

  border: 2px solid white;
  border-radius: 10px;

}
.footer-bottom-logos .block100 a {
  text-decoration: none;
}
  @media screen and (max-width: 999px){
    .video iframe{  width: 100%; height: auto; aspect-ratio: 16/9;}  
}

#reset-button:hover img {
    border-radius: 36px;
        animation: winnerimg 0.5s ease infinite alternate;

}


#reset-button {padding: 7px;}

.game-board.not_active::before{
  position: absolute;
  content: ' ';
  width: 100%;
  height: 360px;
  z-index: 999;
  top: 70px;
}

.footer-bottom-logos
{    display: flex;
  justify-content: space-evenly;
  margin-bottom: 30px;}
  .buttons-logo p {display: none;}
  .footer-bottom-logos .buttons-logo p {    display: block;    margin-bottom: 20px;    margin-top: 25px;
    min-width: 100%;    font-family: 'Montserrat', sans-serif;
    text-align: center;    line-height: 1;
    font-size: 30px;
}
  .footer-bottom-logos .buttons-logo {
    justify-content: center;
    flex-wrap: wrap;
}
@media screen and (max-width: 999px)
{
.logo {
  margin: 1px auto 14px;
}
.footer-bottom-logos .buttons-logo .block1 {
  margin: 4px;
  width: calc(50% - 8px);
}
.footer-bottom-logos .buttons-logo {
  width: 100%;
}
.absolute2 .winner{    padding: 12px 5px 8px; }
}

.absolute2 .winner{    line-height: 1.3;    background: #000000c9;}


.container  .col-md-3, .tipsrow .col-md-3 {
  margin-bottom: 10px;
}

.pager-name {    font-size: 30px;
  margin-top: 30px;
  margin-bottom: 10px;    text-align: center;}
.pager-left-right {display: flex;    justify-content: space-between;    margin-top: 0px;}
.footer-bottom-logos .block1 a {text-decoration: none;}




.tipsrow .col-md-3 a:hover, .container .relatives a {text-decoration: none;}



.tipsrow a img, .container .relatives a img {
  transition: 0.5s all;
}
.overflow-and {overflow: hidden;}
.container .relatives .col-md-3, .tipsrow .col-md-3 {      padding-top: 15px;
  padding-bottom: 15px;}
.container .relatives .col-md-3:hover, .tipsrow .col-md-3:hover {outline: 2px solid #ffffff;}

.container .relatives a p, .tipsrow .col-md-3 a p {
  margin-top: 9px;
  font-size: 17px;
  line-height: 1.3;
}
@media (max-width:768px){
  .container .relatives a p, .tipsrow .col-md-3 a p {
  font-size: 18px;    margin-bottom: 23px;
  }
  .container .relatives .col-md-3:hover, .tipsrow .col-md-3:hover {outline: none;}
  .container .relatives a, .tipsrow .col-md-3 a {    align-items: center;
display: flex;}
.container .relatives a div, .tipsrow .col-md-3 a div{
  width: 100px;}
  .container .relatives a p, .tipsrow .col-md-3 a p {    width: calc(100% - 100px);    padding: 0 10px;    margin: 0;    text-align: center;
    line-height: 1.2;}
  .container .relatives .col-md-3, .tipsrow .col-md-3 {    padding-top: 10px;    width: 100%;
    border-radius: 10px;
    border: 2px solid white;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;}


  }

  .flags a{    outline: none!important; border: none!important;font-size: 16px;}

  .container.text>img,.container.text>p>img {margin-bottom: 30px;}

  #modal-start {
    z-index: 2000;
}

  #reset-names { width: 33.3%;    font-family: 'Montserrat', sans-serif;}

  #rules {      filter: none;
    pointer-events: all;
    border: 1px solid white;
    display: flex;
    margin-top: 22px;
    width: auto;
    padding: 0px 10px 1px;
    line-height: 1.2;    word-break: break-word;
    border-radius: 10px;
    float: right;    font-family: 'Montserrat', sans-serif;
    width: 33.3%;
  }
  #rules:hover {
    background-color: #5f1212;
}
  #rules.not_blur {
    filter: none;
    pointer-events: all;
}
#rules a {    color: white;
  text-decoration: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;}

.classic #reset-names {
  width: 59%;}
@media (max-width:999px){



.compname, .p1name, .p2name {    font-size: 17px;    word-break: break-all;}
  #rules {    width: 29.3%;    min-height: 55px;    font-size: 15px;
    margin-right: 10px;}


 .classic #mute   {    margin-right: 10px;}

#reset-names {
    width: 39.3%;    min-height: 55px;
    margin-left: 10px;    font-size: 15px;
}
  
}
.social-networks	{      display: flex;
  align-items: center;
  justify-content: center;}
.social-networks i {    font-size: 24px;
  padding-right: 10px;}

.ultimate #helper {
  margin-bottom: 16px;
  margin-top: 7px;
}
.with-author .container.text.after-fixed h1 {
  margin-bottom: 11px;
  margin-top: 20px;
}
.author-block {margin-bottom: 12px;       font-size: 14px;
  display: flex;    justify-content: flex-end;
  align-items: center;}
  .container.text .author-block a,   .container.text .author-block span  {    display: inline-block;
    text-decoration: none;
    padding-right: 5px;}
    .container.text   .author-block img {margin-right: 2px;    display: inline-block ;    border-radius: 50px; width: 27px; height: 27px;
      border: 2px solid white;}
      .container.text .author-block img.clock {
        margin-right: 5px;
        display: inline-block;
        border-radius: 0;
        width: 29px;
        height: 29px;
        border: none;
        padding: 1px;
        margin-left: 5px;
    }
      @media (max-width:999px){
        .with-author .container.text.after-fixed h1 {
          margin-bottom: 7px;
          margin-top: 6px;
      }
      .author-block {
        margin-bottom: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
  }






  @media (max-width:1260px){
    nav ul li a,
    nav ul li a:visited {
        padding: 10px 7px!important;

        font-size: 17px;

    }
    
    .navigation {
      height: 74px;
      font-weight: 400;
      font-style: normal;
      border-bottom: 2px solid white;
  }

}

.navigation .buttons-logo .block100 span {position: relative;}
.navigation .buttons-logo .block100 span::before {       content: '';
  position: absolute;
  left: -2px;
  top: 12px;
  color: #c71b1b;
  line-height: 1;
  font-size: 23px;
  width: 5px;
  height: 5px;
  background: #c71b1b;
  border-radius: 100%;}
@media (max-width:768px){
  nav ul li a,
  nav ul li a:visited {
      padding: 17px 40px!important;

      font-size: 17px;

  }
  


}

table caption {    text-align: right;    font-size: 17px;
  margin-bottom: 4px;}

ul.galki {    list-style-type: none;     padding-left: 20px;
}
ul.galki li{       list-style-type: none;
  padding-left: 21px;
  position: relative;
}
ul.galki li::before {
  content: "✔";
  position: absolute;
  left: 0;
}

ul.kristall {    list-style-type: none;     padding-left: 15px;
}
ul.kristall li{       list-style-type: none;
  padding-left: 27px;
  position: relative;
}
ul.kristall li::before {
  content: "💎";
  position: absolute;
  left: 0;
}
ul.lamp {    list-style-type: none;     padding-left: 15px;
}
ul.lamp li{       list-style-type: none;
  padding-left: 27px;
  position: relative;
}
ul.lamp li::before {
  content: "✔️";
  position: absolute;
  left: 0;
}
#send-names:hover {    background-color: #5f1212 !important;}


.modal textarea, .modal input[type="text"] {
  width: 100%;
  padding: 14px 18px;
  border: 1px solid #9da1a4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 120%;
  color: #00091f;
  background-color: #fff;
  -webkit-transition-property: border-color;
  -o-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.mesend {font-size: 29px;}
.modal {
  position: relative;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  width: 100%;
  margin: 33px auto 10px;
  padding: 4px 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #1a1a1a;
  z-index: 0;
  display: block;

}
.modal * {outline: none;}
.mfp-ready .modal {
-webkit-transform: none;
    -ms-transform: none;
        transform: none;
}

.mfp-removing .modal {
-webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
        transform: translateY(20px);
}

.modal__close {
position: absolute;
top: 24px;
right: 24px;
display: block;
width: 25px;
height: 25px;
z-index: 0;
color: black;
  text-decoration: none;
}

.modal__close:hover .icon {
stroke: #ef7f1a;
}

.modal__close .icon {
stroke: #717681;
stroke-width: 2px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.modal__title {
  /* font-weight: 900; */
  font-size: 36px;
  line-height: 120%;
  color: #ffffff;
  margin-bottom: 25px;
  margin-top: 10px;
  font-family: 'Indie Flower', -apple-system, cursive;
  text-align: center;
}

.modal__title:not(:last-child) {
margin: 0 0 42px;
}

.modal__hint {
font-size: 16px;
line-height: 150%;
color: #545556;
}

.modal__hint a {
color: #ef7f1a;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.modal__hint a:hover {
color: #ff993d;
}



.mfp-bg {
background-color: #131b2d;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.mfp-bg.mfp-ready {
visibility: visible;
opacity: 0.8;
}

.mfp-bg.mfp-removing {
visibility: hidden;
opacity: 0;
}

.mfp-wrap {
visibility: hidden;
opacity: 0;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.mfp-wrap.mfp-ready {
visibility: visible;
opacity: 1;
}

.mfp-wrap.mfp-removing {
visibility: hidden;
opacity: 0;
}

.formand{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
margin: -12px -18px;
}

@media (max-width: 600px) {
.formand{
  margin: -6px -12px;
}
}

.form__group-50 {
width: calc(50% - 36px);
margin: 12px 18px;
}

@media (max-width: 600px) {
.form__group-50 {
  width: calc(50% - 24px);
  margin: 6px 12px;
}
}

@media (max-width: 450px) {
.form__group-50 {
  width: calc(100% - 24px);
}
}

.form__group-100 {
width: calc(100% - 36px);
margin: 12px 18px;
}

@media (max-width: 600px) {
.form__group-100 {
  width: calc(100% - 24px);
  margin: 6px 12px;
}
}

.form__group-desc {
width: 100%;
margin: 6px 18px 0;
font-size: 16px;
line-height: 150%;
color: #545556;
}

@media (max-width: 600px) {
.form__group-desc {
  margin: 6px 12px;
}
}

.form__group-desc:first-child {
margin: 0 18px;
}

.form__group-hint {
margin: 2px 0 0;
font-size: 12px;
line-height: 133%;
color: #ff3030;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}
#message-send {display: none;}
.mesend {      text-align: center;
  display: block;
  width: 100%;
  margin: 10px 0 60px;
  font-size: 36px;    
  font-weight: 500;
  font-family: 'Indie Flower', -apple-system, cursive;}
.form__label {
display: block;
cursor: pointer;
}
.form__error textarea {display: block;}
.form__label-name {
display: inline-block;
margin: 0 0 2px;
font-weight: 600;
font-size: 14px;
line-height: 157%;
color: #ffffff;
}

.form__label-name a {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
text-decoration: underline;
}

.form__label-name a:hover {
color: #ef7f1a;
}

.form__label-info {
position: relative;
top: 3px;
display: inline-block;
margin: 0 0 0 16px;
}

@media (max-width: 450px) {
.form__label-info {
  display: inline;
  width: 18px;
  height: 18px;
  margin: 0;
}
}

.form__label-info .icon {
width: 18px;
height: 18px;
fill: #717681;
}

@media (max-width: 450px) {
.form__label-info .icon {
  display: inline;
}
}

.form__file {
margin: -15px 0 6px;
}

@media (max-width: 600px) {
.form__file {
  margin: 0 0 6px;
}
}

.form__file-area {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
    -ms-flex-pack: center;
        justify-content: center;
padding: 26px;
-webkit-border-radius: 4px;
        border-radius: 4px;
background-color: #fff;
background-image: url("/and/file-area-border.svg");
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
        background-size: cover;
}

@media (max-width: 450px) {
.form__file-area {
  padding: 16px;
}
}

.form__file-area:hover .icon {
fill: #9da1a4;
}

.form__file-area .icon {
width: 50px;
height: 36px;
fill: #d6dce0;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.form__file-area .icon:not(:last-child) {
margin: 0 24px 0 0;
}

@media (max-width: 450px) {
.form__file-area .icon:not(:last-child) {
  margin: 0 0 16px;
}
}

.form__file-area-caption {
max-width: 250px;
font-weight: 500;
font-size: 14px;
line-height: 157%;
color: #9da1a4;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

@media (max-width: 450px) {
.form__file-area-caption {
  width: 100%;
  max-width: 100%;
}
}

.form__file-list-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
    -ms-flex-align: center;
        align-items: center;    margin-top: 6px;
}

.form__file-list-item img {
display: block;
width: 65px;

}

.form__file-list-item img:not(:last-child) {
margin: 0 18px 0 0;
}
.form__file-list-item .obrez {display: flex;
  align-items: center;}

.form__file-list-item span {
max-width: calc(100% - 115px);
max-height: 31px;
  overflow: hidden;
line-height: 1;
  padding: 4px 0px;
}

.form__file-list-item span:not(:last-child) {
margin: 0 10px 0 0;
}

.form__file-remove:hover .icon {
stroke: #ef7f1a;
}

.form__file-remove .icon {
width: 24px;
height: 24px;
stroke: #717681;
stroke-width: 2px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.form__file input[type="file"] {
display: none;
}

.form__checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.form__checkbox:hover .form__checkbox-block {
border-color: #131b2d;
}

.form__checkbox-block {
position: relative;
display: block;
width: 24px;
height: 24px;
margin: 2px 18px 0 0;
border: 1px solid #9da1a4;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 4px;
        border-radius: 4px;
background-color: #fff;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
z-index: 0;
}

.form__checkbox-block::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
width: 18px;
height: 16px;
background-image: url("/and/check.svg");
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: contain;
        background-size: contain;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
z-index: 0;
}

.form__checkbox .form__label-name {
width: calc(100% - 42px);
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #c1c1c1;
vertical-align: middle;
}

.form__checkbox input[type="checkbox"] {
display: none;
}

input[type="checkbox"]:checked ~ .form__checkbox-block::before {
visibility: visible;
opacity: 1;
}

.form-subscribe {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.form-subscribe .form__group-grow {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
margin: 0 12px 0 0;
}

@media (max-width: 600px) {
.form-subscribe .form__group-grow {
  width: 100%;
  margin: 0 0 12px;
}
.form__file-list-item span {

  font-size: 11px;
}
}

.form-subscribe .form__group-submit input[type="submit"] {
height: 100%;
padding: 12px 18px;
font-size: 14px;
line-height: 140%;
}

.form__error input[type="text"],
.form__error .form__checkbox-block, .form__error:hover input[type="text"],
.form__error:hover .form__checkbox-block, .form__error textarea {
border-color: #ff0000;
}

.form__error ~ .form__group-hint, .form__error > .form__group-hint {
visibility: visible;
opacity: 1;
}

.link {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.link:hover .icon-arrow-right {
-webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
        transform: translateX(6px);
}

.link span {
font-weight: 700;
font-size: 16px;
line-height: 150%;
color: #ef7f1a;
}

.link span:not(:last-child) {
margin: 0 12px 0 0;
}

.link .icon {
width: 15px;
height: 15px;
fill: #ef7f1a;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.link .icon:not(:last-child) {
margin: 0 12px 0 0;
}

.link .icon-arrow-right {
stroke: #ef7f1a;
stroke-width: 0.4px;
}

.button {
display: inline-block;
padding: 19px 39px;
-webkit-border-radius: 4px;
        border-radius: 4px;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
background-color: #ef7f1a;
font-weight: 600;
font-size: 16px;
line-height: 125%;
color: #fff;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.button:hover {
background-color: #ff993d;
}

.button-secondary {
display: inline-block;
padding: 9px 23px;
border: 1px solid #131b2d;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 4px;
        border-radius: 4px;
background-color: #131b2d;
font-weight: 600;
font-size: 14px;
line-height: 115%;
color: #fefefe;
text-align: center;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.button-secondary:hover {
background-color: transparent;
color: #131b2d;
}

.button-secondary-linear {
display: inline-block;
padding: 9px 23px;
border: 1px solid #131b2d;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 4px;
        border-radius: 4px;
font-weight: 600;
font-size: 14px;
line-height: 115%;
color: #131b2d;
text-align: center;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.button-secondary-linear:hover {
background-color: #131b2d;
color: #fefefe;
}

.button-linear_small {
display: inline-block;
padding: 11px 19px;
border: 1px solid #ef7f1a;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 4px;
        border-radius: 4px;
font-weight: 600;
font-size: 14px;
line-height: 120%;
color: #ef7f1a;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.button-linear_small:hover {
background-color: #ff993d;
border-color: #ff993d;
color: #fefefe;
}

.button_small {
display: inline-block;
padding: 11px 19px;
border: 1px solid #5f1212;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 4px;
        border-radius: 4px;
background-color: #5f1212;
font-weight: 600;
font-size: 14px;
line-height: 120%;
color: #fefefe;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
}

.button_small:hover {
background-color: #5f1212;
border-color: #5f1212;
}


.modal .formandinput[type="submit"] {
  margin: 3px 0 0;
}
.modal input[type="submit"]:hover {
  background-color: #424242;
}
.modal input[type="submit"] {
  padding: 18px 24px;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #5f1212;
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  color: #fefefe;
  cursor: pointer;
  -webkit-transition: 0.35s;
  -o-transition: 0.35s;
  transition: 0.35s;
  border: 1px solid white;
  border-radius: 10px;
}

@media screen and (max-width: 768px)
{
.modal {

  padding: 19px 10px;
}
.modal__close {
  position: absolute;
  top: 2px;
  right: 2px;
  display: block;
  width: 25px;
  height: 25px;
  z-index: 0;
  color: black;
  text-decoration: none;
}
}
.modal.miniform h2{text-align: left;margin-top: 0;}
.modal.miniform h2{text-align: left;margin-top: 0;}

.modal.miniform  textarea{    height: 47px;}

.modal.miniform  .form__group-50 {

  margin-bottom: 10px;
}
.modal.miniform  .form__group-100 {

  margin-top: 0;
}
.modal.miniform .show-feedback img
{      transition: 0.3s all;
  transform: rotate(90deg);    margin-top: 0px; margin-left: 10px; cursor: pointer;        padding: 10px 10px;
  background: rgba(255, 255, 255, 0.1);
  width: 35px;
  border-radius: 8px;
  margin-bottom: 10px;}

  .modal.miniform .miniform-dflex-wrap {    display: flex;justify-content: center;
        align-items: center;
}
.with-author   .modal.miniform .miniform-dflex-wrap {    justify-content: start;
 
}
.modal.miniform .show-feedback.active-feedback img{ transform: rotate(-90deg)}

.modal.miniform .modal__title {    font-size: 19px; margin-left: 18px;  margin-right: 18px;    margin-bottom: 10px;
  margin-top: 24px;
  text-align: left;}

  .modal.miniform .answers-mini {     margin-left: 18px;
    margin-right: 18px;
    width: 100%;
    margin-top: 14px;
    text-align: left;
    margin-bottom: 15px;}
    .minisforms .modal.miniform {margin: 0px auto 37px;}
     .modal.miniform .answer-mini  {    margin-bottom: 12px;}
     .modal.miniform  {    margin: 45px auto 10px;    transform: initial;}
     .answer-mini span {font-weight: bold;}
     .miniform-dflex-wrap h2 {cursor: pointer;}
  @media screen and (max-width: 768px)
  {
    .modal.miniform .modal__title {
      font-size: 17px;
      margin-left: 12px;
      margin-right: 12px;
      margin-top: 24px;
      text-align: left;
}
.modal.miniform {
  padding: 0px 2px;
  margin-top: 30px;
  transform: initial;
  margin-bottom: 2px;
}
.modal.miniform .answers-mini {     font-size: 17px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 24px;
  text-align: left;}
  .modal.miniform .show-feedback img {
    transform: rotate(90deg);
    margin-top: 12px;
    margin-left: 0px;
    cursor: pointer;
    width: 35px;
    margin-bottom: 10px;
}
.show-feedback {         width: 35px;
        max-width: 35px;
        min-width: 35px;}
}

.cancel-off-png,.cancel-on-png,.star-half-png,.star-off-png,.star-on-png{font-size:2em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:raty;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none}@font-face{font-family:raty;font-style:normal;font-weight:400;src:url(../fonts/raty.eot);src:url(../fonts/raty.eot?#iefix) format("embedded-opentype");src:url(../fonts/raty.svg#raty) format("svg");src:url(../fonts/raty.ttf) format("truetype");src:url(../fonts/raty.woff) format("woff")}.cancel-on-png:before{content:"\e600"}.cancel-off-png:before{content:"\e601"}.star-on-png:before{content:"\f005"}.star-off-png:before{content:"\f006"}.star-half-png:before{content:"\f123"}.star-rating-container{position:relative}.star-rating{display:inline-block;position:relative}.star-rating-info{display:inline-block;    position: relative;
  top: 2px;
  left: 15px;    right: 15px;}.star-rating img,.star-rating span{margin-right:2px}.star-rating-container.pink .star-on-png{color:#FF00B5}.star-rating-container.pink .star-off-png{color:#ddd}.star-rating-container.pink .star-half-png{color:#FF00B5}.mask{background-color:rgba(20,20,20,.2);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;height:100%;left:0;position:absolute;top:-5px;width:100%;z-index:100;-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}


  .faqs-question {
    font-weight: 400; 
    font-size: 24px;
    display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .counter-faqs {      width: 40px;
      min-width: 40px;
      max-width: 40px;}
.one-item-faq {    margin-bottom: 10px;
  cursor: pointer;
  margin-top: 17px;
  padding: 13px 30px;
  border: 1px solid white;
  border-radius: 16px;}
    .faqs-question {  }
    .faqs-question h3 {margin: 0;     margin-right: 10px;font-size: 20px;}
    .faqs-answer  {
      font-weight: 300;   
      margin-right: 10px;
      font-size: 16px;
      margin-left: 40px;
      margin-top: 12px;
      }
      .faqs-button { margin-left: auto;    transform: rotate(90deg);    background: rgba(255, 255, 255, 0.1); transition: 0.3s all;
        padding: 10px 10px;         width: 35px;
        max-width: 35px;
        border-radius: 8px;}
      .faqs-button.rotate-faq-button {     transform: rotate(-90deg);}
      .faqs-button:hover { background: rgba(255, 255, 255, 0.2);}
      .show-feedback img:hover {
        background: rgba(255, 255, 255, 0.2)!important;
    }
    .faqs-wrapper {    direction: ltr;}
      @media screen and (max-width: 768px)
   {
    .faqs-button  {    width: 35px;
        max-width: 35px;
        min-width: 35px;}
        .faqs-question {
          font-weight: 400;
          font-size: 24px;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
      }
      .counter-faqs {    width: 20px;
        min-width: 20px;
        max-width: 20px;
        font-size: 16px;}
      .one-item-faq {
        margin-bottom: 5px;
        cursor: pointer;
        margin-top: 14px;
        padding: 14px 20px;
        border: 1px solid white;
        border-radius: 16px;
    }
    .faqs-answer {
 
      margin-left: 20px;}
    .faqs-question h3{ font-size: 19px;}
    .faqs-answer{ font-size: 17px;}
      }
      #handlerDiff {transition: 0.3s all}
#handlerDiff:hover{
  text-shadow: 0 0 10px #fff,
               0 0 20px #fff, 
               0 0 40px #fff;
}
.table-wrapper tr td{transition: 0.3s all;}
.table-wrapper tr:hover td{    background: white;    color: #1a1a1a;     border: 2px solid black;    font-weight: bold;}