﻿      
   body
             {
                 background-color:#e8eced;                 
                 margin:0px 0px 0px 0px;
             }
             
    .blur
    {
        -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);
    }    
             
    .bodymobile
    {
        background-color:#e8eced;                 
        margin:0px 0px 0px 0px;
            
    }
    
             
             
          #mainbackground
          {
                 background-image:url(http://content.belamionline.com/Tour/Images/Background/pattern.jpg); 
		    background-attachment:fixed;
          }
              #mainbackgroundNoScroll
          {
                 background-image:url(http://content.belamionline.com/Tour/Images/Background/pattern.jpg); 
		    background-attachment:fixed;
          } 
          
                    
      
      #overlay {
  display: none;
  width:80%;  
  /* a border, so the player can fill the flexible-sized overlay */
  border: 10px solid #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 30px #000;
  -moz-box-shadow: 0 0 30px #000;
  box-shadow: 0 0 30px #000;
}
#overlay .close {
  display: block;
  position: absolute;
  top: -32px;
  right: -32px; 
  width: 28px;
  height: 28px;
  /* flowplayer close button in opposite color */
  background-image: url(../Images/black.png);
  background-size: 37px 300px;
  background-position: 8px -171px;
  background-color: #eee;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 0 0 10px #777;
  -moz-box-shadow: 0 0 10px #777;
  box-shadow: 0 0 10px #777;
  cursor: pointer;
}
@media(-webkit-min-device-pixel-ratio: 2) {
  #overlay .close {
    background-image: url(../Images/black@x2.png);
  }
}
 
#overlay-player {
  background-color: white;
}
 
#overlay-triggers {
  color: #777;
  list-style: none;
  font-size: 18px;
  width: 7em;
}
#overlay-triggers li {
  cursor: pointer;
  background: url(../Images/fp5arrow.png) 0 2px no-repeat;
  padding-left: 24px;
  margin: 0.5ex 0;
}
#overlay-triggers li:hover {
  color: #111;
}


    

.ThumbImageHD
{
    width:324px;
    height:182px;   
    overflow:hidden;        
}
.PinUpSpaccer
{  
    width:16px;
    height:272px;    
    float:left;     
    
}

.PinUpSpaccerSmall
{  
    width:6px;
    height:102px;    
    float:left;  
}





.MainMenuButton 
{
   cursor:pointer;
   border:none;
   margin-left:0px;
   margin-right:0px;
   float:left;   
}
.MainMenuActive
{
   cursor:pointer;
   border:none;
   margin-left:0px;
   margin-right:0px;
   float:left;   
}

#MainMenu
{
    margin:0px auto;    
}

#slider {
    overflow: auto;
	position: relative;	
	-ms-touch-action: none;
}


.SliderMobile 
{
    max-width:1400px; 
    min-width:984px;
    margin:0px auto;
    height:auto;
}
.SliderMobile .SliderImage {max-width:100%;min-width:984px;height:auto;border:none;}   

#slider .SliderImage {max-width:100%;min-width:984px;height:auto;border:none;}   

#slider .PlayImage
{
    position:absolute; 
    top:35%;
    z-index: 1;
    width:107px;
    height:107px;
    left:46%;
    filter: alpha(opacity=0);	
	opacity: 0;
	border:none;
}


#slider:hover .PlayImage {
	filter: alpha(opacity=100);
	opacity: 1;
}

#slider .PlayImageMobile
{
    position:absolute; 
    top:35%;
    z-index: 1;
    width:107px;
    height:107px;
    left:46%;
	border:none;
}


.SlidePlayButton
{
    /*Temp*/
}

.as-prev-arrow, .as-next-arrow {
	background: url(../Images/MainSlider/sipky.png) no-repeat;
	filter: alpha(opacity=0);
	height: 48px;
	opacity: 0;
	top:42%;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;	
	white-space: nowrap;
	width: 27px;
	z-index: 1;
}

.as-prev-arrow {
	left: 20px;
}

.as-next-arrow {
	background-position: -27px 0;
	right: 20px;
}


#slider:hover .as-arrows a {
	filter: alpha(opacity=100);
	opacity: 1;
}

.as-nav {
	margin:0px auto;
	z-index: 1;
	width:110px;
	text-align:center;
}

.as-nav a {
	background: url(../Images/MainSlider/puntik-na.png) no-repeat;
	height: 15px;
    display: inline-block;
	margin: 0 3px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 15px;
}

