/* ------------------------------------------------- HP -----------------------------------------------------------------*/
.videoHolder                {position:fixed;top:0px;left:0px;cursor:pointer;display:none;z-index:100;}
.hpVideoFull                {display: block; left: 0px;width:100%;float:left;}





.hpBigImage					{position:absolute;top:0px;left:0px;cursor:pointer;z-index:110;}


#hpVideoPlayPause           {width:100%;height:100%;float:left;position:fixed;top:0px;left:0px;z-index:120;background-position:center center;background-repeat:no-repeat;display:none;}
.hpPlayBtn                      {background-image: url(images/btnHpVideoPlayBig.png);}
.hpPauseBtn                      {background-image: url(images/btnHpVideoPauseBig.png);}

#hpVideoSoundControl        {width:45px;height:45px;float:left;position:fixed;top:70px;right:25px;z-index:130;background-position:center center;background-repeat:no-repeat;display:none;cursor:pointer;}
.hpVideoMuteBtn                      {background-image: url(images/btnHpVideoSoundOff.png);}
.hpVideoSoundBtn                      {background-image: url(images/btnHpVideoSoundOn.png);}

/* ------------------------------------------------- HP FOOTER SITEMAP-----------------------------------------------------------------*/



.sm_wrapper                     {width:100%;height:70px;clear:both;position:fixed;bottom:-10px;z-index:300;}
.sm_btnOpenTree                 {width:138px;height:17px;background-image: url(images/sm_toggle.gif);background-repeat:no-repeat;margin:auto;cursor:pointer;overflow:hidden;}

