body{
    margin: 20px;
    padding: 0;
    background-repeat:no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-repeat:repeat;
    background-size:256px;
    font-family: 'Times New Roman', sans-serif;
    font-size: 21px;
    font-weight:100;
	text-align:justify;
}
@media (min-width: 1200px){
.container {
    width: 1360px !important;
}
}
.ramka{
  border: 1px solid black;
}
.list-group-item_active{
  font-size: 1px;
  color: #000 !important;
  font-family: 'Open Sans', sans-serif;
}

.list-group-item{
  font-size: 21px;
  color: #000 !important;
  font-family: 'Times new roman', sans-serif;
}

#str1{
  margin: 0 0 -7px
}
#str2{
  margin: 0 0 0px
}
h1{
  font-family: 'Times New Roman';
  font-size: 25px;
  text-align: center;
}
#rotate1{
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg);
}
#rotate2{
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    -ms-transform: rotate(-90deg); 
    transform: rotate(-90deg);
    padding: 0px 0px 0px 0px !important;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
  border: 1px solid rgb(51,122,183) !important;
  font-family: 'Times new roman';
  font-size: 19px;
}

.table-with-fontsize td{
  font-size: 11.2px;
}

.fixed-header{
    width:100%;
    float:left;
    /*background-color:#023D69;*/
    position:fixed;
    top:0;
    z-index:111;
    transition:all 0.4s;
    -webkit-transition:all 0.4s;
    padding: 10px 0px;
}

.navbar-brand {
    font-family: 'Times New Roman';
    color: White;
    font-weight:300;
    font-size: 26px;
}
h1{
  color: #2a4d99;
}

.navbar-brand:hover, .navbar-brand:focus {
    color: white;
}

.fixed-header ul{
    padding:0;
    float:right;
    margin:0;
}

.fixed-header ul li{
    display:inline-block;
    padding: 15px 0px;
}

.fixed-header ul li a{
    text-decoration:none;
    color:#fff;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 30px 0;    
}

.fixed-header ul li a:hover,
.fixed-header ul li .current{
    color: #93FAFF;
    border-top:2px solid #93FAFF;
}
.fixed-header {
    background: SteelBlue;
}
.fixed-header.scroll {
    background: SteelBlue 100%;

    padding: 0;
}
.fixed-header.scroll .navbar-brand {
    font-size: 26px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
  font-family: 'times new roman';
}

#home {
    padding-top: 8.5em;
}
.background {
    background-color: #fff;
    padding: 20px 80px 60px 80px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.main-title {    
    font-weight: 300;
    font-size: 34px;
    line-height: 1.4;
    margin-top: 40px;
    margin-bottom: 40px;
}
.section-title {
    font-size: 1.5em;
    margin-top: 0;
}


.footer {
    color:#fff;
    font-size: 14px;
    font-weight: 400;
    padding:48px 0;
}
.footer a {
	color: #FF6;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  left: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(192, 192, 192, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 10000000000000;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1.5;
}
.no-touch .cd-top:hover {
  background-color: rgb(192,192,192);
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    left: 10px;
    bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 70px;
    width: 70px;
    left: 15px;
    bottom: 15px;
  }
}
.img-zoom {
    
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
  cursor:pointer;
  -webkit-box-shadow: 4px 4px 24px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 24px 1px rgba(0,0,0,0.75);
box-shadow: 4px 4px 24px 1px rgba(0,0,0,0.75);
}
 
.transition {
    -webkit-transform: scale(1.5); 
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}


.box{
  width:100px;
  height:100px;
  font-size:64px;
  border-top:2px solid #fff;
  border-radius:50%;
  margin:10px auto 50px;
  background-color:#EEEEEE;
  background: linear-gradient(#EDEAE1,#CDC8B5);
  text-align:center;
  box-shadow:
    0 5px 2px 3px rgba(158, 158, 158, 0.4), 
    0 3px 5px #B7B6B6, 
    0 0 0 2px #BBB7AE, 
    inset 0 -3px 1px 2px rgba(186, 178, 165, 0.5),
    inset 0 3px 1px 2px rgba(246, 245, 241, 0.3);
  cursor:pointer;
  position:relative;
}
.box:active{
  width:100px;
  height:100px;
  border-radius:50%;
  border-top:none;
  border:2px solid #BAB7AE;
	background-color:#EEEEEE;
	text-align:center;
	color:#BAB7AE;
	font-size:64px;
	line-height:100px;
	text-shadow:
    0 1px 1px white,
    0 1px 1px #BAB7AE;
  
  box-shadow:  0 0 0 0 #BBB7AE;
}
.box:before{
	content:" ";
	display:block;
	position:absolute;
	z-index:-90;
	width:135px;
	height:135px;
	border-radius:50%;
	border-top:2px solid #CCC8BF;
  border-bottom: 1px solid #F4F3F1;
  box-shadow: inset 0 -2px 0 2px #F7F6F2, inset 0 2px 1px 1px #CCC8BF;
	left:-17.5px; 
	top:-20px;
	background:-moz-linear-gradient(#DAD6CB,#F1EDEA);
	box-shadow: inset 1px 0 1px 0px #D9D9D9; 
}
.anim {
  text-shadow: 1px 1px 1px white;
  color:#7E7E7E;
  text-align:center;
  font-size:36px;
  line-height:2;
  text-decoration: none;
  margin:-5px;
}

.btn-group a {
	
  font-size:18px;
  
}

.box span{
  display:inline-block;
  box-shadow: 
    inset 0 1px 1px 1px #7E7E7E, 
    0 1px 1px white;
  height:60px; 
  width:60px;
  border-radius:50%;
  background: linear-gradient(#AEADAA,#BAB7AE);
  margin:17px auto;
}

.outer {
    position:relative;
}

.inner {
   left:80px;
   top:80px;
   -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   position:absolute;
    background-color:grey;
}

p {
  text-indent: 1.5em;
}