/* {
  border: 1px solid #f00; }*/ /// ТЕСТ ВЫЛЕЗАНИЯ ЗА ЭКРАН

body{
    margin:0;
    padding:0;

}
.bg{
background: #ccc url(img/bg.jpg) center top no-repeat fixed;
font-size:18px;
color:#444;
padding-bottom:55px;
}
.container{
padding-top: calc(38vw + 20px);
}

h2, h3, h4{
font-family: 'Neucha', cursive;
}
h2, h3{
font-weight: 700;
}
html {
    text-size-adjust: none!important;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}

a img, a:focus{
    border:none!important;
}

.navbar-dark .navbar-nav .nav-link {
color: rgba(255,255,255,.9);
font-family: 'Neucha', cursive;
font-size:24px;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
}
.navbar {
    padding: 0px;
}
.navbar-dark .navbar-toggler-icon {
    color: rgba(255,255,255,.8);
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 18px;
padding-left: 1rem;
padding-right: 1rem;
}
.nav-link:hover, .nav-link.active {
    background-color:#222;
}
.navbar-dark .navbar-toggler{
    margin:3px;
    border-color: rgba(255,255,255,.8);
}
.navbar-nav{
width:100%
}
.nav-item{
width:20%;
text-align:center;
}

.navbar i{
font-size:24px;
}

p{
    text-indent: 20px;
    margin-top: 0;
    margin-bottom: .2rem;
}
i{
    font-size:36px;
}



form {
    margin-block-end: 0;
}

ul{
    list-style: none;
}


.timer_block{
color:#0bd553;
color:#fd3a4c;
background-color:#343a40;
font-weight:bold;
border:2px solid #888;
font-size:28px;
width:120px;
margin: 1px auto;
padding:5px 10px
}

.form-control {
    width: 50%;
}
#alert{
margin-top: calc( 50vh - 150px );
}
#ios{
margin-top: calc(100vh - 240px);
}


.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #343a40;
    background-color: #343a40;
}
/*----------------- Stepper ----------*/
.number {
	user-select: none;
	position: relative;
	text-align: left;
	padding: 0;
	width: 125px;
	display: inline-block;
}
.number-minus, .number-plus {
	position: absolute;
	top: -2px;

}
.number-minus {
	left: 0;
padding: 5px 15px;

}
.number-plus {
	right: -5px;
padding: 5px 15px;
}

.number-text{
	display: inline-block;
	font-size: 24px;
	color: #000;
	line-height: 32px;
	height: 32px;
	padding: 0;
	margin: 0 0 0 45px;
	background: #fff;
	outline: none;
	border: none;
	width: 40px;
	text-align: center;
}

/*-----------------------------------*/
.custom-control-label::after, .custom-control-label::before {
height:2rem;
width:2rem;
top: -0.25rem;
    left: -2.5rem;
}
.custom-control-label {
margin-left:32px;
}

  /*------ Стили для экрана до 1200PX------- */

@media (max-width: 1200px){

}




  /*-------- Стили для экрана до 992PX -----------*/
@media (max-width: 991px){


}


  /*--------- Стили для экрана до 768PX */
@media (max-width: 767px){

}

  /* Стили для экрана до 576PX ------*/
@media screen and (max-width: 575px){



}

.hidden{
display:none;
}