@font-face {
	font-family: Magistral;
    src: url(/fonts/magistral.ttf);
}
@font-face {
	font-family: MagistralB;
    src: url(/fonts/magistralb.ttf);
}
@font-face {
	font-family: MyriadB;
    src: url(/fonts/MyriadB.ttf);
}
@font-face {
	font-family: Myriad;
    src: url(/fonts/myriad.otf);
}
@font-face {
	font-family: MyriadB;
    src: url(/fonts/myriadb.otf);
}
@font-face {
	font-family: Corinthia;
    src: url(/fonts/corinthia.ttf);
}
@font-face {
	font-family: Halter;
    src: url(/fonts/OCR.otf);
}


.scrollUp {
  position:fixed;
  top:auto;
  bottom:20px;
  left:auto;
  right:80px;
  border-radius:20px;
  z-index:9999;
  cursor:pointer;
  padding:0px;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
}


body
{


font-family: Myriad;
font-weight: 300;
font-size: 18px;
color: #555;

-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;

padding-top: 70px;

}


#top-image {
background: url('/pics/bg.png') center center   repeat fixed;
width:100%;
z-index:0;
height:100%;
}


.table_row
{
background: #f7f7f7;
}

.table_row:hover
{
background: #f1f1f1;
}

.cardnumber::placeholder {
  color: #CCC;
  
}

.scrollUp {
  position:fixed;
  top:auto;
  bottom:60px;
  left:auto;
  right:8px;
  border-radius:20px;
  cursor:pointer;
  padding:0px;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  z-index: 999999999;
}

h1, h2, h3, h4, h5, h6
{
font-family: MyriadB;	
font-weight: 300;
color: #244191;
}


p
{

line-height: 28px;
margin: 25px 0;	
}



.clear
{
height: 60px;	
}

.center
{
text-align: center;
}

.topmenu a:link
{

text-decoration: none;
font-weight: normal;
}

a:link, a:visited
{
text-decoration: underline;	
}



a.mainlinks:link, a.mainlinks:visited
{
text-decoration: none;	
color: #fff;
}

a.mainlinks:link:hover
{
text-decoration: none;	
color: #fff;
}


strong
{
font-family: MyriadB;	
}


hr
{
display: block;
width:100%;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 20px 0;
padding: 0;	
}


.navbar
{
font-weight: 800;	
font-size: 20px;
font-family: Myriad;
color: #fff;

}

.navbar-inverse
{
background: #23408f;	
border-bottom: 0px solid #fff;	
}




.registry_table
{
font-size: 20px;
width:100%;
}

.registry_table td
{
padding: 20px;
background: #f2f2f2;
border: 5px solid #fff;
width:50%;
}

.history_table
{
font-size: 15px;

}

.history_table td
{
padding: 10px;

border: 2px solid #fff;
}


.regions
{
width:1265px;
border: 0px solid;
margin: 0 auto;
position: relative;
top: 55px;
left: 10px;
}


.regions_thumb
{
display: inline-block; 
padding: 5px; 
background: #fff; 
border-radius: 1000px;
}

.regions_text
{
display: inline-block; 
font: 20px MagistralB; 
padding: 10px 15px 10px 10px; 
background: #fff; 

margin-left: -8px;
border-top-right-radius:100px;
border-bottom-right-radius:100px;
}

.regions_text:last-child
{
margin-right: 0px;
}





@media screen and (min-width: 1240px) {

#top-image {
background: url('/pics/bg.png') center center   repeat fixed;
width:100%;
z-index:0;
height:100%;
}

.ssl
{
font-size: 15px;
text-align: right;
}


.dropdown:hover .dropdown-menu {
display: block;
}

.container
{
width:1300px;
}
.container_main
{
width:1300px;
border: 0px solid;	

display: inline-block; 
}

.card
{
display: inline-block; 
border: 2px solid #fff; 
max-width: 700px; 
margin-top: 30px;
position: fixed;
box-shadow: 5px 5px 5px #7c7c7c;
border-radius: 20px;;
}


.card_small
{
display: inline-block; 
border: 2px solid #fff;  
max-width: 700px; 
margin-top: 30px;
position: fixed;
box-shadow: 5px 5px 5px #7c7c7c;
border-radius: 20px;
}



.wrapper
{
float: right;
width:550px;
}

.wrapper-full
{
padding-left: 10px;

}


.gbform
{
position: fixed;	
}

.form
{
float: right;
width:550px;
border: 0px solid;
margin-top:-10px;
}


.spacer
{
width:100%;
height: 230px;
background: #f2f2f2;
margin-top: -20px;
border-top: 10px solid #e6e6e6;
border-bottom: 10px solid #e6e6e6;
z-index: 2;
margin-bottom:50px;
}



.panel-login {
	
	box-shadow: 3px 3px #000;
	margin-top: 20px;
	background: #ccc;
	border-radius: 20px;
}

