/* CSS Document */
/*   Add this line below to all animated transitions to improve app.  */
/*   -webkit-transform: translateZ(0);   */
/*   -webkit-backface-visibility: hidden;  -webkit-perspective: 1000; */
/*   -webkit-transform: translate3d(0, 0, 0);  */

 

@font-face
  {
   font-family: OpenSans;
   src:url(../fonts/open-sans/OpenSans-Regular.ttf);
  }
  
@font-face
  {
   font-family: OpenSans_Light;
   src:url(../fonts/open-sans/OpenSans-Light.ttf);
  }
  
@font-face
{
 font-family: OpenSansSemiBold;
 src:url(../fonts/open-sans/OpenSans-Semibold.ttf);
}

@font-face
{
 font-family: OpenSansBold;
 src:url(../fonts/open-sans/OpenSans-Bold.ttf);
} 
  

@font-face
 {
   font-family: MyriadPro;
   src:url(../fonts/myriad-pro/MyriadPro-Regular.otf);
 }
 
@font-face
 {
   font-family: GeosansLight;
   src:url(../fonts/GeosansLight/GeosansLight.ttf);
 }
 
 
 
@font-face
 {
   font-family: Roboto_Light;
   src:url(../fonts/Roboto/Roboto-Light.ttf);
 }
 
 @font-face
 {
   font-family: Roboto_Thin;
   src:url(../fonts/Roboto/Roboto-Thin.ttf);
 }
 
 @font-face
 {
   font-family: Roboto_Medium;
   src:url(../fonts/Roboto/Roboto-Medium.ttf);
 }
 
 
 
@font-face
 {
   font-family: SegoeUI;
   src:url(../fonts/SegoeUI/SegoeUI.ttf);
 }
 
@font-face
 {
   font-family: Shruti;
   src:url(../fonts/Shruti/Shruti.ttf);
 }
 
@font-face
  {
   font-family: Slopes;
   src:url(../fonts/Slopes.ttf);
  } 
 







