*{
    font-family: 'Open Sans';
}

header
{
    height:  40px;
    width: 100%;
    background: url("/public/assets/images/zber/head_background.png");
    /*font-family: "OpenSans" ;*/
}

.header_bg
{
    height: 10%;
    align-content: center;
}



.baner{
    /*background: url("/public/assets/images/zber/baner.png");*/
    width: 100%;
    height: 20%;
}

.baner img{
    height: 20%;
    width: 100%;/*nn*/
    position: absolute;
}

.authIn{
    position: absolute;
    margin-left: 50%;
    margin-top: 25%;
    font-size: 70%;
    color: #000000;
}

.logo img{
    position: absolute;
    margin: 4%;
}

.logo_ogu{
    position: absolute;
    margin-left: 5%;
}

.logo_ogu img{
    width: 40px;
    height: 40px;
    background: url('/public/assets/images/zber/fon_logo.png') no-repeat;
    background-size: 100%;
    margin-right: 3%;
    padding: 1px;
}

.logo_sk{
    position: absolute;
    margin-top: 1%;
    margin-left: 6%;
    width: 45%;
}

.logo_sk img{
    margin-left: 41px;
    width: 95%;
    margin-right: 3%;
    padding: 1px;

}

footer
{
    width: 100%;
    background-color: #244892;
    color: #ffffff;

    display: flex;
    position: center;
}


footer p
{
    /*position: absolute;*/
    /*margin-left: 50%;*/
    margin: 5%;
    width: 100%;
    font-size: 80%;
    text-align: right;
}



footer img
{
    width: 30%;
    height: 30%;
    margin: 7%;
}


.auth{
    position: absolute;
    margin-left: 90%;
    margin-top: 35px; /*nn*/
    font-size: 120%;
}

ul.nav {
    /*margin: 0; !* Обнуляем значение отступов *!*/
    /*padding: 4px; !* Значение полей *!*/
    margin-left: 0;
    margin-right: 0;
    text-align: center;

}

ul.nav p{
    content: none;
}


ul.nav a, a
{
    color: #244892;
    text-decoration: none;
}
.baner a
{
    color: #000000;
}

ul.nav a{
    font-size: 0px;
}

ul.nav nav-icon{
    font-size: 55%;
}

ul.nav li {
    display: inline; /* Располагаем элементы по горизонтали */
    list-style: none; /* Убираем маркеры списка */
    margin: 2%;
    /*position: center;*/
    color: #244892;
    font-size: 50%;
}

.block1
{
    text-align: center;
    font-size: 100%;
    background-color: #134ba7;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1%;
    padding-right: 1%;
    color: white;
}


.titl
{
    background: url("/public/assets/images/sportcomplex/fon_title.png");
    width: 100%; /*nn*/
    color: #244892;
    padding: 1%;
    font-size: 87%;
    text-align: center;
}

.titl h1{
    font-size: 100%;
}


.info
{
    background-color: #dfeff9;
    width: 100%;
    /*!*height: 70%;*! nn*/
    font-size: 50%;
}
/*.text*/
/*{*/
/*    position: absolute;*/
/*    margin: 20px;*/
/*}*/



info p{
    /*padding: 5px;*/
    /*margin: 10px;*/
    /*border: 10px;*/
    position: center;

}

/*ul.foto li {*/
/*    display: inline; !* Располагаем элементы по горизонтали *!*/
/*    list-style: none; !* Убираем маркеры списка *!*/

/*    position: center;*/

/*}*/

/*ul.foto img*/
/*{*/
/*    hight: 40%;*/
/*    width: 40%;*/
/*    align-content: center;*/
/*    padding: 2%;*/
/*}*/

ul.foto li {
    display: inline; /* Располагаем элементы по горизонтали */
    list-style: none; /* Убираем маркеры списка */
    padding: 1px;
    position: center;

}

ul.foto img
{
    hight: 40%;
    width: 40%;
    align-content: center;
    padding-top: 5%;
}