a.as-active, .as-nav a:hover {
    background: url(../Images/MainSlider/puntik-a.png) no-repeat;
}
 



#slider2 {
	-ms-touch-action: none;
	overflow: auto;
	position: relative;	
}

#slider2 .SliderImage {max-width:100%;min-width:984px;height:auto;border:none;}   

#slider2 .PlayImage
{
    position:absolute; 
    top:35%;
    z-index: 1;
    width:107px;
    height:107px;
    left:46%;
    filter: alpha(opacity=0);	
	opacity: 0;
	border:none;
}

#slider2:hover .PlayImage {
	filter: alpha(opacity=100);
	opacity: 1;
}

#slider2:hover .as-arrows a {
	filter: alpha(opacity=100);
	opacity: 1;
}



#slider3 {
	-ms-touch-action: none;
	overflow: auto;
	position: relative;	
}

#slider3 .SliderImage {max-width:100%;min-width:984px;height:auto;border:none;}   

#slider3 .PlayImage
{
    position:absolute; 
    top:35%;
    z-index: 1;
    width:107px;
    height:107px;
    left:46%;
    filter: alpha(opacity=0);	
	opacity: 0;
	border:none;
}

#slider3:hover .PlayImage {
	filter: alpha(opacity=100);
	opacity: 1;
}

#slider3:hover .as-arrows a {
	filter: alpha(opacity=100);
	opacity: 1;
}





.MiddleCentered984
{
    width:984px;
    margin:0px auto;
    overflow:hidden;
}

.LiquidCentered
{
    max-width:1400px; 
    min-width:984px;
    margin:0px auto;
    height:auto;
}

.LiquidCentered img 
{
    max-width:100%;
    min-width:984px;
    height:auto;
}  

.ClearScene
{
    width:100%; 
    height:16px; 
    clear:both;
}


#ModelList
{
    width:984px; 
    margin:0px auto;   
}

.ModelItem
{
    width:240px; 
    height:410px; 
    border:none;    
    float:left;
    table-layout:fixed;
}


.ModelImageCell
{
     height:360px; 
     width: 240px;
     background:white;
     overflow:hidden;
     padding:0px;
}

.ModelImageCell img
{     
     border:none;
}

.ModelNameCell
{
    height:42px;
    text-align:center;
    color:#496066;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    background:white; 
    overflow:hidden;
    width: 240px;
    padding:0px;
 
}

.ModelNameCell a
{
    text-decoration:none;
    color:#496066;
}

.ModelNameCell a:hover
{
    color:#bf0c0f;
}

.ModelBottomCell
{
    height:8px;
    width: 240px;
    vertical-align:top;
    overflow:hidden;        
    padding:0px; 
    background-image:url(../Images/Models/shadow.png); 
    background-repeat:no-repeat;       
}


.ModelSpacer
{  
    width:8px;
    height:410px;    
    float:left;  
}

#ModelDetail
{
    width:984px;
    margin:0px auto;    
}

#ModelMainDesc
{
    width:460px;
    float:left;
    margin-left:30px;
}

#ModelPropertioesAndNavigation
{
    width:198px;
    float:right;
}


#ModelName
{
    margin-top:50px;
    color:#bf0c0f;
    font-family:Arial;
    font-weight:bold;
    font-size:28px;    
     line-height:30px;    
    
}

.more-block p
{
    color:#5c757a;
      font-family:Arial;
    font-weight:bold;
    font-size:13px;    
    text-align:justify;
    line-height:20px;    
}
 
 .adjust
{
      color:#bf0c0f;
        font-family:Arial;
       font-weight:bold;
       text-decoration:none;
       font-size:12px;
}
 
 
 #NavAll
 {
    background-image:url(../Images/Models/001-ALL-na.png); 
    background-repeat:no-repeat;       
    width:49px;
    height:36px;    
    display:block;   
    float:left;
 }
 
 #NavAll:hover
 {
    background-image:url(../Images/Models/001-ALL-a.png); 
 }
 
 #NavPrevious
 {
    background-image:url(../Images/Models/002-PREVIOUS-na.png); 
    background-repeat:no-repeat;       
    width:91px;
    height:36px;    
    display:block;   
    float:left;
 }
 
 #NavPrevious:hover
 {
    background-image:url(../Images/Models/002-PREVIOUS-a.png);
 }
 
 #NavNext
 {
    background-image:url(../Images/Models/003-NEXT-na.png); 
    background-repeat:no-repeat;       
    width:57px;
    height:36px;    
    display:block;
    float:left;   
 }
 
 #NavNext:hover
 {
    background-image:url(../Images/Models/003-NEXT-a.png); 
 }
 
 #ModelPropertiesTable
 {
    color:#5c757a;
      font-family:Arial;
    font-weight:bold;
    font-size:13px;    
    text-align:justify;
    line-height:20px; 
    border:none;
    width:198px;
    overflow:hidden;    
 }
 
 #ModelVideos
{
    width:984px;
    margin:0px auto;    
}

