* {
    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;
}

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

#DeskBack { 
   background: url(images/imgAwards.jpg) no-repeat;
   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 */
            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: 450px;  
   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);
 }
 
/*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%);  }  }  


.small {
    width:189px;
	height: 247px;
	overflow: hidden;    
	   -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
       -ms-animation: fadein 4s; /* Internet Explorer */
       animation: fadein 4s;
	 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;
}

.small: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);
}


.small_Rect {
    width: 261px;
	height: 192px;
	overflow: hidden;    
	   -webkit-animation: fadein 4s; /* Safari and Chrome */
       -moz-animation: fadein 4s; /* Firefox */
       -ms-animation: fadein 4s; /* Internet Explorer */
       animation: fadein 4s;
	 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;
}

.small_Rect: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);
}

#award1 {
     position: relative;
     margin-top: 208px;
	 left: 220px;
	border: 0;    
    outline: none;    
}
#award1 a {	border: 0;    outline: none;   }


#award2 {
     position: relative;
     margin-top: -250px;
	 left: 424px;
	border: 0;    
    outline: none;    
}
#award2 a {	border: 0;    outline: none;   }


#award3 {
     position: relative;
     margin-top: -250px;
	 left: 628px;
	border: 0;    
    outline: none;    
}
#award3 a {	border: 0;    outline: none;   }

#cert1{
     position: relative;
     margin-top: 220px;
	 left: 220px;
	 border: 0;    
     outline: none;    
}
#cert1 a {	border: 0;    outline: none;   }


#cert2 {
     position: relative;
     margin-top: -251px;
	 left: 424px;
	border: 0;    
    outline: none;    
}
#cert2 a {	border: 0;    outline: none;   }


#cert3 {
     position: relative;
     margin-top: -250px;
	 left: 628px;
	border: 0;    
    outline: none;    
}
#cert3 a {	border: 0;    outline: none;   }



#cert6 {
     position: relative;
     margin-top: -1864px;
	 margin-left: 90px;
	border: 0;    
    outline: none;    
}
#cert6 a {	border: 0;    outline: none;   }

#cert7 {
     position: relative;
     margin-top: -196px;
	 margin-left: 390px;
	border: 0;    
    outline: none;    
}
#cert7 a {	border: 0;    outline: none;   }


#cert8 {
     position: relative;
     margin-top: -196px;
	 margin-left: 690px;
	border: 0;    
    outline: none;    
}
#cert8 a {	border: 0;    outline: none;   }


#cert9 {
     position: relative;
     margin-top: 24px;
	 margin-left: 90px;
	border: 0;    
    outline: none;    
}
#cert9 a {	border: 0;    outline: none;   }

#cert10 {
     position: relative;
     margin-top: -196px;
	 margin-left: 390px;
	border: 0;    
    outline: none;    
}
#cert10 a {	border: 0;    outline: none;   }


#cert11 {
     position: relative;
     margin-top: -196px;
	 margin-left: 690px;
	border: 0;    
    outline: none;    
}
#cert11 a {	border: 0;    outline: none;   }

#policy1 {
     position: relative;
     margin-top: 208px;
	 left: 424px;
	border: 0;    
    outline: none;    
}
#policy1 {	border: 0;    outline: none;   }