@charset "UTF-8";

BODY {
font:12px Helvetica;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing: grayscale;
background-size:cover;
background-position:center center;
background-attachment:fixed;
height:100%;
padding:0px;
margin:0px;
color:white;
}
.ContentDetailsHeader {
font: 18px 'Century Gothic';
color:white;
}
.Box {
display:block;
padding:20px;
margin:15px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
font: 14px Arial;
color:white;
padding-bottom: 15;
}
.WallBox {
display:block;
padding:20px;
margin:15px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
opacity:0;
font: 14px Arial;
color:white;
padding-bottom: 15;
white-space:normal;
}
.GalleryBox {
display:block;
padding:10px;
margin:7px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:opacity 0.7s ease-out;
font: 14px Arial;
color:white;
opacity:0;
white-space:normal;
}
.GalleryHomeBox {
display:block;
padding:10px;
margin:7px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
font: 14px Arial;
color:white;
opacity:0;
-webkit-animation: FadeInAnim 0.7s;
-mz-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
-webkit-animation-fill-mode: forwards;
-mz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.HomeBox {
display:inline-block;
max-width:1000px;
min-width:800px;
padding:20px;
margin:15px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
font: 14px Arial;
color:white;
-webkit-animation: FadeInAnim 0.7s;
-mz-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
-webkit-animation-fill-mode: forwards;
-mz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.ContentBox {
display:inline-block;
padding:20px;
padding-top: 10px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
font: 14px Arial;
max-width:880px;
opacity:0;
color:white;
margin-top:20px;
width:100%;
}
.AboutBox {
display:inline-block;
padding:20px;
padding-top: 10px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
-webkit-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
font: 14px Arial;
max-width:1000px;
color:white;
margin-top:20px;
min-height:60%;
margin:0;
margin-bottom:2%;
min-width:800px;
max-width:80%;
}
.ContactBox {
display:inline-block;
padding:20px;
padding-top: 10px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
-webkit-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
font: 14px Arial;
max-width:1000px;
color:white;
margin-top:20px;
min-height:60%;
margin:0;
margin-bottom:2%;
min-width:750px;
max-width:80%;
}
.BoxesColumn {
display:inline-block;
width:430px;
min-width:430px;
height:100%;
margin:10px;
vertical-align:top;
transition:all 0.7s linear;
}
.BannerBox {
display:block;
padding:10px;
margin:10px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
font: 14px Arial;
color:white;
}
.PageTop {
background:black;
width:100%;
height:50px;
position:fixed;
top:0px;
left:0px;
font: 30px Arial;
color:white;
z-index:2;
}
.PageLeft {
width:78%;
height:100%;
vertical-align:top;
text-align:center;
}
.PageRight {
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
width:22%;
max-width:400px;
min-width:260px;
height:100%;
position:fixed;
right:0px;
top:0px;
padding:0;
z-index:1;
}
.Menu {	
font: 18px Arial;
color: #9c9c9c;
text-align:right;
padding:0px 20px 0px 20px;
white-space:nowrap;
}
.MenuItem {	
font: 18px Arial;
color: #9c9c9c;
text-align:right;
padding:0px 12px 0px 12px;
}
.MenuItem:hover {	
color:white;
text-decoration:none;
}
.MenuItemSelected {	
font: 18px Arial;
color: #ffffff;
text-align:right;
padding:0px 15px 0px 15px;
}
.MenuItemSelected:hover {	
color:white;
text-decoration:none;
}
.MenuLogo {
padding:0px 20px 0px 20px;
}
.MenuLangChooser {
font: 12px Arial;
color: #929292;
padding-left:10px;
}
.MenuLangChooser:hover {
font: 12px Arial;
color: white;
text-decoration:none;
cursor:pointer;
padding-left:10px;
}
.ProfilePicture {
border-radius:32px;
border:1px solid #9c9c9c;
height:64px;
width:64px;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
display:inline-block;
background-size:cover;
background-position:center center;
}
.SidebarHeaderTitle {
font: 36px 'Century Gothic';
color:white;
margin-bottom:10px;
padding:0px 25px 0px 25px;
}
.SidebarSubHeaderTitle {
font: 30px 'Century Gothic';
color:white;
margin-bottom:10px;
padding:0px 0px 0px 10px;
}
.SidebarItemTitle {
font: 20px 'Century Gothic';
color:white;
padding:0px 0px 0px 10px;
}
.SidebarCommentsTitle {
font: 20px 'Century Gothic';
color:white;
margin-bottom:15px;
padding:0px 25px 0px 25px;
}
.SidebarScroller {
overflow:auto;
}
.SidebarSeparator {
height:3px;
margin:20px 25px 20px 25px;
background:url('/images/profile/Line.png');
}
.SidebarTag {
display:inline-block;
font: 14px 'Arial';
color:white;
padding:4px 10px 4px 10px;
border:1px solid white;
border-radius:5px;
margin-bottom:8px;
margin-right:5px;
cursor:pointer;
}
.SidebarTag:hover, .SidebarTagSelected {
display:inline-block;
font: 14px 'Arial';
color:black;
background:white;
padding:4px 10px 4px 10px;
border:1px solid black;
border-radius:5px;
margin-bottom:8px;
margin-right:5px;
}
.ArchiveDate {
font: 13px 'Arial';
color:white;
margin-bottom:6px;
}
.ArchiveCounter {
font: 13px 'Arial';
color:#929292;
margin-left:5px;
}
.NoWrap {
display:inline-block;
white-space:nowrap;
}
.Comment {
display:table;
padding:0px 10px 14px 0px;
}
.CommentIndent {
display:table;
padding:10px 10px 10px 60px;
}
.CommentPhotoColumn {
display:table-cell;
padding-right:5px;
}
.CommentContentsColumn {
display:table-cell;
width:100%;
vertical-align: top;
padding-top: 0px;
}
.CommentPhoto {
border-radius:6px;
border:1px solid #9c9c9c;
height:30px;
width:30px;
display:inline-block;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
background-size:cover;
cursor:pointer;
background-position:center center;
}
.CommentLabel {
font: 14px 'Century Gothic';
color:#929292;
}
.CommentDate {
font: 12px 'Century Gothic';
color:#929292;
float:right;
line-height:19px;
}
.CommentReply {
font: 12px 'Century Gothic';
color:#929292;
margin-top: 4px;
}
.CommentReply SPAN {
font: 12px 'Century Gothic';
color:#929292;
cursor:pointer;
}
.CommentReply SPAN:hover {
color:white;
}
.CommentText {
margin-top:2px;
font: 13px Arial;
color:#fff;
clear:both;
}
.DoCommentReply {
margin-bottom:4px;
font: 13px Arial;
color: white;
opacity:1;
height: 16px;
transition:all 0.3s ease-in-out;
transition-delay:0.3s;
}
.DoCommentReplyHidden {
margin-bottom:0px;
font: 13px Arial;
color: white;
opacity:0;
height: 0px;
overflow:hidden;
transition:all 0.3s ease-in-out;
transition-delay:0.3s;
}
.SoundBorder {
border-radius: 10px;
}
.PopupBox {
display:inline-block;
padding:12px;
border-radius:12px;
background:black;
box-shadow: 0px 0px 35px rgba(0,0,0, 0.75);
text-align:justify;
transition:opacity 0.7s ease-out;
font: 11px Arial;
color:white;
opacity:0;
position:absolute;
border: 1px solid #555;
z-index:10000;
}
.PopupBoxTitle {
font: 20px 'Century Gothic';
color:white;
margin-top:-4px;
margin-bottom:10px;
}
.PopupBoxHighlight {
color:#85db0d;
}
A.PopupBoxHighlight:hover {
color:#85db0d;
}
.SignInDescription {
margin-top:8px;
font: 11px Arial;
color:white;
}
.SignInRememberMe {
font: 12px Arial;
color:white;
display:inline;
}
.SignInPasswordInfo {
font: 11px Arial;
color:white;
display:inline;
}
.PopupUsersTitle {
font: 24px 'Century Gothic';
color:white;
display:inline-block;
}
.PopupUser {
display:inline-table;
width:295px;
margin-bottom:25px;
}
.PopupUserPhotoDIV {
display: table-cell;
width: 33px;
min-width: 33px;
vertical-align: middle;
}
.PopupUserPhoto {
width: 33px;
min-width: 33px;
height: 33px;
border: 1px solid #888;
border-radius: 40px;
display: inline-block;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
margin-right: 10px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
cursor: pointer;
text-align: left;
}
.PopupUserNameDIV {
width: 200px;
display: table-cell;
padding-left:10px;
vertical-align: middle;
}
.PopupUserName {
font: 18px 'Century Gothic';
color:white;
}
.PopupUserIconDIV {
display: table-cell;
padding-right:30px;
vertical-align: middle;
}
.PopupUsersScroll {
max-height:300px;
overflow:auto;
}
.TopbarSearch {
border:1px solid #666;
border-radius:6px;
box-shadow:0px 0px 20px rgba(0,0,0,0.72);
background-color: rgba(0,0,0,0.75);
position:fixed;
opacity:0;
transition:all 0.5s ease-in-out;
z-index:10000;
padding:10px 0px 10px 0px;
overflow-y:auto;
overflow-x:hidden;
max-height:270px;
}
.TopbarSearch .NoSearchFound {
font: 14px 'Century Gothic';
color:white;
padding:10px 20px 10px 20px;
}
.TopbarSearchPhotoDIV {
display: table-cell;
width: 33px;
min-width: 33px;
vertical-align: middle;
padding-left: 15px;
}
.TopbarSearchPhoto {
width: 33px;
min-width: 33px;
height: 33px;
border: 1px solid #888;
border-radius: 40px;
display: inline-block;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
margin-right: 10px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
cursor: pointer;
text-align: left;
}
.TopbarSearchDIV {
width: 160px;
display: table-cell;
padding-left:10px;
vertical-align: middle;
}
.TopbarSearchItem {
width:220px;
display: table;
cursor:pointer;
padding:10px 0px 10px 0px;
}
.TopbarSearchItem:hover {
background-color: rgba(255,255,255,0.35);
}
.TopbarSearchName {
font: 14px 'Arial';
color:white;
cursor:pointer;
}
.TopbarSearchLocation {
font: 12px 'Arial';
color:#767676;
cursor:pointer;
}
.TopbarSearchItem:hover .TopbarSearchLocation {
font: 12px 'Arial';
color:#aaa;
cursor:pointer;
}
.MediaViewerZoomBox {
display:block;
padding:20px;
border-radius:10px;
background:#000;
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:center;
transition:all 0.4s ease-out;
opacity:0;
font: 14px Arial;
color:white;
padding-bottom: 15;
white-space:normal;
position:fixed;
z-index:1000000;
}
.ShoppingCartLabel {
font: 18px Arial;
color: white;
vertical-align: middle;
margin-left: 6px;	
text-decoration:none;
}
.ShoppingCartLabel:hover {
text-decoration:none;
color: white;
border-bottom:1px dashed white;
}
.ProfileNoContentsText {
font: 16px 'Century Gothic';
color:#fff;
margin-top:20px;
margin-bottom:15px;
}
.ProfileNoContentsButton {
font: 16px 'Century Gothic';
color:#fff;
padding:15px;
border:1px solid #fff;
border-radius:6px;
cursor:pointer;
text-align:center;
display:inline-block;
margin-top:10px;
}
.ProfileNoContentsButton:hover {
background:white;
color:#000;
}
.SubMenu {
position:fixed;
top:-10000px;
left:-10000px;
opacity:0;
transition:opacity 0.3s ease-in-out;
background:black;
box-shadow: 0px 0px 20px rgba(0,0,0, 0.55);	
padding:4px 0px 4px 0px;
border-radius:8px;
border:1px solid #777;
z-index:1000;
}
.AboutSubmenuLink {
font:18px Arial;
display:block;
padding:4px 20px;
color:white;
min-width:100px;
text-decoration:none;
}
.AboutSubmenuLink:hover {
background:white;
color:black;
text-decoration:none;
}.PostTitle {
font: 24px 'Century Gothic';
color:white;
margin-bottom:4px;
cursor:pointer;
display:inline-block;
border-bottom:1px solid rgba(255,255,255,0);
}
.PostSubTitle {
font: 16px 'Century Gothic';
color: rgba(255,255,255,0.6);
margin-top: -7px;
margin-bottom: 4px;
}
.PostTitle:hover {
border-bottom:1px dashed rgba(255,255,255,0.6);
}
.PostDate {
font: 15px 'Century Gothic';
color:rgba(255,255,255,0.6);
margin-bottom:8px;
}
.PostType {
font: 13px 'Century Gothic';
color: rgba(255,255,255,0.6);
margin-bottom: -4px;
margin-top: -5px;
}
.SidebarPostType {
font: 13px 'Century Gothic';
color: rgba(255,255,255,0.6);
margin: -5px 0px -4px 10px;
}
.PostTitleLarge {
font: 24px 'Century Gothic';
color:white;
margin-bottom:8px;
}
.PostDateLarge {
font: 18px 'Century Gothic';
color:rgba(255,255,255,0.6);
margin-top:4px;
margin-bottom:14px;
}
.PostDescription {
font: 13px 'Arial';
color:white;
}
.PostPhoto {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border: 1px solid rgba(0,0,0,0.8);
border-radius:10px;
background-size:cover;
background-position:center center;
height:230px;
margin-bottom:5px;
opacity:0;
transition:all 0.7s ease-out;
}
.PostPhoto:hover {
border-radius:10px;
border: 1px solid white;
cursor:pointer;
}
.PostPhotoLarge {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border: 1px solid rgba(0,0,0,0.8);
border-radius:10px;
background-size:cover;
background-position:center center;
height:480px;
margin-bottom:5px;
}
.PostCounters {
margin-top:20px;
font: 19px 'Century Gothic';
color:white;
}
.PostCommentsTitle {
margin-top:15px;
margin-bottom:10px;
font: 18px 'Century Gothic';
color:white;
}
.ProfileBox {
width:100%;
height:100%;
max-width:1000px;
max-height:600px;
min-height:400px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:opacity 0.7s ease-out;
font: 14px Arial;
color:white;
-webkit-animation: FadeInAnim 0.7s;
-mz-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
-webkit-animation-fill-mode: forwards;
-mz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.ProfileCustomBox {
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:opacity 0.7s ease-out;
font: 14px Arial;
-webkit-animation: FadeInAnim 0.7s;
-mz-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
-webkit-animation-fill-mode: forwards;
-mz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.ProfileBoxBottom {
width:100%;
height:100%;
min-height:150px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
font: 14px Arial;
color:white;
-webkit-animation: FadeInAnim 0.7s;
-mz-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
-webkit-animation-fill-mode: forwards;
-mz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
A {
color:inherit;
text-decoration:none;
}
A:hover {
color:inherit;
text-decoration:underline;
}
.Home_ProfileName {
font: 30px 'Century Gothic';
color:white;
text-align:center;
margin-top:5px;
padding:0px 25px 0px 25px;
}
.Home_ProfileDescription {
margin-top:5px;
font: 16px 'Century Gothic';
color:white;
text-align:center;
padding:0px 25px 0px 25px;
}
.Home_Counter {
font: 18px 'Century Gothic';
color:white;
display:inline-block;
cursor:pointer;
}
.Home_Counter:hover {
border-bottom:1px dashed white;
}
.HomeBannerPhoto {
border: 1px solid rgba(0,0,0,0.8);
border-radius:10px;
background-size:cover;
background-position:center center;
width:145px;
height:110px;
margin-right:15px;
transition:opacity 0.3s ease-in-out;
}
.HomeBannerPhoto:hover {
border-radius:10px;
border: 1px solid white;
cursor:pointer;
}
.HomeBanner {
max-height:100px;
overflow:hidden;
transition:opacity 0.3s ease-in-out;
}
.HomeBannerTitle {
font: 26px 'Century Gothic';
color:white;
}
.HomeBannerDate {
font: 14px 'Century Gothic';
color:white;
text-align:justify;
margin-bottom:10px;
}
.HomeBannerDescription {
font: 12px Arial;
color:white;
}
.HomeItemLabel {
font: 22px 'Century Gothic';
color: white;
display:inline-block;
cursor:pointer;
border-bottom:1px solid rgba(255,255,255,0);
}
.HomeItemLabel:hover {
border-bottom:1px dashed rgba(255,255,255,0.6);
}
.HomeItemSubLabel {
font: 14px Arial;
color: white;
}
.HomeItemSubLabelGrey {
font: 14px Arial;
color: #a6a6a6;
white-space:normal;
}
.HomeItemBottomDescription {
font: 12px Arial;
color: #a6a6a6;
max-height:28px;
overflow:hidden;
white-space:normal;
}
.HomeItemPhotoBanner {
box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
font: 16px 'Century Gothic';
color:#000;
border:1px solid #000;
border-left:none;
border-radius:0px 6px 6px 0px;
margin-top:35px;
padding:4px 10px 4px 6px;
background:rgba(255,255,255,0.8);
display:inline-block;
}
.HomeItemPhotoBannerWithFrom {
box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
font: 16px 'Century Gothic';
color:#000;
border:1px solid #000;
border-left:none;
border-radius:0px 6px 6px 0px;
margin-top:30px;
padding:4px 10px 4px 6px;
background:rgba(255,255,255,0.8);
display:inline-block;
}
.HomeItemPhotoBannerFrom {
font: 8px 'Arial';
color: #555;
margin-bottom: -3px;
}
.HomeItemPhotoBannerPeriod {
font: 7px 'Arial';
color:#000;
}
.HomeItemPhotoBannerBottom {
box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
font: 20px 'Century Gothic';
color:#000;
border:1px solid #000;
border-left:none;
border-radius:0px 6px 6px 0px;
margin-top:26px;
padding:6px 12px 6px 8px;
background:rgba(255,255,255,0.8);
display:inline-block;
}

.AlbumLabelTop {
font: 14px 'Century Gothic';
color:#b8b8b8;
margin-bottom: -4px;
}
.AlbumTitle {
font: 24px 'Century Gothic';
color:white;
margin-bottom:10px;
}
.AlbumDescription {
font: 12px 'Arial';
color:white;
}
.GalleryAlbumPhotoTitle {
font: 16px 'Century Gothic';
color:white;
margin-top:3px;
margin-bottom:4px;
}
.GalleryAlbumPhotoCounters {
font: 19px 'Century Gothic';
color:white;
text-align:left;
}
.GalleryAlbumPhoto {
border: 1px solid rgba(0,0,0,0.8);
border-radius:10px;
background-size:cover;
background-position:center center;
width:275px;
margin-bottom:5px;
opacity:0;
transition:all 0.7s ease-out;
}
.GalleryAlbumPhoto:hover {
border-radius:10px;
border: 1px solid white;
cursor:pointer;
}
.GalleryBoxColumn {
display:inline-block;
width:310px;
min-width:310px;
height:100%;
margin:0px;
vertical-align:top;
transition:all 0.7s linear;
}
.GalleryAlbumThumbs {
max-height:135px;
overflow:auto;
}
.GalleryAlbumThumb {
border: 1px solid rgba(0,0,0,0.8);
border-radius:6px;
background-size:cover;
background-position:center center;
width:40px;
height:40px;
margin-right:2px;
margin-bottom:4px;
display:inline-block;
opacity:0;
transition:all 0.7s ease-out;
}
.GalleryAlbumThumb:hover {
border: 1px solid white;
cursor:pointer;
}
.GalleryAlbumName {
font: 20px 'Century Gothic';
color:white;
margin-bottom:10px;
}
.GalleryAlbumLabel {
font: 12px 'Century Gothic';
color:#b8b8b8;
margin-top:0px;
margin-bottom: 0px;
}
.AlbumPhotoLargeHeader {
margin-bottom:10px;
}
.AlbumPhotoLargeFooter {
margin-top:10px;
margin-bottom:0px;
}
.AlbumPhotoLargeTitle {
font: 24px 'Century Gothic';
color:white;
Line-height: 20px;
}
.AlbumPhotoLargeDescription {
font: 18px 'Century Gothic';
color:white;
}
.AlbumPhotoLargeButtons {
padding-top:4px;
}
.AlbumPhotoHolder {
width:850px;
height:480px;
}
.AlbumPhotoInnerHolder {
position:absolute;
width:850px;
height:480px;
text-align:center;
display:table;
}
.AlbumPhotoInnerHolderTD {
display:table-cell;
vertical-align: middle;
height: 100%;
}
.AlbumCommentsAnim {
transition:opacity 0.3s ease-in-out;
opacity:1;
}
.AlbumLargePhoto {

border-radius:10px;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
height:480px;
display: inline-block;
transition:opacity 0.3s ease-in-out;
opacity:0;
}
.AlbumBannerPhoto {
border: 1px solid rgba(0,0,0,0.8);
border-radius:10px;
background-size:cover;
background-position:center center;
width:120px;
height:80px;
margin-right:15px;
opacity:0;
transition:opacity 0.3s ease-in-out;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition: "color 9999999s ease-out, background-color 9999999s ease-out";
-webkit-transition-delay: 9999999s;
}
HTML {
height:100%;
}
P {
margin:0px;
}
H1 {
font: 28px 'Century Gothic';
font-weight:normal;
}
H2 {
font: 22px 'Century Gothic';
font-weight:normal;
}
H3 {
font: 18px 'Century Gothic';
font-weight:normal;
}
H4 {
font: 16px 'Century Gothic';
font-weight:normal;
}
H5 {
font: 14px 'Century Gothic';
font-weight:normal;
}
.Contents {
white-space:nowrap;
}
.HomeBanners {
position:fixed;
bottom:2%;
width: 67%;
left: 5%;
}
.ProfileBoxContents {
height:100%;
padding:20px 20px 20px 20px;
}
.ProfileBoxContentsScrollable {
height:100%;
padding:15px 10px 20px 20px;
}
.ProfileBoxScrollableContents {
overflow: auto !important;
padding-right:10px;
color:inherit;
}
.ContentsTopPadding {
min-height:50px;
}
.ContentsDataHolder {
position:fixed;
width:78%;
height:100%;
top:0px;
left:0px;
opacity:1;
transition: opacity 0.5s ease-out;
}
.ContentDetails {
overflow:auto;
min-height:400px;
}
.ContentsHeader {
min-height:35px;
margin-bottom:8px;
}
.ContentsScroll {
overflow:auto;
height:calc(100% - 35px);
padding-right:10px;
}
.HiddenDiv {
position:absolute;
top:-10000px;
left:-10000px;
}
.SidebarTopPadding {
height:70px;
min-height: 70px;
}
.SidebarLabel {
font: 12px 'Century Gothic';
color:#b8b8b8;
margin-top:10px;
}
.SidebarComments {
overflow: auto;
margin-right: 5px;
margin-bottom: 12px;
padding-left: 25px;
}
.SidebarHolder {
opacity:1;
height:100%;
transition: opacity 0.8s ease-out;
display:flex;
display:-webkit-flex; 
-webkit-flex-direction:column;
flex-direction:column;
}
.SidebarHolderHidden {
position:absolute;
opacity:0;
left:-10000px;
top:-10000px;
transition: opacity 0.8s ease-out;
display:flex;
display:-webkit-flex; 
-webkit-flex-direction:column;
flex-direction:column;
}
.PostComments {
max-height:200px;
overflow:auto;
margin-bottom:4px;
}
.DoComments {
display:table;
width:100%;
}
.DoCommentPhotoColumnHidden {
display:table-cell;
max-width:0px;
overflow:hidden;
opacity:0;
transition:opacity 0.3s ease-in-out;
vertical-align:top;
}
.DoCommentPhotoColumn {
display:table-cell;
vertical-align:top;
text-align:left;
overflow:hidden;
padding-right:8px;
opacity:1;
transition:opacity 0.3s ease-in-out;
}
.DoCommentTextColumn {
display:table-cell;
width:100%;
}
.DoCommentPhoto {
border-radius:6px;
border:1px solid #9c9c9c;
height:32px;
width:32px;
display:inline-block;
background-size:cover;
background-position:center center;
}
.DoCommentTextArea {
transition:height 0.3s ease-in-out;
}
.DoCommentButtonsHidden {
margin-top:12px;
text-align:right;
opacity:0;
max-height:0px;
transition:opacity 0.3s ease-in-out;
}
.DoCommentButtons {
margin-top:56px;
text-align:right;
opacity:1;
transition:opacity 0.3s ease-in-out;
}
.DoCommentsSidebar {
min-height: 45px;
transition: all 0.3s ease-in-out;
padding: 5px 20px;
}
.ProfileRatings {
margin:10px 0px 10px 0px;
text-align:center;
}
.ProfileRatingsSmall {
margin:10px 0px 10px 0px;
text-align:left;
}
.PanelContentsScrollable {
overflow:auto;
padding-right:18px;
}
.PanelContents {
overflow:hidden;
}
.ProfileBoxTitle {
font: 24px 'Century Gothic';
margin-top: -10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,0);
}
.MenuGuestModeOption {
padding:10px 0px 20px 20px;
text-align:left;
width:240px;
}
.SidebarProfilePicture {
border-radius:160px;
border:1px solid #9c9c9c;
height:160px;width:160px;
display:inline-block;
background-size:cover;
background-position:center center;
}
.SidebarProfilePictureSmall {
border-radius:80px;
border:1px solid #9c9c9c;
height:80px;
width:80px;
display:inline-block;
background-size:cover;
background-position:center center;
}
.SidebarProfileName {
font: 22px 'Century Gothic';
margin-top:0px;
}
.SidebarProfileArea {
font: 14px 'Century Gothic';
color:#acacac;
}
.SidebarProfileRatings {
margin-top:8px;
white-space:nowrap;
}
.SidebarTitle {
font: 22px 'Century Gothic';
margin-bottom:15px;
padding:0px 25px 0px 25px;
}
.SidebarContents {
padding:0px 25px 0px 25px;
}

.FSToolbar {
top:0px;
left:0px;
margin-left:10%;
margin-top:2%;
position:fixed;
padding:10px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
opacity:0;	
transition:all 0.7s ease-in-out;
transition-delay:0.3s;
text-align:center;
z-index:1000;
border:1px solid rgba(255,255,255,0.5);
}
.FSFullScreen {
position:fixed;
top: 10px;
right:20px;
z-index:120;
transition:opacity 1s ease-in-out;
opacity:0;	
}
.FSToolbarLabel {
font: 11px Arial;
color:white;
margin-top: -1px;
margin-bottom: 13px;
}
.FSButtonsHolder {
top:0px;
left:0px;
position:fixed;
width: 100%;
height: 100%;
display:table;
z-index:100;
opacity:0;
transition:all 0.7s ease-in-out;
}
.FSButtons {
display:table-cell;
vertical-align: middle;
}
.FSFooter {
position:fixed;
bottom:0px;
width:100%;	
background:rgba(0,0,0,0.71);
opacity:0;
transition:all 0.7s ease-in-out;
transition-delay:0.5s;
z-index:101;
border-top: 1px solid rgba(255,255,255,0.1);
}
.FSFooterColumnLeft {
padding:12px 0px 15px 40px;
font: 20px 'Century Gothic';
color:white;
}
.FSFooterColumnRight {
padding:0px 40px 0px 0px;
font: 20px 'Century Gothic';
color:white;
}
.FSFooterTitle {
font: 24px 'Century Gothic';
color:white;
margin-bottom:4px;
}
.FSFooterDescription {
font: 12px Arial;
color:white;
}
.FSComments {
right:10%;
top:30%;
position:fixed;
padding:10px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
opacity:0;
height:40%;
width:12%;
min-width:310px;
max-width:400px;
transition:all 0.7s ease-in-out;
transition-delay:0.7s;
text-align:center;
z-index:1000;
border: 1px solid rgba(255,255,255,0.5);
}
.FSCommentsTitle {
font: 20px 'Century Gothic';
color:white;
margin-bottom:10px;
}
.FSCommentsScroll {
max-height:28%;
overflow:auto;
}
.FSCommentsDoComment {
margin-top:14px;
}
.FSImage {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:1;
opacity:0;
transition:opacity 1s ease-in-out;
background-size:contain;
background-position:center center;
background-attachment:fixed;
background-repeat: no-repeat;
}
.FSPlayPause {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:2;
opacity:0;
transition:opacity 1s ease-in-out;
}
.FSPlayPauseHolder {
display:table;
width:100%;
height:100%;
}
.FSPlayPauseIcon {
display:table-cell;
vertical-align: middle;
}
.FSThumbnails {
top:-10000px;
left:-10000px;
position:absolute;
padding:30px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
opacity:0;
width:560px;
height:410px;
transition:opacity 0.7s ease-in-out;
z-index:20000;
border: 1px solid rgba(255,255,255,0.5);
}
.FSThumbnailsTitle {
font: 24px 'Century Gothic';
color:white;
margin-bottom:10px;
}
.FSThumb {
border: 1px solid rgba(0,0,0,0.8);
border-radius:6px;
background-size:cover;
background-position:center center;
width:85px;
height:85px;
margin-right:5px;
margin-bottom:5px;
display:inline-block;
opacity:0;
transition:opacity 0.7s ease-out;
}
.FSThumb:hover {
border: 1px solid white;
cursor:pointer;
}
.FSThumbScroller {
overflow:auto;
height: 365px;
}
.AboutTitle {
font: 24px 'Century Gothic';
color:white;
margin-bottom:20px;
}@-webkit-keyframes FadeInAnim {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes FadeInAnim {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes FadeInAnim {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@keyframes FadeInAnim {
0%   { opacity: 0; }
100% { opacity: 1; }
}.ContactsTitle {
font: 24px 'Century Gothic';
color:white;
margin-bottom:20px;
}
.ContactMap {
border: 1px solid rgba(0,0,0,0.8);
border-radius:6px;
}
.ContactsText {
font: 14px Arial;
color:white;
}
.ContactInfo {
font: 14px 'Century Gothic';
color:white;
margin:8px 0px 8px 0px;
}


.QMMessageUserPhoto {
width:30px;
height:30px;
border:1px solid #888;
border-radius:40px;
display:inline-block;
vertical-align:middle;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
margin-right:8px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
cursor:pointer;
text-align:left;
}
.MenuMessageIndicator {
position:fixed;
top:50px;
right:15px;
border:1px solid #BDBDBD;
border-radius:6px;
background:rgba(0,0,0,0.85);
box-shadow:0px 5px 20px rgba(0,0,0,0.75);
padding:8px;
min-height:25px;
min-width:120px;
z-index:100;	
text-align:left;
}
.MenuMessageIndicatorLabels {
vertical-align:middle;
display:inline-block;
overflow:hidden;
max-width:140px;
min-width:70px;
white-space:nowrap;
padding:0px 8px 0px 5px;
}
.MenuMessageIndicatorProgressBar {
vertical-align:middle;
display:inline-block;	
background:white;
width:50px;
height:13px;
border:1px solid #ccc;
border-radius:4px;
margin:0px 4px 0px 4px;
}
.MenuMessageIndicatorProgressBarFill {
position:absolute;
vertical-align:middle;
display:inline-block;	
width:0px;
height:13px;
-border:1px solid #ccc;
border-radius:2px;
background:#9cd700;
}
.MenuMessageIndicatorProgressBarFillLabel {
position:absolute;
display:inline-block;	
width:50px;
font: 10px Arial;
text-align:center;
color:#777;
padding-top:1px;
text-shadow:0px 0px 2px rgba(255,255,255,1);
}
.MenuMessageIndicatorProgressBarFillLabel2 {
position:absolute;
display:inline-block;	
width:50px;
font: 10px Arial;
text-align:center;
color:#fff;
padding-top:1px;
text-shadow:0px 0px 1px rgba(0,0,0,0.4);
}
.MenuMessageIndicatorTitle {
font:12px Arial;
color:white;
}
.MenuMessageIndicatorDesc {
font:10px Arial;
color:#acacac;
white-space:normal;
}.__WeezziMenu {
min-height:70px;
text-align:right;
z-index:1000;
width:100%;
position:relative;
opacity:0;
-webkit-animation-name: Appear;
-webkit-animation-iteration-count: once;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-duration: 0.4s;
-webkit-animation-delay: 0.2s;
-webkit-animation-fill-mode: forwards;
-moz-animation-name: Appear;
-moz-animation-iteration-count: once;
-moz-animation-timing-function: ease-in-out;
-moz-animation-duration: 0.4s;
-moz-animation-delay: 0.2s;
-moz-animation-fill-mode: forwards;
animation-name: Appear;
animation-iteration-count: once;
animation-timing-function: ease-in-out;
animation-duration: 0.4s;
animation-delay: 0.2s;
animation-fill-mode: forwards;
}
.MenuUserInfo {
padding:0px;
display:inline-block;
vertical-align:middle;
}
.MenuUserData {
text-align:left;
display:inline-block;
vertical-align:middle;
cursor:pointer;
}
.MenuUserName {
margin-top: 0px;
font: bold 16px 'Century Gothic';
color: white;
}
.MenuUserLabel {
font:11px Helvetica, Arial;
color:#999;
}
.MenuUserPhoto {
width:33px;
height:33px;
border:1px solid #888;
border-radius:40px;
display:inline-block;
vertical-align:middle;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
margin-left:10px;
margin-right:8px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
cursor:pointer;
text-align:left;
}
.MenuUserInfo .MenuSubMenuHolder {
position:absolute;
top:-10000px;
left:-10000px;
right:inherit;
opacity:0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.MenuUserInfo:hover .MenuSubMenuHolder {
position:absolute;
opacity:1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
top:40px;
right:14px;
left:inherit;
z-index:1000;
}
.MenuSubMenu {
min-width:200px;
border:1px solid #666;
border-radius:6px;
box-shadow:0px 0px 20px rgba(0,0,0,0.12);
background-color: rgba(0,0,0,0.75);
padding:5px 0px 5px 0px ;
color:white;
}
.MenuSubMenuTop {
background:#f7f7f7;
padding-top:7px;
padding-bottom:2px;
border-bottom:1px solid #ccc;
margin-bottom:3px;
}
.MenuSubMenuSeparator {
background:none;
border-top:1px dashed white;
height:1px;
width:100%;
margin:5px 0px 5px 0px;
}
.MenuSubMenuOption {
font: 12px Helvetica, Arial;
color:white;
background:none;
line-height:25px;
height:25px;
text-align:left;
padding:0px 20px 0px 20px;
cursor:pointer;
}
.MenuSubMenuOption:hover {
background:white;
color:black;
}
.MenuUserMessageIndicator {
position:relative;
display:inline-block;
z-index:10000;
top:-6px;
left:-9px;
padding:1px 4px 1px 4px;
background: -moz-linear-gradient(-90deg, #600000 0%, #e10019 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#600000), color-stop(100%,#e10019));

background: -webkit-linear-gradient(-90deg, #600000 0%,#e10019 100%);

background: -o-linear-gradient(-90deg, #600000 0%,#e10019 100%);

background: -ms-linear-gradient(-90deg, #600000 0%,#e10019 100%);

background: linear-gradient(0deg, #600000 0%,#e10019 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600000', endColorstr='#e10019',GradientType=1 );

color:white;
font:bold 12px Arial;
border:1px solid #ccc;
border-radius:4px;
box-shadow:2px 2px 4px rgba(0,0,0,0.12);
-webkit-transition:all 0.15s ease-in;  
-moz-transition:all 0.15s ease-in;  
-o-transition:all 0.15s ease-in;  
transition:all 0.15s ease-in;  
}
.MenuAccountMessageIndicator {
position:relative;
display:inline-block;
z-index:10000;
left:-30px;
padding:1px 4px 1px 4px;
background: -moz-linear-gradient(-90deg, #600000 0%, #e10019 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#600000), color-stop(100%,#e10019));

background: -webkit-linear-gradient(-90deg, #600000 0%,#e10019 100%);

background: -o-linear-gradient(-90deg, #600000 0%,#e10019 100%);

background: -ms-linear-gradient(-90deg, #600000 0%,#e10019 100%);

background: linear-gradient(0deg, #600000 0%,#e10019 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600000', endColorstr='#e10019',GradientType=1 );

color:white;
font:bold 12px Arial;
border:1px solid #ccc;
border-radius:4px;
box-shadow:2px 2px 4px rgba(0,0,0,0.12);
}
.MenuQuickMessages {
position:absolute;
top:-10000px;
right:15px;
background: rgba(0,0,0, 0.85);
color:black;
font: 12px Arial;	
padding:10px 0px 10px 0px;
border:1px solid #999;
border-radius:6px;
min-width:200px;
box-shadow:0px 5px 30px rgba(0,0,0,1);
opacity:0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
white-space:nowrap;
} 
.MenuQuickMessagesClose {
position:absolute;
right: -13px;
margin-top: -20px;
}
.MenuQuickMessagesContents {
max-height:200px;
overflow-y:auto;
overflow-x:hidden;
}
.QuickMenuMessage {
min-height:25px;
min-width:120px;
text-align:left;
padding:12px 10px 12px 10px;
cursor:pointer;
border-bottom:1px solid #444;
}
.QuickMenuMessage:hover {
background: rgba(255,255,255,0.3);
}
.QuickMenuMessageLabels {
vertical-align:middle;
display:inline-block;
overflow:hidden;
max-width:140px;
min-width:70px;
white-space:nowrap;
padding:0px 8px 0px 5px;
}
.QuickMenuMessageTitle {
font:bold 12px Helvetica, Arial;
color:black;
}
.QuickMenuMessageDesc {
font:10px Helvetica, Arial;
color:#888;
white-space:normal;
}
.QuickMenuMessage:hover .QuickMenuMessageTitle {
font:bold 12px Helvetica, Arial;
color:#fff;
}
.QuickMenuMessage:hover .QuickMenuMessageDesc {
font:10px Helvetica, Arial;
color:#fff;	
}
.MenuGuestModeTitle {
font: 23px Helvetica, Arial;
color:#000;
margin-top-:3px;
color:#fff;
}
.MenuGuestModeSubTitle {
font: 12px Helvetica, Arial;
color:#000;
white-space:normal;
color:#fff;
}
.MenuGuestModeDesc {
font: 12px Arial;
color:#8b8b8b;
margin-top:15px;
white-space:normal;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}

::-webkit-scrollbar-track {

background:transparent;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #929292;

}
::-webkit-scrollbar-thumb:window-inactive {
background: #ffffff; 
}.SocialHeader {
display:table;
margin-bottom: 7px;
}
.SocialHeaderTD {
display:table-cell;
vertical-align: middle;
}
.SocialHeaderPhoto {
width: 50px;
height: 50px;
border: 1px solid #888;
border-radius: 50px;
display: inline-block;
vertical-align: middle;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
cursor: pointer;
text-align: left;
}
.SocialHeaderName {
font: 19px 'Century Gothic';
color:white;
cursor:pointer;
display:inline-block;
border-bottom:1px solid rgba(255,255,255,0);
margin-left:15px;	
text-align:left;
}
.SocialHeaderName:hover SPAN {
border-bottom:1px dashed rgba(255,255,255,0.6);
}
.SocialHeaderDescription {
font: 14px 'Century Gothic';
color:rgba(255,255,255,0.6);
margin-bottom:0px;
margin-left:15px;
}
.SocialHeaderHighlight, .SocialHeaderHighlight A {
font: 14px 'Century Gothic';
color:white;
}
.SocialHeaderHighlight A:hover {
border-bottom:1px dashed rgba(255,255,255,0.6);
color:white;
text-decoration:none;
}
.SearchBox {
display:block;
padding:20px;
margin:15px;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.5s ease-out;
font: 14px Arial;
color:white;
padding:25px;
overflow:hidden;
}
.SearchSideInfo {
opacity:1;
width:400px;
transition:opacity 0.5s ease-out;	
overflow:hidden;
}
.SearchSideInfoHidden {
overflow:hidden;
height:0px;
opacity:0;
transition:opacity 0.5s ease-out;
}
.PNFSearchTitle {
font: 30px 'Century Gothic';
color:white;
overflow:hidden;
opacity:1;
padding-bottom:5px;
height:45px;
transition:all 0.5s ease-out;
}
.PNFSearchSubTitle {
font: 26px 'Century Gothic';
color:white;
margin-bottom:10px;
}
.PNFSearchResults {
height:250px;
overflow-y:auto;
overflow-x:none;
}
.SearchPhotoDIV {
display: table-cell;
width: 55px;
min-width: 55px;
vertical-align: middle;
padding-left: 15px;
}
.SearchPhoto {
width: 55px;
min-width: 55px;
height: 55px;
border: 1px solid #888;
border-radius: 40px;
display: inline-block;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
margin-right: 10px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
cursor: pointer;
text-align: left;
}
.SearchNameDIV {
width: 360px;
display: table-cell;
padding-left:10px;
vertical-align: middle;
}
.SearchItem {
width:100%;
display: table;
cursor:pointer;
padding:10px 0px 10px 0px;
}
.SearchItem:hover {
background-color: rgba(255,255,255,0.35);
}
.SearchName {
font: 20px 'Century Gothic';
color:white;
cursor:pointer;
}
.SearchLocation {
font: 14px 'Arial';
color:#767676;
cursor:pointer;
}
.SearchItem:hover .SearchLocation {
font: 14px 'Arial';
color:#aaa;
cursor:pointer;
}
.LatestItem {
width:80px;
display: inline-block;
padding:10px 10px 10px 10px;
max-height: 120px;
vertical-align: middle;
cursor:pointer;
}
.LatestUserPhoto {
width: 80px;
min-width: 80px;
height: 80px;
border: 2px solid #888;
border-radius: 80px;
display: inline-block;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: left;
}
.LatestUserPhoto:hover {
box-shadow:0px 0px 30px rgba(255,255,255,0.60);
border: 2px solid #333;
}
.LatestAlbumPhoto {
width: 80px;
min-width: 80px;
height: 80px;
border: 2px solid #888;
border-radius: 10px;
display: inline-block;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: left;
}
.LatestAlbumPhoto:hover {
box-shadow:0px 0px 30px rgba(255,255,255,0.60);
border: 2px solid #333;
}
.LatestName {
font: 12px 'Arial';
color:white;
height:25px;
text-align: center;
padding-top: 5px;
overflow:hidden;
}.Home_ProfileContactInfo {
margin:8px 0px 8px 0px;
padding:0px 25px 0px 25px;
}
.Home_ProfileContactInfo TABLE {
margin-top:5px;
}
.Home_ProfileContactInfo TD {
font: 14px 'Century Gothic';
}
.Home_ProfileContactInfoIcon {
text-align:center;
min-width:20px;
}
.ProfileSidebarScroller {
overflow:auto;
height:280px;
}
.ProfileBottomScroller {
overflow:hidden;
}
.ProfileBottomScrollerContents {
white-space:nowrap;
transition: all 0.7s ease-in-out;
}
.HomeItem {
margin-bottom:15px;
}
.HomeBottomItem {
width:355px;
display:inline-block;
margin-right:35px;
}
.HomeSidebarPhoto {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
width: 80px;
height: 75px;
margin-right:15px;
cursor:pointer;
}
.HomeBottomPhoto {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
width: 120px;
height: 85px;
margin-right:15px;
cursor:pointer;
}
.HomeBannerFooter {
margin-top: 10px;
margin-bottom: 0px;
}
.HomeBannerHolder {
height: 290px;
}
.NewIndicator {
margin-top:55px;
border-radius:0px 8px 8px 0px;
padding:3px 10px;
border: 1px solid #355b00;
font: 16px Arial;
color:white;
background:#65ac00;
display:inline-block;
vertical-align:middle;
}
.PromotionIndicator {
margin-top:55px;
border-radius:0px 8px 8px 0px;
padding:3px 10px;
border: 1px solid #a51000;
font: 16px Arial;
color:white;
background:#ed6e00;
display:inline-block;
vertical-align:middle;
}
.HomeBottomTopItem {
margin-right:20px;
display:inline-block;
text-align: center;
vertical-align: top;
width: 160px;
}
.HomeTopPhoto {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
width: 134px;
height:96px;
cursor: pointer;
margin-bottom:4px;
display:inline-block;
text-align:left;
}
.HomePromotionIndicatorLabel {
margin-left: 0px;
border-radius: 8px;
padding: 2px 6px;
border: 1px solid #a51000;
font: 14px Arial;
color: white;
background: #ed6e00;
display: inline-block;
vertical-align: middle;
}
.HomeNewIndicatorLabel {
margin-left:0px;
border-radius:8px;
padding: 2px 6px;
border: 1px solid #355b00;
font: 14px Arial;
color:white;
background:#65ac00;
display:inline-block;
vertical-align:middle;
}
.FriendPhoto {
width: 33px;
height: 33px;
border: 1px solid #888;
border-radius: 40px;
display: inline-block;
vertical-align: middle;
background: url('/system/backoffice/images/Contact_Photo_Small.jpg') center center;
margin-right: 10px;
margin-bottom: 5px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
cursor: pointer;
text-align: left;
}
.EventBox {
padding:20px;
padding-top: 10px;
display:inline-block;
border-radius:10px;
background:rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align:justify;
transition:all 0.7s ease-out;
-webkit-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
font: 14px Arial;
max-width:1000px;
color:white;
margin-top:20px;
min-height:70%;
max-height:85%;
margin:0;
margin-bottom:2%;
min-width:900px;
max-width:80%;
max-height:85%;
overflow:auto;
}
.MediaViewer {
float:left;
margin:0px 20px 0px 0px;
width:445px;
vertical-align:center;
text-align:center;
}
.MediaViewerImage {
display:inline-block;
width:445px;
height:275px;
overflow:hidden;
border-radius:10px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity:1;
transition:opacity 0.3s ease-in-out;
}
.MediaViewerThumb {
width:65px;
height:50px;
overflow:hidden;
border-radius:8px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display:inline-block;
margin-right:8px;
cursor:pointer;
}
.MediaViewerZoom {
margin-top: 220px;
margin-left: 385px;
}
.MediaViewerZoomDivHolder {
border-radius:10px;
width: 750px;
height: 450px;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom:15px;
margin-bottom: 15px;
}
.MediaViewerZoomDivFader {
position:absolute;
text-align: center;
display: table;
cursor:pointer;
opacity:0;
transition:opacity 0.5s ease-in-out;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 730px;
height: 450px;
}
.MediaViewerZoomDivFader:hover {
opacity:1;
}
.MediaViewerZoomDivHolderTD {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.MediaScroller {
padding-top:10px;
width:365px;
height: 65px;
overflow:hidden;
}
.MediaScrollerContents {
height: 65px;
width:100000px;
transition:all 0.5s ease-in-out;
}

.CartItemTitle {
font: 18px 'Century Gothic', Arial;
color:white;
}
.CartExtraTitle {
font: 16px 'Century Gothic', Arial;
color:#aaa;
margin-top:-3px;
}
.CartSubTitle {
font: 20px 'Century Gothic', Arial;
margin:10px 0px 10px 0px;
color:white;
}
.CartLabelDescription {
font: 11px Arial;
color:#a6a6a6;
}
.CartItemDate {
font: 14px Arial;
color:white;
}
.CartItemLocation {
font: 14px Arial;
color:#a6a6a6;
}
.CartItemDescription {
font: 14px Arial;
color:#a6a6a6;
}
.CartItemPrice {
font: 28px 'Century Gothic', Arial;
color:white;
text-align:right;
}
.CartItemPricePerUnit {
font: 12px 'Century Gothic', Arial;
color:#a6a6a6;
white-space:nowrap;
text-align:right;
}
.CartSummarySubTotal {
font: bold 18px Arial;
color:white;
padding-right:20px;
padding-top:10px;
}
.CartSummarySubTotalValue {
font: bold 18px Arial;
color:white;
text-align:right;
padding-top:10px;
}
.CartSummaryLabel {
font: 14px Arial;
color:white;
padding-right:20px;
}
.CartSummaryLabelValue {
font: 14px Arial;
color:white;
text-align:right;
}
.CartSummaryTotal {
font: bold 20px Arial;
color:white;
padding-right:20px;
padding-top:10px;
}
.CartSummaryTotalValue {
font: bold 20px Arial;
color:white;
text-align:right;
padding-top:10px;
}
.CartSummaryTitle {
font: 20px 'Century Gothic', Arial;
color:white;
}
.CartSummarySeparator {
height: 3px;
margin: 20px 0px 20px 0px;
background: url('/images/profile/Line.png');
}
.CartSummaryVoucherText {
font: 14px Arial;
color:#a6a6a6;
padding-top:15px;
}
.CartSummaryVoucherText A {
color:white;
text-decoration:none;
}
.CartSummaryVoucherText A:hover {
color:white;
text-decoration:underline;
}
.CartCustomFormTitle {
font: 14px Helvetica, Arial;
color:white;
margin-bottom:4px;
}
.CartCustomFormDescription {
font: 11px Arial;
color:#a6a6a6;
margin-bottom:10px;
}
.CartItemRegistrationData {
font: 14px Arial;
color:#a6a6a6;
}
.CartItemRegistrationCustomQuestion {
font: 14px Arial;
color:#a6a6a6;
margin-bottom:1px;
}
.CartItem {
margin-top:20px;
}
.CartQuantity {
font: 20px Helvetica, Arial;
color:white;
text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
text-align:center;
width:35px;
height:30px;
padding:2px;
border-radius:10px;
line-height: 30px;
background: #82e000; 
background: -moz-linear-gradient(top, #82e000 0%, #5e9c02 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82e000), color-stop(100%,#5e9c02)); 
background: -webkit-linear-gradient(top, #82e000 0%,#5e9c02 100%); 
background: -o-linear-gradient(top, #82e000 0%,#5e9c02 100%); 
background: -ms-linear-gradient(top, #82e000 0%,#5e9c02 100%); 
background: linear-gradient(to bottom, #82e000 0%,#5e9c02 100%); 
}
.CartItemPhoto {
border-radius:10px;
background-size:cover;
background-position:center center;
width:80px;
height:75px;
border:1px solid #aaa;
}
.CartItemRegistrationName {
font: 18px  'Century Gothic', Arial;
margin-top:18px;
}
.CartQuantityConfirm {
font: 28px Arial;
}
.CartItemRegistrationCustomAnswer {
font: 14px Arial;
margin-bottom: 10px;
}
.StoreMenu {
font: 18px 'Century Gothic';
padding:10px 20px;
overflow:hidden;
}
.StoreSubMenuHeader {
font: 18px 'Century Gothic';
padding:10px 20px;
background:black;
border-radius:12px 12px 0px 0px;
position:absolute;
top:-10000px;
left:-10000px;
cursor:pointer;
z-index:5000000;
transition:opacity 0.2s ease-in;
opacity:0;
}
.StoreSubMenuHeader A {
text-decoration:none;
}
.StoreSubMenu {
font: 14px Arial;
padding:20px 20px;
background:black;
border-radius:12px;
box-shadow:0px 10px 10px rgba(0,0,0,0.10);
position:absolute;
min-height:30px;
max-width:850px;
top:-10000px;
left:-10000px;
z-index:5000000;
transition:opacity 0.2s ease-in;
opacity:0;
}
.StoreMenu A {
margin-right:20px;
white-space:nowrap;
text-decoration:none;
}
.StoreProduct {
vertical-align:top;
width:255px;
max-width:255px;
display:inline-block;
}
.StoreProductPad {
margin:0px 20px;
}
.StoreProductImage {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width:255px;
height:145px;
}
.StoreProductLabel {
margin-top:10px;
font: 17px 'Century Gothic';
text-align:center;
}
.StoreProductPrice {
font: 24px 'Century Gothic';
text-align:center;
}
.StoreProductPriceOld {
font: 16px 'Century Gothic';
text-decoration:line-through;
}
.StoreProductNewIndicator {
margin-top:100px;
border-radius:0px 6px 6px 0px;
border: 1px solid #355b00;
font: 16px Arial;
color:white;
background:#65ac00;
padding:4px 12px;
display:inline-block;
box-shadow: 0px 0px 10px rgba(0,0,0, 0.45);
}
.StoreProductPromotionIndicator {
margin-top:100px;
border-radius:0px 6px 6px 0px;
border: 1px solid #a51000;
font: 16px Arial;
color:white;
background:#ed6e00;
padding:4px 12px;
display:inline-block;
box-shadow: 0px 0px 10px rgba(0,0,0, 0.10);
}
.StoreMainMenuImage {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width:200px;
height:155px;
}
.StoreMainMenuDesc {
font: 12px Arial;
margin-top:5px;
margin-bottom:10px;
}
.StoreMenuLevel2 {
font: 16px Arial;
color:#999;
margin-bottom:15px;
max-width:280px;
display:inline-block;
}
.StoreMenuLevel2:hover{
color:inherit;
}
.StoreMenuLevel2:hover A{
text-decoration:none;
}
.StoreMenuLevel2Desc {
font: 12px Arial;
margin-top:-5px;
margin-bottom:5px;
color:#999;
}
.StoreMainLevel3 {
font: bold 16px Arial;
max-width:200px;
display:inline-block;
margin:0px 30px 30px 0px;
vertical-align:top;
}
.StoreMainLevel3Horiz {
font: bold 16px Arial;
display:inline-block;
margin:0px 30px 30px 0px;
vertical-align:top;
max-width:260px;
}
.StoreMenuLevel2Image {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width:105px;
height:70px;
}
.StoreMenuLevel3Item {
font: 14px Arial;
margin-bottom:8px;
color:#999;
}
.StoreMenuLevel3Item:hover{
color:inherit;
}
.StoreMenuLevel3Item:hover A{
text-decoration:none;
}.StoreCategoryLabel {
font: 14px 'Century Gothic';
color:#b8b8b8;
margin-bottom:-4px;
}
.StoreCategory {
font: 24px 'Century Gothic';
}
.StoreSearchContents {
margin-top:20px;
min-height:500px;
}
.SliderPointer {
background:black;
border:1px solid #fff;
border-radius:200px;
width: 25px;
height: 25px;
position: relative;
z-index: 1;
cursor: pointer;
}
.SliderLine {
background: white;
height: 4px;
margin-top: -15px;
margin-left: 12px;
}
.RefineSearchTitle {
font: 24px 'Century Gothic';
margin-bottom: 15px;
padding: 0px 25px 0px 25px;
}
.SliderLabel {
font: 14px 'Century Gothic';
text-align:center;
padding-top:10px;
}
.Brand {
font: 14px Arial;
margin:13px 0px;
}.StorePriceLabel {
font:30px 'Century Gothic', Arial;
margin-bottom:20px;
}
.StoreProductDescription {
font: 20px 'Century Gothic';
color: white;
margin:20px 0px 20px 0px;
}
.StorePricePromotion {
font:20px 'Century Gothic', Arial;
text-decoration:line-through;
margin-right:10px;
}
.StorePriceYouSave {
font:12px 'Century Gothic', Arial;
color:#aaa;
}
.StoreProductViewNewIndicator {
margin-left:10px;
border-radius:14px;
padding:3px 10px;
border: 1px solid #355b00;
font: 16px Arial;
color:white;
background:#65ac00;
display:inline-block;
vertical-align:middle;
}
.StoreProductViewPromotionIndicator {
margin-left:10px;
border-radius:14px;
padding:3px 10px;
border: 1px solid #a51000;
font: 16px Arial;
color:white;
background:#ed6e00;
display:inline-block;
vertical-align:middle;
}
.StoreQuantityLabel {
font:20px 'Century Gothic', Arial;
margin-bottom:4px;
}
.PubBanner {
position:absolute;
opacity:0;
transition:all 0.5s ease-in-out;
}
.ServiceImage {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width:138px;
height:125px;
}
.ServiceTitle {
font:18px 'Century Gothic';
color:inherit;
}
.ServicePrice {
font:24px 'Century Gothic';
color:inherit;
margin:4px 0px;
}
.ServicePriceFrom {
font:14px 'Century Gothic';
color:inherit;
margin-right:8px;
}
.ServiceDescription {
font:14px Arial;
color:#aaa;
}
.ServiceViewPrice {
font:30px 'Century Gothic';
color:inherit;
margin-bottom:10px;
}
.ServiceViewDescription {
font:20px 'Century Gothic';
color:inherit;
margin-bottom:10px;
}
.ServiceViewRate {
font:14px Arial;
color:#aaa;
margin-top:20px;
margin-bottom:4px;
}
.ServiceViewText {
font:14px Arial;
color:inherit;
margin-top:20px;
}
.ServiceViewPriceFrom {
font:18px 'Century Gothic';
color:inherit;
margin-right:12px;
}
.ServiceViewContentsScroller {
overflow:auto;
}
.ServiceSidebarTitle {
font:16px 'Century Gothic';
color:inherit;
}
.ServiceSidebarImage {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width:45px;
height:45px;
}
.TeamMemberViewName {
font: 24px 'Century Gothic';
}
.TeamMemberLargeName {
margin-top:20px;
font: 22px 'Century Gothic';
}
.TeamMemberLargeJob {
font: 16px 'Century Gothic';
color:#aaa;
margin-bottom:20px;
}
.TeamMemberLargeShortDesc {
font: 18px 'Century Gothic';
margin-bottom:20px;
}
.TeamMemberLargePicture {
border-radius:100px;
border:1px solid #9c9c9c;
width:200px;
height:200px;
display:inline-block;
background-size:cover;
background-position:center center;
margin:0px 25px 25px 0px;
float:left;
}
.TeamMemberName {
font: 20px 'Century Gothic';
}
.TeamMemberJob {
font: 16px 'Century Gothic';
color:#aaa;
}
.TeamMemberPicture {
border-radius:100px;
border:1px solid #9c9c9c;
width:130px;
height:130px;
display:inline-block;
background-size:cover;
background-position:center center;
margin-bottom:20px;
}
.TeamMemberText {
font: 14px Arial;
}
.TeamMember {
margin:20px 30px 40px 30px;
text-align:center;
display:inline-block;
}
.TeamSidebarPicture {
border-radius:100px;
border:1px solid #9c9c9c;
width:45px;
height:45px;
display:inline-block;
background-size:cover;
background-position:center center;
}.NewslettersTitle {
font: 20px 'Century Gothic';
margin-bottom:20px;
}
.NewslettersOptionTitle {
font: 17px 'Century Gothic';
}
.NewslettersOptionRegularity {
font: 12px Arial;
color:#8eb92b;
}
.NewsletterPersonPhoto {
border-radius: 80px;
border: 1px solid #9c9c9c;
height: 50px;
width: 50px;
display: inline-block;
background-size: cover;
background-position: center center;
margin-right:15px;
background-image: url('/system/backoffice/images/Contact_Photo_Large.jpg');
}
.NewslettersPersonName{
font: 20px 'Century Gothic';
}
.NewslettersOptionDesc {
font: 12px Arial;
color:#999;
margin-bottom:20px;
}
.NewslettersPersonEmail {
font: 12px Arial;
color:#999;
margin-top:4px;
}

.WelcomeRegisteredTitle {
font:34px Helvetica, Arial;
padding-right:15px;
}
.CreateAccountWaiter {
background:url('/images/CreateAccount_Waiter.png');
background-position:center center;
background-size:100px 100px;
animation: rotateWaiter 1.5s infinite;
animation-duration:infinite;
animation-timing-function:ease-in-out;
display:inline-block;
width:100px;
height:100px;
}
.CreateAccountWaiter2 {
background:url('/images/CreateAccount_Waiter2.png');
background-position:center center;
background-size:100px 100px;
animation: rotateWaiter2 2s infinite;
display:inline-block;
width:100px;
height:100px;
margin-left:-100px;
animation-timing-function:linear;
}
@keyframes rotateWaiter {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@keyframes rotateWaiter2 {
from {transform: rotate(0deg);}
to {transform: rotate(-720deg);}
}
.RegisterUserPhoto {
width: 70px;
min-width: 70px;
height: 70px;
border: 1px solid #888;
border-radius: 100px;
display: inline-block;
background: url('/system/backoffice/images/Contact_Photo_Large.jpg') center center;
margin-right: 15px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
vertical-align:middle;
}
.RegisterTextTitle {
font:21px Helvetica, Arial;
margin-bottom:15px;
}
.RegisterText {
font:16px Helvetica, Arial;
}
.RegisterUserName {
font:30px Helvetica, Arial;
margin:25px 0px;
text-align:center;
}
.RegisterTextHighlight {
color:#9edc00;
font-style: italic;
}.video-js {
position:absolute;
top:-1000px;
left:-1000px;
}.PostBanner {
box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
border:1px solid #000;
border-left:none;
border-radius:0px 6px 6px 0px;
margin-bottom:20px;
padding:8px 20px 8px 25px;
background:rgba(255,255,255,0.8);
display:inline-block;
}
.PostBannerDate {
font: 16px 'Century Gothic';
color: #000;
}
.PostBannerLocation {
font: 14px Arial;
color: #888;
}
.PostBannerFromPriceLabel {
font: 10px Arial;
color: #888;
margin-bottom:-2px;
}
.PostBannerPrice {
font: 18px 'Century Gothic';
color: #000;
}
.PromotionIndicatorLabel {
margin-left:0px;
border-radius:8px;
padding:3px 10px;
border: 1px solid #a51000;
font: 16px Arial;
color:white;
background:#ed6e00;
display:inline-block;
vertical-align:middle;
float:right;
}
.NewIndicatorLabel {
margin-left:0px;
border-radius:8px;
padding:3px 10px;
border: 1px solid #355b00;
font: 16px Arial;
color:white;
background:#65ac00;
display:inline-block;
vertical-align:middle;
float:right;
}
.PriceOld {
text-decoration:line-through;
font: 14px 'Century Gothic';
}
.PostBannerPrices {
font: 22px 'Century Gothic';
color: #000;
}
.PostBannerLabel {
font: 14px 'Century Gothic';
color: #000;
}
.PostBannerText {
font: 14px 'Century Gothic';
color: #888;
}
.PriceSave{
font: 14px 'Century Gothic';
color:#555555;
}.SidebarCheckOption {
white-space:nowrap;
display:inline-block;
padding-bottom:8px;
padding-right:15px;
font: 14px Helvetica;
color:#fff;
}
.BusinessListRow {
padding:10px 8px;
}
.BusinessListRow:hover {
background:rgba(80,80,80, 0.88);
border-radius:4px;
cursor:pointer;
}
.BusinessListSeparator {
border-top:1px dashed #fff;
margin:10px 10px;
}
.BusinessListSmallTitle {
font: 14px 'Century Gothic', Arial;
color:#888;
}
.BusinessListTitle {
font: 20px 'Century Gothic', Arial;
padding-bottom:10px;
}
.BusinessListDescription {
font: 14px Arial;
color:#ccc;
margin-bottom: 10px;
max-height: 35px;
overflow:hidden;
}
.BusinessListPrice {
font: 24px 'Century Gothic', Arial;
padding-left:40px;
padding-right:20px;
white-space:nowrap;
padding-bottom:10px;
}
.BusinessListPriceSmall {
font: 14px 'Century Gothic', Arial;
white-space:nowrap;
}
.BusinessCarListLegend {
font: 14px Arial;
padding-right:7px;
white-space:nowrap;
display:inline-block;
padding-bottom:5px;
}
.BusinessPropertyListLegend {
font: 14px Arial;
padding-right:22px;
white-space:nowrap;
display:inline-block;
padding-bottom:5px;
}
.CarImage {
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width:150px;
height:115px;
margin-right:20px;
}
.BusinessPrice {
font: 30px 'Century Gothic', Arial;
}
.BusinessPrice SPAN {
font: 14px Arial;
color:#aaa;
}
.CarShortDescription {
font: 16px 'Century Gothic', Arial;
padding-top:10px;
}
.CarSubTitle {
font: 20px 'Century Gothic', Arial;
padding-top:30px;
padding-bottom:15px;
}
.CarEquipment {
font: 14px Arial;
display:inline-block;
width:195px;
margin-bottom: 15px;
}.CarNewIndicator {
margin-left:0px;
margin-top:80px;
border-radius:0px 8px 8px 0px;
padding:3px 10px;
border: 1px solid #355b00;
font: 16px Arial;
color:white;
background:#65ac00;
display:inline-block;
vertical-align:middle;
}
.CarPromotionIndicator {
margin-left:0px;
margin-top:80px;
border-radius:0px 8px 8px 0px;
padding:3px 10px;
border: 1px solid #a51000;
font: 16px Arial;
color:white;
background:#ed6e00;
display:inline-block;
vertical-align:middle;
}
.CarPromotionIndicatorLabel {
margin-left:0px;
border-radius:8px;
padding:3px 10px;
border: 1px solid #a51000;
font: 16px Arial;
color:white;
background:#ed6e00;
display:inline-block;
vertical-align:middle;
margin-right:10px;
}
.CarNewIndicatorLabel {
margin-left:0px;
border-radius:8px;
padding:3px 10px;
border: 1px solid #355b00;
font: 16px Arial;
color:white;
background:#65ac00;
display:inline-block;
vertical-align:middle;
}
.CarPriceOld {
text-decoration:line-through;
font: 16px 'Century Gothic';
}
.CarNegotiableLabel{
font: 14px Arial;
color: #a6a6a6;
margin-left: 6px;
margin-right: 14px;
}
.PriceLabel{
padding:15px 0px 10px 0px;
font: 18px 'Century Gothic';
color:white;
}
.ExtendedSearchLabel{
padding-top:15px;
font: 18px 'Century Gothic';
color:white;
}
.ContactDialog{
position:fixed;
padding:20px;
background: rgba(0,0,0,0.70);
border-radius: 12px;
padding: 20px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.35);
left:-1000px;
top:-1000px;
transition:opacity 0.5s ease-in-out;
}
.ContactsDialogBox{
display: inline-block;
padding: 20px;
padding-top: 10px;
border-radius: 10px;
background: rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align: justify;
transition: all 0.7s ease-out;
-webkit-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
font: 14px Arial;
max-width: 1000px;
color: white;
margin-top: 20px;
min-height: 60%;
margin: 0;
margin-bottom: 2%;
min-width: 750px;
max-width: 80%;
}
.ContactsDialogTitle{
font: 24px 'Century Gothic';
color: white;
margin-bottom: 20px;
}
.ContactsDialogInfo{
font: 14px 'Century Gothic';
color: white;
margin: 8px 0px 8px 0px;
}
.ContactsDialogText{
font: 14px Arial;
color: white;
}
.TableRowCar{
width:100%;
overflow: hidden;
}
.ProfileRatingDetailsPopup {
position:absolute;
padding:20px;
border-radius:12px;
background:white;
box-shadow:0px 0px 30px rgba(0,0,0,0.8);
left:-1000px;
top:-1000px;
transition:opacity 0.5s ease-in-out;
opacity:0;
}
.ProfileSubmitRatingDialog {
position:fixed;
padding:20px;
background: rgba(0,0,0,0.70);
border-radius: 12px;
padding: 20px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.35);
left:-1000px;
top:-1000px;
transition:opacity 0.5s ease-in-out;
}
.RatingsTitle {
font: 18px 'Century Gothic', Arial;
color:#9c9c9c;
margin-bottom:10px;
text-align:center;
}
.RatingsTitle SPAN {
color:black;
}
.RatingsSubTitle {
font: 11px Arial;
color:#9c9c9c;
margin-bottom:5px;
margin-top:-5px;
text-align:center
}
.RatingsSubTitle SPAN {
color:black;
}
.RatingsText {
font: 12px Arial;
color:#9c9c9c;
}
.RatingsText A, .RatingsLink {
color:#4d8200;
text-decoration:none;
}
.RatingsText A:hover, .RatingsLink:hover {
color:#000;
text-decoration:underline;
}
.RatingVBar {
width:17px;
border:1px solid #777;
border-radius:4px;
background: #88e10d; 
background: -moz-linear-gradient(top,  #88e10d 0%, #6ba714 100%); 
background: -webkit-linear-gradient(top,  #88e10d 0%,#6ba714 100%); 
background: linear-gradient(to bottom,  #88e10d 0%,#6ba714 100%); 
}
.RatingsPercentage {
font:11px Arial;
color:#848484;
text-align:center;
}
.RatingsLegend {
font:11px Arial;
color:#000;
text-align:center;
}.CarNewIndicator {
margin-left:0px;
margin-top:80px;
border-radius:0px 8px 8px 0px;
padding:3px 10px;
border: 1px solid #355b00;
font: 16px Arial;
color:white;
background:#65ac00;
display:inline-block;
vertical-align:middle;
}
.CarPromotionIndicator {
margin-left:0px;
margin-top:80px;
border-radius:0px 8px 8px 0px;
padding:3px 10px;
border: 1px solid #a51000;
font: 16px Arial;
color:white;
background:#ed6e00;
display:inline-block;
vertical-align:middle;
}
.CarPromotionIndicatorLabel {
margin-left:0px;
border-radius:8px;
padding:3px 10px;
border: 1px solid #a51000;
font: 16px Arial;
color:white;
background:#ed6e00;
display:inline-block;
vertical-align:middle;
}
.CarNewIndicatorLabel {
margin-left:0px;
border-radius:8px;
padding:3px 10px;
border: 1px solid #355b00;
font: 16px Arial;
color:white;
background:#65ac00;
display:inline-block;
vertical-align:middle;
}
.CarPriceOld {
text-decoration:line-through;
font: 16px 'Century Gothic';
}
.PropertyNegotiableLabel{
font: 14px Arial;
color: #a6a6a6;
}
.PriceLabel{
padding:15px 0px 10px 0px;
font: 18px 'Century Gothic';
color:white;
}
.ExtendedSearchLabel{
padding-top:15px;
font: 18px 'Century Gothic';
color:white;
}
.ContactDialog{
position:fixed;
padding:20px;
background: rgba(0,0,0,0.70);
border-radius: 12px;
padding: 20px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.35);
left:-1000px;
top:-1000px;
transition:opacity 0.5s ease-in-out;
}
.ContactsDialogBox{
display: inline-block;
padding: 20px;
padding-top: 10px;
border-radius: 10px;
background: rgba(0,0,0,0.71);
box-shadow: 0px 0px 20px rgba(0,0,0, 0.75);
text-align: justify;
transition: all 0.7s ease-out;
-webkit-animation: FadeInAnim 0.7s;
animation: FadeInAnim 0.7s;
font: 14px Arial;
max-width: 1000px;
color: white;
margin-top: 20px;
min-height: 60%;
margin: 0;
margin-bottom: 2%;
min-width: 750px;
max-width: 80%;
}
.ContactsDialogTitle{
font: 24px 'Century Gothic';
color: white;
margin-bottom: 20px;
}
.ContactsDialogInfo{
font: 14px 'Century Gothic';
color: white;
margin: 8px 0px 8px 0px;
}
.ContactsDialogText{
font: 14px Arial;
color: white;
}
.TableRowProperty{
width:100%;
overflow: hidden;
}
.PropertyPriceSmall {
font: 14px 'Century Gothic', Arial;
white-space: nowrap
}
.PropertyPrice {
font: 30px 'Century Gothic', Arial;
padding-right: 20px;
white-space: nowrap;
}
.PropertyListPrice {
font: 24px 'Century Gothic', Arial;
white-space: nowrap;
}
.PropertyType {
font: 22px 'Century Gothic', Arial;
white-space: nowrap;
}
.TableRowLabel{
font: 20px 'Century Gothic', Arial;
padding-bottom: 15px;
}.PromotionTitle{
font: 18px 'Century Gothic';
color: white;
margin-bottom:4px;
}
.PromotionLabel{
font: 14px 'Century Gothic';
color: #a6a6a6;
margin-top:10px;
}
.PromotionPrice{
font: 24px 'Century Gothic';
color: white;
}
.PromotionOldPrice{
text-decoration:line-through;
font: 26px 'Century Gothic';
}
.PromotionSaveText{
font: 14px 'Century Gothic';
color: #9a9898;
display:none;
}
.PromotionImage{
width:270px;
height:147px;
border-radius:10px;
background-size:cover;
background-position:center;
}
.ProfileSliderHolder {
width: 100%;
height: 290px;
text-align: center;
display: table;
}
.ProfileSliderPhotoHolder {
display: table-cell;
vertical-align: middle;
height: 100%;
border: 1px solid rgba(0,0,0,0.8);
border-radius: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.ProfileSliderPhoto {
border-radius: 10px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 290px;
display: table-cell;
transition: opacity 0.5s ease-in-out;
opacity: 0;
text-align:left;
overflow:hidden;
vertical-align: bottom;
padding-bottom: 22px;
}
.ProfileSliderPhotoBanner {
box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
border:1px solid #000;
border-left:none;
border-radius:0px 6px 6px 0px;
padding:8px 20px 8px 25px;
background:rgba(255,255,255,0.8);
display:inline-block;
max-width:460px;
}
.ProfileSliderBannerTitle {
font: 22px 'Century Gothic';
color:#000;
}
.ProfileSliderBannerDate {
font: 14px 'Century Gothic';
color:#000;
}
.ProfileSliderBannerLocation {
font: 14px Arial;
color:#888;
}
.ProfileSliderBannerPrice {
font: 35px 'Century Gothic';
color:#000;
white-space: nowrap;
}
.ProfileSliderBannerPrice SPAN {
vertical-align:middle;
}
.ProfileSliderBannerOldPrice {
font: 22px 'Century Gothic';
color:#ccc;
display:inline-block;
text-decoration:line-through;
vertical-align:bottom;
padding-bottom:3px;
}
.ProfileSliderBannerPromotionBanner {
border-radius: 6px;
border: 1px solid #a51000;
font: 16px Arial;
color: white;
background: #ed6e00;
padding: 4px 12px;
display: inline-block;
vertical-align:middle;
}
.ProfileSliderBannerYouSave {
font: 15px Arial;
color:#aaa;
}
.ProfileSliderBannerPriceFrom {
display:inline-block;
font: 12px 'Century Gothic';
color:#555;
margin-bottom: 8px;
margin-right: 6px;
vertical-align:bottom;
}
.MediaHolder {
float:left;
margin-right:20px;
margin-bottom:10px;
}
.EventDate {
font: 20px 'Century Gothic';
color:#888;
}
.EventLocation {
font: 16px 'Century Gothic';
margin-top:5px;
margin-bottom: 7px;
}
.EventText {
font: 14px Arial;
}
.EventDescription {
font: 20px 'Century Gothic';
margin:0px 0px 20px 0px;
}
.EventTitle {
font: 24px 'Century Gothic';
}
.EventPrice {
font: 28px Arial;
}
.EventPricePromotion {
font: 14px Arial;
color: #888;
vertical-align:middle;
text-decoration:line-through;
}
.EventPriceLabel {
font: 14px Arial;
vertical-align:middle;
padding-right:7px;
}
.EventFullyBooked {
border-radius:14px;
border:1px solid white;
padding:2px 8px 2px 8px;
font:14px Arial;
color:white;
background:#ff195a;
display:inline-block;
vertical-align: middle;
}
.EventLastSeats {
border-radius:14px;
border:1px solid white;
padding:2px 8px 2px 8px;
font:14px Arial;
color:white;
background:#f26522;
display:inline-block;
vertical-align: middle;
}.GalleryTitle {
font: 24px 'Century Gothic';
margin-bottom:10px;
padding-top:20px;
}
.GalleryItem {
text-align:center;
width:290px;
font: 16px 'Century Gothic';
display:inline-block;
margin-right:20px;
vertical-align: top;
white-space:nowrap;
margin-bottom:20px;
}
.GalleryItem .GalleryItemPhoto {
border: 1px solid rgba(0,0,0,0.8);
border-radius:8px;
background-size:cover;
background-position:center center;
width:70px;
margin-bottom:5px;
cursor:pointer;
}
.GalleryItem:hover .GalleryItemPhoto {
border: 1px solid white;
border-radius:8px;
background-size:cover;
background-position:center center;
width:70px;
margin-bottom:5px;
cursor:pointer;
}
.GalleryItem .GalleryItemPhotoLarge {
border: 1px solid rgba(0,0,0,0.8);
border-radius:10px;
background-size:cover;
background-position:center center;
width:290px;
height:170px;
margin-bottom:5px;
display: inline-block;
cursor:pointer;
}
.GalleryItem:hover .GalleryItemPhotoLarge {
border: 1px solid white;
border-radius:10px;
background-size:cover;
background-position:center center;
width:290px;
height:170px;
margin-bottom:5px;
display: inline-block;
cursor:pointer;
}
.GalleryBoxInside {

margin:10px;
text-align: left;
}