.GradientFont
{
  background: -webkit-linear-gradient(#fff600, #ffc600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

 
 
.ZOOM {
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
}
 
 
 
 
.NO_Select{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}
 
 
 

.hidden{opacity:0; visibility:hidden; z-index:-100;}

/*_________________  CENTRE OF EXCELLENCE COM CLASSES ___________________   */


.Link{color:#1DA4DD;}
.Link:hover{cursor:pointer; text-decoration:underline;}

a{color:#EE7256 !important;}
a:hover{cursor:pointer; text-decoration:underline;}
white_Space{position:relative; margin-right:1px; display:block; float:left; width:8px; height:8px;}


.colour_Green{color:#C1C771; !important;}
.colour_Orange{color:#EE7256; !important;}
.colour_Blue{color:#84d5f7; !important;}
.colour_Red{color:RED; !important;}
.colour_DeepGrey{color:rgba(93,93,93,1.00); !important;}
.colour_MediumGray{color:rgba(105,105,105,1.00); !important;}


.lineHeight{line-height:1.35em;}

.fill_width{width:100%;}
.fill_width_Form{width:410px !important;}
.label_Form{font-size:.8em; color:rgba(55,55,5,1.00);}
.label_Radio_Text{font-size:.6em; color:rgba(55,55,55,1.00); line-height:1.6em;}




#PopUpBox_Layer{position:Fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; visibility:hidden;}
#PopUpBox_BG{position:Fixed; width:100%; height:100%; background:rgba(1,1,1,1.00); opacity:.7;}
#PopUpBox_Box{position:relative; margin:auto; margin-top:-800px; width:800px; min-height:10px; background:White; z-index:101;}
#PopUpBox_Box_Top{position:relative; width:100%; height:40px; border-bottom:solid thin rgba(220,220,220,1.00);}
#PopUpBox_Box_Top > #PopUpBox_Title{position:relative; margin-left:10px; padding:13px; font-size:.9em; color:rgba(110,110,110,1.00)}
#PopUpBox_Box_Bottom{position:relative; margin-top:20px; width:100%; height:45px; border-top:solid thin rgba(180,180,180,1.00);}
 .PopUpBox_Close{position:relative; margin-top:10px; margin-right:18px; padding-top:4px; width:60px; height:19px; border:solid thin rgba(220,220,220,1.00); color:rgba(163,163,163,1.00); text-align:center; font-size:.8em; display:block; float:right;}
 .PopUpBox_Close:hover{cursor:pointer; color:white; background:rgba(150,150,150,1.00);}
 
#PopUpBox_Box_Content{position:relative; padding-left:25px; padding-right:25px; margin:auto; margin-top:16px; margin-bottom:16px; min-width:660px;}
#PopUpBox_Box_Content_PlaceHolder{}

  
/*_________________  COMMON CLASSES ___________________   */

.blur
{
  -webkit-filter: blur(5px);
  filter: blur(5px);	
}



.Rotate_FLIP
{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */

}

.Rotate_1
{
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
-o-transform:rotate(-90deg); /* Opera */

margin-top:60px;
margin-left:-100px;
}

.Rotate_45
{
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari and Chrome */
-o-transform:rotate(45deg); /* Opera */

margin-top:-10px;
}



.Anti_Rotate_1
{
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari and Chrome */
-o-transform:rotate(45deg); /* Opera */
}



.Pointer{cursor:pointer;}




.Shadow_Black_Travel
{
box-shadow: 2px 3px 14px #006b93;
}

.Shadow_Black_Travel_Slim
{
box-shadow: 0px 2px 10px #006b93;
}

.Shadow_White_LOKUS
{
box-shadow: 0px 12px 18px #FFF;
}

.Shadow_Black_LOKUS_Thin
{
box-shadow: 0px 0px 4px #014e65;
}


.Shadow_0
{
box-shadow: 0px 0px -10px #848484;
}

.Shadow_1
{
box-shadow: 0px 0px 10px #848484;
}

.Shadow_2
{
box-shadow: 2px 3px 2px #BBB;
}

.Shadow_2_SOFT
{
box-shadow: 0px 1px 5px  #CCC;
}

.Shadow_3
{
box-shadow: 0px 1px 1px #585858;
}

.Shadow_3_SOFT
{
box-shadow: 0px 3px 3px #000;
}

.Shadow_Light_SOFT
{
box-shadow: 0px 3px 6px #DDD;
}
.Shadow_Black_SOFT2
{
box-shadow: 0px 0px 5px #CCC;
}


.Round-Edge_Circle
{
  -moz-border-radius-topleft:65px; 
  border-top-left-radius:65px; 
  border-top-right-radius:65px; 
  border-bottom-right-radius: 65px; 
  border-bottom-left-radius: 65px;
}

 .Round-Edge_1
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:6px; /* Old Firefox */

border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; 
} 

 .Round-Edge_2
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:6px; /* Old Firefox */

border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; 
} 

.Round-Edge_2_Small
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:5px; /* Old Firefox */

border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; 
} 

 .Round-Edge_3
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:5px; /* Old Firefox */

border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:5px;
border-bottom-left-radius: 5px; 
} 

 .Round-Edge_Small
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:4px; /* Old Firefox */

border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px; 
}

 .Round-Edge_Mini
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:2px; /* Old Firefox */

border-top-left-radius:2px;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px; 
}


 .Round-Edge_4l
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:4px; /* Old Firefox */

border-top-left-radius:4px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius: 4px; 
} 

 .Round-Edge_4r
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:4px; /* Old Firefox */

border-top-left-radius:0px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius: 0px; 
}


 .Round-Circle
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:250px; /* Old Firefox */