.table{
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
}


table td:nth-child(odd){
    width: 10%;
}
table td:nth-child(even){
    width: 20%;
}

.table p{
    color: #244892;
    /*margin: 19%;*/
    font-size: 60%;
    position: center;
}

.table img
{
    /*margin: 10%;*/
    /*height: 30%;*/
    width: 70%;
}

.text{
    display: flex;
}

.text1{
    /*position: absolute;*/
    /*display: flex;*/
    /*width: 44%;*/
    width: 96%;
    margin: 2%;
    font-size: 140%;

}

.text2{
    /*position: absolute;*/
    /*display: flex;*/
    /*width: 44%;*/
    width: 96%;
    margin: 2%;
    /*margin-left: 50%;*/
    font-size: 140%;

}

.content_block
{
    width: 100%;
    /*height: 150%;*/
    margin-top: 2%;
    display: flex;
}
.content_info1{
    /*margin-top: 2%;*/
    /*position: absolute;*/
    /*width: 50%;*/
    width: 93%;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-right: 2%;
    margin-left: 5%;

}

.content_info2{
    /*margin-top: 2%;*/
    /*position: absolute;*/
    /*width: 50%;*/
    /*margin-left: 50%;*/
    width: 96%;
    margin: 2%;

}

/*.content_info1{*/
/*    margin-top: 2%;*/
/*    position: absolute;*/
/*    width: 50%;*/

/*}*/

/*.content_info2{*/
/*    margin-top: 2%;*/
/*    position: absolute;*/
/*    width: 50%;*/
/*    margin-left: 50%;*/

/*}*/

.content_info1 p
{
    color: #244892;
    margin: 10%;
    font-size: 60%;
}

.content_info1 img{
    width: 70%;
}

.header .top-bar #nav-icons {
    padding: 0;
}
.header .top-bar #nav-icons a {
    color: #f1fcff;
    display: inline-block;
    padding: 2px 10px;
    font-size: 16px;
    line-height: 26px;
}
.header .top-bar #nav-icons a {
    font-size: 14px;
}

/* p.auth-info a {*/
/*    text-decoration: underline;*/
/*     position: absolute;*/
/*     margin-left: 80%;*/
/*     margin-top: 90%;*/
/*}*/

.page-content1{
    outline: 2px solid #244892; /* Чёрная рамка */
    border: 15px solid white; /* Белая рамка */
    color: #244892;
    margin: 2%;
    margin-left: 10%;
    font-size: 50%;
}

.page-content2{
    color: #244892;
    margin: 2%;
    font-size: 50%;
}

.reviews{
    background-color: #dedede;
    width: 100%;
    padding: 1%;
}

.objects_review{
    width: 97%;
    margin-top:20px;
    /*-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);  !* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ *!*/
    /*-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);  !* Firefox 3.5 - 3.6 *!*/
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/

    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;

    justify-content: space-between;
    align-items: center;
}

.objects_review .review_photo{
    margin:10px 0;
}
.objects_review .review_photo img{
    width:100px;
    height:auto;

    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius:100px;
}
.objects_review .review_text{
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
    -ms-flex: 1;           /* IE 10 */
    flex: 1;

    margin:10px 10px 10px 10px;
    font-size:16px;
    overflow: hidden;
}
.objects_review p{
    margin:10px 15px;
    overflow:hidden;
}
.objects_review .review_who p,.review_date p{
    font-size:12px;
}
.nav1{

    margin-right: 10%;
    margin-left: 65%;
}

.nav1 a{
    position: center;
    font-size: 0px;
}

.nav1 img{
    margin-top: 5px;
    margin-bottom: 5px;
    width: 15%;
}

.nav1 li {
    display: inline; /* Располагаем элементы по горизонтали */
    list-style: none; /* Убираем маркеры списка */
}
.news{
    position: center;
}

.news img{
    width: 90%;
    height: 35%;
    object-fit: cover;
}