* {
    margin: 0;
    padding: 0;
}

#hideAll
 {
   position: fixed;
   left: 0px; 
   right: 0px; 
   top: 0px; 
   bottom: 0px; 
   background-color: white;
   z-index: 9999; /* Higher than anything else in the document */

 }

#Background {
    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
    box-shadow: 1px 1px 2px 1px #00006B;
    position: absolute;
}

#Back_div {
    margin-top: -20px;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#snow {
	display: block;
}

#Footer {
    margin-top: 611px;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

#DeskBack { 
   z-index:-100000;
   width: 1024px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -125px;
    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}

.box {
    -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera */
            animation: fadein 4s;
}

.button{
 border:2px solid #1903a4; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;font-size:12px;font-family:helvetica, sans-serif; padding: 8px 8px 8px 8px; text-decoration:none; display:inline-block;text-shadow: 2px 2px 0 rgba(255,5,5,0.3);font-weight:bold; color: #FF6666;
 width: 100px;
 text-align:center;
 margin-left: -5px;
 background-color: #2104DB; background-image: -webkit-gradient(linear, left top, left bottom, from(#2104DB), to(#0A064F));
 background-image: -webkit-linear-gradient(top, #2104DB, #0A064F);
 background-image: -moz-linear-gradient(top, #2104DB, #0A064F);
 background-image: -ms-linear-gradient(top, #2104DB, #0A064F);
 background-image: -o-linear-gradient(top, #2104DB, #0A064F);
 background-image: linear-gradient(to bottom, #2104DB, #0A064F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2104DB, endColorstr=#0A064F);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.button:hover{
 border:2px solid #7EACFF;
 background-color: #1164F2; background-image: -webkit-gradient(linear, left top, left bottom, from(#0CBCE8), to(#0B2880));
 background-image: -webkit-linear-gradient(top, #0CBCE8, #0B2880);
 background-image: -moz-linear-gradient(top, #0CBCE8, #0B2880);
 background-image: -ms-linear-gradient(top, #0CBCE8, #0B2880);
 background-image: -o-linear-gradient(top, #0CBCE8, #0B2880);
 background-image: linear-gradient(to bottom, #0CBCE8, #0B2880);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1164F2, endColorstr=#0B2880);
 box-shadow: 0px 0px 15px 1px rgb(0,0,0);
 transform: scale(1.2) rotate(-5deg);
 -webkit-transform: scale(1.2) rotate(-5deg);
 -moz-transform: scale(1.2) rotate(-5deg);
 -o-transform: scale(1.2) rotate(-5deg);
 -ms-transform: scale(1.2) rotate(-5deg);
}

#Buttons {
   position: relative;
   width: 800px;
   height: 70px;
   top: -30px;
   left: 190px;  
   vertical-align: middle
   overflow: hidden;  
   margin: 25px auto;    }

#Clock {
   position: relative;
   width: 100px;
   height: 100px;
   top: -70px;
   left: 448px;  
   vertical-align: middle
   overflow: hidden;  
   pointer-events: none;
   margin: 25px auto;    }

.flags {
    position: relative;
	top: -308px;
	left: -420px;
	width: 148px;
	height: 60px;
	margin: auto;
	overflow: hidden;
}

#flagBG {
	width: 62px;
	height:48px;
	-webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
	cursor: pointer;
}

#flagEN {
	width: 62px;
	height:48px;
	-webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
	cursor: pointer;
}

#flagBG:hover {
	 transform: scale(1.2);
	 -webkit-transform: scale(1.2) ;
	 -moz-transform: scale(1.2);
	 -o-transform: scale(1.2);
	 -ms-transform: scale(1.2);
 }

 #flagEN:hover {
	 transform: scale(1.2);
	 -webkit-transform: scale(1.2) ;
	 -moz-transform: scale(1.2);
	 -o-transform: scale(1.2);
	 -ms-transform: scale(1.2);
 }
 
#NewsDiv {
	position: relative;
	margin-top: -200px;
	left: 30px;
	width: 300px;
	height: 320px;
	overflow-y: scroll;
}
 
#NewsDiv  p{
	color: #330066; 
	font-size: 16px; 
	font-family: "Arial";
	font-style: italic;
	filter: grayscale(50%); /* Current draft standard */
    -webkit-filter: grayscale(50%); /* New WebKit */
    -moz-filter: grayscale(50%);
    -ms-filter: grayscale(50%); 
    -o-filter: grayscale(50%); /* Not yet supported in Gecko, Opera or IE */ 
}

#NewsDiv  p:hover {
	color: #FF0000;
	 transform: scale(1.05);
	 -webkit-transform: scale(0.95) ;
	 -moz-transform: scale(0.95);
	 -o-transform: scale(0.95);
	 -ms-transform: scale(0.95);
	filter: grayscale(0%); /* Current draft standard */
    -webkit-filter: grayscale(0%); /* New WebKit */
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); 
    -o-filter: grayscale(0%); /* Not yet supported in Gecko, Opera or IE */ 
	 opacity: 0.9;
}