border-top-left-radius:250px;
border-top-right-radius:250px;
border-bottom-right-radius:250px;
border-bottom-left-radius: 250px; 
}




 .Padding_14{padding-left:10px; padding-top:10px;}













 /*           ANIMATION CLASSES         */
 
 
 
 
.Transform_Left 
{
  transform: perspective(500px) translate3d(100px,0px,0px);

} 
 
 
 
 
 
 
 
 
.Animate_scroll_LEFT
{
transition:scrollLeft .5s;
-moz-transition:scrollLeft .5s; /* Firefox 4 */
-webkit-transition:scrollLeft .5s; /* Safari and Chrome */
-o-transition:scrollLeft .5s; /* Opera */
} 
 

.Animate_Opacity
{
transition:opacity .5s;
-moz-transition:opacity .5s; /* Firefox 4 */
-webkit-transition:opacity .5s; /* Safari and Chrome */
-o-transition:opacity .5s; /* Opera */
}

.Animate_Opacity_MEDIUM
{
transition:opacity 2s;
-moz-transition:opacity 2s; /* Firefox 4 */
-webkit-transition:opacity 2s; /* Safari and Chrome */
-o-transition:opacity 2s; /* Opera */
}

.Animate_Opacity_SLOW
{
transition:opacity 5s;
-moz-transition:opacity 5s; /* Firefox 4 */
-webkit-transition:opacity 5s; /* Safari and Chrome */
-o-transition:opacity 5s; /* Opera */
}

 
.Animate_width
{ 
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}

.Animate_width_FAST
{ 
transition:width .3s;
-moz-transition:width .3s; /* Firefox 4 */
-webkit-transition:width .3s; /* Safari and Chrome */
-o-transition:width .3s; /* Opera */
}

.Animate_MAX_width
{ 
transition:max-width .3s;
-moz-transition:max-width .3s; /* Firefox 4 */
-webkit-transition:max-width .3s; /* Safari and Chrome */
-o-transition:max-width .3s; /* Opera */
}


.Animate_height
{
transition:height .6s;
-moz-transition:height .6s; /* Firefox 4 */
-webkit-transition:height .6s; /* Safari and Chrome */
-o-transition:height .6s; /* Opera */
}


.Animate_height-short
{
transition:height .3s;
-moz-transition:height .3s; /* Firefox 4 */
-webkit-transition:height .3s; /* Safari and Chrome */
-o-transition:height .3s; /* Opera */
}

.Animate_height-shorter
{
transition:height .1s;
-moz-transition:height .1s; /* Firefox 4 */
-webkit-transition:height .1s; /* Safari and Chrome */
-o-transition:height .1s; /* Opera */
}

.Animate_top
{
transition:top .3s;
-moz-transition:top .3s; /* Firefox 4 */
-webkit-transition:top .3s; /* Safari and Chrome */
-o-transition:top .3s; /* Opera */
}

.Animate_top_SLOW
{
transition:top .5s;
-moz-transition:top .5s; /* Firefox 4 */
-webkit-transition:top .5s; /* Safari and Chrome */
-o-transition:top .5s; /* Opera */
}

.Animate_bottom
{
transition:bottom .3s;
-moz-transition:bottom .3s; /* Firefox 4 */
-webkit-transition:bottom .3s; /* Safari and Chrome */
-o-transition:bottom .3s; /* Opera */
}

.Animate_bottom_MEDIUM
{
transition:bottom 2s;
-moz-transition:bottom 2s; /* Firefox 4 */
-webkit-transition:bottom 2s; /* Safari and Chrome */
-o-transition:bottom 2s; /* Opera */
}

.Animate_left
{
transition:left .3s;
-moz-transition:left .3s; /* Firefox 4 */
-webkit-transition:left .3s; /* Safari and Chrome */
-o-transition:left .3s; /* Opera */
}

.Animate_left_FAST
{
transition:left .3s;
-moz-transition:left .3s; /* Firefox 4 */
-webkit-transition:left .3s; /* Safari and Chrome */
-o-transition:left .3s; /* Opera */
}