.panel-login>.panel-heading a{
	
	color: #666;
	font-weight: bold;
	font-size: 18px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
	font-family: MyriadB;
	text-transform: uppercase;
	border-bottom: 1px dashed;
	
}
.panel-login>.panel-heading a.active{
	color: #000;
	font-size: 18px;
	font-family: MyriadB;
	text-decoration: none;
}
.panel-login>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}
.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
	height: 45px;
	
	border: 1px solid #ddd;
	font-size: 20px;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	transition: all 0.1s linear;
	font-family: MyriadB;
	
}
.panel-login input:hover,
.panel-login input:focus {
	outline:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
	font-family: MyriadB;
}
.btn-login {
	background-color: #ed1b24;
	outline: none;
	color: #fff;
	font-size: 20px;
	height: auto;
	width: 340px;
	padding: 15px;
	text-transform: uppercase;
	border: 3px solid #fff;
	border-radius: 1000px;
	font-family: MyriadB;
	position:relative;
	left:-10px;
}
.btn-login:hover

{
	font-weight: 800;
	color: #fff;
	
	box-shadow: 0px 0px 10px #ed1b24;
	outline: none;
	
}
.forgot-password {
	border-bottom: 1px dotted #fff;
	
	font-family: Magistral;
	color: #fff;
}
.forgot-password:hover,
.forgot-password:focus {
	text-decoration: none;
	color: #fff;
}

.btn-register {
	background-color: #ed1b24;
	outline: none;
	color: #fff;
	font-size: 20px;
	height: auto;
	font-weight: normal;
	padding: 14px 14px;
	text-transform: uppercase;
	font-family: MyriadB;
		border: 3px solid #fff;
	border-radius: 10px;
}
.btn-register:hover,
.btn-register:focus {
	color: #fff;
	background-color: #ed1b24;

}




input {outline: none;}
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
    -webkit-text-fill-color: #999 !important; /* цвет текста */
    color: #999 !important; /* цвет текста */
}


}









@media screen and (max-width:479px) 
/* Target portrait smartphones */
{

body
{
background: #fff;
}

.ssl
{
font-size:13px;
}
	
	
.form_shift
{
margin-bottom:20px;	
}

#top-image {
background: url('/pics/bg.png') center center   repeat fixed;
width:100%;
z-index:0;
height:100%;
}



.logo
{
display: none;	
}

.spacer, .regions
{
display: none;
}


.card_small, .card
{
display: inline-block; 
margin-bottom:20px;
border-radius: 10px;
box-shadow: 2px 2px 5px #000;
border: 2px solid #fff;  
}


  
  
.registry_table
{
font-size: 15px;
width:100%;
margin:0;
}

.registry_table td
{
padding: 10px;
background: #f7f7f7;
border: 5px solid #fff;

}

  
.form
{
float: right;
margin-top:-20px;
}
  
.wrapper
{
float: right;

}



.btn-login {
	background-color: #ed1b24;
	outline: none;
	color: #fff;
	font-size: 20px;
	height: auto;
	width:340px;
	padding: 15px;
	text-transform: uppercase;
	border: 3px solid #fff;
	border-radius: 1000px;
	font-family: MyriadB;
	position:relative;

}

.btn-login:hover
{
	font-weight: 800;
	color: #fff;
	
	box-shadow: 0px 0px 10px #ed1b24;
	outline: none;
	
}



}











@media only screen and (max-width : 768px) {
.spacer
{
display: none;
}

#top-image {
background: url('/pics/bg.png') center center   repeat fixed;
width:100%;
z-index:0;
height:100%;
}

.card_small, .card
{
display: inline-block; 
border: 0px solid; 
margin-bottom:20px;
border-radius: 10px;
box-shadow: 2px 2px 5px #000;
border: 2px solid #fff;  
}
  
  
.registry_table
{
font-size: 15px;
width:100%;
margin:0;
}

.registry_table td
{
padding: 10px;
background: #f7f7f7;
border: 5px solid #fff;

}

  
.form
{
float: right;
margin-top:-20px;
}
  
.wrapper
{
float: right;

}

.credits
{
display: inline-block; 

margin: 40px 0 80px;

}

.btn-login {
	background-color: #ed1b24;
	outline: none;
	color: #fff;
	font-size: 20px;
	height: auto;
	width:330px;
	padding: 15px;
	text-transform: uppercase;
	border: 3px solid #fff;
	border-radius: 1000px;
	font-family: MyriadB;
	position:relative;

}

.btn-login:hover
{
	font-weight: 800;
	color: #fff;
	
	box-shadow: 0px 0px 10px #ed1b24;
	outline: none;
	
}




}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.modal-backdrop.in
{
    opacity:0.7 !important;
    position:fixed;
    height:100%;
	z-index: 999;
}


.modal-content {
  width:100%;
}

.modal-dialog-centered {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:calc(80% - (.5rem * 2));
}

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height:calc(80% - (1.75rem * 2));
  }
}




a:focus 
{
outline: none;
}