*   {
    font-family: SourceCodePro-Light,Jura-Medium,Jura-DemiBold;
    font-size:15px;
    color: #2d2d2d;
    padding:0; margin:0; 
    -webkit-text-stroke: 0.4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
      } 


@font-face { font-family:SourceCodePro-Light; /* Èìÿ øðèôòà */
    src: url(../fonts/SourceCodePro-Light.ttf); /* Ïóòü ê ôàéëó ñî øðèôòîì */
    }
    
@font-face { font-family: Jura-Medium; /* Èìÿ øðèôòà */
    src: url(../fonts/Jura-Medium.ttf);}
    
@font-face { font-family: Jura-DemiBold; /* Èìÿ øðèôòà */
    src: url(../fonts/Jura-DemiBold.ttf);} 
    
.cf:before,.cf:after
{    content: " ";
    display: table;}
.cf:after
{   clear:both;}
.cf { *zoom: 1;}

#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-image {
  height: 80px;
  width: 80px;  
  position: absolute;
  top: 300px;
  left: 700px;
  z-index: 100;
} 

a {color: #484848;
    text-decoration: none;}
a:hover {color:#484848 }
    
img {
    border: solid 0px #F8F8F8 ;
    margin: 0px;
    padding: 2px;
}

ul {
    margin-left: 20px;
}
.customer img {
    border: solid 0px #F8F8F8;
}


.absaz{
    line-height: 1.5;
    font-size: 18px;
    color: #484848;
}
    
.block2 {
    
    width: 380px;
    float: left;
    border: solid 0px #484848;
    margin: 5px;
    padding: 5px;
    background-color: #F8F8F8;
}
.page-container  {
    position: relative;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    border: solid 1px #f8f8f8;
    }
    
    
.menu li{
    display: inline ;
    vertical-align: middle;
           }

.menu li a{
    border-radius: 2px;
    border: 1px solid white;
    color: white;
    font-size: 17px;
    text-decoration: none;
    font-weight:;
    text-align: center;
    height: 25px;
    padding-top: 5px;
    width: 150px;
    float: left;
    background-color:#484848;
    }
    
 .menu li a:hover{ 
    text-decoration: none;
    color: yellow;
    }  
    

.submenu {
    font: ;
    position:absolute;
    top: 90px;
    display: block;
    border: solid 0px blue;
    z-index: 1;
    opacity:0.8;}
    
.submenu li{
    display:  table;
     } 
       
.submenu li a{
    border-radius: 2px;
    color: white;
    border: 1px solid white;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    padding-top: 5px;
    width: 150px;
    height: 25px;
    float: left;
    background-color:#484848;
}
    
.submenu li a:hover{ 
    text-decoration: none;
    background-color:;
    color: yellow;} 

#sub1 {
    position:  relative;
    left:  0px;
}
#sub2 {
    position: relative;
    left:  152px;
}
#sub3 {
    position: relative;
    left: 304px;
}

#sub4 {
    position: relative;
    left: 456px;
}*

#myElement{
    border: solid 2px #EEE9E9;
    margin-right: 35px;
    padding: 10px;
    float: left;    
}    

.blinking{
	animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
	0%{		color: #000;	}
	49%{	color: transparent;	}
	50%{	color: transparent;	}
	99%{	color:transparent;	}
	100%{	color: #000;	}