@keyframes pulse {
  0% {
    color: #ebebeb;
  }
  100% {
    color: #aa0000;
  }
}


@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Regular.eot?v=1.1.0");
  src: url("/fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("/fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("/fonts/OpenSans-Regular.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: 'Open Sans Light';
src: url("/fonts/OpenSans-Light.eot?v=1.1.0");
src: url("/fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/OpenSans-Light.woff?v=1.1.0") format("woff"), url("/fonts/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("/fonts/OpenSans-Light.svg?v=1.1.0#OpenSansBold") format("svg");
font-weight: 400;
font-style: normal;
}
#html,body	{height: 100%;}
body		{background:#f8f8f8; margin:0px; padding:0px}
table,div	{font-size:12px; font-family:"Open Sans",Tahoma,sans-serif; border:0px; border-collapse:collapse;}
#maindiv	{min-height:100%;}
a		{font-weight:bold; color:#01506d; text-decoration:none;}
a:hover		{color:#b00000}
a img		{border:none; vertical-align:text-top;}
a:hover img	{border:none; vertical-align:text-top; filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
input			{color:#660000; background-color:#ffffe8; border:1px solid #777; font-size:12px; border-radius:2px;}
input.button		{color:#01506d; cursor:pointer; border-radius:2px;}
input.button:hover	{color:#b00000; background-color:#ffffff}
input.button:disabled	{color:silver; background-color:#ffffff; cursor:not-allowed}
input.button2		{padding:15px;font-family: "Open Sans",Tahoma,sans-serif;font-weight:bold;font-size:18px;color:#01506d; cursor:pointer; border-radius:2px;}
input.button2:hover	{color:#b00000; background-color:#ffffff}
input.button2:disabled	{color:silver; background-color:#ffffff; cursor:not-allowed}
form		{margin:0}
small		{word-break: break-all;font-size:8px; font-family:Verdana,Tahoma,sans-serif}
small10g	{font-size:10px; font-family:Verdana,Tahoma,sans-serif; color:#607d8b;}
acronym		{border:#333333 1px solid; cursor:help}

select {
background: #ffffe8;
#  width: 268px;
  max-width: 15em;
   padding: 2 12 2 12;
#   font-size: 16px;
   line-height: 1;
   border: 1;
   border-radius: 0;
#   height: 34px;
#   -webkit-appearance: none;
   }

.street{
background-image:url("https://admin.intraffic.ua/i/i/house.png");
background-repeat:no-repeat;
background-position:center;
}



.respw		{width:960px;}
.respd		{display:none}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

.respw		{width:auto;}
.resp		{display:none}
.respd		{display:block}
}


.dnone		{display:none}

.big		{font-size:18px}
.mid		{font-size:14px}
.sml		{font-size:11px}

.cntr		{text-align:center}
.full		{width:100%}
.lft		{text-align:left}
.rght		{text-align:right}
.story		{text-align:justify; text-indent:10px}



.tablebg	{background-color:#ccd8e0}
#table.usrlist thead td		{border:1px solid #486f8e; padding:2px; background-image:url('/i/tbl_head.gif'); font-weight:bold; color:#fff; text-align:center;}
table.usrlist thead td		{border:1px solid #486f8e; padding:2px; background-color:#4A7190; font-weight:bold; color:#fff; text-align:center;}
table.usrlist thead a		{color:#fff; display:block; margin:0px; padding:1px}
table.usrlist thead a:hover	{color:#ffffe8; background-color:#486f8e}
table.usrlist td	{border:1px solid #ccd8e0; padding:2px}
table.tbg td		{border:1px solid #d2d2d2; padding:1px}
table.tbg1 td		{border:1px solid #d2d2d2; padding:2px}
table.tbg2 td		{border:1px solid #d2d2d2; padding:2px; width:20%;}
table.tbg1i td		{border:1px solid #d2d2d2 !important; padding:2px}
table.tbg3 td		{border:1px solid #d2d2d2; padding:4px}
table.table0 td		{border:0px; padding:0px}
table.table1 td		{border:0px; padding:1px}
table.table2 td		{border:0px; padding:2px}
table.table6 td		{border:0px; padding:6px}
table.table10 td	{border:0px; padding:10px}

.lh32		{line-height:32px}
.row1		{background-color:#ffffff}
.row2		{background-color:#ebebeb}
.row3		{background-color:#e9f0f0}
.rowoff		{background-color:#ffcccc}
.rowoff2	{background-color:#ffe0e0}
.rowoff3	{background-color:orange}
.rowoff4	{background-color:red}
.rowover	{background-color:#ffd4d4}
#.rowsv		{background-color:#f0f090; margin:2px;}
.rowsv		{background-image:url('/i/yellow_stripes2.png'); margin:2px;}
.rowsv2		{background-image:url('/i/yellow_stripes2.png'); margin:2px;}

.head		{background-color:#4A7190; color:#fff}
.head3		{background-color:#000; color:#fff}
.head2		{background-color:#707173; color:#fff}
.head a		{color:#c0ffff}
.head a:hover	{color:#ffffff}

.error		{font-weight:bold; color:#e06248}
.attention	{font-weight:bold; color:orange}
.data1		{font-weight:bold; color:green}
.data2		{font-weight:bold; color:#3e87bf}
.warn		{color:blue}
.boldwarn	{color:maroon}
.disabled	{color:#606060}
.fagrey		{color:grey}
.bold_facebook	{font-weight:bold; color:#336699;}

.message	{border:1px solid #ccc; border-radius:3px; padding:4px;  margin-left:15px;  margin-right:35px;  margin-top:10px; margin-bottom:10px; font-size:14px; color:#2e679f; background-color:#fff; width:90%}
.message_att	{border:1px solid #ccc; border-radius:3px; padding:4px;  margin-left:15px;  margin-right:35px;  margin-top:10px; margin-bottom:10px; font-size:18px; color:#2e679f; background-color:orange; width:90%}
.infomess	{border:1px solid #ccc; padding:30px; margin-left:5px; margin-right:5px; margin-top:20px; margin-bottom:20px; font-size:14px; color:#2e679f; background-color:#fff;}

.fixed		{position:fixed;}
.top20		{padding-top:20px;}
.pddng		{padding:20px !important}
.pddng1		{padding:1px}
.pddng2		{padding:2px}
.width100	{width:100%}
.width960	{width:960px}
.modified	{border:1px solid red; padding:1px}
.borderblue	{border:1px solid #3e87bf; padding:1px; border-radius:5px;}
.bordergrey	{border:1px solid #a0a0a0; padding:1px; border-radius:5px;}

#.title1l {background-color:#304050; background-image:url('/i/ttl_left.gif')}
#.title1r {background-color:#304050; background-image:url('/i/ttl_rght.gif')}
#.title1  {background-color:#304050; background-image:url('/i/ttl_top.gif'); font-size:14px; font-weight:bold;}
#.title2  {background-color:#7e7e7e}
#.title3  {background-color:#c0c0c0; display:block; margin-left:38px; margin-right:38px; margin-bottom:5px; padding:1px; border:1px solid #d0d0d0; color:#000}
#.title4  {background-color:#d0d0d0; background-image:url('/i/ttl_bottom.gif')}

#.title1l {background-color:#304050;}
#.title1r {background-color:#304050;}
#.title1  {background-color:#304050; background-image:url('/i/ttl_top.gif'); font-size:14px; font-weight:bold;}
#.title2  {background-color:#fff}
#.title3  {background-color:#c0c0c0; display:block; margin-left:38px; margin-right:38px; margin-bottom:5px; padding:1px; border:1px solid #d0d0d0; color:#000}
#.title4  {background-color:#d0d0d0; background-image:url('/i/ttl_bottom.gif')}

.title {font-weight:bold; color:#000; background-color:#e0e8ff}

.nav0 a		{color:#ffffe8; background-color:#4a7190; border:#2a5170 1px solid; margin:1px; padding:3pt; display:block; position:relative; float:none; font-size:12px}
.nav0 a:hover	{color:#ffffff; background-color:#aa0000}
.nav a		{color:#ffffe8; background-color:#696969; border:#505050 1px solid; border-radius:3px; margin:1px; padding:3pt; display:block; position:relative; float:left; font-family:"Open Sans Light"; font-size:14px;}
.nav a:hover	{color:#ffffff; background-color:#aa0000}
.nav2 a		{color:#01506d; background-color:#FFFFF0; border:#CCD8E0 1px solid; border-radius:3px; margin:2px; padding:4pt; display:block; line-height:100%; font-size:12px}
.nav2 a:hover	{color:#aa0000; background-color:#ffffff}
#.nav3 a	{color:#01506d; background-color:#ffffe8; border:#a0a0a0 1px solid; border-radius:3px; margin:2px; padding:1pt; display:block}
.nav3 a		{color:#01506d; background-color:#FFFFF0; border:#CCD8E0 1px solid; border-radius:3px; margin:2px; padding:4pt; display:block; line-height:100%; font-size:12px}
.nav3 a:hover	{color:#aa0000; background-color:#ffffff}
.nav4 a		{color:#01506d; background-color:#FFFFF0; border:#CCD8E0 1px solid; border-radius:3px; margin:1px; padding:1pt; display:block; line-height:100%; font-size:12px}
.nav4 a:hover	{color:#aa0000; background-color:#ffffff}

.navtitle a		{color:#ffffe8; background-color:#696969; position:relative; display:block; float:left; border:#505050 1px solid; border-radius:3px; padding:3pt; font-family:"Open Sans Light"; font-size:14px; margin:1px}
.navtitle a:hover	{color:#ffffff; background-color:#aa0000}

.navlink a		{color:#ffffe8; background-color:#696969; border:#505050 1px solid; border-radius:3px; padding:3pt; font-family:"Open Sans Light"; font-size:14px; margin:1px}
.navlink a:hover	{color:#ffffff; background-color:#aa0000}

.align_center		{position: relative; width: 100%; overflow:hidden}
.align_right		{position: relative; width: 100%; overflow:hidden; left:80%}
.align_center:after	{content:''; display:block; clear:both}
.align_center_to_left	{position:relative; right:50%; float:right}
.align_center_to_right	{position:relative; z-index:1; right:-50%}

.mw {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.mw-content {
  text-align:center;
  background-color: #f1d45f;
  max-width:800px;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
}

.mta {
    width: 80%;
}

.fs2 {
    font-size: 2em;
}

.fs3 {
    font-size: 3em;
}

/* The Close Button */
.close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.rounded_corners {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

.dn {display:none;}

.text-warning {
    color: #8a6d3b;
}

.highlight {
  background-color: yellow;
}

.loader {
    
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
 }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.hide-loader{
display:none;
}

html, body, #load_off { height: 100%; width: 100%; }
#load_off {
   position    : fixed;
   z-index     : 99; /* or higher if necessary */
   top         : 0;
   left        : 0;
   overflow    : hidden;
   text-indent : 100%;
   font-size   : 0;
   background  : url(/i/loader.gif) center no-repeat #00000010;
}



@-webkit-keyframes fadeInOut {.
  0% { opacity: 0.2; }
  10% { opacity: 0.3; }
  20% { opacity: 0.4; }
  30% { opacity: 0.5; }
  40% { opacity: 0.6; }
  50% { opacity: 0.7; }
  60% { opacity: 0.6; }
  70% { opacity: 0.5; }
  80% { opacity: 0.4; }
  90% { opacity: 0.3; }
  100% { opacity: 0.2; }
}

@keyframes fadeInOut {
  0% { opacity: 0.2; }
  10% { opacity: 0.3; }
  20% { opacity: 0.4; }
  30% { opacity: 0.5; }
  40% { opacity: 0.6; }
  50% { opacity: 0.7; }
  60% { opacity: 0.6; }
  70% { opacity: 0.5; }
  80% { opacity: 0.4; }
  90% { opacity: 0.3; }
  100% { opacity: 0.2; }
}


.w2back {

width:100%;
height:100%;
background-image: url('/i/back07.jpg');
background-size: cover;
opacity: 0.2;

-webkit-animation: fadeInOut 5s infinite;
animation: fadeInOut 5s infinite;

}