#NewsDiv a {
	text-decoration: none;
}

#NewsDiv a:hover {
	color: #FF0000;
}

/*TEXT MOVING*/
.marquee { 
   position: relative; 
   width: 400px;
   height: 30px;
   left: 300px;
   top: 205px;
   overflow: hidden;  
   border: 1px solid #000;  
   margin: 25px auto;    
   background-color: black;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  -ms-border-radius: 5px;  
  border-radius: 5px;  
  opacity: 0.66;
}

.date { 
   position: relative; 
   width: 290px;
   height: 25px;
   left: 245px;
   top: -195px;
   overflow: hidden;  
   border: 1px solid #000;  
   margin: 25px auto;    
   background-color: black;  
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;  
  -ms-border-radius: 5px;  
  border-radius: 5px;  
  opacity: 0.66;
}

.marquee p {  
        position: absolute;  
        font-family: Tahoma, Arial, sans-serif;  
        width: 100%;  
        height: 100%;  
        margin: 0;  
        line-height: 25px;  
        text-align: center;  
        color: #fff;  
        text-shadow: 1px 1px 0px #FFAD5C;  
        filter: dropshadow(color= #FFAD5C, offx=1, offy=1);  
        transform:translateX(100%);  
        -webkit-transform:translateX(100%);  
        -moz-transform:translateX(100%);  
        -ms-transform:translateX(100%);  }  

.date p {  
        position: absolute;  
        font-family: Tahoma, Arial, sans-serif;  
        font-size: 12px;
        width: 100%;  
        height: 100%;  
        margin: 0;  
        line-height: 23px;  
        text-align: center;  
        font-weight:bold;
        color: #fff;  
        text-shadow: 1px 1px 0px #FFAD5C;  
        filter: dropshadow(color= #FFAD5C, offx=1, offy=1);   }  


.marquee p:nth-child(1) {  animation: left-one 20s ease infinite;  }  
.marquee p:nth-child(2) {  animation: left-two 20s ease infinite;  }  
.marquee p:nth-child(3) {  animation: left-three 20s ease infinite;  }
.marquee p:nth-child(4) {  animation: left-four 20s ease infinite;  }
.marquee p:nth-child(1) {  -webkit-animation: left-one 20s ease infinite;  }  
.marquee p:nth-child(2) {  -webkit-animation: left-two 20s ease infinite;  }  
.marquee p:nth-child(3) {  -webkit-animation: left-three 20s ease infinite;  }  
.marquee p:nth-child(4) {  -webkit-animation: left-four 20s ease infinite;  }  


/*LOGO SPINS*/
.spin { 
   position: relative; 
    left: 48px;
    top: 100px;
}

.spin img{ 
       position: absolute;         
       -webkit-animation-name: fade; 
       -webkit-animation-iteration-count: infinite; 
       -webkit-animation-duration: 16s; 
             animation-name: fade; 
             animation-iteration-count: infinite; 
             animation-duration: 16s; 
}

@-webkit-keyframes fade {
    0% {opacity: 0; -webkit-transform:scale(0.3); }
    50% {opacity: 1; -webkit-transform:scale(1.2);}
    100% {opacity: 0; -webkit-transform:scale(0.3);}
}

@keyframes fade {
    0% {opacity: 0; transform:scale(0.3);}
    50% {opacity: 1; transform:scale(1.2);}
    100% {opacity: 0; transform:scale(0.3);}
}

#spinner1 { 
    -webkit-animation-delay: -8s; 
            animation-delay: -8s;}


/*LOGO FADE IN*/
@keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
@-moz-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
@-webkit-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}
@-ms-keyframes fadein { from { opacity: 0; } to   { opacity: 1; }}

/*TEXT MOVING*/
@keyframes left-one {  
        0%  {  transform:translateX(100%);  }  
        10% {  transform:translateX(0);  }  
        20% {  transform:translateX(0);  }  
        30% {  transform:translateX(-100%);  }  
        100%{  transform:translateX(-100%);  }  }  
@keyframes left-two {  
        20% {  transform:translateX(100%);  }
        30% {  transform: translateX(0);  }          
        40% {  transform:translateX(0);  }  
        50%{  transform:translateX(-100%);  }  
        100%{  transform:translateX(-100%);  } }  
@keyframes left-three {  
        40% {  transform:translateX(100%);  }
        50% {  transform: translateX(0);  }          
        60% {  transform:translateX(0);  }  
        70%{  transform:translateX(-100%);  }  
        100%{  transform:translateX(-100%);  }  }  
@keyframes left-four {  
        60% {  transform:translateX(100%);  }
        70% {  transform: translateX(0);  }          
        80% {  transform:translateX(0);  }  
        90% {  transform:translateX(0);  }  
        100%{  transform:translateX(-100%);  }  }  
@-webkit-keyframes left-one {  
        0%  {  -webkit-transform:translateX(100%);  }  
        10% {  -webkit-transform:translateX(0);  }  
        20% {  -webkit-transform:translateX(0);  }  
        30% {  -webkit-transform:translateX(-100%);  }  
        100%{  -webkit-transform:translateX(-100%);  }  }  
@-webkit-keyframes left-two {  
        20% {  -webkit-transform:translateX(100%);  }
        30% {  -webkit-transform: translateX(0);  }          
        40% {  -webkit-transform:translateX(0);  }  
        50%{   -webkit-transform:translateX(-100%);  }  
        100%{  -webkit-transform:translateX(-100%);  } }  
@-webkit-keyframes left-three {  
        40% {  -webkit-transform:translateX(100%);  }
        50% {  -webkit-transform: translateX(0);  }          
        60% {  -webkit-transform:translateX(0);  }  
        70%{   -webkit-transform:translateX(-100%);  }  
        100%{  -webkit-transform:translateX(-100%);  }  }  
@-webkit-keyframes left-four {  
        60% {  -webkit-transform:translateX(100%);  }
        70% {  -webkit-transform: translateX(0);  }          
        80% {  -webkit-transform:translateX(0);  }  
        90% {  -webkit-transform:translateX(0);  }  
        100%{  -webkit-transform:translateX(-100%);  }  }  

/*OBJECT GALLERY*/


h1 { color: white }


#News {
    position: relative;
    width: 155px;
    height: 118px;
    top: 28px;
    left: 529px; 
    border: 0;  
    outline: none;    
}

