.bg-custom-1 {
    background-color: rgba(255, 255, 255, 0.8);
	margin:3px;
}

.bg-custom-2 {
    background-color: rgba(240, 230, 140, 0.4);
}

.bg-custom-3 {
    background-color: rgba(240, 230, 140, 0.8);
}
.green-border {
	border-style: solid;
    border-width: 3px;
	border-color: green;,
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}

.auth-panel	{
	width: 100%;
	background-color: #FCFCFC;
	padding: 5px 0px;
	border: 4px solid #000099;
	border-radius: 100px;
	}
.avatar-img {
	float: left;
	width: 100px;
	border: 2px solid #000099;
	border-radius: 100px;
	}
.vip-img {
	width: 100px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	}
.exit-img {
	float: right;
	}
.lk-img {
	float: center;
	border: 2px solid #000099;
	display: block;
    margin-left: auto;
    margin-right: auto;
	}
.lk-info-text {
	font-size: large;
	font-weight: 700;
	text-align: center;
	position: relative;
	}
.auth-panel-text {
	font-size: x-large;
	font-weight: 700;
	text-align: center;
	position: relative;
	}
.auth-panel-text p{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	}
.auth-panel-text-sm {
	font-weight: 700;
	text-align: center;
	position: relative;
	}
.auth-panel-text-sm p{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	}
	
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, с 1999 года*/
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}

	
	
/* body{padding: 10px 2% 0%; background-color: RGB(240, 200, 160); background-image: url(images/background.jpg);} */
table.free{background:url(images/background.jpg); background-repeat:repeat; width:100%} 
table{width:100%;}
td{text-align:center;}
th{text-align:center;font-size:100%;}
img{margin:5px 5px;}
.font2{font-size:x-large;}
.font3{font-size:xx-large;}
.fontbold{font-weight:700;}
.h1red{color: red;}
.redfont{color: red;}
.bluefont{color: blue;}
.stretched{width:100%;}
.menubutton{font-size:xx-large;color:white;background-color:blue;padding:10px;width:100%;border-radius:15px;box-shadow: 5px 5px black;}
.loginbutton{font-size:xx-large;color:blue;background-color:white;width:30%;border-radius:10px;box-shadow: 5px 5px black;padding:10px;margin:10px;}
.loginbutton:hover{font-size:xx-large;color:blue;background-color:white;width:30%;border-radius:10px;box-shadow: 3px 3px black;padding:10px;margin:10px;}
.centered{text-align:center;}
	#UserLogin{transform:scale(2); opacity:0.7; cursor:pointer;}
	#UserPass{transform:scale(2); opacity:0.7; cursor:pointer;}

img.h_line{width:100%;}
	
button.round{border:0px;background-color:transparent;}
button.round_2{border:2px, solid, blue;background-color:transparent;border-radius:5px;}
button.fullsize{margin:0px;width:100%;height:100%;text-align:center;}

div.fullsize{padding:0px;}

table.bordered{border: 8px double black; margin: 20px;}
.dash{width:100%}