.ModelVideosItem
{
    width:200px;
    height:220px; 
    border:none;    
    float:left;
    table-layout:fixed;
}

.ModelBottomCellVideos
{
    height:30px;    
    width: 200px;
    vertical-align:top;
    overflow:hidden;        
    padding:0px; 
    background-image:url(../Images/Models/VIDEOS-stin.png); 
    background-repeat:no-repeat;       
}
.ModelVideoCategoryCell
{
    height:20px;
    text-align:left;
    text-transform:uppercase;
   color:#4a6169;
    font-family:Arial;
    font-size:12px;
    background:white; 
    overflow:hidden;
    width: 200px;
    overflow:hidden;    
}

.ModelVideoTitleCell
{
    height:20px;
    width:200px;
}

.ModelVideoTitleCellDiv
{ 
    height:20px;
    width:200px;
    text-align:left; 
    color:#354e53;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    background:white; 
    overflow:hidden;
     white-space:nowrap;
    text-overflow:ellipsis;
}


.ModelVideoImageCell
{
    width:200px;
    height:150px;
    overflow:hidden;
    background:white; 
    vertical-align:middle;
}

.ModelPhotoImageCell
{
    width:150px;
    height:200px;
    overflow:hidden;
    background:white; 
    vertical-align:middle;
}

.ModelPhotoTitleCell
{
    height:20px;
    width:150px;
     background:white; 
}

.ModelPhotoTitleCellDiv
{ 
    height:20px;
    width:150x;
    text-align:left; 
    color:#354e53;
    font-family:Arial;
    font-weight:bold;
    font-size:12px;
    background:white; 
    overflow:hidden;
     white-space:nowrap;
    text-overflow:ellipsis;
}

.ModelPhotoCategoryCell
{
    height:20px;
    width:150px;
     background:white; 
}

.ModelPhotoCategoryCellDiv
{
     text-align:left;
    text-transform:uppercase;
   color:#4a6169;
    font-family:Arial;
    font-size:12px;
    background:white; 
    overflow:hidden;
     white-space:nowrap;
    text-overflow:ellipsis;
}

.ModelBottomCellPhotos
{
    height:30px;    
    width: 150px;
    vertical-align:top;
    overflow:hidden;        
    padding:0px; 
    background-image:url(../Images/Models/IMAGES-stin.png); 
    background-repeat:no-repeat;       
}

#ModelPhotos
{
    width:984px;
    margin:0px auto;    
}

.ModelPhotosItem
{
    width:150px;
    height:270px; 
    border:none;    
    float:left;
    table-layout:fixed;
}

.BottomCellPhotos
{
    height:16px;    
    width: 150px;
    vertical-align:top;
    overflow:hidden;        
    padding:0px; 
    background-image:url(../Images/Photos/PHOTOS-stin.png); 
    background-repeat:no-repeat;       
}

.SocialNav img
{
border:none;
}

.SocialNav td
{
    height:80px;
    vertical-align:middle;
    text-align:center;
}

.BottomMenu 
{
    margin-top:30px;
    color:#5d747a;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    line-height:26px;
}

.BottomMenu img
{
border:none;
}

.BottomMenu a
{
    text-decoration:none;
    color:#5d747a;
    }

.BottomMenu a:hover
{
    text-decoration:none;
    color:#bf151e;
    }


.BottomMenu td
{
    height:135px;
    vertical-align:top;
    text-align:left;
}

.SignupInput
{
    width:180px;
    height:30px;
    color:#b9b9b9;    
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
    background:white;     
    border-bottom-style:solid;
    border-width:0px;
    font-family:Arial;
    font-weight:bold;
    font-size:11px;    
    text-align:center;    
    margin-top:25px;
}