.sm_btnOpenTree                 {width:138px;height:17px;background-image: url(images/sm_toggle.gif);background-repeat:no-repeat;margin:auto;cursor:pointer;overflow:hidden;}
.sm_inner                       {width:100%;background-color:#000000;height:50px;clear:both;position:relative;background-image: url(images/site_map_hp_bg.gif);background-repeat:repeat-x;background-position:left top;}

/*
.sm_wrapper                     {width:100%;height:70px;clear:both;position:fixed;bottom:-55px;z-index:300;}
.sm_btnOpenTree                 {width:138px;height:17px;background-image: url(images/sm_toggle.gif);background-repeat:no-repeat;margin:auto;cursor:pointer;overflow:hidden;}
.sm_inner                       {width:100%;background-color:#000000;height:50px;clear:both;position:relative;background-image: url(images/site_map_hp_bg.gif);background-repeat:repeat-x;background-position:left top;}
*/

.sm_arr_left                    {width:45px;height:49px;position:absolute;left:0px;z-index:302;}
.sm_arr_left a                  {background-position:-90px 0px;background-image: url(images/site_map_hp_arrows.gif);background-repeat:no-repeat;width:45px;height:49px;overflow:hidden;float:left;font-size:1px;}
.sm_arr_left a:hover            {background-position:0px 0px;background-image: url(images/site_map_hp_arrows.gif);background-repeat:no-repeat;width:45px;height:49px;overflow:hidden;float:left;}
.sm_arr_right                   {position:absolute;width:45px;height:49px;right:0px;z-index:303;}
.sm_arr_right a                 {background-position:-135px 0px;background-image: url(images/site_map_hp_arrows.gif);background-repeat:no-repeat;width:45px;height:49px;overflow:hidden;float:left;font-size:1px;}
.sm_arr_right a:hover           {background-position:-45px 0px;background-image: url(images/site_map_hp_arrows.gif);background-repeat:no-repeat;width:45px;height:49px;overflow:hidden;float:left;}
.sm_arr_left a::selection       {background: #2b2b2b;}
.sm_arr_left a::-moz-selection  {background: #2b2b2b;}
.sm_arr_right a::selection      {background: #2b2b2b;}
.sm_arr_right a::-moz-selection {background: #2b2b2b;}
.sm_mask                        {float: left;height: 50px;position: relative;width: 100%;top:10px;}
.sm_slider                      {z-index:301;position: absolute;top: 0;left:50px;width:9000px;}
.sm_thumb           
{
    float: left;
    overflow: hidden;
    text-align: center;
    width: 40px;            
    height:30px;
    cursor:pointer;
    position:relative;
    /*background-image: url(panelbar/colors.png);background-repeat:no-repeat;*/
    border:solid 1px #000000;
}
.sm_thumb img
{
    /*position:absolute;left:0px;top:-13px;*/
}
.sm_thumb a
{
    position:relative;width:40px;float:left;font-size:10px;color:#fafafa;
}
.sm_thumb a
{
    position:relative;width:40px;float:left;font-size:10px;color:#fafafa;
}
.sm_timg
{
    position:absolute;top:0px;left:0px;z-index:100;width:40px;float:left;
}
.sm_thumb_dim
{
    position:absolute;top:0px;left:0px;width:40px;height:200px;background-color:#000000;z-index:1000;float:left;display:none;
}
.sm_sep
{
    float:left;width:4px;height:6px;
}
#sm_tt
{
    position:fixed;bottom:100px;left:100px;z-index:305;display:none;
}
#sm_tt_text
{
    background-image: url(images/site_map_tt.gif);background-position:center top;background-repeat:no-repeat;font-size:9px;color:#cbcbcb;
    padding:10px;
    padding-top:6px;
    padding-bottom:12px;
}

/**/
.InfoPager                  {clear:both;position:relative;width:400px;height:24px;}
.PagerItem                  {background-image: url(images/hp_pager.png);background-position:0px 0px;background-repeat:no-repeat;width:16px;height:16px;float:left;cursor:pointer;}
.InfoTitle                  {clear:both;position:relative;width:400px;}
.InfoTitle .txt             {padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;position:absolute;top:0px;left:38px;z-index:400;line-height:20px;font-size:18px;color:#ffffff;display:none;}
.InfoTitle .bgTimer         {padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;position:absolute;top:0px;left:38px;z-index:301;line-height:20px;font-size:18px;color:#ffffff;background-color:#39c2f3;display:none;}
.InfoTitle .bg              {padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;position:absolute;top:0px;left:38px;z-index:300;line-height:20px;font-size:18px;color:#ffffff;background-color:#626161;display:none;}
.InfoSub                    {clear:both;position:relative;width:auto;}
.InfoSub .txt               {padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;position:absolute;top:0px;left:0px;z-index:400;line-height:35px;font-size:35px;color:#ffffff;display:none;}
.InfoSub .bg                {padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;position:absolute;top:0px;left:0px;z-index:300;line-height:35px;font-size:35px;color:#ffffff;background-color:#626161;display:none;}
.InfoContent                {clear:both;position:relative;width:500px;}
.InfoContent .txt           {padding-left:12px;padding-right:12px;padding-top:22px;padding-bottom:22px;position:absolute;top:0px;left:0px;z-index:400;line-height:14px;font-size:13px;color:#ffffff;display:none;}
.InfoContent .bg            {padding-left:12px;padding-right:12px;padding-top:22px;padding-bottom:22px;position:absolute;top:0px;left:0px;z-index:300;line-height:14px;font-size:13px;color:#ffffff;background-color:#626161;display:none;}
#infoTitleText          a{line-height:20px;font-size:18px;color:#ffffff;}
#infoTitleText          a:hover{line-height:20px;font-size:18px;color:#00060c;}

#pageNavNext        {width:101px;height:267px;overflow:hidden;}
#pageNavNext     a  {background-image: url(images/arrow_right.png);background-position:-101px 0px;background-repeat:no-repeat;width:101px;height:189px;overflow:hidden;float:left;}
#pageNavNext a:hover{background-image: url(images/arrow_right.png);background-position:0px 0px;background-repeat:no-repeat;width:101px;height:267px;overflow:hidden;float:left;}
#tNxt               {width:96px;height:75px;overflow:hidden;position:relative;top:189px;left:4px;border-width:0px;}

#pageNavPrev        {width:101px;height:267px;overflow:hidden;}
#pageNavPrev     a  {background-image: url(images/arrow_left.png);background-position:0px 0px;background-repeat:no-repeat;width:101px;height:189px;overflow:hidden;float:left;}
#pageNavPrev a:hover{background-image: url(images/arrow_left.png);background-position:-101px 0px;background-repeat:no-repeat;width:101px;height:267px;overflow:hidden;float:left;}
#tPre               {width:96px;height:75px;overflow:hidden;position:relative;top:189px;left:1px;border-width:0px;}

.hpFooterWrapper			{position:fixed;bottom:0px;z-index:10000000;width:100%;}		





.btnHpCloseText{float:left;width:38px;}
.btnHpCloseText a{
    width:36px;height:36px;background-color:#02688c;float:left;
    -webkit-transition : background-color 200ms ease-out; 
    -moz-transition : background-color 200ms ease-out;
    -o-transition : background-color 200ms ease-out;    
    background-image: url(images/btnHpCloseText.png);background-position:center center;background-repeat:no-repeat;
}
.btnHpCloseText a:hover
{
    width:36px;height:36px;background-color:#39c2f3;float:left;
}
.btnHpOpenText{position:absolute;top:200px;left:0px;display:none;z-index:1000;}
.btnHpOpenText a
{
    width:36px;height:36px;background-color:#02688c;float:left;
    -webkit-transition : background-color 200ms ease-out; 
    -moz-transition : background-color 200ms ease-out;
    -o-transition : background-color 200ms ease-out;    
    background-image: url(images/btnHpOpenText.png);background-position:center center;background-repeat:no-repeat;
}
.btnHpOpenText a:hover
{
    width:36px;height:36px;background-color:#39c2f3;float:left;
}



/* preload */
#pagePreloader								{ position:fixed; z-index:999999; height:36px !important;}
/*.ContentInfoHolder { opacity:0; transition:opacity 300ms ease;}*/


#aspnetForm {  
    /*opacity:0; visibility:hidden; transition:opacity 1200ms ease; */
    height:100%;

}  
/*.navController	{ display:none;}*/

.navController.right
{
    position:absolute;right:0px;top:300px;z-index:500;
}
.navController.left
{
    position:absolute;left:0px;top:300px;z-index:500;
}
.ContentInfoHolder		{ pointer-events:none;position:absolute;z-index:200;top:400px;left:123px;}
.SlideInfoPanel         {float:left;height:300px;width:530px;overflow:hidden;}
.SlideInfoPanel *		{ pointer-events:auto;}

.blinki {
	animation: blinker 500s cubic-bezier(1.0,0,0,1.0) infinite;
	-webkit-animation: blinker 1s cubic-bezier(1.0,0,0,1.0) infinite;
	-moz-animation: blinker 1s cubic-bezier(1.0,0,0,1.0) infinite;
	-ms-animation: blinker 1s cubic-bezier(1.0,0,0,1.0) infinite;
	-o-animation: blinker 1s cubic-bezier(1.0,0,0,1.0) infinite;
}

span.link {
    cursor:pointer;
}

@-webkit-keyframes blinker {  
    from {visibility:hidden;}
    50% {visibility:hidden;}
    to {visibility:visible;}
}

@keyframes blinker {  
    from {visibility:hidden;}
    50% {visibility:hidden;}
    to {visibility:visible;}
}



    .tmr
    {
        display:none;
        position:absolute;
        z-index:10000000;
        top:0px;
        left:0px;
        padding:30px;
        color:white;
        background-color:red;
    }
    #nmenuFooter {
        opacity: 0;
    }
    #btnShowAllHpWrapper {
        background-color:transparent !important;
    }
    #aspnetForm {
        background-color: #fff;
    }


    #awwwards {
        position: absolute;
        top: 76px;
        width: 90px;
        height: 135px;
        text-indent: -666em;
        overflow: hidden;
        z-index: 999;
        right: 0px;
    }
    #awwwards.nominee.white.right a {background-image: url(http://www.vconcept.com/css/ribbons/awwwards_nominee_white_right.png);}
    #awwwards a {position: absolute;top: 0;left: 0;display: block;width: 90px;height: 135px;background-repeat: no-repeat;background-size: 90px 135px;}

    #debug2
    {
        position:fixed;top:100px;left:100px;z-index:100000000;color:red;font-size:20px;display:none;
    }