h2.red{color:red; font-weight: bold;}
li.active {font-weight:bold;color:#0000FF;}

.design {
    height: 50px;
	width:80%;
	vertical-align: middle;
	display: inline-block; /* Строчно-блочный элемент */
    padding: 5px 20px; /* Добавляем поля */
    text-decoration: none; /* Убираем подчёркивание у ссылки */
    cursor: pointer; /* Курсор в виде руки */
    background: #000077; /* Фон для браузеров, не поддерживающих градиент */
    /* Градиент */
    background: -moz-linear-gradient(top, #000077 0%, #0000AA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000077), color-stop(100%,#0000AA));
    background: -webkit-linear-gradient(top, #000077 0%,#0000AA 100%);
    background: -o-linear-gradient(top, #000077 0%,#0000AA 100%);
    background: -ms-linear-gradient(top, #000077 0%,#0000AA 100%);
    background: linear-gradient(top, #000077 0%,#0000AA 100%);
    border-radius: 10px; /* Скругляем уголки */
    border: 1px solid #008; /* Добавляем синюю рамку */
    font: 24px/1 Arial, sans-serif; /* Рубленый шрифт */
    color: #FFFFFF; /* Цвет текста и ссылки */
	text-align: center;
	vertical-align: middle;
   }
   
.design_2 {
    height: 50px;
	width:16%;
	vertical-align: middle;
	display: inline-block; /* Строчно-блочный элемент */
    padding: 5px 20px; /* Добавляем поля */
    text-decoration: none; /* Убираем подчёркивание у ссылки */
    cursor: pointer; /* Курсор в виде руки */
    background: #ff9400; /* Фон для браузеров, не поддерживающих градиент */
    /* Градиент */
    background: -moz-linear-gradient(top, #ff9400 0%, #FF7B00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9400), color-stop(100%,#FF7B00));
    background: -webkit-linear-gradient(top, #ff9400 0%,#FF7B00 100%);
    background: -o-linear-gradient(top, #ff9400 0%,#FF7B00 100%);
    background: -ms-linear-gradient(top, #ff9400 0%,#FF7B00 100%);
    background: linear-gradient(top, #ff9400 0%,#FF7B00 100%);
    border-radius: 10px; /* Скругляем уголки */
    border: 1px solid #008; /* Добавляем синюю рамку */
    font: 24px/1 Arial, sans-serif; /* Рубленый шрифт */
    color: #2c539e; /* Цвет текста и ссылки */
	text-align: center;
	vertical-align: middle;
   }
   
.design:hover {
    height: 50px;
	width:80%;
	vertical-align: middle;
	display: inline-block; /* Строчно-блочный элемент */
    padding: 5px 20px; /* Добавляем поля */
    text-decoration: none; /* Убираем подчёркивание у ссылки */
    cursor: pointer; /* Курсор в виде руки */
    background: #0000AA; /* Фон для браузеров, не поддерживающих градиент */
    /* Градиент */
    background: -moz-linear-gradient(top, #0000AA 0%, #0000AA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000AA), color-stop(100%,#0000AA));
    background: -webkit-linear-gradient(top, #0000AA 0%,#0000AA 100%);
    background: -o-linear-gradient(top, #0000AA 0%,#0000AA 100%);
    background: -ms-linear-gradient(top, #0000AA 0%,#0000AA 100%);
    background: linear-gradient(top, #0000AA 0%,#0000AA 100%);
    border-radius: 10px; /* Скругляем уголки */
    border: 1px solid #008; /* Добавляем синюю рамку */
    font: 24px/1 Arial, sans-serif; /* Рубленый шрифт */
    color: #FFFFFF; /* Цвет текста и ссылки */
	text-align: center;
	vertical-align: middle;
   }

.design_2:hover {
    height: 50px;
	width:16%;
	vertical-align: middle;
	display: inline-block; /* Строчно-блочный элемент */
    padding: 5px 20px; /* Добавляем поля */
    text-decoration: none; /* Убираем подчёркивание у ссылки */
    cursor: pointer; /* Курсор в виде руки */
    background: #ffa500; /* Фон для браузеров, не поддерживающих градиент */
    /* Градиент */
    background: -moz-linear-gradient(top, #ffa500 0%, #ffa500 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa500), color-stop(100%,#ffa500));
    background: -webkit-linear-gradient(top, #ffa500 0%,#ffa500 100%);
    background: -o-linear-gradient(top, #ffa500 0%,#ffa500 100%);
    background: -ms-linear-gradient(top, #ffa500 0%,#ffa500 100%);
    background: linear-gradient(top, #ffa500 0%,#ffa500 100%);
    border-radius: 10px; /* Скругляем уголки */
    border: 1px solid #008; /* Добавляем синюю рамку */
    font: 24px/1 Arial, sans-serif; /* Рубленый шрифт */
    color: #2c539e; /* Цвет текста и ссылки */
	text-align: center;
	vertical-align: middle;
   }
   
.pic {
  border: 0px solid #fff;  
  float: left;
  height: 100%;
  max-width: 100%;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
   
  /*-webkit-box-shadow: 3px 3px 3px #111;
          box-shadow: 3px 3px 3px #111;  */
}

.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.grow {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.grow:hover {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1));
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.grow2 {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.grow2:hover {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
       -o-transform: scale(1.2));
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

input[type=checkbox] {
	-webkit-transform: scale(1.8);
     -moz-transform: scale(1.8);
       -o-transform: scale(1.8));
      -ms-transform: scale(1.8);
          transform: scale(1.8);
		  position: relative right:20px;
		  
}

input[type=number] {
	-webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
       -o-transform: scale(1.2));
      -ms-transform: scale(1.2);
          transform: scale(1.2);
		  position: relative right:10px;
		  margin: 10px;
		  
}

input[type=radio] {
	-webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1));
      -ms-transform: scale(1.1);
          transform: scale(1.1);
		  position: relative right:10px;
		  
}

input[type=submit] {
    padding:5px 25px; 
	margin:8px 20px;
    background:#FF7B00; 
    border:2 none;
	border-color:#0000FF; 
	color:#0000FF;
	font-stretch:ultra-expanded;
	font-weight:900;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

input[type=submit]:hover {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1));
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

input[type=button] {
    padding:5px 25px; 
	margin:8px 20px;
    background:#BBBBFF; 
    border:2 none;
	border-color:#0000FF; 
	color:#0000FF;
	font-stretch:ultra-expanded;
	font-weight:900;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

input[type=button].franshiza {
    padding:5px 25px; 
	margin:8px 20px;
    background:#00FF00; 
    border:2 none;
	border-color:#008000; 
	color:#008080;
	font-stretch:ultra-expanded;
	font-weight:900;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

input[type=button]:hover {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1));
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

input[type=reset] {
    padding:5px 25px; 
	margin:8px 20px;
    background:#FF7B00; 
    border:2 none;
	border-color:#FF0000; 
	color:#FF0000;
	font-stretch:ultra-expanded;
	font-weight:900;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

input[type=reset]:hover {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1));
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.container-fluid{margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px}.row{margin-left:0px;margin-right:0px}

#qwe {
  transform:scale(3);
  opacity:0.9;
  cursor:pointer;
  }
  
.panel-primary2{border-color:#337ab7}.panel-primary2>.panel-heading{color:#fff;background-color:#ff9400;border-color:#337ab7}.panel-primary2>.panel-heading{border-top-color:#337ab7}.panel-primary2>.panel-heading .badge{color:#ff9400;background-color:#fff}.panel-primary2>.panel-footer{border-bottom-color:#337ab7}

.panel-primary2>.panel-heading:hover{color:#fff;background-color:#ffa500;border-color:#337ab7}	

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}

.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	width: 95%;
	height: 100%;
	position: relative;
	margin: 2% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

#follow { margin: 0px; background: e6eeee; z-index: 2; position: fixed; bottom: 10px; right: 10px; }

.transparent {background-color: transparent; border: 0px; box-shadow: none; }

.row-flex, .row-flex > div[class*='col-'] { 
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex:1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
 align-content: flex-start;
 flex:0;
}

.row-flex > div[class*='col-'] {
     margin:-.2px; 
}