.BottomSmallText
{
    text-align:justify;
    color:#c2c2c2;
    font-family:Arial;
    font-size:12px;    
    font-weight:normal;
    line-height:13px;
}


      
 .simple_overlay {
   display: none;
  width: 520px;  
  height:290px;
  /* a border, so the player can fill the flexible-sized overlay */
  background-image:url(../Images/Login/LOGIN-podklad.png);
  background-repeat:none;
  border: 20px solid #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 40px #000;
  -moz-box-shadow: 0 0 40px #000;
  box-shadow: 0 0 40px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
   display: block;
  position: absolute;
  top: -42px;
  right: -42px; 
  width: 28px;
  height: 28px;
  /* flowplayer close button in opposite color */
  background-image: url(../Images/black.png);
  background-size: 37px 300px;
  background-position: 8px -171px;
  background-color: #eee;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  -webkit-box-shadow: 0 0 10px #777;
  -moz-box-shadow: 0 0 10px #777;
  box-shadow: 0 0 10px #777;
  cursor: pointer;
}

.LoginForm
{
    margin-left:30px;
    margin-top:50px;
    color:#4c6067;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    
}

.LoginForm a
{
    color:#bf151e;
}


.LoginInput
{
    width:265px;
    height:30px;
    color:black;    
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
    background:white;     
    border-bottom-style:solid;
    border-width:0px;
    font-family:Arial;
    font-weight:bold;
    font-size:14px;    
    text-align:left;
    margin-top:3px;
    margin-left:0px;    
    padding-left:5px;
}

.LoginButton
{
   margin-left:0px;       
}

.flowplayer .endscreen {
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
  width:  100%; 
  height: 100%;     
}

.flowplayer .endscreen img 
{
    width:100%;    
    border:0px;
}

.flowplayer.is-finished .endscreen {
  z-index: 2;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}


.PlayImageSmallVersion
{
    width:484px;
    height:247px;
    filter: alpha(opacity=0);	
	opacity: 0;
	border:none;
	margin-left:0px; 
	margin-top:0px;
}


.PlayImageSmallVersion:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#ageWrapper {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9000;
  background-color: rgba(165,163,162,.90);  
  transition: visibility 0s ease-in-out .5s, opacity .5s ease-in-out;   
}

#ageWrapper.ageUnknown {
  visibility: visible;
  opacity: 1;    
}

#agePopUp {
  position: fixed;
  z-index: 9001;
  top: 50%;
  left: 50%;
  background-color: #fff;
  background-image:url(http://content.belamionline.com/Tour/Images/Warning/background.jpg);
  width: 720px;
  height: 400px;
  margin-top: -240px;
  margin-left: -400px;  
   border: 10px solid #f8fafb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 40px 40px 40px 40px;
  background-repeat:no-repeat;  
  -webkit-filter: none;
}

#agePopUp .Disclaimer
{
    width:315px;
    font-family:Sans-Serif;
    font-size:15px;
    color:black;
    text-align:justify;
    margin-top:30px;
    margin-bottom:30px;       
    }
    
#agePopUp .Links
{
    width:315px;
    font-family:Sans-Serif;
    font-size:15px;
    color:black;
    text-align:center;
    margin-top:30px;      
    }

#agePopUp .Links a
{
    color:Black;
    text-decoration:underline;
    font-family:Sans-Serif;
    font-size:16px;
}

#agePopUp .Links .bigger
{
   font-size:20px; 
   font-weight:bold;
}

#agePopUp .confirm {}
#agePopUp .confirm  ul {margin: 0; padding:0;}
#agePopUp .confirm  ul li {float: left; padding: 0; margin: 0; list-style: none;  }
#agePopUp .confirm  ul li a {display: block; float: left; min-height: 85px; line-height: 85px; text-transform: uppercase; text-decoration: none; text-align:center; font-size: 24px; font-weight: bold; margin-right: 0px; background: #21a60e; background: -webkit-linear-gradient(#6bc762, #196f0b); background: -o-linear-gradient(#6bc762, #196f0b); background: -moz-linear-gradient(#6bc762, #196f0b); background: linear-gradient(#6bc762, #196f0b); color: white; width:300px; font-family:Sans-Serif;}
#agePopUp .confirm  ul li a:hover {background: #21a60e; }

.clr
{
    width:100%;
    clear:both;
}