#Services {
    position: relative;
    width: 154px;
    height: 99px;
    top: 161px;
    left: 383px;       
    border: 0;    
    outline: none;
}

#About {
    position: relative;
    width: 116px;
    height: 118px;
    top: 41px;
    left: 42px; 
    border: 0;          
    outline: none;
}

#Objects {
    position: relative;
    width: 114px;
    height: 120px;
    top: 191px;
    left: -65px;  
    border: 0;
    outline: none;         
}

#Contacts {
    position: relative;
    width: 123px;
    height: 67px;
    top: 119px;
    left: 130px; 
    border: 0;    
    outline: none;      
}

#Partners {
    position: relative;
    width: 173px;
    height: 115px;
    top: 1px;
    left: 102px;  
    border: 0;   
    outline: none;      
}

#CD {
	position:relative;
	margin-top:-370px;
	margin-left:15px;
	width:280x;
	height:280px;
	-webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
	cursor: pointer;
	border: 0;
}

#CD:hover{
 transform: scale(1.2);
 -webkit-transform: scale(1.2) ;
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 -ms-transform: scale(1.2);
 }

/* First tablet button */
#tablet_up {
	display: inherit;
	position: relative;
	margin-left: 982px;
	margin-top: -448px;
	cursor: pointer;
	border: solid 1px #555;
	-moz-transition:  all ease 0.35s;
	-ms-transition: all ease 0.35s;
	-o-transition:  all ease 0.35s;
	transition:  all ease 0.35s;
		box-shadow: -2px 3px rgba(0,0,0,1); 
		-moz-box-shadow: -2px 3px rgba(0,0,0,1); 
		-webkit-box-shadow: -2px 3px rgba(0,0,0,1); 
		-o-box-shadow: -2px 3px rgba(0,0,0,1); 
	border-radius:50px;
}

