body {
 /* Шрифт для заголовка */
 /* font-family: 'Roboto Condensed', sans-serif; */
 /* font-family: 'Varela Round', sans-serif; */
 /* Шрифт для основного текста */
 font-family: 'Open Sans', sans-serif;
 margin: 0;
 padding: 0;
}

a {
 color: #fff;
 text-decoration: none;
}

.top-side----main {
 display: none;
}

.both-side----main {
 display: flex;
}

.left-side----main {
 display: flex;
 flex-direction: column;
 color: #fff;
 width: 10%;
 width: 150px;
 /* box-shadow: 0px 0px 0px #fff; */
 /* border-right: 1px solid #fff; */
 position: relative;
 left: 0;
 background-color: #334858;
}

.left-side---logo {
 width: 130px;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 font-family: 'Varela Round', sans-serif;
 font-size: 40px;
 margin: 0 10px;
 text-transform: uppercase;
 border-bottom: 1px solid #fff;
}

.left-side---profile {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 font-size: 20px;
 margin: 10px;
 width: 130px;
 border-bottom: 1px solid #fff;
}

.left-side---profile a {
 display: flex;
 justify-content: center;
 padding: 10px;
 height: 20px;
 width: 20px;
 background-color: #48667D;
 border-radius: 10px;
}

.left-side---profile a:hover {
 background-color: #84BAE3;
}

.left-side---profile .fa-sign-in-alt {
 color: #badc58;
}

.left-side---profile dt {
 font-size: 12px;
 text-transform: uppercase;
 margin: 2px 0;
}

.left-side---menu {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 font-size: 20px;
}

.left-side---menu ul {
 margin: 0;
 padding: 0;
}

.left-side---menu li {
 list-style-type: none;
 display: flex;
 flex-direction: column;
 text-align: center;
 align-items: center;
 justify-content: center;
 margin: 5px;
}

.left-side---menu a {
 display: flex;
 padding: 5px;
 height: 40px;
 width: 40px;
 align-items: center;
 font-size: 30px;
 background-color: #48667D;
 border-radius: 10px;
 color: #e0ffff;
 justify-content: center;
}

.left-side---menu a:hover {
 background-color: #84BAE3;
}

.left-side---menu dt {
 margin: 2px 0;
 font-size: 10px;
 display: flex;
 justify-content: center;
 text-transform: uppercase;
}

.right-side----content {
 display: flex;
 flex-direction: column;
 height: 768px;
 padding: 10px;
 font-size: 14px;
 background-color: #a3a7a6;
}

.right-side---content-main {
 display: flex;
 justify-content: space-between;
 flex-direction: column;
 height: 170px;
 margin: 5px 0;
 padding: 5px;
 background-color: #ddd;
 width: auto;
}

.right-side--content-title {
 /* border-bottom: 2px solid #000; */
 margin-bottom: 5px;
 display: flex;
 font-family: 'Varela Round', sans-serif;
}

.right-side--content-title i {
 margin: 0 5px;
 font-size: 5px;
 justify-content: center;
 align-items: center;
}

.right-side--content-title-right {
 text-transform: lowercase;
 font-style: italic;
 margin: 0 5px;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 color: #879299;
}

.right-side--content-msg {
 word-wrap: break-word;
 word-break: break-word;
 overflow: hidden;
}

.right-side--content-footer {
 display: flex;
 justify-content: space-between;
 align-items: center;
 font-size: 16px;
 color: #879299;
}

.right-side-content-footer-right a {
 font-size: 14px;
 display: flex;
 text-align: center;
 justify-content: center;
 padding: 5px;
 text-transform: uppercase;
 background-color: #cd595a;
 color: #fff;
 height: 20px;
 width: 120px;
}

.right-side--content-footer i {
 margin: 0 5px;
}
.right-side---discription-main{
 width: 300px;
 margin: 0 5px;
 background: #ddd;
}
.right-side---discription{
 display: flex;
 justify-content: center;
}
.right-side---discription-title{
 text-transform: uppercase;
 border-bottom: 2px solid #fff;
 justify-content: center;
 margin: 5px 10px;
 text-align: center;
}
.right-side---discription-msg{
 word-break: break-word;
}
.right-side---discription-msg ul {
 margin: 0;
 padding: 0;
}
.right-side---discription-msg li {
 margin: 5px;
 display: flex;
 flex-direction: row;
 font-family: 'Open Sans';
 font-size: 16px;
}
.eRating{
 background: #dddddd;
 font-family: "Open Sans";
 border: none;
 outline: none;
 font-size: 16px;
 color: #879299;
}