*{margin:0;padding:0;}
html,body {font-family: Roboto, sans-serif;background:url(../img/bg.png ) #32c064 fixed;}

.container{min-width:100%;}
.bnp{max-width:720px;margin:0 auto;border-left:0px solid #2fb35c;border-right:0px solid #2fb35c;background:url(../img/bg-content.jpg) #f3f3f3 repeat fixed;min-height: calc(100vh);}

.logo {height: auto;width: 100%;max-width: 720px;margin:0 auto;padding-top:10px;}
.logo img{height: auto;width: 100%;max-width: 100%;margin:0 auto;}

/* Многоязычность ===== Start*/
.lang-start{margin:0 auto;padding:20px 0px 30px 10px;width:204px;}
.lang-start2{/* float:right; */}
.lang-start ul{list-style: none;}
.lang-start li{border:2px solid #55b059;margin-left:10px;display: inline-block;}
.lang-start li a {display: block;padding: 0px;width: 120px;height:120px;text-decoration: none;text-align: center;}
.lang-start li.lang-ro{background:url(../img/md80.jpg) #f3f3f3;width: 80px;height:80px;}
.lang-start li.lang-ru{background:url(../img/ru80.jpg) #f3f3f3;width: 80px;height:80px;}
.lang-start a:link, .lang-start a:visited{color:#ed8d18;font-size: 24px; font-weight:bold;}
.lang-start a:active,.lang-start a:hover  {color:#ed8d18;font-size: 24px;font-weight:bold;}
/* Многоязычность ===== End*/

/* Text ===== Start*/
.text-bnp{padding:0 20px;}
.text-bnp p{text-indent: 1.0em;font-size: 16px;color:#039;margin-bottom:10px;}
.text-bnp img{height: auto;width: 100%;max-width:680px;}

.red-bnp{color:#c72620;}
.green-bnp{color:#55b059;}
/* Text ===== End*/

/* Выбор кол-ва игроков ===== Start*/
.vol-gamers{margin:40px auto;max-width: 720px;padding:0 20px;}
.vol-gamers ul{list-style-type: none;display: block;}
.vol-gamers li{border:2px solid #55b059;margin-bottom:20px;background:#3c803f;}
.vol-gamers li a {display: block;padding: 20px;text-decoration: none;text-align: center;}
.vol-gamers a:link, .vol-gamers a:visited{color:#ed8d18;font-size: 24px; font-weight:bold;}
.vol-gamers a:active,.vol-gamers a:hover  {color:#ed8d18;font-size: 24px;font-weight:bold;}
/* Выбор кол-ва игроков ===== End*/

/* Кнопка Android ===== Start*/
.android-menu{margin:40px auto;max-width: 720px;padding:0 20px;}
.android-menu ul{list-style-type: none;display: block;}
.android-menu li{border:2px solid #246bff;margin-bottom:20px;background:#039;}
.android-menu li a {display: block;padding: 20px;text-decoration: none;text-align: center;}
.android-menu a:link, .android-menu a:visited{color:#ed8d18;font-size: 24px; font-weight:bold;}
.android-menu a:active,.android-menu a:hover  {color:#ed8d18;font-size: 24px;font-weight:bold;}
/* Кнопка Android ===== End*/

/* Последние игры ===== Start*/
.games{margin:40px 50px;min-width: 300px;}
.games ul{list-style-type: none;display: block;}
.games li{border:2px solid #e66360;margin-bottom:20px;background:#c72620;}
.games li a {display: block;padding: 20px;min-width: 300px;text-decoration: none;text-align: center;}
.games a:link, .games a:visited{color:#ed8d18;font-size: 24px; font-weight:bold;}
.games a:active,.games a:hover  {color:#ed8d18;font-size: 24px;font-weight:bold;}
/* Последние игры ===== End*/

/* Ввод имени игроков ===== Start*/
.input_data_3{margin:0 20px 20px 20px;padding-bottom:60px;}
.input_data_3 input{width:200px;padding:20px 0px;margin-top:10px;font-size: 18px;}
.input-data{float:right;}
.input_data_bt{width:100%;height:80px;float:left;}
.input_data_bt button{float:right;padding:10px;margin:0 20px;font-size: 18px;}
.input_data_3 button{padding:10px;margin-top:10px;font-size: 18px;}

.input_data_4{margin:0 20px 0px 20px;}
.input_data_4 input{width:200px;padding:20px 10px;margin-top:10px;font-size: 18px;}
.input_data_4 button{padding:10px;margin-top:10px;margin-bottom:30px;font-size: 18px;}
/* Ввод имени игроков ===== End*/

/* Menu ===== Start*/
nav{background:#4e4e4e;border-bottom:2px solid #949494;}
.menuBurger{padding: 0px 0px;display: none;cursor: pointer;background:#4e4e4e;width: 100%;max-width: 720px;}
.icon-menu {width: 30px;padding:10px 0 8px 15px;cursor: pointer;}
.divide {display: block;height: 3px;margin: 5px 0;background: #55b059;}

.menu{position: relative;width: 100%;max-width: 720px;/* relative: контент сдвигается вниз; absolute: меню поверх контента */}
.menu li{float: left;list-style: none;border-top:1px dashed #949494;padding: 10px 15px;}
.menu li a{display: inline-block;text-decoration: none;color: #ed8d18;width: 100%;max-width: 720px;}
/* Menu ===== End*/

/* Radio Total ===== Start*/
.radio{float:left;margin-top:7px;margin-right:5px;}
.radio-text{float:left;margin:4px 5px 0px 0px;color:#55b059;}
/* Radio Total ===== End*/

/* Кнопка Пересдача ===== Start*/
.peresdachaBt{float:left;margin:0 10px 0 10px;padding:2px 3px 2px 3px;}
/* Кнопка Пересдача ===== End*/

/* -10 ===== Start*/
.minus10{min-width:100%;float:right;padding:10px 0 10px 0px;border-bottom:2px solid #397d3d;}
.minus10Bt{float:right;margin:0 20px 0 10px;padding:2px 3px 2px 3px;}
.zag2{width:35px;float:left;color:#ed8d18;margin:3px 0 0 5px;}
.radio-label-m10{float:right;margin-right:20px;}
/* -10 ===== End*/

/* Играет  ===== Start*/
.igraet{min-width:100%;float:left;margin:10px 0 5px 0px;padding-bottom:10px;border-bottom: 1px dashed #397d3d;}
.zag1{width:60px;float:left;color:#ed8d18;margin:3px 0 0 5px;}
.radio-label-igraet{float:left;margin-left:20px;}
/* Играет ===== End*/

/* Тёмная ===== Start*/
.teomnaia{color:#c72620;width: 100%;max-width: 720px;height:20px;}
.teomnaia input[type="checkbox"]:checked,.teomnaia input[type="checkbox"]:not(:checked){position: absolute;z-index: -99;opacity: 0;}
.teomnaia input[type="checkbox"]:checked + label,.teomnaia input[type="checkbox"]:not(:checked) + label{display: inline-block;position: relative;float:right;padding-right: 50px;line-height: 20px;}
.teomnaia input[type="checkbox"]:checked + label:before,.teomnaia input[type="checkbox"]:not(:checked) + label:before{content: "";position: absolute;right: 20px;top: 0px;width: 18px;height: 18px;border: 1px solid #c72620;background-color: #ffffff;}
.teomnaia input[type="checkbox"]:checked + label:before,.teomnaia input[type="checkbox"]:not(:checked) + label:before {border-radius: 2px;}
.teomnaia input[type="checkbox"]:checked + label:after,.teomnaia input[type="checkbox"]:not(:checked) + label:after{content: "";position: absolute;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.teomnaia input[type="checkbox"]:checked + label:after,.teomnaia input[type="checkbox"]:not(:checked) + label:after {right: 23px;top: 4px;width: 10px;height: 5px;border-radius: 1px;border-left: 2px solid #c72620;border-bottom: 2px solid #c72620;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.teomnaia input[type="checkbox"]:not(:checked) + label:after{opacity: 0;}
.teomnaia input[type="checkbox"]:checked + label:after {opacity: 1;}
/* Тёмная ===== End*/

/* Ввод очков ===== Start*/
.vvod{min-width:100%;float:left;margin:5px 0 10px 0px;}
.vvod-igra{color:#c72620 !important;}
.vvod label{color:#039;margin:0 0 0 5px;}
input.inp-data3,input.inp-data4{width:30px;margin:0 0px 0 0;text-align:center;}
.tableOkBt{float:right;margin:0 20px 0 10px;padding:2px 3px 2px 3px;}
input#joaca{border:1px solid  #c72620;}
input#bile1, input#bile2, input#bile3{border:1px solid  #6678b1;}
/* Ввод очков ===== End*/

/* Таблица ===== Start*/
.table-input{width:100%;float:left;}
.table-input p{text-align:center;color: #ff8811;}
.table-input p.text2{text-indent:20px;text-align:left;color: #039;padding:20px 20px 0 20px;}
.bnp3-save-game{margin-bottom:50px;}

#table_g3{font-size: 14px;border-collapse: collapse;text-align: center;margin:10px auto 0 auto;border: 2px solid #6678b1;}
#table_g3 th{font-weight: normal;color: #039;border-bottom: 2px solid #6678b1;  border-right: 1px solid #6678b1;padding: 10px 8px;}
#table_g3 td{color: #669;padding: 9px 8px;text-align: right;border: 1px dashed #6678b1;}
#table_g3 tr:nth-child(3n+4){background: #aceac1;}
#table_g3 td:nth-child(0n+2){color: #ff8811;}
/* *** */
#table_g4{font-size: 14px;border-collapse: collapse;text-align: center;margin:10px auto 0 auto;border: 2px solid #6678b1;}
#table_g4 th{font-weight: normal;color: #039;border-bottom: 2px solid #6678b1;  border-right: 1px solid #6678b1;padding: 10px 8px;}
#table_g4 td{color: #669;padding: 9px 8px;text-align: right;border: 1px dashed #6678b1;}  
#table_g4 tr:nth-child(4n+5){background: #aceac1;}
#table_g4 td:nth-child(0n+2){color: #ff8811;}
/* Таблица ===== End*/

/* Info ===== Start*/
.info-blok{float:left;min-width:100%;padding-top:15px;}
.info{float:left;min-width:60%;padding:5px 0 5px 10px;color:#c72620;} 
.info3{float:left;min-width:60%;padding:5px 0 30px 10px;color:#ff8811;}
.info2{float:left;padding:20px 5px 30px 10px;color:#039;}
.info2 p{text-indent: 1.0em;font-size: 14px;margin-bottom:10px;}
/* Info ===== End*/

.clearfix, .clearfix::after{content: "";display: block;clear: both;}
.footer{background:green;width:100%;height:10px;}

@media screen and (max-width: 3000px) {
  .menu{display: none;}
  .menu li{float: none;}
  .menuBurger{display: inline-block;}
}

@media screen and (max-width: 719px) {
  .bnp{background:none !important;}
  /* html,body {background:url(../img/bg-content.jpg) #f3f3f3 repeat fixed !important; }*/
  html,body {background:#f3f3f3 !important; }
}