.Animate_left_SLOW
{
transition:left 3s;

}


.Animate_right
{
transition:right .3s;
-moz-transition:right .3s; /* Firefox 4 */
-webkit-transition:right .3s; /* Safari and Chrome */
-o-transition:right .3s; /* Opera */
}

.Animate_right_SLOW
{
transition:right 3s;
}

.Animate_right_FAST
{
transition:right .3s;
}


.Animate_MarginTop
{
transition:margin-top .4s;
-moz-transition:margin-top .4s; /* Firefox 4 */
-webkit-transition:margin-top .4s; /* Safari and Chrome */
-o-transition:margin-top .4s; /* Opera */
}
.Animate_MarginTop_SLOW
{
transition:margin-top 15s;
-moz-transition:margin-top 15s; /* Firefox 4 */
-webkit-transition:margin-top 15s; /* Safari and Chrome */
-o-transition:margin-top 15s; /* Opera */
}

.Animate_MarginLeft
{
transition:margin-left .6s;
-moz-transition:margin-left .6s; /* Firefox 4 */
-webkit-transition:margin-left .6s; /* Safari and Chrome */
-o-transition:margin-left .6s; /* Opera */
}

.Animate_MarginRight
{
transition:margin-right 1.2s;
-moz-transition:margin-right 1.2s; /* Firefox 4 */
-webkit-transition:margin-right 1.2s; /* Safari and Chrome */
-o-transition:margin-right 1.2s; /* Opera */
}

.Animate_Padding-left
{
transition:padding-left .3s;
-moz-transition:padding-left .3s; /* Firefox 4 */
-webkit-transition:padding-left .3s; /* Safari and Chrome */
-o-transition:padding-left .3s; /* Opera */
}


.Animate_Background-color
{
transition:background-color .8s;
-moz-transition:background-color .8s; /* Firefox 4 */
-webkit-transition:background-color .8s; /* Safari and Chrome */
-o-transition:background-color .8s; /* Opera */
}

.Animate_Background-color_FAST
{
transition:background-color .4s;
-moz-transition:background-color .4s; /* Firefox 4 */
-webkit-transition:background-color .4s; /* Safari and Chrome */
-o-transition:background-color .4s; /* Opera */
}


.Animate_Background-image
{
transition:background-image .8s;
-moz-transition:background-image .8s; /* Firefox 4 */
-webkit-transition:background-image .8s; /* Safari and Chrome */
-o-transition:background-image .8s; /* Opera */
}

.Animate_Background-position-Slow
{
transition:background-position 10s;
-moz-transition:background-position 10s; /* Firefox 4 */
-webkit-transition:background-position 10s; /* Safari and Chrome */
-o-transition:background-position 10s; /* Opera */
}

.Animate_Rotation
{	
 transform:rotate 1;
-ms-transform:rotate 1; /* IE 9 */
-moz-transform:rotate 1; /* Firefox */
-webkit-transform:rotate 1; /* Safari and Chrome */
-o-transform:rotate 1; /* Opera */	
	
}






.Gradient_Radial
{
 background: radial-gradient(#fff 30%, #f9f9f9 90%);
 /*background: radial-gradient(#fff 20%, #f9f9f9 90%); /* Standard syntax */
}

.Gradient_Linear_Blue
{
  background: linear-gradient(#00aeef 5%, #098ec3 70%); /* Standard syntax */
}

.Gradient_Linear_Short
{
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#027590 5%, #024a62 50%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#027590 5%, #024a62 50%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#027590 5%, #024a62 50%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#027590 70%, #00627D 100%); /* Standard syntax */
}


.Gradient_Linear_Menu
{
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#027590 15%, #024a62 70%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#027590 15%, #024a62 70%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#027590 15%, #024a62 70%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#01637A 15%, #024a62 70%); /* Standard syntax */
}