#tablet_up:hover{
 transform: scale(1.25);
 -webkit-transform: scale(1.25) ;
 -moz-transform: scale(1.25);
 -o-transform: scale(1.25);
 -ms-transform: scale(1.25);
 }
 /* Tooltip for the first tablet button */
 .tooltip1 {
  margin-top: -31px; margin-left: 800px;
  width:150px; height: 32px;
  background-color:#00001A; color:white;
  font-size: 14px; font-family: Tahoma, Arial, sans-serif; text-shadow: 2px 2px 1px #0000CC;   
  text-align: center; line-height:32px;
  border-radius:10px;
  border: 3px inset #0000CC;
  opacity:0; visibility: hidden;
  -webkit-transition: opacity 0.7s; -moz-transition:  opacity 0.7s; -ms-transition: opacity 0.7s; -o-transition:  opacity 0.7s; transition:  opacity 0.7s;
}
 
.tablet_button1:hover .tooltip1 { opacity: 0.9; visibility: visible; }

#tablet_middle {
	display: inherit;
	position: relative;
	margin-left: 982px;
	margin-top: 15px;
	cursor: pointer;
	border: solid 1px #2E2E1F;
	-moz-transition:  all ease 0.35s;
	-ms-transition: all ease 0.35s;
	-o-transition:  all ease 0.35s;
	transition:  all ease 0.35s;
		box-shadow: -2px 2px rgba(0,0,0,1); 
		-moz-box-shadow: -2px 2px rgba(0,0,0,1); 
		-webkit-box-shadow: -2px 2px rgba(0,0,0,1); 
		-o-box-shadow: -2px 2px rgba(0,0,0,1); 
	border-radius:50px;
}

#tablet_middle:hover {
 transform: scale(1.25);
 -webkit-transform: scale(1.25) ;
 -moz-transform: scale(1.25);
 -o-transform: scale(1.25);
 -ms-transform: scale(1.25);
 }

 /* Tooltip for the first tablet button */
 .tooltip2 {
  margin-top: -31px; margin-left: 800px;
  width:150px; height: 32px;
  background-color:#1A0000; color:white;
  font-size: 14px; font-family: Tahoma, Arial, sans-serif;  text-shadow: 2px 2px 1px #FF0000; 
  text-align: center; line-height:32px;
  border-radius:10px;
  border: 3px outset #DB0000;
  opacity:0; visibility: hidden;
  -webkit-transition: opacity 0.7s; -moz-transition:  opacity 0.7s; -ms-transition: opacity 0.7s; -o-transition:  opacity 0.7s; transition:  opacity 0.7s;
}
 
.tablet_button2:hover .tooltip2 { opacity: 0.9; visibility: visible;}

 
 #tablet_down {
	display: inherit;
	position: relative;
	margin-left: 982px;
	margin-top: 15px;
	cursor: pointer;
	border: solid 1px #2E2E1F;
	-moz-transition:  all ease 0.35s;
	-ms-transition: all ease 0.35s;
	-o-transition:  all ease 0.35s;
	transition:  all ease 0.35s;
		box-shadow: -2px 2px rgba(0,0,0,1); 
		-moz-box-shadow: -2px 2px rgba(0,0,0,1); 
		-webkit-box-shadow: -2px 2px rgba(0,0,0,1); 
		-o-box-shadow: -2px 2px rgba(0,0,0,1); 
	border-radius:50px;
}

#tablet_down:hover {
 transform: scale(1.25);
 -webkit-transform: scale(1.25) ;
 -moz-transform: scale(1.25);
 -o-transform: scale(1.25);
 -ms-transform: scale(1.25);
 }

 /* Tooltip for the third tablet button */
 .tooltip3 {
  margin-top: -31px; margin-left: 800px;
  width:150px; height: 32px;
  background-color:#1A0000; color:white;
  font-size: 14px; font-family: Tahoma, Arial, sans-serif;  text-shadow: 2px 2px 1px #FF0000; 
  text-align: center; line-height:32px;
  border-radius:10px;
  border: 3px outset #DB0000;
  opacity:0; visibility: hidden;
  -webkit-transition: opacity 0.7s; -moz-transition:  opacity 0.7s; -ms-transition: opacity 0.7s; -o-transition:  opacity 0.7s; transition:  opacity 0.7s;
}
 
.tablet_button3:hover .tooltip3 { opacity: 0.9; visibility: visible;}
 
#tablet_last {
	display: inherit;
	position: relative;
	margin-left: 982px;
	margin-top: 15px;
	cursor: pointer;
	border: solid 1px #2E2E1F;
	-moz-transition:  all ease 0.35s;
	-ms-transition: all ease 0.35s;
	-o-transition:  all ease 0.35s;
	transition:  all ease 0.35s;
		box-shadow: -2px 2px rgba(0,0,0,1); 
		-moz-box-shadow: -2px 2px rgba(0,0,0,1); 
		-webkit-box-shadow: -2px 2px rgba(0,0,0,1); 
		-o-box-shadow: -2px 2px rgba(0,0,0,1); 
	border-radius:50px;
}

#tablet_last:hover {
 transform: scale(1.25);
 -webkit-transform: scale(1.25) ;
 -moz-transform: scale(1.25);
 -o-transform: scale(1.25);
 -ms-transform: scale(1.25);
 }
 
  /* Tooltip for the fourth tablet button */
 .tooltip4 {
  margin-top: -31px; margin-left: 800px;
  width:150px; height: 32px;
  background-color:#1A0000; color:white;
  font-size: 14px; font-family: Tahoma, Arial, sans-serif;  text-shadow: 2px 2px 1px #FF0000; 
  text-align: center; line-height:32px;
  border-radius:10px;
  border: 3px outset #DB0000;
  opacity:0; visibility: hidden;
  -webkit-transition: opacity 0.7s; -moz-transition:  opacity 0.7s; -ms-transition: opacity 0.7s; -o-transition:  opacity 0.7s; transition:  opacity 0.7s;
}
 
.tablet_button4:hover .tooltip4 { opacity: 0.9; visibility: visible;}

 #tablet_map {
	display: inherit;
	position: relative;
	margin-left: 982px;
	margin-top: 15px;
	cursor: pointer;
	border: solid 1px #2E2E1F;
	-moz-transition:  all ease 0.35s;
	-ms-transition: all ease 0.35s;
	-o-transition:  all ease 0.35s;
	transition:  all ease 0.35s;
		box-shadow: -2px 2px rgba(0,0,0,1); 
		-moz-box-shadow: -2px 2px rgba(0,0,0,1); 
		-webkit-box-shadow: -2px 2px rgba(0,0,0,1); 
		-o-box-shadow: -2px 2px rgba(0,0,0,1); 
	border-radius:50px;
}

#tablet_map:hover {
 transform: scale(1.25);
 -webkit-transform: scale(1.25) ;
 -moz-transform: scale(1.25);
 -o-transform: scale(1.25);
 -ms-transform: scale(1.25);
 }
 
   /* Tooltip for the fifth tablet button */
 .tooltip5{
  margin-top: -31px; margin-left: 800px;
  width:150px; height: 32px;
  background-color:#1A0000; color:white;
  font-size: 14px; font-family: Tahoma, Arial, sans-serif;  text-shadow: 2px 2px 1px #FF0000; 
  text-align: center; line-height:32px;
  border-radius:10px;
  border: 3px outset #DB0000;
  opacity:0; visibility: hidden;
  -webkit-transition: opacity 0.7s; -moz-transition:  opacity 0.7s; -ms-transition: opacity 0.7s; -o-transition:  opacity 0.7s; transition:  opacity 0.7s;
}
 
.tablet_button5:hover .tooltip5 { opacity: 0.9; visibility: visible; }

  #tablet_power {
	display: inherit;
	position: relative;
	margin-left: 982px;
	margin-top: 15px;
	cursor: pointer;
	border: solid 1px #2E2E1F;
	-moz-transition:  all ease 0.35s;
	-ms-transition: all ease 0.35s;
	-o-transition:  all ease 0.35s;
	transition:  all ease 0.35s;
	box-shadow: -2px 2px rgba(0,0,0,1); 
	-moz-box-shadow: -2px 2px rgba(0,0,0,1); 
	-webkit-box-shadow: -2px 2px rgba(0,0,0,1); 
	-o-box-shadow: -2px 2px rgba(0,0,0,1); 
	border-radius:50px;
}

#tablet_power:hover {
 transform: scale(1.25);
 -webkit-transform: scale(1.25) ;
 -moz-transform: scale(1.25);
 -o-transform: scale(1.25);
 -ms-transform: scale(1.25);
 }
 
   /* Tooltip for the fourth tablet button */
 .tooltip6 {
  margin-top: -31px; margin-left: 800px;
  width:150px; height: 32px;
  background-color:#1A0000; color:white;
  font-size: 14px; font-family: Tahoma, Arial, sans-serif;  text-shadow: 2px 2px 1px #FF0000; 
  text-align: center; line-height:32px;
  border-radius:10px;
  border: 3px outset #DB0000;
  opacity:0; visibility: hidden;
  -webkit-transition: opacity 0.7s; -moz-transition:  opacity 0.7s; -ms-transition: opacity 0.7s; -o-transition:  opacity 0.7s; transition:  opacity 0.7s;
}
 
.tablet_button6:hover .tooltip6 { opacity: 0.9; visibility: visible;}