/* Start of Module Album */ .albumListItemInfo { text-align: center; } .albumListItemDetailButtonWrapper a { margin: 10px auto; display: table; color: #000; } .sliderTitle { font-weight: bold; margin-top: 10px; } .albumListItemTitleWrapper { text-align: center; font-weight: bold; } .albumDetailMedia { display: table; } .albumDetailMedia > div { display: table-cell; vertical-align: bottom; } .albumDetailMedia > div { width: 100%; } .albumDetailMedia > div > a { width: 100%; table-layout: auto; display: table; } .not-active { pointer-events: none; cursor: default; } .albumdate { font: normal bold 11px SDF; font-weight: bold; color: #6b6b6b; background-color: Transparent; } .albumList { } .albumListImageContainer { } .albumListContainer img { } .albumListTitle { padding-top: 10px; } .albumListDetail { padding-bottom: 30px; } .albumListTitle .MagicThumb, .albumListTitle .MagicThumb:hover { cursor: pointer; outline: 0 !important; } .itemAlbumArchive { padding: 7px; margin: 3px; display: inline-block; } .albumDetail2 { width: 100%; border-width: 0; } .albumDetail2 .header { background-color: #3C85C4; text-align: right; } .albumDetail2 .item { background: url('/Components/General/Resources/Images/Attachment.png') no-repeat right center; padding: 8px 18px; display: inline-block; margin-right: 5px; } .smallAlbumRotatorDarkWrapper { margin: 0 auto; overflow: hidden; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage { margin: 0 auto; text-align: center; border: 1px solid #898c8e; border-bottom: none !important; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemWrapper { position: relative; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemCaption { position: absolute; bottom: 0; left: 0; text-align: center; vertical-align: middle; min-height: 20px; background: url(/Components/Album/Resources/Images/Dark/CaptionBg.png) repeat; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemCaption A:link, .sampaAlbumImage .itemCaption A:visited, .sampaAlbumImage .itemCaption A:active { line-height: 20px; display: block; color: #ccc; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemCaption A:hover { color: #999; } .smallAlbumRotatorDarkWrapper .sampaAlbumImage .itemWrapper .MagicThumb img { border: none !important; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbar { height: 23px; margin: 0; padding: 0; list-style: none; width: 100%; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarLeft { margin: 0; padding: 0; width: 4px; height: 23px; background: url(/Components/Album/Resources/Images/Dark/ButtonBg.png) no-repeat 0 0; float: left; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle { margin: 0 4px; padding: 3px 0 0 0; height: 23px; background: url('/Components/Album/Resources/Images/Dark/ButtonBg.png') repeat-x 0 -46px; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarRight { margin: 0; padding: 0; width: 4px; height: 23px; background: url('/Components/Album/Resources/Images/Dark/ButtonBg.png') no-repeat 0 -23px; float: right; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle .btnWrapper { width: 81px; height: 17px; margin: 0 auto; padding: 0 0 0 16px; background: url(/Components/Album/Resources/Images/Dark/BtnWrapperBg.png) no-repeat; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span { display: inline-block; margin: 5px 6px 0; float: left; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a { display: inline-block; background: url(/Components/Album/Resources/Images/Dark/Arrows.png) no-repeat; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.previousSlide { width: 11px; height: 9px; background-position: 0 0; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.play { width: 10px; height: 9px; background-position: -11px 0; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.pause { width: 7px; height: 9px; background-position: -21px 0; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.nextSlide { width: 11px; height: 9px; background-position: -28px 0; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.previousSlide:hover { width: 11px; height: 9px; background-position: 0 -9px; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.play:hover { width: 10px; height: 9px; background-position: -11px -9px; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.pause:hover { width: 7px; height: 9px; background-position: -21px -9px; } .smallAlbumRotatorDarkWrapper .sampaAlbumToolbarMiddle span a.nextSlide:hover { width: 11px; height: 9px; background-position: -28px -9px; } .smallAlbumRotatorLightWrapper { margin: 0 auto; overflow: hidden; } .smallAlbumRotatorLightWrapper .sampaAlbumImage { margin: 0 auto; text-align: center; border: 1px solid #888B8D; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemWrapper { position: relative; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemCaption { position: absolute; bottom: 0; left: 0; text-align: center; vertical-align: middle; min-height: 20px; background: url(/Components/Album/Resources/Images/Light/CaptionBg.png) repeat; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemCaption A:link, .sampaAlbumImage .itemCaption A:visited, .sampaAlbumImage .itemCaption A:active { line-height: 20px; display: block; color: #ccc; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemCaption A:hover { color: #999; } .smallAlbumRotatorLightWrapper .sampaAlbumImage .itemWrapper .MagicThumb img { border: none !important; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbar { height: 23px; margin: 0; padding: 0; list-style: none; width: 100%; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarLeft { margin: 0; padding: 0; width: 4px; height: 23px; background: url('/Components/Album/Resources/Images/Light/ButtonBg.png') no-repeat 0 0; float: left; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle { margin: 0 4px; padding: 0; height: 23px; background: url('/Components/Album/Resources/Images/Light/ButtonBg.png') repeat-x 0 -46px; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarRight { margin: 0; padding: 0; width: 4px; height: 23px; background: url('/Components/Album/Resources/Images/Light/ButtonBg.png') no-repeat 0 -23px; float: right; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle .btnWrapper { width: 122px; height: 20px; margin: 0 auto; padding: 2px 0 0 0; background: url(/Components/Album/Resources/Images/Light/BtnWrapperBg.png) no-repeat; text-align: center; direction: ltr; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span { display: inline-block; margin: 1px 7px 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a { display: inline-block; background: url(/Components/Album/Resources/Images/Light/Arrows.png) no-repeat; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.previousSlide { width: 11px; height: 9px; background-position: 0 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.play { width: 10px; height: 9px; background-position: -11px 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.pause { width: 7px; height: 9px; background-position: -21px 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.nextSlide { width: 11px; height: 9px; background-position: -28px 0; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.previousSlide:hover { width: 11px; height: 9px; background-position: 0 -9px; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.play:hover { width: 10px; height: 9px; background-position: -11px -9px; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.pause:hover { width: 7px; height: 9px; background-position: -21px -9px; } .smallAlbumRotatorLightWrapper .sampaAlbumToolbarMiddle span a.nextSlide:hover { width: 11px; height: 9px; background-position: -28px -9px; } .albumSlider { min-height: 30px; position: relative; padding: 11px 36px; background: #dadde1; background: url('/Components/Album/Resources/Images/AlbumSliderBackground.svg'); background: linear-gradient(to bottom, #dadde1 0,#e5e8ea 50%,#d4d8dc 50%,#d4d8dc 100%); margin: 10px 0 0 0; border: 1px solid #c3c8cc; } .albumSlider .arrowButton { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; cursor: pointer; } .albumSlider .nextItem { right: 10px; background: url(/Components/Album/Resources/Images/AlbumSlider/AlbumArrows.png) no-repeat -30px center; } .albumSlider .previousItem { left: 10px; background: url(/Components/Album/Resources/Images/AlbumSlider/AlbumArrows.png) no-repeat 0 center; } .albumSlider .nextItem:hover { background-position: -90px center; } .albumSlider .previousItem:hover { background-position: -60px center; } .albumSlider .nextItem:active { background-position: -150px center; } .albumSlider .previousItem:active { background-position: -120px center; } .albumSlider .albumItemWrapper { margin: 0; overflow: hidden; min-height: 30px; position: absolute; } .albumSlider .albumItemWrapper .items { padding: 0; margin: 0; list-style: none; position: absolute; } .albumSlider .albumItemWrapper .items .item { float: left; margin: 1px 9px; cursor: pointer; border: 1px solid #b8bac3; border-radius: 3px; } .albumSlider .albumItemWrapper .items .item .selectItem { width: 100%; height: 100%; background-color: #000; display: none; } .albumSlider .albumItemWrapper .items .item:hover .selectItem { display: block; } .albumSlider.borderRadius { border-radius: 8px; } .albumSlider .opacitySelectItem { opacity: 0.2; } .albumSlider .nextItem.disableButton { background: url(/Components/Album/Resources/Images/AlbumSlider/AlbumArrows.png) no-repeat -210px center !important; cursor: default !important; } .albumSlider .previousItem.disableButton { background: url(/Components/Album/Resources/Images/AlbumSlider/AlbumArrows.png) no-repeat -180px center !important; cursor: default !important; } /*** Start of Album Rotator ***/ .albumCarousel .carousel-control { width: 4%; } .albumCarousel .carousel-control.left, .carousel-control.right { background-image: none; } .albumCarousel .carousel-inner > .next.left, .albumCarousel .carousel-inner > .prev.right { left: 0; } .albumCarousel .item:not(.prev) { visibility: visible; } .albumCarousel .item.right:not(.prev) { visibility: hidden; } .albumCarousel .rightest { visibility: visible; } .albumCarousel .carousel-inner .thumbnail { overflow: hidden; border: 0; position: relative; } .albumCarousel .carousel-inner .thumbnail img { position: absolute; left: 0; right: 0; top: 0; margin: auto; } .albumCarousel .carouselFloat { float: left; } .albumCarousel .carousel-control .icon-next, .albumCarousel .carousel-control .icon-prev { background-color: #888; background-color: rgba(0,0,0,0.8); border-radius: 15px; line-height: 0.8; } .albumCarousel .carousel-control .icon-prev:before { margin-right: 2px; } .albumCarousel .carousel-control .icon-next:before { margin-left: 2px; } .albumMediaWrapper { border-style: solid; border-width: 1px; display: table-cell; vertical-align: middle; padding: 1px; } /*** End of Album Rotator ***/ /*** Start of Album Magnifier ***/ .magnify { position: relative; cursor: none; } .magnify-large { position: absolute; display: none; width: 175px; height: 175px; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25); border-radius: 50%; z-index: 999; } /*** End of Album Magnifier ***/ .slideWrapper { overflow: hidden; } .albumDetail .albumDetailInformationCover { margin-bottom: 15px; box-shadow: 0px 1px 2px 2px #eee; padding: 10px; } .albumDetail .albumTitleCover { display: block; font-weight: bold; font-size: 1.6rem; padding-bottom: 10px; } .albumDetail .albumPhotographerCover { display: block; font-size: 1.2rem; } .albumDetail .albumDescriptionCover { display: block; } .albumDetail .albumDetailCover { border-radius: 2px; padding: 0; } .albumDetailSocialNetwork a { padding: 0; display: inline-block; margin: 0 2px; text-decoration: none; color: #5a6575; border-radius: 0; width: 18px; height: 22px; text-align: center; background-color: transparent; } .albumDetailSocialNetwork a span { font-size: 2rem!important; } .albumListItem .albumListItemImage { display: table; width: 100%; } .albumListItem .albumListItemImage .albumListItemImageLink { vertical-align: bottom; display: table-cell; text-align: center; } .lightSliderWrapper .sliderItemContainer h3 { margin: 0 auto; } .albumRotatorArchive i { padding-left: 5px; } .albumDetailArtGallery .ms-slide .ms-slide-layers, .albumDetailArtGallery .ms-overlay-layers .ms-slide-layers, .albumDetailArtGallery .ms-fixed-layers { left: auto !important; right: 0; } .albumDetailArtGallery .artGalleryTitle { font-size: 4.8rem; line-height: 60px; white-space: nowrap; color: #ffffff; left: 0 !important; width: 65%; text-align: right !important; text-overflow: ellipsis; overflow: hidden; direction: rtl; } .albumDetailArtGallery .artGalleryDescription { font-weight: normal; font-size: 1.3rem !important; line-height: normal; color: #fff; left: 0 !important; width: 65%; text-align: right !important; text-overflow: ellipsis; overflow: hidden; direction: rtl; } .albumDetailArtGallery .artGalleryMore { font-weight: bold; font-size: 1.6rem; text-align: center; letter-spacing: 2px; line-height: normal; text-transform: uppercase; background: #fff; border-radius: 30px; } .albumDetailArtGallery .ms-btn-container { position: absolute; margin-top: 10px; } .albumDetailArtGallery .ms-slide-layers { width: 45% !important; } .albumDetailArtGallery .ms-action-layer { right: 20px !important; } .albumDetailHorizontalTabs .ms-tabs-template .ms-thumb-frame .itemContent { text-align: center; } .albumDetailHorizontalTabs .ms-tabs-template .ms-thumb-frame .itemContent a { display: block; } .albumHorizontalImageTabsSlider .ms-slide .ms-layer-title { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 5px; } .albumDetailHorizontalTabs .ms-slide .ms-layer { left: auto !important; right: 25px !important; } .albumDetailHorizontalTabs .ms-slide .ms-layer.msp-cn-110-1 { top: 25% !important; } .albumDetailHorizontalTabs .ms-slide .ms-layer.msp-cn-110-2 { top: 35% !important; font-size: 1.6rem; } .albumDetail .albumDetailListWrapper.containsFlipImages { display: flex; flex-flow: row wrap; } .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container { flex-grow: 1; margin: 0px; border-radius: 0px; padding: 0; } .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .albumDetailContainer, .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .albumDetailItemContainer, .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .albumDetailMedia, .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .front .albumDetailMedia a.albumDetailImageLink, .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .back .albumDetailMedia a.albumDetailImageLink { width: 100%; height: 100%; } .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .front .albumDetailMedia img.albumDetailImage, .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .back .albumDetailMedia img.albumDetailImage { object-fit: cover; width: 100%; height: 100%; margin: 0px; padding: 0px; } .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .back, .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .front { text-align: center; background: #00000040; } .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .front, .albumDetail .albumDetailListWrapper.containsFlipImages .flip-container .back { border-radius: 0; } /**************************/ .albumDetail .albumDetailListWrapper .rotateX.flip-container:hover .front { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .albumDetail .albumDetailListWrapper .rotateX.flip-container .front { z-index: 2; transform: rotateX(0deg); } .albumDetail .albumDetailListWrapper .rotateX.flip-container:hover .back { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .albumDetail .albumDetailListWrapper .rotateX.flip-container .back { transform: rotateX(-180deg); display: flex; justify-content: center; align-items: center; } .albumDetail .albumDetailListWrapper .rotateX.flip-container .back .flipMediaTitle, .albumDetail .albumDetailListWrapper .rotateX.flip-container .back .flipMediaDesc { line-height: 25px; } .albumVerticalTabSlider .masterSliderVerticalTabsTitle, .albumVerticalTabSlider .masterSliderVerticalTabsDescription { position: relative !important; } .albumDetail .albumDetailListWrapper .albumDetailContainer .albumDetailImageLink .titleOnMediaWrapper { position: absolute; left: 0; right: 0; bottom: 3px; } .albumRotator4Wrapper .albumRotator4ListItemWrapper.hasVerticalDisplay .lSSlideOuter { overflow-y: auto !important; } .albumRotator4Wrapper .albumRotator4ListItemWrapper.hasVerticalDisplay .lSSlideWrapper::-webkit-scrollbar { display: none; } .albumRotator4Wrapper .albumRotator4ListItemWrapper.hasVerticalDisplay .lSSlideOuter .usingCss { overflow: visible; } .albumRotatorCategory .albumRotator4ListItemWrapper.hasVerticalDisplay .lSSlideOuter .usingCss .lightSlider .albumRotator4ItemWrapper.lslide { float: none !important; } .albumRotatorCategory .lSSlideOuter.vertical .lSSlideWrapper { overflow-y: auto; } .albumRotatorCategory .lSSlideOuter.vertical .lSSlideWrapper::-webkit-scrollbar { display: none; } .albumDetail .albumDetailListWrapper .albumDetailContainer.has360Video, .albumDetail .albumDetailListWrapper .albumDetailContainer.has360Video .albumDetailMedia .pnl360ViewMedia, .albumDetail .albumDetailListWrapper .albumDetailContainer.has360Video .albumDetailItemContainer { flex: 1; } .albumDetail .albumDetailListWrapper .albumDetailContainer.has360Video .albumDetailItemContainer .albumDetailMedia, .albumDetail .albumDetailListWrapper .albumDetailContainer.has360Video .albumDetailMedia .pnl360ViewMedia{ display: flex; } .albumDetail .albumDetailListWrapper .albumDetailContainer.has360Video .albumDetailMedia .pnl360ViewMedia .player-poster, .pnl360ViewMedia.fancybox-content .player-poster, .albumCasousel3D .pnl360Video .player-poster { background-repeat: no-repeat !important; background-size: cover !important; } .albumDetail .pnlDownloadMedia{ margin-bottom: 1rem; } /* End of Module Album */ .albumDetail .albumDetailMediaTitle { margin-bottom: 10px; } .albumDetail .albumDetailMediaTitle h3{ margin-top:10px; margin-bottom:0; } .albumDetail .albumDetailItemContainer { padding-bottom:10px;} .albumDetail .shortUrlWrapper { cursor: pointer; padding: 10px 15px; background: #eee; float: left; display: table; margin: 10px auto 10px 0; border-radius: 3px; } /* wakav*/ .albumArchiveWrapper { font-size: 0; color: #0964d5; } .albumArchiveWrapper span { font-size: 1.4rem; padding: 0 5px; } .albumArchiveWrapper .glyphicon { font-size: 1.9rem; } /* wakav*/ /*slider Video*/ @media(max-width:767px) { .ms-videogallery-template .ms-thumb-list.ms-dir-h.ms-align-bottom.showThumbnailsInMobile { display: block !important; } } /*slider Video*/ /* album detail 2*/ .albumDetail2 { overflow: hidden; } .albumDetail2 .detailBanner { border-radius: 10px; background: #eff3f7; border: 1px solid #f2f2f2; padding: 31px 26px 16px; margin-bottom: 30px; } .albumDetail2 .detailBanner .detailBannerTitle { font-weight: bold; font-size: 20px; line-height: 26px; text-align: right; color: #0a5497; margin-top: 0; } .albumDetail2 .detailBanner .detailBannerDesc { font-weight: normal; font-size: 15px; line-height: 35px; text-align: right; color: #000; padding-bottom: 47px; } .albumDetail2 .detailBannerInfo { display: flex; flex-direction: row; align-items: flex-start; padding-top: 21px; border-top: 1px solid #E1E4E8 } .albumDetail2 .detailBannerInfo > div, .albumDetail2 .detailBannerInfo > a { margin-left: 27px; display: flex; flex-direction: row; align-items: flex-start; text-decoration: none } .albumDetail2 .detailBannerInfo > div span, .albumDetail2 .detailBannerInfo > a span, .albumDetail2 .detailBannerInfo > div label, .albumDetail2 .detailBannerInfo > a label { font-weight: normal; font-size: 14px; line-height: 25px; text-align: right; color: #49494a; text-decoration: none } .albumDetail2 .detailBannerInfo > div img, .albumDetail2 .detailBannerInfo > a img { margin-left: 10px; } .albumDetail2 .detailBannerInfo .infoDate img, .albumDetail2 .detailBannerInfo .infoTime img { margin-top: 3px; } .albumDetail2 .detailBannerInfo .infoPhotographer img { margin-top: 5px; } .albumDetail2 .img-responsive, .albumDetail2 .thumbnail > img, .albumDetail2 .thumbnail a > img, .albumDetail2 .carousel-inner > .item > img, .albumDetail2 .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .albumDetail2 .reportImageList { display: table; margin: 0 auto } .albumDetail2 .reportImageList .reportImageListItem { margin-bottom: 30px; } .albumDetail2 .reportImageList .reportImageListItem .reportImageListItemImage img { border-radius: 10px; } .albumDetail2 .backLink { display: table; margin: 25px auto 0; } .albumDetail2 .backLink a { font-weight: bold; font-size: 15px; text-align: center; color: #005497; text-decoration: none; } .albumDetail2 .row { margin-right: -15px; margin-left: -15px; } .albumDetail2 .col-lg-3 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .albumDetail2 .container { margin-left: auto; margin-right: auto; } @media (max-width: 440px) { .albumDetail2 .col-xs-6 { width: 42.7% !important; } } @media (max-width: 767px) { .albumDetail2 a { text-decoration: none; } .albumDetail2 .detailBanner .detailBannerTitle { font-size: 15px; } .albumDetail2 .detailBanner .detailBannerDesc { font-weight: normal; font-size: 14px; line-height: 28px; } .albumDetail2 .detailBanner { padding: 20px 15px 5px; } .albumDetail2 .detailBannerInfoMobile .infoShare img { position: relative; top: 8px; width: 19px; } .albumDetail2 .detailBannerInfoMobile .infoDate img { position: relative; top: 4px; } .albumDetail2 .detailBannerInfoMobile .infoDateShare, .albumDetail2 .detailBannerInfoMobile .infoPhotographerDwn { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: #49494a !important; font-size: 12px; text-decoration: none; border-top: 1px solid #e1e4e8; padding-top: 8px; padding-bottom: 8px; } .albumDetail2 .detailBannerInfoMobile .infoDateShare span, .albumDetail2 .detailBannerInfoMobile .infoPhotographerDwn span { font-weight: normal; font-size: 12px; line-height: 32px; text-align: right; color: #49494a; } .albumDetail2 .row { margin-right: -11px; margin-left: -11px; } .albumDetail2 .col-xs-6 { width: 44.7%; float: right; position: relative; min-height: 1px; padding-right: 11px; padding-left: 11px; } .albumDetail2 .reportImageList .reportImageListItem { margin: 0 auto 30px; } .albumDetail2 .detailBannerInfo { display: none !important } .albumDetail2 .detailBanner .detailBannerDesc { padding-bottom: 12px; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .albumDetail2 .reportImageList .reportImageListItem { display: table; margin: 0 auto 30px; } } @media (min-width: 768px) { .albumDetail2 .detailBannerInfoMobile { display: none !important } .albumDetail2 .col-sm-6 { width: 45.7%; float: right; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .albumDetail2 .container { width: 970px; } .albumDetail2 .col-lg-3 { width: 21%; float: right; } } @media (min-width: 1200px) { .albumDetail2 .col-lg-3 { width: 21.8%; float: right; } .albumDetail2 .container { width: 1170px; } } .albumDetail2 .shortUrlWrapper{ cursor: pointer; } /* end of album detail 2*/ /* album detail 2 share section */ .albumDetail2 .infoShare { display: inline-block; position: relative; } .albumDetail2 .infoShare .dropdown-menu { position: absolute; top: -13px; right: 50px; min-width: 250px; padding: 10px; border: 1px solid #e6e7e8; box-shadow: 0 2px 2px #cacaca; list-style: none !important; } .albumDetail2 .infoShare .dropdown-menu:before { width: 0; height: 0; border-style: solid; border-width: 4.5px 0 4.5px 9px; border-color: transparent transparent transparent #eeeeee; content: ""; right: -11px; position: absolute; top: 10px; z-index: 5; } .albumDetail2 .infoShare .shareItem { background: none; border: none; padding: 0; } .albumDetail2 .infoShare .albumDetail2ShareTitle { display: block; font-size: 1.2rem; text-align: center; } .albumDetail2 .infoShare .socialNetworkItemWrap { display: table; padding-top: 5px; margin: 0 auto; } .albumDetail2 .infoShare .socialNetworkItemWrap > a { color: #595f77; display: inline-block; margin: 0 3px; } /* end of album detail 2 share section */ /* album list categorized */ .albumsByCategories { overflow: hidden; } .albumsByCategories .reportImageListSlider { margin-top: 20px; margin-bottom: 30px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); } .albumsByCategories .reportImageListSlider .reportImageListSliderImage { border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); } .albumsByCategories .reportImageListSlider { position: relative; } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo { position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; width: 100%; padding: 139px 0 18px; } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo:before { content: ""; position: absolute; bottom: 0; width: 100%; height: 100%; border-radius: 10px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(8, 64, 112, 0.73) 47.37%, #0b599a 100%); } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderTitle, .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderDecription { position: relative; z-index: 100; padding: 0 20px; } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderTitle { margin-bottom: 30px; } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderTitle a { font-weight: bold; font-size: 20px; text-align: right; color: #fff; text-decoration: none; } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderDecription, .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderInfoDate { display: flex; flex-direction: row; align-items: center; } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderDecription .sliderInfoPhotographer, .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderDecription .sliderInfoDate { margin-left: 27px; display: flex; align-items: center; font-weight: normal; font-size: 14px; line-height: 25px; text-align: right; color: #fff; } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderDecription .sliderInfoPhotographer img, .albumsByCategories .reportImageListSlider .reportImageListSliderInfo .sliderDecription .sliderInfoDate img { margin-left: 10px; height: 100%; } .albumsByCategories .reportImageListSlider .lSAction > a { cursor: pointer; position: absolute; z-index: 400; margin-top: -12px; display: block; top: 50%; width: 39px; height: 39px; background: #fff; border: 1px solid #c2d5e5; opacity: 1; border-radius: 50%; } .albumsByCategories .reportImageListSlider .lSAction .lSNext { right: 20px; position: absolute; } .albumsByCategories .reportImageListSlider .lSAction .lSPrev { left: 20px; position: absolute; } .albumsByCategories .reportImageList .reportImageListItem { margin-bottom: 30px; } .albumsByCategories .reportImageList .reportImageListItem .reportImageListItemImage img { border-radius: 10px 10px 0px 0px; width: 100%; } .albumsByCategories .reportImageList .reportImageListItem .listImageItemInfo { border-radius: 0 0 10px 10px; background: #eff4f8; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); } .albumsByCategories .reportImageList .listImageItemInfo { padding: 17px 13px; } .albumsByCategories .reportImageList .listImageItemInfo .listImageItemTitle { padding-bottom: 60px; } .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime { display: flex; } .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime .imageDate, .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime .imageTime { display: flex; align-items: flex-start; } .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime .imageTime { margin-right: 10px; } .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime .imageDate span, .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime .imageTime span { font-weight: normal; font-size: 13px; line-height: 32px; text-align: right; color: #49494a; } .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime .imageDate img, .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime .imageTime img { margin-left: 8px; margin-top: 4px; } .albumsByCategories .reportImageList .listImageItemInfo .listImageItemTitle a { font-weight: bold; font-size: 15px; line-height: 26px; text-align: right; color: #0a5497; text-decoration: none; } .albumsByCategories .paging { width: 100%; display: flex; justify-content: center; } .albumsByCategories .img-responsive, .albumsByCategories .thumbnail > img, .albumsByCategories .thumbnail a > img, .albumsByCategories .carousel-inner > .item > img, .albumsByCategories .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .albumsByCategories .row { margin-right: -15px; margin-left: -15px; } /* .albumsByCategories .col-lg-3 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }*/ .albumsByCategories .container { margin-left: auto; margin-right: auto; } @media (min-width: 767px) { .albumsByCategories .reportImageListSlider .sliderDecriptionMobile { display: none; } } @media (max-width: 375px) { /* .albumsByCategories .reportImageList .col-xs-6 { width: 92%; }*/ } @media (max-width: 767px) { .albumsByCategories .reportImageList .listImageItemInfo { padding: 12px 15px 11px 7px; } .albumsByCategories .row { margin: 0 -11px; } .albumsByCategories .reportImageList .reportImageListItem { margin-bottom: 15px; } .albumsByCategories .reportImageList .listImageItemInfo .listImageItemTitle a { width: 100%; display: inline-block; font-size: 12px; } .albumsByCategories .reportImageList .listImageItemInfo .listImageItemTitle { padding-bottom: 10px; } /*.albumsByCategories .col-xs-6 { width: 43%; float: right; position: relative; min-height: 1px; padding-right: 11px; padding-left: 11px; }*/ .albumsByCategories .reportImageList .listImageItemInfo .listImageDateTime .imageTime { display: none; } .albumsByCategories .reportImageListSlider { box-shadow: none; } .albumsByCategories .reportImageListSlider .sliderDecriptionMobile .sliderTitle a { font-weight: bold; line-height: 26px; text-align: right; color: #0a5497; text-decoration: none; } .albumsByCategories .reportImageListSlider .sliderDecriptionMobile .sliderTitle { margin-top: 0; padding-top: 14px; width: 100%; margin-bottom: 31px; } .albumsByCategories .reportImageListSlider .sliderDecriptionMobile .sliderInfoPhotographer .descktopIcon, .albumsByCategories .reportImageListSlider .sliderDecriptionMobile .sliderInfoDate .descktopIcon { display: none !important; } .albumsByCategories .reportImageListSlider .sliderDecriptionMobile .sliderInfoPhotographer .mobileIcon, .albumsByCategories .reportImageListSlider .sliderDecriptionMobile .sliderInfoDate .mobileIcon { display: block !important; height: 16px; margin-left: 8px; } .albumsByCategories .reportImageListSlider .sliderDecriptionMobile .sliderInfoPhotographer, .albumsByCategories .reportImageListSlider .sliderDecriptionMobile .sliderInfoDate { font-weight: normal; font-size: 13px; line-height: 32px; text-align: right; color: #49494a; display: flex; flex-direction: row; align-items: center; } .albumsByCategories .reportImageListSlider .lSAction > a { top: 28%; } .albumsByCategories .reportImageListSlider .reportImageListSliderInfo { display: none; } .albumsByCategories .reportImageListSlider .sliderDecriptionMobile { border-radius: 0px 0px 10px 10px; background: #eff4f8; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); padding: 0 10px 13px 16px; display: flex; flex-wrap: wrap; justify-content: space-between; } .albumsByCategories .reportImageListSlider .reportImageListSliderImage { border-radius: 10px 10px 0 0; } } @media (max-width: 991px) and (min-width:768px) { .albumsByCategories .container { margin-left: auto; margin-right: auto; width: 682px; } } @media (min-width: 768px) { .albumsByCategories .reportImageListSlider .mobileIcon { display: none !important; } /* .albumsByCategories .col-sm-6 { width: 45.7%; float: right; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }*/ } @media (min-width: 992px) { /*.albumsByCategories .container { width: 970px; } .albumsByCategories .col-lg-3 { width: 21%; float: right; }*/ } @media (min-width: 1200px) { .albumsByCategories .col-lg-3 { /*width: 21.8%; float: right;*/ } .albumsByCategories .container { /* width: 1170px;*/ } } /*tags coursel in album list categorized*/ .albumsByCategories .tagCarouselWrapper { display: flex; position: relative; width: 100%; display: flex; flex-direction: row; flex-basis: 100%; border-radius: 10px; background: #eff3f7; border: 1px solid #f2f2f2; padding: 14px 12px; align-items: center; } .albumsByCategories .tagCarouselWrapper i { top: 50%; height: 50px; width: 44px; color: #343F4F; cursor: pointer; font-size: 20px; position: absolute; text-align: center; line-height: 44px; font-style: unset; top: 4px; bottom: 0; margin: auto; z-index: 10; background: #eff3f7; transition: transform 0.1s linear; } .albumsByCategories .tagCarouselWrapper i:first-child { right: 0; display: none; } .albumsByCategories .tagCarouselWrapper i:last-child { left: 0; } .albumsByCategories .tagCarouselWrapper .tagCarousel { cursor: pointer; overflow: hidden; white-space: nowrap; scroll-behavior: smooth; width: 100%; padding-right: 36px; width: 98%; overflow: hidden; } .albumsByCategories .tagCarousel.dragging { cursor: grab; scroll-behavior: auto; } .albumsByCategories .tagCarousel.dragging a { pointer-events: none; } .albumsByCategories .tagCarousel a { user-select: none; width: auto; display: inline-flex; border-radius: 10px; background: #dee9f2; padding: 12px 20px; margin-left: 10px; cursor: pointer; height: 100%; text-decoration: none; position: relative; z-index: 10; transition: all 200ms ease-in-out; } .albumsByCategories .tagCarousel a p { width: 100%; margin: 0; font-weight: bold; font-size: 14px; text-align: center; color: #0a5497; } .albumsByCategories .tagCarousel a.active { background: #147cdc !important; color: white; } .albumsByCategories .active p { color: #fff !important } .albumsByCategories .tagCarousel a:first-child { margin-right: 0px; } .albumsByCategories .imageTagSlider { position: absolute; right: 10px; top: 0; bottom: 0; margin: 0 auto; display: flex; align-items: center; background: #eff3f7; padding-left: 10px; z-index: 20; } .albumsByCategories .glyphicon-exAlbum:before { font-size: 29px; color: #147CDC } .albumsByCategories .glyphicon-arrowleft:before { font-size: 18px; } .albumsByCategories .glyphicon-arrowright:before { font-size: 18px; } @media only screen and (max-width:767px) and (min-width: 320px) { .albumsByCategories .tagCarouselWrapper .tagCarousel { padding-right: 0; } .albumsByCategories .imageTagSlider { display: none; } .albumsByCategories .tagCarouselWrapper i { width: 39px; } .albumsByCategories .tagCarouselWrapper i:first-child { display: none; opacity: 0; width: 0; } } @media only screen and (max-width: 991px) and (min-width: 768px) { .albumsByCategories .tagCarouselWrapper .tagCarousel { padding-right: 0; } .albumsByCategories .imageTagSlider { display: none; } .albumsByCategories .tagCarouselWrapper i { width: 39px; } } @media only screen and (max-width: 1199px) and (min-width: 992px) { .albumsByCategories .tagCarouselWrapper .tagCarousel { width: 93%; } } /*end of tags coursel in album list categorized*/ /* end of album list categorized */ /*-- AlbumLastAlbumOfCategoryList.ascx --*/ .no-padding { padding: 0; } .customizeAlbumGroupBy { width: 100%; height: auto; margin-bottom: 30px } .customizeAlbumGroupBy .customizeAlbumItem { width: 100%; height: 134px; border-radius: 8px; overflow: hidden; position: relative; } .customizeAlbumGroupBy .customizeAlbumItem a::before { position: absolute; width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; right: 0; top: 0; content: ''; opacity: 1; background: #000000; background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); border-radius: 8px; display: block; } .AlbumContainer { margin: 30px 0 0 0 } .customizeAlbumGroupBy .customizeAlbumItem .customizeAlbumImage { width: 100% !important; height: auto; border-radius: 8px; } .customizeAlbumGroupBy .customizeAlbumItem .customizeAlbumTitle { font-weight: 700; font-size: 13px; color: #fff; font-family: "SDF"; position: absolute; bottom: 0; right: 0; padding: 10px 15px; line-height: 28px; transition: all .35s; margin: 0 } .customizeAlbumGroupBy .customizeAlbumItem:hover .customizeAlbumTitle { transform: translateY(-10px); transition: all .35s; } .customizeAlbumGroupBy .customizeAlbumList { border: 1px solid #C1C6CC; border-radius: 8px 8px 0px 0px; width: 90%; height: 27px; margin: 0 auto; display: flex; justify-content: space-between; } .customizeAlbumGroupBy .customizeAlbumList .customizeAlbumLead { font-weight: 700; font-size: 13px; color: #234E75; font-family: "SDF"; margin: 0 10px 0 0; padding: 0 15px; position: relative; transform: translateY(-10px); background: #fff; } .customizeAlbumGroupBy .customizeAlbumList .customizeAlbumLead:before, .customizeAlbumGroupBy .customizeAlbumList .customizeAlbumLead:after { position: absolute; width: 8px; height: 8px; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; right: 0; top: 5px; background: #4193DE; border-radius: 50%; content: ''; } .customizeAlbumGroupBy .customizeAlbumList .customizeAlbumLead:after { right: auto; left: 0; } .customizeAlbumGroupBy .customizeAlbumList .customizeAlbumbg { background: #fff; transform: translateY(-10px); display: flex; margin-left: 10px; } .customizeAlbumGroupBy .customizeAlbumList .customizeAlbumbg .customizeAlbumLeadMore { width: 18px; height: 18px; background: #4193DE; border-radius: 2px; text-align: center; display: flex; justify-content: center; align-items: center; margin-left: 10px } .glyphicon-rss:before { content: '\E817'; color: #EF7E16; font-size: 20px } .glyphicon-more:before { content: '\E945'; color: #fff; font-size: 14px } @media (min-width:1025px) and (max-width:1280px) { } @media only screen and (max-width:600px) { .customizeAlbumGroupBy .customizeAlbumList, .customizeAlbumGroupBy .customizeAlbumItem { height: auto; } .customizeAlbumGroupBy .customizeAlbumItem .customizeAlbumImage { height: 100%; } .customizeAlbumGroupBy { width: 100%; } } /*-- AlbumLastAlbumOfCategoryList.ascx --*/
.albumOfCategoryList .categoryListItem { padding: 0 !important; } .homeSlider { margin-bottom: 40px; } .homeSlider .br-next, .homeSlider .br-previous { width: 77px; height: 76px; background-image: none; top: calc(50% - 35px); background-color: transparent; margin-top: 0; } .homeSlider .br-next:before, .homeSlider .br-previous:before { font-size: 41px; font-family: 'Glyphicons Halflings'; color: #FFF; position: relative; top: -10px; left: 10px; display: inline-block; display: none; } .homeSlider .br-next:hover, .homeSlider .br-previous:hover { background-color: transparent; } .homeSlider .br-next { left: auto; right: 27px; background-image: url("/App_Themes/Default-fa-IR/Images/CustomizedSprite.png"); background-position: 0 -0px; } .homeSlider .br-previous { left: 27px; right: auto; background-image: url("/App_Themes/Default-fa-IR/Images/CustomizedSprite.png"); background-position: -77px -0px; } .img-height .albumDetailImage { width: 100px !important; } .homeIconsAlbum { margin-top: 64px; margin-bottom: 64px; } .homeIconsAlbum .albumDetailImage { padding: 0; box-shadow: none; background-color: transparent; } .homeIconsAlbum .albumDetailContainer { padding-top: 40px; padding-bottom: 20px; margin-bottom: 30px; } .homeIconsAlbum .albumDetailContainer:hover:before, .homeIconsAlbum .albumDetailContainer:hover:after { width: 12%; height: 15%; border-color: #F0B537 !important; } .homeIconsAlbum .albumDetailContainer:hover .albumDetailItemContainer:before, .homeIconsAlbum .albumDetailContainer:hover .albumDetailItemContainer:after { width: 12%; height: 15%; border-color: #F0B537 !important; } .homeIconsAlbum .albumDetailContainer:before { content: ''; width: 51%; height: 51%; position: absolute; top: 0; right: 15px; border-top: 1px solid #6EA9C2; border-right: 1px solid #6EA9C2; transition: 0.4s cubic-bezier(0.1, 0.93, 0.29, 0.82) all; } .homeIconsAlbum .albumDetailContainer:after { content: ''; width: 51%; height: 51%; position: absolute; top: 0; left: 15px; border-top: 1px solid #6EA9C2; border-left: 1px solid #6EA9C2; transition: 0.4s cubic-bezier(0.1, 0.93, 0.29, 0.82) all; } .homeIconsAlbum .albumDetailContainer .albumDetailItemContainer:before { content: ''; width: 51%; height: 51%; position: absolute; bottom: 0; right: 15px; border-bottom: 1px solid #6EA9C2; border-right: 1px solid #6EA9C2; transition: 0.4s cubic-bezier(0.1, 0.93, 0.29, 0.82) all; } .homeIconsAlbum .albumDetailContainer .albumDetailItemContainer:after { content: ''; width: 51%; height: 51%; position: absolute; bottom: 0; left: 15px; border-bottom: 1px solid #6EA9C2; border-left: 1px solid #6EA9C2; transition: 0.4s cubic-bezier(0.1, 0.93, 0.29, 0.82) all; } .homeIconsAlbum .albumDetailContainer .albumDetailItemContainer .albumDetailMedia { margin: 0 auto; } .homeIconsAlbum .albumDetailContainer .albumDetailMediaTitle { text-align: center; padding: 0 20px; } .homeIconsAlbum .albumDetailContainer .albumDetailMediaTitle h3 { color: #FFF; font-size: 15px; } .homeIconsAlbum .albumDetailContainer .albumDetailMediaTitle h3 a { color: #FFF; font-size: 15px; } .categoryAlbumCustomized .albumListItemContainer .albumListItem .albumListItemWrapper { margin-bottom: 15px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); border-radius: 3px; } .categoryAlbumCustomized .albumListItemContainer .albumListItem .albumListItemWrapper .albumListItemImage { padding-top: 10px; } .categoryAlbumCustomized .albumListItemContainer .albumListItem .albumListItemWrapper .albumListItemImage img { padding: 0; } .categoryAlbumCustomized .albumListItemContainer .albumListItem .albumListItemWrapper .albumListItemTitleWrapper { display: table; margin: 10px auto; text-align: center; padding: 10px; } .categoryAlbumCustomized .albumListItemContainer .albumListItem .albumListItemWrapper .albumListItemTitleWrapper a { font-size: 14px; } .ms-skin-default .ms-nav-prev:before,
.ms-skin-default .ms-nav-next:before { display: none; } .pressStyle .homeIconsAlbum .albumDetailContainer:before, .pressStyle .homeIconsAlbum .albumDetailContainer:after { border-color: #666666; } .pressStyle .homeIconsAlbum .albumDetailContainer .albumDetailItemContainer:before, .pressStyle .homeIconsAlbum .albumDetailContainer .albumDetailItemContainer:after { border-color: #666666; } .customizedAlbum .albumDetailItemContainer { border: 1px solid #cccccc; padding: 3px; background: #f5f5f5; margin-bottom: 10px; padding: 10px; } .customizedAlbum .albumDetailItemContainer .albumDetailMediaTitle h3 { line-height: 25px !important; font-size: 15px; font-weight: bold; text-align: center; } .customizedAlbum .albumDetailItemContainer .albumDetailImage { padding: 0; background: none; } @media (min-width: 1200px) { .homeIconsAlbum .albumDetailContainer { padding-top: 2vw; padding-bottom: 1vw; } } @media (max-width: 1199px) { .homeIconsAlbum .albumDetailContainer { margin-bottom: 20px; } .homeSlider .br-next, .homeSlider .br-previous { transform: scale(0.7); } .homeSlider .br-next { right: 0; } .homeSlider .br-previous { left: 0; } } @media (max-width: 767px) { .homeSlider .br-next, .homeSlider .br-previous { transform: scale(0.5); } .homeSlider .br-next { right: 0; } .homeSlider .br-previous { left: 0; } .homeIconsAlbum { margin-top: 15px; margin-bottom: 15px; } .homeIconsAlbum .albumDetailContainer { padding-top: 0; padding-bottom: 0; } .homeIconsAlbum .albumDetailContainer .albumDetailItemContainer .albumDetailMedia img { padding: 5px; } .homeIconsAlbum .albumDetailContainer .albumDetailItemContainer .albumDetailWrapper { display: none; } .homeCounter { margin-top: 30px; } .homeCounter .panelImageContainer { width: 100px; height: 100px; } .homeCounter .panelImageContainer:before { width: 100px; height: 100px; } .homeCounter .panelImageContainer:after { top: -3px; right: -3px; bottom: -3px; left: -3px; } .homeCounter .countUpContainer { margin-top: 20px; } .homeCounter .countUpContainer .countUpTextContainer { font-size: 14px; } .homeCounter .countUpContainer .countUpCounterContainer { line-height: 28px; font-size: 14px; } .customizedAlbum .albumDetailItemContainer { display: table; margin: 0px auto 10px; max-width: 400px; } }

.articleListPage .articleList .articleInfoWrapper .articleListAbstract{text-align:justify}.articleDetail .imageBorder{padding:5px}.articleDetail .correctFloat{margin:0 0 5px 5px}.articleDetail .reverseFloat{margin:0 5px 5px 0}.articleDetailToolbox a{padding:0;display:inline-block;margin:0 2px;text-decoration:none;color:#5a6575;border-radius:0;width:18px;height:22px;text-align:center;background-color:transparent}.articleDetailToolbox a span{font-size:2rem !important}.articleDetailToolbox div{float:left}.articleDetail .abstract{padding-right:5px}.articleTickerBackground{background-color:transparent}.articleArrow{background:url('/Components/Article/Resources/Images/ArrowRTL.gif') no-repeat 0 0;width:4px;height:11px}a:link.articleTagLink,a:visited.articleTagLink,a:active.articleTagLink,.articleTagLink a:link,.articleTagLink a:visited,.articleTagLink a:active{font:normal normal 11px/18px SDF;text-decoration:none;color:#5a6575;text-indent:0}a:hover.articleTagLink,.articleTagLink a:hover{text-decoration:none;color:#ff9000;text-indent:0}.articleList .articleListImage{padding-right:5px;padding-left:5px}.articleList h2{font-size:1.4rem;margin-top:5px !important;margin-bottom:5px !important}.articleListSeparator{border-bottom:1px dashed #818080;padding:10px}.articleBreadcrumbWrapper ul.articleBreadcrumbList{margin:0;padding:0}.articleBreadcrumbWrapper ul.articleBreadcrumbList li{list-style:none;display:inline-block;float:right;position:relative}.articleBreadcrumbWrapper ul.articleBreadcrumbList li:before{content:attr(data-before);color:#cfcfcf;letter-spacing:.4px;font-size:13px;vertical-align:top;margin-left:5px;padding-right:5px;font-weight:400 !important}.articleBreadcrumbWrapper ul.articleBreadcrumbList li:first-child:before{display:none}.articleBreadcrumbWrapper ul.articleBreadcrumbList li a{color:#6a6a6a;font-size:1.2rem}.articleBreadcrumbWrapper ul.articleBreadcrumbList li .articleBreadcrumb{font-size:1.4rem}.articleScrollListItemsWrapper{overflow-y:scroll}.articleScrollListWrapper .next,.articleScrollListWrapper .previous{width:100%;height:18px;padding:0;margin:0;text-align:center;background-color:#f5f5f5}.articleScrollListWrapper .next:hover,.articleScrollListWrapper .previous:hover{cursor:pointer;background-position:center -18px;background-color:#868686;-webkit-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;transition:background-color 500ms linear}.articleRotator2Wrapper .articleItem .articleImageWrapper{margin:10px 0}.articleRotator2Wrapper .articleItem .articleImageWrapper img{margin:0 auto}.articleRotator2Wrapper .articleTitleWrapper{font-weight:bold;margin:2px}.articleRotator2Wrapper .articleDateWrapper{background-color:#add8e678;margin:2px auto 2px auto;border-radius:5px;width:fit-content;padding:2px 5px}.articleRotator2Wrapper .articleItem .articleThumbnailWrapper{height:100%;width:100%;background-repeat:no-repeat;background-size:cover;display:table}.articleRotator2Wrapper .articleItem .articleThumbnailWrapper .searchIconWrapper{display:table-cell;vertical-align:middle}.articleRotator2Wrapper .articleItem .articleThumbnailWrapper a.articleDetailLink{font-size:2.7rem;color:#ffffffcc;font-weight:100}.articleRotator2Wrapper .articleItem .articleThumbnailWrapper a.articleDetailLink span.glyphicon-search{border:solid 1px white;padding:12px;border-radius:50%;background:#ffffff0a}.articleRotator2Wrapper .articleItem .articleThumbnailWrapper a.articleDetailLink span.glyphicon-search:hover{background:#ffffff2e}.hideNormalScroll{overflow-y:hidden}.articleDetail .articleAuthor ul,.articleListPage .pnlAuthor ul{list-style:none;padding:0}.articleDetail .articleAuthor ul li,.articleDetail .articleAuthor,.articleListPage .pnlAuthor ul li{display:inline-block}.articleDetail .articleAuthor ul li{padding:0 1rem;background:#f7f7f7;border-radius:5px;margin:.4rem}.articleDetail .articleAuthor ul li img.imgAuthor{border-radius:50%;background:white}.articleListPage .pnlAuthor .pnlAuthorItem img{border-radius:50%;background:white;margin:auto;display:block}.articleListPage .pnlAuthor .pnlAuthorItem .authorAvatarWrapper{border-radius:50%;border:solid 2px #0000006e}.articleListPage .pnlAuthor .pnlAuthorItem{text-align:center;background:#8080801c;border-radius:5px;padding:.2rem .4rem;margin:0 .2rem;box-shadow:1px 3px 2px #00000075}.articleListPage .pnlAuthor .pnlAuthorItem .authorAvatarWrapper{box-shadow:1px 3px 2px #00000075}.articleDetailCustom .articleDetailToolbox{display:flex;flex-direction:row;justify-content:flex-end}.articleDetailCustom .articleDetailToolbox div{margin-right:6px}.articleDetailCustom .articleDetailToolbox .socialNetworkItemWrap a{padding:0;display:inline-block;margin:0 1px;text-decoration:none;color:#5a6575;border-radius:0;width:18px;height:22px;text-align:center;background-color:transparent}.articleDetailCustom .articleDetailToolbox .socialNetworkItemWrap a span{font-size:20px !important}.articleDetailCustom .articleDetails{border-radius:10px;background:#ebebeb;margin-top:6px;padding:23px 24px 16px 10px}.articleDetailCustom .articleDetails .articleDetailTitle{line-height:35px}.articleDetailCustom .articleDetails .articleDetailTitle label{font-weight:normal;font-size:15px;color:#707070;line-height:25px}.articleDetailCustom .articleDetails .articleDetailTitle span{font-weight:bold;font-size:20px;color:#777;padding-right:25px;line-height:34px}.articleDetailCustom .articleDetails .articleDetailAuthor{line-height:34px;display:inline-block}.articleDetailCustom .articleDetails .articleAuthor{display:initial;padding-right:4px}.articleDetailCustom .articleDetails .articleAuthor span{position:relative}.articleDetailCustom .articleDetails .articleAuthor span:after{content:"-";position:absolute;top:4px;left:-5px;transform:scale(1.3);color:#777}.articleDetailCustom .articleDetails .articleAuthor span:last-child:after{display:none}.articleDetailCustom .articleDetails .articleDetailAuthor label{font-weight:normal;font-size:15px;color:#707070;line-height:23px}.articleDetailCustom .articleDetails .articleDetailAuthor span{font-size:15px;color:#777;line-height:25px;padding-right:6px;padding-left:2px}.articleDetailCustom .articleDetails .articleDetailDate{line-height:34px}.articleDetailCustom .articleDetails .articleDetailDate label{font-weight:normal;font-size:15px;color:#707070;line-height:25px}.articleDetailCustom .articleDetails .articleDetailDate span{font-size:16px;color:#777;line-height:25px;padding-right:4px}.articleDetailCustom .articleDetails .articleDetailKeywords{text-align:left}.articleDetailCustom .articleDetails .articleDetailKeywords label{font-size:14px;color:#777;line-height:25px}.articleDetailCustom .articleDetails .articleDetailKeywords a:before{content:"-";position:absolute;top:2px;left:0;transform:scale(1.3);color:#777}.articleDetailCustom .articleDetails .articleDetailKeywords a:last-child:before{display:none}.articleDetailCustom .articleDetails .articleDetailKeywords a{font-size:14px;color:#777;text-decoration:none;position:relative;padding:0 5px 0 8px;line-height:25px;transition:all 400ms ease-in-out}.articleDetailCustom .articleDetails .articleDetailKeywords a:hover{color:#000}.articleDetailCustom .articleDetailInfoWrapper .articleDetailAbstract{border-radius:10px;background:#f9f9f9;border:1px solid #f1f1f1;margin-top:18px;padding:18px 22px 25px}.articleDetailCustom .articleDetailInfoWrapper .articleDetailAbstract p{font-size:13px;line-height:24px;text-align:right;color:#777}.articleDetailCustom .articleDetailInfoWrapper .articleDetailBody{margin-top:31px;font-size:13px;text-align:right;color:#000;line-height:22px}@media screen and (max-width:767px){.articleDetailCustom .articleDetails .articleAuthor{padding-right:0}.articleDetailCustom .articleDetails .articleDetailKeywords{text-align:right}.articleDetailCustom .articleDetails .articleDetailTitle span{padding-right:0}.articleDetailCustom .articleDetailInfoWrapper .articleDetailAbstract{padding:0 15px}.articleDetailCustom .articleDetails .articleDetailKeywords a{padding:0 0 0 8px}}

.productItem{margin-bottom:10px}.productItem .itemWrapper{box-shadow:0 0 2px 1px rgba(206,206,206,1);transition:all .1s ease-in-out;padding:10px}.productItem .itemWrapper:hover{box-shadow:0 0 4px 2px rgba(206,206,206,1)}.productColumns{border:1px solid #c6c6c6;border-radius:3px;text-align:center;background-color:#f7f7f7}.productSingleColumn:before{display:inline-block;font-family:'Glyphicons Halflings';content:'';font-size:16px;cursor:pointer;color:#6e6e6e;margin-left:2px}.productMultipleColumn:before{display:inline-block;font-family:'Glyphicons Halflings';content:'';font-size:16px;cursor:pointer;color:#6e6e6e}.productSingleColumn.selected:before,.productMultipleColumn.selected:before{font-size:18px;color:#3f3c47}.productListItems .productItem .itemWrapper{width:100%}.productListItems .productItem .itemWrapper:hover .compareCheckbox{opacity:1}.productListItems .productItem .compareCheckboxWrap{text-align:center;width:100%;margin-bottom:5px}.productListItems .productItem .compareCheckbox{margin:0}.productListItems .productItem .compareCheckbox label{padding:0}.productListItems .productItem .brandWrapper{position:absolute;left:5px;bottom:5px}.productListItems .productItem .itemInnertube{width:100%}.productListItems .productItem .productImagePreview{position:relative;display:table}.productListItems .productItem .productImagePreview .thumbnail{vertical-align:bottom;display:table-cell;border:0;padding:0;box-shadow:none}.productImagePreview .thumbnail a{width:100%;display:table;padding:5px;border:1px solid #c1c3ce;border-radius:4px;box-shadow:rgba(255,255,255,.278431) 0 1px 0 0 inset;position:relative;box-sizing:border-box}.productListItems .productItem .thumbnail a .newProductIcon{position:absolute;left:0;top:0}.productListItems .itemWrapper .productImagePreview{text-align:center;margin:0 auto}.productListItems .productItem .productImage{width:100% !important}.btn-AddToCart{white-space:normal;clear:both}.attributeList .dl-horizontal dt{white-space:normal !important}.comparePanel{position:fixed;left:0;right:0;bottom:0;width:100%;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);z-index:5555;display:none}.comparePanel:before{content:"";display:block;width:100%;height:40px;background:#fff;background:none,linear-gradient(to bottom,#fff 0,#f5f5f7 100%);border-bottom:1px solid #ccc;position:absolute;top:0;left:0;z-index:-1}.compareTitlebar{display:block;width:100%;height:40px;z-index:2;color:#252f47}.compareWrapper{padding:20px}.compareWrapper .compareItem{position:relative;min-width:150px;min-height:150px;float:right;padding:10px;overflow:hidden !important;text-align:center}.compareWrapper .compareItem:hover:after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #e0e0e8;border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.2);margin:0 5px}.compareWrapper .compareItem.blankItem:hover:after{display:none}.compareWrapper .compareItem.firstChild:before{display:none}.compareWrapper .compareItem .compareImage{text-align:center}.compareWrapper .compareItem img{max-width:100%}.compareWrapper .compareItem span{display:inline-block;width:86px;height:86px;padding:17px;border:2px dashed #b8bac6;border-radius:3px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;color:#000;text-align:center}.compareWrapper .compareItem .productInfo{background:linear-gradient(to left,#fff 0,#f7f7f7 50%,#f7f7f7 51%,#fff 100%)}.compareWrapper .compareItem .productInfo p{padding:5px}.compareWrapper .compareItem .compareDelete:before{content:"x";display:inline-block;position:absolute;top:10px;right:10px;text-align:center;background-color:#f1f1f1;border:1px solid #999;border-radius:2px;font-family:SDF;font-size:12px;line-height:12px;padding:0 4px 3px;cursor:pointer;z-index:3}#topbar{position:relative;display:block;padding-right:25px;line-height:37px}#topbar .openTopbar{display:inline-block}#topbar .openTopbar:before,#topbar .closeTopbar:before{font-family:"Glyphicons Halflings";content:'';position:absolute;display:block;right:0;top:10px;width:20px;height:20px;background-color:#f5f5f5;border-radius:10px;color:#111;border:1px solid #aaa;text-align:center;line-height:19px;font-size:8px;font-weight:bold}#topbar .closeTopbar:before{content:'';margin-left:8px}.compareSelected{opacity:.5}.productComparePage .table{border:1px solid #e0e0e8;background:#f7f7f9;color:#252f47}.productComparePage .tableTitle{color:#5d6678;text-align:right;font-weight:normal}.productFixed{position:fixed;background-color:#fff;top:0;left:0;right:0;margin:0 auto}.productComparePage .compareWrapper{padding:0;position:relative;box-shadow:0 12px 12px 0 hsla(0,0%,71%,.11);border:1px solid #e4e4e4}.compareWrapper .productInfo{text-align:center}.productComparePage .compareWrapper .productInfo a{color:#333;transition:all 400ms ease-in-out;font-size:1.6rem;display:block;text-align:center}.compareWrapper .productInfo span{color:#fb3449}.productFixed .compareWrapper{padding:15px}.productFixed .compareWrapper .compareItem .compareImage{position:static;float:right;width:30%;margin-left:10px}.productFixed .compareWrapper .compareItem .productInfo{position:static;margin-top:5px;font-size:.85em;text-align:right}.productComparePage .printBox{text-align:center;display:table;width:100%;margin-bottom:10px}.productComparePage .printBox a{clear:both;display:inline-block;background:#19b8db;color:#fff;padding:5px 10px;border-radius:10px;margin:0 auto;font-family:SDF}.productComparePage .printBox a:before{font-family:'Glyphicons Halflings'}.productComparePage a.btn-primary{color:#fff;width:120px}.productComparePage .backBox{margin-top:10px;text-align:center}.eXProductCompareItemWrapper:nth-child(2){border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8}.mobileShowSort{display:block}.mobileHiddenSort{display:none}.productListSortWrapper{background-color:#ececf0;border:1px solid #c1c3ce;border-radius:4px;box-shadow:rgba(255,255,255,.278431) 0 1px 0 0 inset;padding:5px 0 3px;box-sizing:content-box;margin:0 0 10px 0}.productListSortWrapper .form-group{margin-bottom:0;padding:0}.productHeading{margin-bottom:15px;box-shadow:0 12px 12px 0 hsla(0,0%,71%,.11);border:1px solid #e4e4e4;margin:0;padding:15px 0}.productHeading .imageHolder{position:relative;width:calc(100% - 60px);float:right;padding:15px 7px}.productHeading .imageHolder .newProductIcon{position:absolute;left:-3px;top:0}.productInnerWrap .newProductIcon{left:9px;top:40px}.attributeList{box-shadow:0 0 2px 1px rgba(206,206,206,1);transition:all .1s ease-in-out;box-sizing:content-box;padding:0}@media(max-width:767px){.productFilterWrapper{padding:50px 0 10px 10px}.attributeList .productDetailSpecification{padding:0 15px}.comparePanel .compareWrapper div[id$="pnlProductsCompareName"]{display:flex;flex-direction:column}}.productDetailSpecification .form-group{margin-bottom:0}.attributeList .productDetailCategoryTitle{font-size:1.4rem;border:1px solid #41a7b4;background:none;color:#0e545d;padding:5px 10px}.productInnerWrap .exproduct-tab-wrapper .attributeList .productDetailSpecification label{font-weight:normal}.productInnerWrap .exproduct-tab-wrapper .attributeList .productDetailSpecification p{font-weight:bold}.productHeading .discountPrice{color:#888}.productHeading .productPrice{white-space:nowrap}.productHeading .productPrice span{padding-left:5px}.productHeading .currentPrice{color:#252f47;padding-left:10px}.productHeading .currentPrice .discount{color:#888;padding-right:10px}.productHeading .singlePrice{font-size:1.3em;padding-top:5px}.productCarousel .carousel-control{width:4%}.productCarousel .carousel-control.left,.carousel-control.right{background-image:none}.productCarousel .carousel-inner>.next.left,.productCarousel .carousel-inner>.prev.right{left:0}@media(max-width:767px){.productCarousel .carousel-inner .active.left{left:-100%}.productCarousel .carousel-inner .next{left:100%}.productCarousel .carousel-inner .prev{left:-100%}.productCarousel .active>div{display:none}.productCarousel .active>div:first-child{display:block}}@media(min-width:767px) and (max-width:992px){.productCarousel .carousel-inner .active.left{left:-50%}.productCarousel .carousel-inner .next{left:50%}.productCarousel .carousel-inner .prev{left:-50%}.productCarousel .active>div{display:none}.productCarousel .active>div:first-child{display:block}.productCarousel .active>div:first-child+div{display:block}}@media(min-width:992px){.productCarousel .carousel-inner .active.left{left:-25%}.productCarousel .carousel-inner .next{left:25%}.productCarousel .carousel-inner .prev{left:-25%}}.productCarousel .item:not(.prev){visibility:visible}.productCarousel .item.right:not(.prev){visibility:hidden}.productCarousel .rightest{visibility:visible}.productCarousel .carousel-inner .thumbnail{height:180px;overflow:hidden;border:0;box-shadow:0 12px 12px -10px #c4c4c4;position:relative}.productCarousel .carousel-inner .thumbnail img{position:absolute;left:0;right:0;top:0;margin:auto}.productCarousel .carouselFloat{float:left}.productCarousel .carousel-control .icon-next,.productCarousel .carousel-control .icon-prev{background-color:#888;background-color:rgba(0,0,0,.8);border-radius:15px;line-height:.8}.productCarousel .carousel-control .icon-prev:before{margin-right:2px}.productCarousel .carousel-control .icon-next:before{margin-left:2px}.relatedRate{display:inline-block}.relatedRateCount{display:inline-block;vertical-align:top}.relatedRateCount span{line-height:24px}.productFileList .download{width:48px;height:48px;display:block;background:url('/Components/General/Resources/Images/Download.png') no-repeat 0 0}.productFileList .download:hover{background:url('/Components/General/Resources/Images/Download.png') no-repeat 0 -48px}.priceFilter .value{font-size:1em;color:#888;display:block;margin:15px 0}.priceFilter .noUi-connect{background:#e4ecfc;box-shadow:inset 0 0 3px rgba(212,217,228,.45)}.productImageZoom{position:relative;width:100%}.productImageZoom .productImage{max-width:100%}.productImageZoom .brandWrapper{position:absolute;left:4px;bottom:4px}.brandWrapperThumb{position:absolute;left:4px;bottom:4px}.brandWrapperThumb img{max-width:100%}.productRelatedDownload{font-size:2.5rem;color:#394263;line-height:15px}.productSearchConcurrentResult{background:#fff none repeat scroll 0 0;max-height:300px;overflow-y:auto;padding:5px;position:absolute;z-index:1001;width:100%;margin-top:1px;border-radius:4px;box-shadow:0 1px 4px #a5a5a5}.searchResultDescription::before{background:#eee none repeat scroll 0 0;background:linear-gradient(to left,#fff 0,#eee 30%,#eee 70%,#fff 100%);bottom:0;content:"";height:1px;position:absolute;right:10%;width:80%}.searchResultDescription{padding:5px;position:relative;text-align:right;border-bottom:1px dashed #cfcece}.searchResultDescription:before{display:none}.searchResultDescription .generalSearchBox a{border:none}.searchResultDescription>a{color:#8c908f !important;margin:0 !important;width:auto;height:auto;display:table;width:100%;padding:0;font-size:1.3rem;border-right:0}.searchResultDescription>a .searchResultPrice{font-weight:normal}.productSearchConcurrentLi{transition:background .4s}.productSearchConcurrentLi:hover{background:#eee}.searchResultDescription .searchResultImage{width:50px;margin:0 0 5px}.productSearchConcurrentContainer{position:relative}.extrasWrapper{float:right}.productItemSimple .newProductIcon{left:-7px;position:absolute;top:0}.productInnerWrap .productDetailTools{font-size:1.8rem;display:table;float:right}.compareCheckboxItem .compareCheckboxWrap{display:block;margin-left:10px;padding:10px 0;border:1px solid #e4e4e4;width:50px;height:50px;border-radius:8px;padding:10px;margin-bottom:10px;transition:all 300ms ease-in-out}.compareCheckboxItem .compareCheckboxWrap:hover{border:1px solid #dc2026;cursor:pointer}.productInnerWrap .productDetailTools .addedToCompareList .checkbox{color:#dc2026}.APDetailTools .addedToCompareList .productInnerWrap .productDetailTools:after{content:' ';clear:both}.productInnerWrap .productDetailTools a{color:#abafb9;transition:all 300ms ease-in-out;line-height:30px;font-size:2.6rem}.productInnerWrap .productDetailLike i.glyphicon.glyphicon-like{padding:0;top:-6px}.productInnerWrap .productDetailTools a:hover,.productInnerWrap .productDetailTools a.favorited{color:#dc2026}.productInnerWrap .productDetailAddToFavorites,.productInnerWrap .productDetailLike,.productInnerWrap .productDetailShare{display:block;margin-left:10px;padding:10px 0;border:1px solid #e4e4e4;width:50px;height:50px;border-radius:8px;padding:10px;margin-bottom:10px;transition:all 300ms ease-in-out}.productInnerWrap .productDetailAddToFavorites:hover,.productInnerWrap .productDetailLike:hover,.productInnerWrap .productDetailShare:hover{border:1px solid #dc2026;cursor:pointer}.productInnerWrap .productDetailAddToFavorites:hover a,.productInnerWrap .productDetailLike:hover a,.productInnerWrap .productDetailShare:hover .shareButton,.productInnerWrap .compareCheckboxItem:hover .checkbox{color:#dc2026}.productInnerWrap .productDetailLike .liked{color:#dc2026;font-size:2.6rem}.productInnerWrap .compareCheckboxItem .checkbox{background:none;border:none;color:#565656;transition:all 300ms ease-in-out;width:30px;height:30px;font-size:30px;line-height:30px;margin:0}.productInnerWrap .compareCheckboxItem .checkbox input{display:none}.productInnerWrap .productDetailAddToFavorites .favorited{color:#394263}.productDetailShare{position:relative}.productDetailShare .dropdown-menu{position:absolute;top:0;right:100%;min-width:250px;padding:10px;border:1px solid #e6e7e8;box-shadow:0 2px 2px #cacaca;margin-right:10px;margin-top:0}.productDetailShare .dropdown-menu:before{width:0;height:0;border-style:solid;border-width:4.5px 0 4.5px 9px;border-color:transparent transparent transparent #eee;content:"";right:-11px;position:absolute;top:10px;z-index:5}.productDetailShare .shareButton{background:none;border:none;color:#565656;transition:all 300ms ease-in-out;width:30px;height:30px;line-height:30px;font-size:30px;padding:0}.productDetailShare .productDetailShareTitle{border-bottom:1px solid #eee;display:block;padding-bottom:5px;font-size:1.2rem;text-align:center}.productDetailShare .socialNetworkItemWrap{display:table;margin:0 auto;padding-top:5px}.productDetailShare .socialNetworkItemWrap>a{color:#595f77;display:inline-block;margin:0 3px;font-size:1.4rem}.productListAddToFavorites{float:right}.productSymbolWrapper{float:right}.productSymbolWrapper .productSymbol{margin:5px 5px 0 0}.productItem .productListSymbol{display:table;float:left}.textWrapper h1{float:right}.productInnerWrap .productTitleAndSymbol{display:table;width:100%;border-bottom:1px solid #f2f2f2}.productInnerWrap .productTitleAndSymbol h1{margin:0;color:#000;font-size:2rem;font-weight:bold;margin-bottom:10px;padding-bottom:10px}.productInnerWrap .productDescCodeRate{border-bottom:1px solid #f2f2f2;padding-bottom:10px}.productInnerWrap .productDescCodeRate .productRate span{font-size:1.3rem;float:right;margin-left:10px;font-weight:bold}.productInnerWrap .productDesc{border-bottom:1px solid #f2f2f2;padding-bottom:10px;margin-top:10px;font-size:1.3rem;color:#cb750f;line-height:1.5 !important}.productInnerWrap .productRate{margin-top:10px;clear:both}.productInnerWrap .productRate .RadRating ul{padding:0}.productInnerWrap .productRate .RadRating ul li a span{margin:0;float:none}.productInnerWrap .productSymbolWrapper{float:right;margin-top:20px;margin-right:10px}.productInnerWrap .productDetailBriefInfo{clear:both}.productInnerWrap .productImageAndTools{border-left:solid 2px #f9f6f6}.headingWrapper .discountPrice,.productDetailBriefInfo .discountPrice{color:#acacac !important;line-height:27px}.headingWrapper .discountPriceWrapper{text-decoration:line-through !important;margin-left:13px}.ExProductPricePanel .currentPrice,.ExProductPricePanel .priceUnit{color:#fb3449;font-weight:bold;font-size:1.8rem}.ExProductPricePanel span.priceUnit{margin-left:6px}.ExProductPricePanel input[type="radio"]{position:absolute;opacity:0;visibility:hidden}.ExProductPricePanel label{display:flex;align-items:center;font-weight:bold;color:#000;padding-right:10px;cursor:pointer;transition:all .25s linear;position:relative;padding-right:30px}.ExProductPricePanel label:before{display:inline-block;content:"";height:20px;width:20px;border:5px solid #41a7b4;border-radius:50%;transition:all .25s linear;position:absolute;background:#fff;right:0}.radio input[type="radio"]:checked+label:before{background:#95e5ef;border:5px solid #00bfd6}.productInnerWrap .btn-AddToCart{padding:10px 15px 12px;border-radius:8px;background:#00bfd6 !important;border:1px solid #41a7b4;color:#fff !important;font-weight:900;transition:all .4s ease-in-out;margin-top:15px}.btn-AddToCart i{font-size:22px;margin-left:10px}.productDetailAlbumRotator{padding-top:5px}.filterCategoryHeader{font-size:medium;padding-left:0;padding-right:0}.filterCategoryWrraper{display:inline-block;width:100%;margin-bottom:2px}.buttonStyle>a{width:auto;margin:2px;display:table}.compareWrapper .compareItem .productCompareImageLink{z-index:10;position:relative}.compareWrapper .compareItem .productInfo{position:relative;z-index:11}.productCallForPrice .discountPrice{text-decoration:line-through;color:#acacac !important;line-height:27px;margin-left:13px}.alwaysAccordion{display:none !important}.sliderItemContainer .productSliderSymbolWrapper{padding:0}.sliderItemContainer .productSliderTitleWrapper{padding-right:0}.productInnerWrap .exproduct-tab-wrapper{margin-top:20px}.productInnerWrap .exproduct-tab-wrapper .ExProductTabs{border:1px solid #dfdfdf;right:0;width:100%;background:#eee}.productInnerWrap .exproduct-tab-wrapper .nav-tabs{padding:0;border-radius:0;background:none}.ExProductTabs .nav-tabs>li{float:right;border-left:1px solid #dfdfdf;position:relative;border-radius:0;margin:0;transition:all 400ms ease-in-out}.ExProductTabs .nav-tabs>li:before{position:absolute;content:"";top:0;width:0;height:2px;background:#41a7b4;right:0;left:0;display:table;margin:0 auto;transition:all 400ms ease-in-out;z-index:10}.ExProductTabs .nav-tabs>li:hover:before,.ExProductTabs .nav-tabs>li.active:before{width:100%}.ExProductTabs .nav-tabs>li a{border-radius:0;transition:all 400ms ease-in-out;border:none;background:none;padding:14px 20px;position:relative;color:#717171 !important;display:block;line-height:27px;font-weight:bold}.ExProductTabs .nav-tabs>li.active>a,.ExProductTabs .nav-tabs>li.active>a:hover,.ExProductTabs .nav-tabs>li.active>a:focus,.ExProductTabs .nav-tabs>li a:hover,.ExProductTabs .nav-tabs>li a:focus,.ExProductTabs .nav-tabs>li:hover,.ExProductTabs .nav-tabs>li:focus{border-right:none;border-top:none;border-bottom:none;background:#fff;box-shadow:none}.ExProductTabs .nav-tabs>li.active:after,.ExProductTabs .nav-tabs>li:after{display:none}.productInnerWrap .tab-content .tab-pane{box-shadow:none}.ExProductTabs .productByGroupTabItem i{font-size:20px}.productListItems .productTitle{font-weight:bold;margin:10px auto;text-align:center}.productListItems .productTitle a{color:#000;font-weight:bold;font-size:1.7rem}.productListItems .productCodePanel{text-align:center;font-weight:bold;margin-top:5px}.productFileList .panel-heading{border:1px solid #41a7b4;background:none;color:#0e545d;padding:5px 0}.productFileList .panel-heading ul{list-style:none;margin:0;display:table;width:100%;padding:0}.productFileList .panel-body{padding:15px 0}.productFileList .panel-body ul{list-style:none;margin:0;display:table;width:100%;padding:0}.exProductNewProductLabel{width:100%;float:right;color:#c39b57;padding:10px 15px;background-color:#ffeab7;margin-bottom:5px;font-weight:bold;position:relative;padding-right:35px}.exProductNewProductLabel:before{content:"";position:absolute;right:5px;top:5px;color:#c39b57;font-size:20px;font-family:'Glyphicons Halflings'}.inventoryWrap{float:right;width:100%}.inventory{color:#abafb9;font-weight:bold;border:1px solid #abafb9;border-radius:7px !important;padding:5px 10px;margin:10px 0 0;display:inline-block}.discountTag{display:inline-block;background-color:#f44336;padding:2px 6px;border-radius:21px;color:#fff;margin:0 7px}.comparePanel:before{content:"";display:block;width:100%;height:29px;background:#f35461;border-bottom:1px solid #ccc;position:absolute;top:0;left:0;z-index:-1}#topbar{position:relative;display:block;padding-right:25px;line-height:27px;color:#fff;font-weight:bold}#topbar .openTopbar:before,#topbar .closeTopbar:before{font-family:"Glyphicons Halflings";content:'';position:absolute;display:block;right:0;top:4px;width:20px;height:20px;background:none;border-radius:10px;color:#fff;border:1px solid #fff;text-align:center;line-height:19px;font-size:9px;font-weight:bold}#topbar .closeTopbar:before{content:'';margin-left:8px}.compareWrapper .btn-primary:disabled,.compareWrapper .btn-primary{background-color:#f35461;background-image:none;border-color:#f35461}.compareWrapper .compareItem.blankItem span a{color:#d2d2d2}.compareWrapper .compareItem.blankItem span a:before{position:absolute;content:"";font-family:'Glyphicons Halflings';color:#d2d2d2;font-size:28px;margin:0 auto;text-align:center;right:0;left:0;top:0}.compareWrapper .compareItem.blankItem span{display:inline-block;width:103px;height:86px;padding:44px 5px 10px;border:3px dashed #d2d2d2;border-radius:10px;position:absolute;top:0;bottom:0;left:0;right:0;font-weight:bold;margin:auto;font-size:14px;text-align:center}.compareWrapper .compareItem{position:relative;min-width:150px;min-height:125px;float:right;padding:10px 10px 0;overflow:hidden !important;text-align:center}.exProductCompareProducts h2{font-size:2rem;color:#000;margin-bottom:20px}.exProductCompareProducts h2 .glyphicon{color:#19b8db}.exProductCompareProducts h3{font-size:1.4rem;color:#000;background:#eaeaea;margin:0;padding:5px 15px}.productComparePage .exProductCompareProducts .item{border-color:#e8e8e8 !important;border-width:1px;border-style:solid;background-color:#fff;Height:40px;border-top:none}.productFixed #pcInnertube .compareWrapper{border-bottom:3px solid #19b8db;background-color:#fff;box-shadow:0 12px 12px 0 hsla(0,0%,71%,.45);padding:0 30px}.productFixed .compareButtons{display:none !important}.productListItems .productVisitCount{position:relative;text-align:center;display:table;margin:0 auto;padding-right:20px;color:#048214}.productListItems .productVisitCount:before{content:'';font-size:15px;font-family:'Glyphicons Halflings';right:0;top:0;position:absolute}.productListItems .productDesc{text-align:center}.productListItems .productRate{display:table;margin:10px auto 5px}.productListItems .productRate>span{float:right;font-weight:bold;margin-left:5px;margin-top:2px}.productListItems .productTags{text-align:center;margin:5px auto}.ExProductTabs .productByGroupTabItem i{font-size:20px}.exProductList .itemWrapper{box-shadow:0 0 2px 1px rgba(206,206,206,1);transition:all 400ms ease-in-out;padding:10px;width:100%;margin-bottom:10px}.ExProductTabs .productTabItem i{font-size:20px}.affix{top:0;z-index:9999}.ExProductTabs.affix{background:#eee}.ExProductTabs.affix .nav-tabs{margin-left:auto;margin-right:auto}.productInnerWrap .exProductOutOfStockLabel{width:100%;height:40px;position:relative;background-color:#fce9e8;margin-bottom:10px;padding:10px 35px;color:#f00;margin-top:5px;display:block;clear:both;float:right}.productInnerWrap .exProductOutOfStockLabel:before{content:'';font-family:"Glyphicons Halflings";padding:0 0 0 6px;font-weight:bold;font-size:26px;position:absolute;right:5px;top:0}.productSearchBoxWrapper .productSearchBoxForm .productSearchBoxInput a{width:30px;height:30px;padding:4px;background:#e7eefe;color:#291670;border:none;box-shadow:none;margin:2px;border-radius:20px}.productSearchBoxWrapper .productSearchBoxForm .productSearchBoxInput a:not([disabled]):not(.disabled):active{background:#e7eefe !important;box-shadow:none}.productSearchBoxWrapper .productSearchBoxForm .productSearchBoxInput a i{font-size:14px}.productSearchBoxWrapper .productSearchBoxForm input{background:none;border:none;box-shadow:none}.productSearchBoxWrapper .productSearchBoxForm .input-group{background:#fff;border:1px solid #ebebeb;transition:.15s ease-in;border-radius:20px}.productFilterWrapper .filterCategoryWrraper .accordion-caret.panel-default{border:1px solid #ebebeb;border-radius:4px;background-color:#fff;box-shadow:none;margin-bottom:5px}.productFilterWrapper .filterCategoryWrraper .filterCategoryHeader.panel-heading{padding:8px 10px;background:transparent;border-bottom:1px solid #ebebeb;font-size:1.4rem;box-shadow:none;font-weight:bold}.productFilterWrapper{background:#fff;border:1px solid #ececec;border-radius:4px;margin:0;padding:10px}.productFilterWrapper>.panel-group{margin-bottom:0}.filterAttributeItem{clear:both;display:inline-block;width:100%}.filterCategoryWrraper .panel-body{padding:15px 0}.filterCategoryWrraper .panel-body ul{padding:0 15px}.filterAttributeItem .filterCategoryItem{border:none}.filterAttributeItem>span{width:100%;display:inline-block;margin:0 0 10px 0;background:#fbfafa;padding:5px 10px}.filterCategoryWrraper .panel-heading.priceRangeHeading{background:none;border:none;font-size:1.3rem;padding-right:0;padding-left:0}.filterCategoryWrraper .panel-heading.priceRangeHeading .checkbox-inline{padding:0}.filterCategoryPrice .panel{background:none;border:none;box-shadow:none}.filterCategoryWrraper.filterCategoryPrice .panel-body{padding:15px 5px}.filterCategoryWrraper.filterCategoryPrice .panel-body a.btn{display:block;margin:0;padding:10px 0;border-radius:40px;box-shadow:none;font-size:1.4rem;font-weight:normal;line-height:1}.priceFilter .noUi-horizontal .noUi-handle{height:16px;width:16px;top:-7px;left:-8px;border:0;border-radius:50%;background:#e7eefe;box-shadow:0 3px 10px rgba(41,22,112,.2)}.productFilterWrapper .priceFilter .noUi-target{background:none;border-color:#4285f4;border-radius:2px;box-shadow:none;height:4px}.productFilterWrapper .priceFilter .noUi-connect{background-color:#4285f4;box-shadow:none;border:none}.priceFilter .noUi-handle:before,.priceFilter .noUi-handle:after{top:50%;left:50%;height:8px;width:8px;border-radius:8px;transform:translate(-50%,-50%);background:#4285f4}.productFilterWrapper .productSearchBoxShowAvailable .priceRangeHeading .checkbox-inline input,.productFilterWrapper .filterCategoryWrraper .panel-default .checkbox-list input{-webkit-appearance:none;background-color:#ebebeb;border:1px solid #ebebeb;vertical-align:middle;padding:8px;border-radius:2px;margin-top:0;display:inline-block;outline:none !important;position:relative;margin-left:5px}.productFilterWrapper .productSearchBoxShowAvailable .priceRangeHeading .checkbox-inline input:checked,.productFilterWrapper .filterCategoryWrraper .panel-default .checkbox-list input:checked{outline:none !important}.productFilterWrapper .productSearchBoxShowAvailable .priceRangeHeading .checkbox-inline input:active,.productFilterWrapper .filterCategoryWrraper .panel-default .checkbox-list input:active{border:none !important;outline:none !important}.productFilterWrapper .productSearchBoxShowAvailable .priceRangeHeading .checkbox-inline input:checked:after,.productFilterWrapper .filterCategoryWrraper .panel-default .checkbox-list input:checked::after{content:'';font-family:"Glyphicons Halflings";font-size:10px;position:absolute;top:3px;left:3px;color:#99a1a7}.productListItems .productItem .itemWrapper .exProductTools{position:absolute;bottom:-50px;left:0;right:0;height:50px;background:#f1f1f1;background:rgba(241,241,241,.8);zoom:1;background-color:transparent\9;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-transition:all .5s ease;transition:all .5s ease;z-index:5}.productListItems .productItem .compareCheckboxWrap{width:50%;float:right;transition:all .5s ease;padding:15px 10px;margin:0}.productListItems .productItem .addToFavorite{width:50%;float:right;transition:all .5s ease;height:100%}.productListItems .productItem .addToFavorite a{margin:0 auto;display:table;padding:15px}.productListItems .productItem .addToFavorite a.favorited{color:red}.productListItems .productItem .exProductTools .compareCheckboxWrap:hover,.productListItems .productItem .exProductTools .addToFavorite:hover{background:#2a3e55}.productListItems .productItem .exProductTools .compareCheckboxWrap:hover span{color:#fff}.productListItems .exProductImageAndTools{position:relative;overflow:hidden}.productListItems .productImagePreview{display:block;width:100%;height:auto;transition:all 500ms ease-in-out;min-height:150px}.productItem .itemWrapper:hover .exProductTools{bottom:0}.xzoom-preview{z-index:100}@media(min-width:768px){.ExProductTabs.affix .nav-tabs{width:750px}}@media(min-width:992px){.ExProductTabs.affix .nav-tabs{width:970px}}@media(min-width:1200px){.ExProductTabs.affix .nav-tabs{width:1170px}}.productRateItem{width:100%;display:block;height:16px;padding:5px}.productRateItem .gold{width:16px;height:16px;display:block;float:right}.productRateItem .gold:before{content:"";font-family:"Glyphicons Halflings";color:#daa520}.exproductSwitchBarWrapper .exproductSwitchBar ul.productBreadcrumbList{margin:0 0 10px;padding:0;display:table;width:100%}.exproductSwitchBarWrapper .exproductSwitchBar ul.productBreadcrumbList li{list-style:none;display:inline-block;float:right;position:relative;padding-left:20px}.exproductSwitchBarWrapper .exproductSwitchBar ul.productBreadcrumbList li:before{content:attr(data-before);color:#cfcfcf;letter-spacing:.4px;font-size:13px;vertical-align:top;margin-left:5px;padding-right:5px;font-weight:400 !important;position:absolute;left:3px;top:2px}.exproductSwitchBarWrapper .exproductSwitchBar ul.productBreadcrumbList li:last-child:before{display:none}.exproductSwitchBarWrapper .exproductSwitchBar ul.productBreadcrumbList li a{color:#6a6a6a;font-size:1.2rem}.exproductSwitchBarWrapper .exproductSwitchBar ul.productBreadcrumbList li .productBreadcrumb{font-size:1.2rem}.productHeading2{margin-bottom:15px;box-shadow:0 12px 12px 0 hsla(0,0%,71%,.11);border:1px solid #e4e4e4;margin:0;padding:15px 0}.productHeading2 .imageHolder{position:relative;width:calc(100% - 60px);float:right}.productHeading2 .imageHolder .newProductIcon{position:absolute;left:-3px;top:0}.productInnerWrap2 .newProductIcon{left:9px;top:40px}.productInnerWrap2 .productDetailTools{display:table;margin:10px auto 0}.productInnerWrap2 .productDetailTools>div{display:inline-block;float:right}.attributeList{box-shadow:0 0 2px 1px rgba(206,206,206,1);transition:all .1s ease-in-out;box-sizing:content-box;padding:0}@media(max-width:767px){.attributeList .productDetailSpecification{padding:0 15px}}.productDetailSpecification .form-group{margin-bottom:0}.attributeList .productDetailCategoryTitle{font-size:14px;border:1px solid #41a7b4;background:none;color:#0e545d;padding:5px 10px}.productInnerWrap2 .exproduct-tab-wrapper .attributeList .productDetailSpecification label{font-weight:normal}.productInnerWrap2 .exproduct-tab-wrapper .attributeList .productDetailSpecification p{font-weight:bold}.productHeading2 .discountPrice{color:#888;float:right;padding-left:5px}.productHeading2 .productPrice{white-space:nowrap}.productHeading2 .productPrice span{padding-left:5px}.productHeading2 .currentPrice{color:#252f47;padding-left:10px}.productHeading2 .currentPrice .discount{color:#888;padding-right:10px}.productHeading2 .singlePrice{font-size:1.3em;padding-top:5px}.productCarousel .carousel-control{width:4%}.productCarousel .carousel-control.left,.carousel-control.right{background-image:none}.productCarousel .carousel-inner>.next.left,.productCarousel .carousel-inner>.prev.right{left:0}@media(max-width:767px){.productCarousel .carousel-inner .active.left{left:-100%}.productCarousel .carousel-inner .next{left:100%}.productCarousel .carousel-inner .prev{left:-100%}.productCarousel .active>div{display:none}.productCarousel .active>div:first-child{display:block}}@media(min-width:767px) and (max-width:992px){.productCarousel .carousel-inner .active.left{left:-50%}.productCarousel .carousel-inner .next{left:50%}.productCarousel .carousel-inner .prev{left:-50%}.productCarousel .active>div{display:none}.productCarousel .active>div:first-child{display:block}.productCarousel .active>div:first-child+div{display:block}}@media(min-width:992px){.productCarousel .carousel-inner .active.left{left:-25%}.productCarousel .carousel-inner .next{left:25%}.productCarousel .carousel-inner .prev{left:-25%}}.productCarousel .item:not(.prev){visibility:visible}.productCarousel .item.right:not(.prev){visibility:hidden}.productCarousel .rightest{visibility:visible}.productCarousel .carousel-inner .thumbnail{height:180px;overflow:hidden;border:0;box-shadow:0 12px 12px -10px #c4c4c4;position:relative}.productCarousel .carousel-inner .thumbnail img{position:absolute;left:0;right:0;top:0;margin:auto}.productCarousel .carouselFloat{float:left}.productCarousel .carousel-control .icon-next,.productCarousel .carousel-control .icon-prev{background-color:#888;background-color:rgba(0,0,0,.8);border-radius:15px;line-height:.8}.productCarousel .carousel-control .icon-prev:before{margin-right:2px}.productCarousel .carousel-control .icon-next:before{margin-left:2px}.relatedRate{display:inline-block}.relatedRateCount{display:inline-block;vertical-align:top}.relatedRateCount span{line-height:24px}.productFileList .download{width:48px;height:48px;display:block;background:url('/Components/General/Resources/Images/Download.png') no-repeat 0 0}.productFileList .download:hover{background:url('/Components/General/Resources/Images/Download.png') no-repeat 0 -48px}.priceFilter .value{font-size:1em;color:#888;display:block;margin:15px 0}.priceFilter .noUi-connect{background:#e4ecfc;box-shadow:inset 0 0 3px rgba(212,217,228,.45)}.productImageZoom{position:relative;width:100%}.productImageZoom .productImage{max-width:100%}.productImageZoom .brandWrapper{position:absolute;left:4px;bottom:4px}.brandWrapperThumb{position:absolute;left:4px;bottom:4px}.brandWrapperThumb img{max-width:100%}.productRelatedDownload{font-size:25px;color:#394263;line-height:15px}.productSearchConcurrentResult{background:#fff none repeat scroll 0 0;max-height:300px;overflow-y:auto;padding:5px;position:absolute;z-index:1001;width:100%;margin-top:1px;border-radius:4px;box-shadow:0 1px 4px #a5a5a5}.searchResultDescription::before{background:#eee none repeat scroll 0 0;background:linear-gradient(to left,#fff 0,#eee 30%,#eee 70%,#fff 100%);bottom:0;content:"";height:1px;position:absolute;right:10%;width:80%}.searchResultDescription{padding:5px;position:relative;text-align:right;border-bottom:1px dashed #cfcece}.searchResultDescription:before{display:none}.searchResultDescription .generalSearchBox a{border:none}.searchResultDescription>a{color:#1f614d !important;margin:0 !important;width:auto;height:auto;display:table;width:100%;padding:0;font-size:13px;border-right:0}.productSearchConcurrentLi{transition:background .4s}.productSearchConcurrentLi:hover{background:#eee}.searchResultDescription .searchResultImage{width:50px;margin:0 0 5px}.productSearchConcurrentContainer{position:relative}.extrasWrapper{float:right}.productItemSimple .newProductIcon{left:-7px;position:absolute;top:0}.productInnerWrap2 .productDetailTools{font-size:18px}.compareCheckboxItem .compareCheckboxWrap{display:block;margin-left:10px;padding:10px 0;border:1px solid #e4e4e4;width:50px;height:50px;border-radius:8px;padding:10px;margin-bottom:10px;transition:all 300ms ease-in-out}.compareCheckboxItem .compareCheckboxWrap:hover{border:1px solid #dc2026;cursor:pointer}.productInnerWrap2 .productDetailTools .addedToCompareList .checkbox{color:#dc2026}.APDetailTools .addedToCompareList .productInnerWrap2 .productDetailTools:after{content:' ';clear:both}.productInnerWrap2 .productDetailTools a{color:#abafb9;transition:all 300ms ease-in-out;line-height:30px;font-size:26px}.productInnerWrap2 .productDetailLike i.glyphicon.glyphicon-like{padding:0;top:-6px}.productInnerWrap2 .productDetailExtraTools .returnGuarantee,.productInnerWrap2 .productDetailExtraTools .cod,.productInnerWrap2 .productDetailExtraTools .originalityGuarantee,.productInnerWrap2 .productDetailExtraTools .postAllLocations,.productInnerWrap2 .productDetailExtraTools .callForAdvice{padding:10px;width:250px !important}.productInnerWrap2 .productDetailTools a:hover,.productInnerWrap2 .productDetailTools a.favorited{color:#dc2026}.productInnerWrap2 .productDetailAddToFavorites,.productInnerWrap2 .productDetailLike,.productInnerWrap2 .productDetailShare{display:block;margin-left:10px;padding:10px 0;border:1px solid #e4e4e4;width:50px;height:50px;border-radius:8px;padding:10px;margin-bottom:10px;transition:all 300ms ease-in-out}.productInnerWrap2 .productDetailAddToFavorites:hover,.productInnerWrap2 .productDetailLike:hover,.productInnerWrap2 .productDetailShare:hover{border:1px solid #dc2026;cursor:pointer}.productInnerWrap2 .productDetailAddToFavorites:hover a,.productInnerWrap2 .productDetailLike:hover a,.productInnerWrap2 .productDetailShare:hover .shareButton,.productInnerWrap2 .compareCheckboxItem:hover .checkbox{color:#dc2026}.productInnerWrap2 .productDetailLike .liked{color:#dc2026;font-size:26px}.productInnerWrap2 .compareCheckboxItem .checkbox{background:none;border:none;color:#565656;transition:all 300ms ease-in-out;width:30px;height:30px;font-size:30px;line-height:30px;margin:0}.productInnerWrap2 .compareCheckboxItem .checkbox input{display:none}.productInnerWrap2 .productDetailAddToFavorites .favorited{color:#394263}.productDetailShare{position:relative}.productDetailShare .dropdown-menu{position:absolute;top:0;right:100%;min-width:250px;padding:10px;border:1px solid #e6e7e8;box-shadow:0 2px 2px #cacaca;margin-right:10px;margin-top:0}.productDetailShare .dropdown-menu:before{width:0;height:0;border-style:solid;border-width:4.5px 0 4.5px 9px;border-color:transparent transparent transparent #eee;content:"";right:-11px;position:absolute;top:10px;z-index:5}.productDetailShare .shareButton{background:none;border:none;color:#565656;transition:all 300ms ease-in-out;width:30px;height:30px;line-height:30px;font-size:30px;padding:0}.productDetailShare .productDetailShareTitle{border-bottom:1px solid #eee;display:block;padding-bottom:5px;font-size:12px;text-align:center}.productDetailShare .socialNetworkItemWrap{display:table;margin:0 auto;padding-top:5px}.productDetailShare .socialNetworkItemWrap>a{color:#595f77;display:inline-block;margin:0 3px;font-size:14px}.productListAddToFavorites{float:right}.productSymbolWrapper{float:right}.productSymbolWrapper .productSymbol{margin:5px 5px 0 0}.productItem .productListSymbol{display:table;float:left}.textWrapper h1{float:right}.productInnerWrap2 .productTitleAndSymbol{display:table;width:100%;border-bottom:1px solid #f2f2f2}.productInnerWrap2 .productTitleAndSymbol h1{margin:0;color:#000;font-size:20px;font-weight:bold;margin-bottom:10px;padding-bottom:10px}.productInnerWrap2 .productDescCodeRate{border-bottom:1px solid #f2f2f2;padding-bottom:10px}.productInnerWrap2 .productDescCodeRate .productRate span{font-size:13px;float:right;margin-left:10px;font-weight:bold}.productInnerWrap2 .productDesc{border-bottom:1px solid #f2f2f2;padding-bottom:10px;margin-top:10px;font-size:13px;color:#cb750f;line-height:1.5 !important}.productInnerWrap2 .productRate{margin-top:10px;clear:both}.productInnerWrap2 .productRate .RadRating ul{padding:0}.productInnerWrap2 .productRate .RadRating ul li a span{margin:0;float:none}.productInnerWrap2 .productSymbolWrapper{float:right;margin-top:20px;margin-right:10px}.productInnerWrap2 .productDetailBriefInfo{clear:both}.productInnerWrap2 .productImageAndTools{border-left:solid 2px #f9f6f6}.productHeading2 .discountPrice,.productDetailBriefInfo .discountPrice{text-decoration:line-through;color:#acacac !important;line-height:27px;margin-left:13px}.ExProductPricePanel .currentPrice,.ExProductPricePanel .priceUnit{color:#fb3449;font-weight:bold;font-size:18px}.ExProductPricePanel span.priceUnit{margin-left:6px}.ExProductPricePanel input[type="radio"]{position:absolute;opacity:0;visibility:hidden}.ExProductPricePanel label{display:flex;align-items:center;font-weight:bold;color:#000;padding-right:10px;cursor:pointer;transition:all .25s linear;position:relative;padding-right:30px}.ExProductPricePanel label:before{display:inline-block;content:"";height:20px;width:20px;border:5px solid #41a7b4;border-radius:50%;transition:all .25s linear;position:absolute;background:#fff;right:0}.radio input[type="radio"]:checked+label:before{background:#95e5ef;border:5px solid #00bfd6}.productInnerWrap2 .btn-AddToCart{padding:10px 15px 12px;border-radius:8px;background:#00bfd6 !important;border:1px solid #41a7b4;color:#fff !important;font-weight:900;transition:all .4s ease-in-out;margin-top:15px}.btn-AddToCart i{font-size:22px;margin-left:10px}.productDetailAlbumRotator{padding-top:5px}.filterCategoryHeader{font-size:medium;padding-left:0;padding-right:0}.filterCategoryWrraper{display:inline-block;width:100%;margin-bottom:2px}.buttonStyle>a{width:auto;margin:2px;display:table}.compareWrapper .compareItem .productCompareImageLink{z-index:10;position:relative}.compareWrapper .compareItem .productInfo{position:relative;z-index:11}.productCallForPrice .discountPrice{text-decoration:line-through;color:#acacac !important;line-height:27px;margin-left:13px}.alwaysAccordion{display:none !important}.sliderItemContainer .productSliderSymbolWrapper{padding:0}.sliderItemContainer .productSliderTitleWrapper{padding-right:0}.productInnerWrap2 .exproduct-tab-wrapper{margin-top:20px}.productInnerWrap2 .exproduct-tab-wrapper .ExProductTabs2{border:1px solid #dfdfdf;right:0;width:100%;background:#eee}.productInnerWrap2 .exproduct-tab-wrapper .nav-tabs{padding:0;border-radius:0;background:none}.ExProductTabs2 .nav-tabs>li{float:right;border-left:1px solid #dfdfdf;position:relative;border-radius:0;margin:0;transition:all 400ms ease-in-out}.ExProductTabs2 .nav-tabs>li:before{position:absolute;content:"";top:0;width:0;height:2px;background:#41a7b4;right:0;left:0;display:table;margin:0 auto;transition:all 400ms ease-in-out;z-index:10}.ExProductTabs2 .nav-tabs>li:hover:before,.ExProductTabs2 .nav-tabs>li.active:before{width:100%}.ExProductTabs2 .nav-tabs>li a{border-radius:0;transition:all 400ms ease-in-out;border:none;background:none;padding:14px 20px;position:relative;color:#717171 !important;display:block;line-height:27px;font-weight:bold}.ExProductTabs2 .nav-tabs>li.active>a,.ExProductTabs2 .nav-tabs>li.active>a:hover,.ExProductTabs2 .nav-tabs>li.active>a:focus,.ExProductTabs2 .nav-tabs>li a:hover,.ExProductTabs2 .nav-tabs>li a:focus,.ExProductTabs2 .nav-tabs>li:hover,.ExProductTabs2 .nav-tabs>li:focus{border-right:none;border-top:none;border-bottom:none;background:#fff;box-shadow:none}.ExProductTabs2 .nav-tabs>li.active:after,.ExProductTabs2 .nav-tabs>li:after{display:none}.productInnerWrap2 .tab-content .tab-pane{box-shadow:none}.ExProductTabs2 .productByGroupTabItem i{font-size:20px}.productListItems .productTitle{font-weight:bold;margin:10px auto;text-align:center}.productListItems .addToFavorite a{font-size:26px;color:#8c8c8c}.productListItems .addToFavorite a.favorited{color:#f44336}.productListItems .productTitle a{color:#000;font-weight:bold;font-size:1.7rem}.productFileList .panel-heading{border:1px solid #41a7b4;background:none;color:#0e545d;padding:5px 0}.productFileList .panel-heading ul{list-style:none;margin:0;display:table;width:100%;padding:0}.productFileList .panel-body{padding:15px 0}.productFileList .panel-body ul{list-style:none;margin:0;display:table;width:100%;padding:0}.exProductNewProductLabel{width:100%;float:right;color:#c39b57;padding:10px 15px;background-color:#ffeab7;margin-bottom:5px;font-weight:bold;position:relative;padding-right:35px}.exProductNewProductLabel:before{content:"";position:absolute;right:5px;top:5px;color:#c39b57;font-size:20px;font-family:'Glyphicons Halflings'}.inventoryWrap{float:right;width:100%}.inventory{color:#abafb9;font-weight:bold;border:1px solid #abafb9;border-radius:7px !important;padding:5px 10px;margin:10px 0 0;display:inline-block}.discountTag{display:inline-block;background-color:#f44336;padding:2px 6px;border-radius:21px;color:#fff;margin:0 7px}.comparePanel:before{content:"";display:block;width:100%;height:29px;background:#f35461;border-bottom:1px solid #ccc;position:absolute;top:0;left:0;z-index:-1}#topbar{position:relative;display:block;padding-right:25px;line-height:27px;color:#fff;font-weight:bold}#topbar .openTopbar:before,#topbar .closeTopbar:before{font-family:"Glyphicons Halflings";content:'';position:absolute;display:block;right:0;top:4px;width:20px;height:20px;background:none;border-radius:10px;color:#fff;border:1px solid #fff;text-align:center;line-height:19px;font-size:9px;font-weight:bold}#topbar .closeTopbar:before{content:'';margin-left:8px}.compareWrapper .btn-primary:disabled,.compareWrapper .btn-primary{background-color:#f35461;background-image:none;border-color:#f35461}.compareWrapper .compareItem.blankItem span a{color:#d2d2d2}.compareWrapper .compareItem.blankItem span a:before{position:absolute;content:"";font-family:'Glyphicons Halflings';color:#d2d2d2;font-size:28px;margin:0 auto;text-align:center;right:0;left:0;top:0}.compareWrapper .compareItem.blankItem span{display:inline-block;width:103px;height:86px;padding:44px 5px 10px;border:3px dashed #d2d2d2;border-radius:10px;position:absolute;top:0;bottom:0;left:0;right:0;font-weight:bold;margin:auto;font-size:14px;text-align:center}.compareWrapper .compareItem{position:relative;min-width:150px;min-height:125px;float:right;padding:10px 10px 0;overflow:hidden !important;text-align:center}.exProductCompareProducts h2{font-size:20px;color:#000;margin-bottom:20px}.exProductCompareProducts h2 .glyphicon{color:#19b8db}.exProductCompareProducts h3{font-size:14px;color:#000;background:#eaeaea;margin:0;padding:5px 15px}.productComparePage .exProductCompareProducts .item{border-color:#e8e8e8 !important;border-width:1px;border-style:solid;background-color:#fff;Height:40px;border-top:none}.productFixed #pcInnertube .compareWrapper{border-bottom:3px solid #19b8db;background-color:#fff;box-shadow:0 12px 12px 0 hsla(0,0%,71%,.45);padding:0 30px}.productFixed .compareButtons{display:none !important}.productListItems .productVisitCount{position:relative;text-align:center;display:table;margin:0 auto;padding-right:20px;color:#048214}.productListItems .productVisitCount:before{content:'';font-size:15px;font-family:'Glyphicons Halflings';right:0;top:0;position:absolute}.productListItems .productDesc{text-align:center}.productListItems .productRate{display:table;margin:10px auto 5px}.productListItems .productRate>span{float:right;font-weight:bold;margin-left:5px;margin-top:2px}.productListItems .productTags{text-align:center;margin:5px auto}.productListItems .addtoCartWrapper{margin:10px auto;display:table;padding:5px 10px;border-radius:5px;background:none;transition:all .35s ease-in-out;text-align:center}.productListItems .addtoCartWrapper:hover{background:none}.productListItems .addtoCartWrapper .buyPanel a{color:#fff}.productListItems .addtoCartWrapper .buyPanel a .glyphicon:before{content:"";padding-right:5px}.ExProductTabs2 .productByGroupTabItem i{font-size:20px}.exProductList .itemWrapper{box-shadow:0 0 2px 1px rgba(206,206,206,1);transition:all 400ms ease-in-out;padding:10px;width:100%;margin-bottom:10px}.ExProductTabs2 .productTabItem i{font-size:20px}.affix{top:0;z-index:9999}.ExProductTabs2.affix{background:#eee}.ExProductTabs2.affix .nav-tabs{margin-left:auto;margin-right:auto}.productInnerWrap2 .exProductOutOfStockLabel{width:100%;height:40px;position:relative;background-color:#fce9e8;margin-bottom:10px;padding:10px 35px;color:#f00;margin-top:5px;display:block;clear:both;float:right}.productInnerWrap2 .exProductOutOfStockLabel:before{content:'';font-family:"Glyphicons Halflings";padding:0 0 0 6px;font-weight:bold;font-size:26px;position:absolute;right:5px;top:0}.productVerticalTabSlider .productVerticalTabSliderWrapper .ms-tabs-vertical-template .master-slider .ms-slide{background-color:#fff}.productVerticalTabSlider .productVerticalTabSliderWrapper .ms-tabs-vertical-template .master-slider .ms-slide img{max-width:100%}.productVerticalTabSlider .productVerticalTabSliderWrapper .ms-tabs-vertical-template .master-slider *{box-sizing:border-box}.productVerticalTabSlider .productTitleWrapper a{font-weight:bold;font-size:2.2rem;font-family:"SDF Subsidiary";color:#000}.productVerticalTabSlider .briefDescription a{font-weight:bold;font-size:1.6rem;font-family:"SDF Subsidiary";color:#000}.productVerticalTabSlider .productTitleWrapper,.productVerticalTabSlider .briefDescription{margin-bottom:10px}.productVerticalTabSlider .discountPrice{display:none}.productVerticalTabSlider .ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{opacity:1;border-right-color:#fdc33b}.productVerticalTabSlider .ms-tabs .ms-thumb-frame-selected{background:#fdc33b}.productVerticalTabSlider .ms-tabs .ms-thumb{padding:0}.productVerticalTabSlider .ms-tabs .ms-thumb-frame{font-weight:bold;text-shadow:none !important;font-size:13px;border-top-right-radius:5px;border-bottom-right-radius:5px;padding:14px 10px 0 0}.productVerticalTabSlider .ms-align-left .ms-thumb-frame{border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0}.productVerticalTabSlider .productPriceWrapper .mainPrice{font-size:2.4rem;color:#32973e;font-weight:bold;font-family:"SDF Subsidiary"}.productVerticalTabSlider .productPriceWrapper{padding-bottom:15px}.productVerticalTabSlider .productPriceWrapper .discountTag{display:inline-block;background-color:#32973e;padding:2px 6px;border-radius:21px;color:#fff;margin:0 7px}.productVerticalTabSlider .btn-AddToCart{display:inline-block;background-color:#fdc33b;padding:2px 6px;border-radius:21px;color:#000;margin:0;padding:5px 15px 5px 5px}.productVerticalTabSlider .btn-AddToCart span:after{content:"";font-size:18px;border-left:solid 1px #555;margin:0 10px 0 5px}.productVerticalTabSlider .btn-AddToCart .glyphicon-cart{color:#fc5802}.productVerticalTabSlider .productItemWrapper{padding-right:10px}.productVerticalTabSlider .attributeListWrapper{overflow:hidden;max-height:300px}.productVerticalTabSlider .ms-thumbs-cont{position:relative;top:0 !important}@media(min-width:768px){.productVerticalTabSlider .productBriefDescriptionWrapper .mobileTitle{display:none}}@media(max-width:767px){.productVerticalTabSlider .attributeListWrapper{display:none}.productVerticalTabSlider .productBriefDescriptionWrapper .briefDescription{display:none}.productVerticalTabSlider .productBriefDescriptionWrapper .mobileTitle{display:block}.productVerticalTabSlider .productItemWrapper{padding-right:0}.productVerticalTabSlider .productItemWrapper img{display:none}.productVerticalTabSlider .productItemWrapper .productOutOfStockWrapper{display:none}}.productVerticalTabSlider .ms-tabs.ms-dir-v .ms-thumb-frame{border-bottom:none !important}.productVerticalTabSlider .ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol{top:0;left:-12px;margin-top:0;border-right:solid 12px #ededed;border-top:solid 25px transparent;border-bottom:solid 25px transparent}.productVerticalTabSlider .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol{border-left:solid 12px #fdc33b;right:-12px;border-right:0;left:auto}.productVerticalTabSlider .ms-view{background:none !important}.productVerticalTabSlider .ms-skin-default .ms-nav-next{right:0}.productVerticalTabSlider .ms-skin-default .ms-nav-prev{left:0}.productVerticalTabSlider .productTitleWrapper a{font-size:20px;font-weight:bold;color:#000}@media(max-width:900px){.productVerticalTabSlider .buyPanel .btn span{display:none}}.lightSliderWrapper{padding:0;display:inline-block;width:100%}.lightSliderWrapper .productSliderItemes{padding:0}.lightSliderWrapper .productSliderItemes .productSliderItemWrapper{display:inline-block;list-style:none;text-align:center;padding:15px;position:relative}.lightSliderWrapper .productSliderItemes .productSliderItemWrapper:after{content:"";width:0;height:83%;background-color:#aaa;position:absolute;left:0;top:0}.lightSliderWrapper .productSliderItemes .itemInnertube .productSliderInformationWrapper ul{padding:0;list-style:none;width:30px}.lightSliderWrapper .productSliderItemes .itemInnertube .productImagePreview{text-align:center;margin:0 auto;border-radius:5px;transition:all 400ms ease-in-out;width:calc(100% - 50px)}.lightSliderWrapper .productSliderItemes .itemInnertube .productImagePreview a img{margin:0 auto}.lightSliderWrapper .productSliderItemes .productSliderInformationWrapper .productTitle a{color:#5c5c5c;font-weight:bold;transition:all 400ms ease-in-out;cursor:pointer;font-size:1.6rem}.lightSliderWrapper .productSliderItemes .productSliderInformationWrapper .productCallForPrice{color:#5c5c5c;transition:all 400ms ease-in-out;cursor:pointer;margin-top:15px}.lightSliderWrapper .addtoCartWrapper{clear:both}.lightSliderWrapper .addtoCartWrapper a{background:#ef394e;border-radius:8px;border:none;margin:5px 0;transition:all 400ms ease-in-out}.lightSliderWrapper .addtoCartWrapper a:hover{background:#f1273f}.productSliderInformationWrapper ul>li .glyphicon{transition:all 200ms ease-in-out}.lightSliderWrapper .productSliderItemes .productSliderItemWrapper .productSliderBrand .productBrandWrapper>img{border-width:0;margin:5px auto;width:50%}.moreProductsWrapper{display:table;float:left;width:100%}.moreProductsWrapper .moreProducts{display:inline-block;float:left;padding:2px 15px;border-radius:5px;background:#1f74fe;color:#fff;transition:all 400ms ease-in-out;margin-bottom:10px}.productPriceList{border-radius:0;border-width:0}.productPriceList .headerWrapper{display:flex;flex-wrap:wrap;align-items:center;flex-direction:row-reverse;justify-content:space-between}.productPriceList .headerWrapper .reverseAlign input{margin:5px 0;width:auto;padding:8px 20px}.productPriceList .headerWrapper .date span{font-weight:bold;margin-left:15px}.productPriceList .headerWrapper .date .reverseFloat span{color:gray}.productPriceList .panel-body{padding:0;margin:0;border:0}.productPriceList .panel-heading{background:#efefef;padding:10px 15px;font-size:14px;font-weight:bold;text-align:center;color:#606060;border-radius:0;border:1px solid #d2d2d2}.productPriceList .panel-titles{display:flex}.productPriceList .panel-titles .head-title{border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:10px 15px;font-size:13px;font-weight:bold;color:#606060}.productPriceList .panel-titles .head-title:last-child{border-left:1px solid #d2d2d2}.productPriceList .product-item{clear:both;display:flex;flex-wrap:wrap}.productPriceList .product-item>div{border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;display:flex;align-items:center;justify-content:center;padding:5px}.productPriceList .product-item div:last-child{border-left:1px solid #d2d2d2}.productPriceList .product-item .id{justify-content:center}.productPriceList .product-item .id a{color:#707070}.productPriceList .product-item .detail{display:flex;flex-flow:column;align-items:flex-start}.productPriceList .product-item .date{color:#c6c6c6;font-size:1.1rem;font-weight:bold;padding-top:15px}.productPriceList .product-item .price{justify-content:center;font-weight:bold;color:#707070;font-size:1.4rem}.productPriceList .product-item .price .discountPrice{text-decoration:line-through !important}.productPriceList .pagerWrapper .reverseAlign .btn-default{margin:0;padding:5px 10px 9px;background:#2bbbad !important}.brandsListWrapper .itemWrapper{box-shadow:0 0 2px 1px rgba(206,206,206,1);transition:all 400ms ease-in-out;padding:10px;width:100%;margin-bottom:10px}.brandsListWrapper .itemWrapper .brandImage{box-shadow:0 0 2px 1px rgba(206,206,206,1);transition:all 400ms ease-in-out;padding:10px;width:100%;margin-bottom:10px}.brandsListWrapper .itemWrapper .brandImage{box-shadow:0 0 2px 1px rgba(206,206,206,1);transition:all 400ms ease-in-out;padding:10px;width:100%;margin-bottom:10px}@media(max-width:991px){.exProductTools{bottom:0 !important}}@media(max-width:991px){.hiddenOverflow{overflow:hidden}.mobileButtonsFilterSort{display:flex;margin-bottom:8px}.mobileButtonsFilterSort .mobileFilter{cursor:pointer;margin-left:18px}.mobileButtonsFilterSort .mobileFilter span{font-size:16px;padding-right:12px}.mobileButtonsFilterSort .mobileFilter i:before{content:"";font-family:'Glyphicons Halflings';font-size:16px;color:#000}.mobileButtonsFilterSort .mobileSort{cursor:pointer}.mobileButtonsFilterSort .mobileSort span{font-size:16px;padding-right:4px}.mobileButtonsFilterSort .mobileSort i:before{content:"";font-family:'Glyphicons Halflings';font-size:16px;color:#000}.showSortProductMobile{display:block !important;position:fixed;height:100%;width:100%;top:0;right:0;left:0;z-index:10000}.showSortProductMobile{background:#fff;border:none;padding-top:32px}.hideSortProductMobile{display:none !important}.productList .productListSortWrapper label.sortOrderCaption{width:100%;z-index:10000;cursor:pointer;text-align:right}.productList .productListSortWrapper{display:none}.productListSortWrapper:before{content:"";font-family:'Glyphicons Halflings';font-size:16px;color:#000;z-index:1000;cursor:pointer;left:20px;position:absolute;top:26px;font-size:24px}.filterProductMobile{display:none}.filterProductMobile:before{content:"";font-family:'Glyphicons Halflings';color:#000;z-index:10;cursor:pointer;left:10px;position:absolute;top:11px;font-size:20px}.showFilterProductMobile{display:block !important;position:fixed;height:100%;width:100%;top:0;right:0;left:0;z-index:10000;padding:60px 10px 0 10px;background:#fff;overflow-y:scroll;overflow-x:hidden}.closeIconTab{position:relative}.closeIconTab:before{position:absolute;top:-55px;right:auto;left:15px;z-index:2;content:"";font-family:"Glyphicons Halflings";font-size:32px;font-weight:bold;color:#073d75;cursor:pointer}.filterProductMobile .panel,.filterProductMobile .panel-heading{background:none}.filterProductMobile .panel-heading{width:100%;z-index:10000;cursor:pointer;position:relative}.filterProductMobile .panel-body{padding:10px 0 0}.filterProductMobile{border:none;height:100vh;overflow-y:scroll;padding-left:0}.filterProductMobile .panel-heading .box-title{color:#000;width:100%}}
.homeProduct{padding-top:20px}.homeProduct .productSliderContainerWrapper{padding:0}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper{padding:0}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper{padding:20px;margin:10px !important;box-shadow:0 0 8.28px .72px rgba(0,0,0,.09);position:relative}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper:before{content:'';position:absolute;top:0;right:0;z-index:1;width:0;height:100%;background:#feba02;opacity:.8;transition:all ease-in-out .3s}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper:after{content:'';position:absolute;bottom:0;left:0;z-index:1;width:0;height:100%;background:#feba02;opacity:.8;transition:all ease-in-out .3s}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper:hover:before,.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper:hover:after{width:100%}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper .productImagePreview{width:100% !important;z-index:2;position:relative}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper .productImagePreview .thumbnail{padding:0;border-radius:0;border:0}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper .productImagePreview .thumbnail a{padding:0;border-radius:0;border:0}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper .productImagePreview .thumbnail a img{width:100%}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper .productTitle{margin-top:20px;z-index:2;position:relative}.homeProduct .productSliderContainerWrapper .productSliderItemWrapper .itemWrapper .productTitle a{font-size:14px;font-weight:normal;color:#333}.homeProduct .productSliderContainerWrapper .lSAction>a{width:60px;height:60px;opacity:1 !important;background-color:transparent;background-size:cover;top:43%}.homeProduct .productSliderContainerWrapper .lSAction>a:before{display:none}.homeProduct .productSliderContainerWrapper .lSAction>.lSPrev{background-image:url(/App_Themes/Default-fa-IR/Images/CustomizedSprite.png);background-position:-61px -0}.homeProduct .productSliderContainerWrapper .lSAction>.lSNext{background-image:url(/App_Themes/Default-fa-IR/Images/CustomizedSprite.png);background-position:0 -0}.homeProduct .panel{margin-bottom:0}.homeProduct .panel .panel-body{padding-right:0;padding-left:0;padding-bottom:0}
.toast-title { font-weight: 700 } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word } .toast-message a, .toast-message label { color: #fff } .toast-message a:hover { color: #ccc; text-decoration: none } .toast-close-button { position: relative; right: -.3em; top: -.3em; float: right; font-size: 20px; font-weight: 700; color: #fff; -webkit-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } .toast-close-button:focus, .toast-close-button:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } button.toast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none } .toast-top-center { top: 0; right: 0; width: 100% } .toast-center-center { position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .toast-bottom-center { bottom: 0; right: 0; width: 100% } .toast-top-full-width { top: 0; right: 0; width: 100% } .toast-bottom-full-width { bottom: 0; right: 0; width: 100% } .toast-top-left { top: 12px; left: 12px } .toast-top-right { top: 12px; right: 12px } .toast-bottom-right { right: 12px; bottom: 12px } .toast-bottom-left { bottom: 12px; left: 12px } #toast-container { position: fixed; z-index: 999999; pointer-events: none } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container>div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #000; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } #toast-container>:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer } #toast-container>.toast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important } #toast-container>.toast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important } #toast-container>.toast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important } #toast-container>.toast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important } #toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-bottom-full-width>div, #toast-container.toast-top-full-width>div { width: 96%; margin-left: auto; margin-right: auto } .toast { background-color: #030303 } .toast-success { background-color: #51a351 } .toast-error { background-color: #bd362f } .toast-info { background-color: #2f96b4 } .toast-warning { background-color: #f89406 } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40) } @media all and (max-width:240px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 11em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:241px) and (max-width:480px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 18em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media all and (min-width:481px) and (max-width:768px) { #toast-container>div { padding: 15px 15px 15px 50px; width: 25em } } .calendar { text-align: center; background: #fff; z-index: 400; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .52) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .52) !important } .calendarHeader { background: #394263 !important; padding: 5px; margin: 5px; margin-bottom: 0; border-radius: 4px 4px 0 0 } .calendarBody { padding: 5px; padding-top: 0 } .calendarBody tbody td { width: 38px; height: 38px; text-align: center; border-radius: 50%; margin: 1px } .calendarBody td.holiday { font-weight: bold; color: #f00 } .bodyTable { width: 100%; margin-top: 0 !important } .bodyTable thead tr { background: #262c44; border-radius: 0 0 4px 4px } .bodyTable thead tr td { color: #fff !important; font-weight: bold } .weekDayHead { padding: 8px; color: #fff; text-align: center; font-size: 1.2rem !important } .weekDayHead:last-child { border-radius: 0 0 4px 0 } .weekDayHead:first-child { border-radius: 0 0 0 4px } .headerTable { width: 100%; text-align: center } .headerTable .calendarbutton { width: 26px; height: 26px; background: #4fc1e9; border: 0; border-radius: 50%; padding: 6px 0; text-align: center; color: #fff; font-size: 11px } .headerTable select { border: none; margin: 0 5px; border-radius: 3px; font-size: 1.4rem; padding: 2px 6px } .calendar .today { font-weight: bold !important; border: none; background-color: rgba(79, 193, 233, .15) } .calendar .selected { color: #4fc1e9; box-shadow: 0 0 0 2px #4fc1e9 } .calendarFooter { border-radius: 0 0 4px 4px; background-color: rgba(79, 193, 233, .15); padding: 6px; border-top: 1px solid #cfcfcf } .calendarFooter button { background: none; border: 0; border-radius: 4px; padding: 8px 14px; color: #000; font-size: 1.1rem } .calendarBody .bodyTable thead:after { line-height: 2px; content: "."; color: white; display: block } .calendarbutton .todayText { font-weight: bold } .alertWrapper { display: table; width: 100% } .alertWrapper .glyphicon { font-size: 16px; padding: 0 0 0 5px; float: right } .alertWrapper .message { float: right; margin-bottom: 0 } .alertWrapper .messageWrapper { float: right; display: flex } .alertWrapper.alert { margin: 5px 2px } .alertWrapper img { float: right; margin-left: 5px } .LastMessageError, .messageBoxError { background: #fcf0be; background: linear-gradient(to bottom, #fce1e0 0, #fabdba 100%); box-shadow: inset 0 0 1px #fce1e0, inset 0 30px 20px -20px #fdd9d7, 0 1px 2px #d6d6d6; border: 1px solid #cc726e; border-radius: 5px; -webkit-animation: msg-error-pulse 1.5s infinite; -moz-animation: msg-error-pulse 1.5s infinite; animation: msg-error-pulse 1.5s infinite } .LastMessageWarning, .messageBoxWarning { background: #fcf0be; background: linear-gradient(to bottom, #fcf0be 0, #f7e4a2 100%); box-shadow: inset 0 0 1px #f7fef2, inset 0 30px 20px -20px #fcf0be, 0 1px 2px #d6d6d6; border: 1px solid #ecc579; border-radius: 5px } .LastMessageSuccess, .messageBoxSuccess { background: #edf7f1; background: linear-gradient(to bottom, #edf7f1 0, #83cca0 100%); box-shadow: inset 0 0 1px #edf7f1, inset 0 30px 20px -20px #bff5d4, 0 1px 2px #d6d6d6; border: 1px solid #00832d; border-radius: 5px } .LastMessageInformation, .messageBoxInformation { background: #b8d6ff; background: linear-gradient(to bottom, #b8d6ff 0, #6caaff 100%); box-shadow: inset 0 0 1px #edf7f1, inset 0 30px 20px -20px #a7ccff, 0 1px 2px #d6d6d6; border: 1px solid #398dff; border-radius: 5px } .RadToolTip.messageBoxError, .RadToolTip.messageBoxWarning, .RadToolTip.messageBoxSuccess, .RadToolTip.messageBoxInformation, .RadWindow.messageBoxError, .RadWindow.messageBoxWarning, .RadWindow.messageBoxSuccess, .RadWindow.messageBoxInformation { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important } .RadNotification.messageBoxError { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #fce1e0 !important; padding: 0 !important } .RadNotification.messageBoxWarning { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #fcf695 !important; padding: 0 !important } .RadNotification.messageBoxSuccess { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #edf7f1 !important; padding: 0 !important } .RadNotification.messageBoxInformation { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; background-color: #dbe5fa !important; padding: 0 !important } .messageBoxWarning { border: 1px solid #d8cc06; background-color: #fcf695 } .messageBoxUnKnown { border: 1px solid #8898a3; background-color: #f0f0f0 } .LastMessageError, .messageBoxError, .messageBoxInformation, .LastMessageInformation, .messageBoxWarning, .messageBoxUnKnown, .LastMessageSuccess, .messageBoxSuccess, .LastMessageWarning { display: block; margin: 0 auto 10px; padding: 5px 0; border-radius: 5px; position: relative } .MagicZoom img { border: 0 !important; padding: 0 !important; margin: 0 !important } .MagicZoomBigImageCont { border: 1px solid #999; direction: ltr } .MagicZoomHeader { font-size: 8pt !important; line-height: normal !important; color: #fff; background: #666; text-align: center !important } .MagicZoomPup { border: 1px solid #aaa; background: #fff; cursor: move } .MagicZoomLoading { border: 1px solid #ccc; background: #fff url(/Components/General/Resources/Images/Graphics/loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; font: normal 8pt sans-serif; color: #444 } .MagicZoomPlus { cursor: url(/Components/General/Resources/Images/Graphics/zoomin.cur), pointer; outline: 0 !important } .MagicZoomPlus img { border: 0 !important; padding: 0 !important; margin: 0 !important } .MagicZoomPlus span { display: none !important } .MagicHotspots { display: none; visibility: hidden } .MagicHotspots a { border: 1px solid #ccc } .MagicHotspots a:hover { border: 1px solid red } .MagicThumb, .MagicThumb:hover { cursor: url(/Components/General/Resources/Images/Graphics/zoomin.cur), pointer; outline: 0 !important } .MagicThumb-expanded-thumbnail { cursor: default } .MagicThumb span { display: none !important } .MagicThumb img { border: 1px solid #9a9a9a } .MagicThumb-expanded { cursor: url(/Components/General/Resources/Images/Graphics/zoomout.cur), pointer; background: transparent; border: 1px solid #ccc; outline: 0; padding: 0 } .MagicThumb-caption { color: #333; background: #ccc; text-align: right; padding: 8px; border: 0 !important; outline: 0 !important; font-weight: bold; height: 30px !important; font-size: 1.3rem; font-weight: bold } .MagicThumb-buttons { background: transparent url(/Components/General/Resources/Images/Graphics/buttons1.png) no-repeat 0 0; height: 24px; display: block } .MagicThumb-buttons a { width: 24px; height: 24px; margin: 0 1px !important; overflow: hidden } .MagicThumb-loader { font: normal 12pt sans-serif; border: 1px solid #000; background: #fff url(/Components/General/Resources/Images/Graphics/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left } .MagicThumb-external-caption { display: none } div.MagicSlideshow { border: 1px solid #636363; background: transparent; display: none; direction: ltr } img.MagicSlideshowImage { border: none } img.MagicSlideshowThumbnail { direction: ltr } div.MagicSlideshowThumbnailsContainer { padding: 0 1px } div.MagicSlideshowThumbnailsContainerStyle { background: #fff } .MagicSlideshowDescription { line-height: 24px; padding-right: 5px !important; padding-top: 15px !important; padding-bottom: 15px !important; font: bold 13px SDF; text-align: right; margin: 2px } .MagicSlideshowDescriptionBelow { font: normal 11px SDF } .MagicSlideshowDescription a { color: #cfcfcf } .MagicSlideshowDescription a:visited { color: #acacac } .MagicSlideshowDescription a:hover { color: #fff } div.MagicSlideshowLoadingBox { background: #fff url('/Components/General/Resources/Images/Graphics/loader.gif') no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0 !important; line-height: 15px; color: #363636; border: 1px solid #696969; text-align: right } a.MagicSlideshowArrow { width: 24px !important; height: 24px !important; cursor: pointer; background: url('/Components/General/Resources/Images/Arrows.gif'); padding: 0 !important; margin: 0 !important } a.MagicSlideshowArrowTop { background-position: 24px 0 } a.MagicSlideshowArrowRight { background-position: 0 0 } a.MagicSlideshowArrowBottom { background-position: 24px 24px } a.MagicSlideshowArrowLeft { background-position: 0 24px } .radEditorWrapper { position: relative } .radEditorStar { position: absolute; top: 3px; left: 0 } .radEditorHasValidator { padding-left: 10px } .radEditorHasNotValidator { padding-left: 0 } .radius { border-radius: 5px } .radiusTop { border-top-left-radius: 5px; border-top-right-radius: 5px } .radiusBottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .radiusTrBl { border-top-right-radius: 5px; border-bottom-left-radius: 5px } .radiusTlBr { border-top-left-radius: 5px; border-bottom-right-radius: 5px } body.compensate-for-scrollbar { overflow: hidden } .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { box-sizing: border-box } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0 ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0, visibility 0 ease 0; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image::before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-container [data-selectable='true'] { cursor: text } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 1.6rem; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: none } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 1.4rem; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } @supports (padding:max(0)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right))max(25px, env(safe-area-inset-bottom))max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @keyframes fancybox-rotate { 100% { transform: rotate(360deg) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0) } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0); transform: rotate(0) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0) } .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1) } @media all and (max-height:576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } @supports (padding:max(0)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 3.5rem; font-weight: 700; margin: 0 0 20px 0 } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus::before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1 } @media all and (max-width:576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: calc(100% - 10px) } } .scrollpanel { border: 1px solid #ccc; border-radius: 9px } .scrollpanel .scrollbar { width: 10px; background-color: #ccc; cursor: pointer; margin: 4px; border-radius: 5px } .scrollpanel .scrollbar .thumb { background-color: #aaa; transition: height .2s ease-in-out; border-radius: 5px } .scrollpanel .scrollbar.active .thumb { background-color: #999 } .scrollpanelAjaxLoading { background: url(/Components/General/Resources/Images/ScrollPanel/Loading.gif) no-repeat center center; width: 99%; height: 100%; border-radius: 5px; background-color: #e9ecef; box-shadow: 0 0 6px #454545; position: absolute; top: 0; opacity: .7 } .inlineBlock { display: inline-block } .noScript { color: red; padding: 30px; font-size: 1.5rem; font-family: SDF; font-weight: bold; line-height: 25px } .displayNone { display: none } .noBackground { background-image: none !important; background: none !important } .bswClr { clear: both; height: 0; visibility: hidden } .noItemTable { margin: 0 auto 10px auto; padding: 20px; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 1px 2px #aaa; background-color: #fff; text-align: center } .clearBoth { clear: both; display: block } .justifyText { text-align: justify } .hand { cursor: pointer } .transparentDiv { opacity: .5 } .hide { display: none } .noMargin { margin-left: 0 !important; margin-right: 0 !important } .disabled { opacity: .3 } .dashed { border-style: dashed } .reverseAlign { text-align: left } .reverseFloat { float: left } .correctAlign { text-align: right } .correctFloat { float: right } .centerAlign { text-align: center } .ltr { direction: ltr } .rtl { direction: rtl } .noWrap { white-space: nowrap } .boldText { font-weight: bold; font-size: 1.2rem } .grid { border-collapse: separate; border-spacing: 1px } .mediaPlayer { display: inline-block; position: relative; font-family: 'SDF', Verdana, sans-serif; clear: both; margin-bottom: 10px; line-height: 1.4; font-size: 1.3rem; border: 1px solid #e6e6e6; text-align: center; overflow: hidden !important; direction: ltr !important } .mediaPlayer .right { float: right } .mediaPlayer .left { float: left } .mediaPlayer a.smooth { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear } .mediaPlayer:hover>.controls { bottom: 0 } .mediaPlayer:hover>.controls .seekBar a { display: block } .mediaPlayer.jp-video-full>.controls { position: absolute; left: 0; right: 0; bottom: 0; opacity: .8; z-index: 1000 } .mediaPlayer.jp-video-full, .mediaPlayer.jp-video-full object, .mediaPlayer.jp-video-full video { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; display: block; border-width: 0; z-index: 999 } .mediaPlayer.jp-video-full>.playerScreen, .mediaPlayer.jp-video-full>.playerScreen>.video-play { z-index: 1000 } .mediaPlayer .playerScreen { cursor: pointer } .mediaPlayer .playerScreen .video-play { display: block; position: absolute; z-index: 100; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .4); z-index: 0 } .mediaPlayer .playerScreen .video-play .play-icon { position: absolute; top: 50%; left: 50%; margin: -42px 0 0 -42px; display: block; width: 84px; height: 84px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") 2px -284px } .mediaPlayer .controls { display: block; position: absolute; height: 40px; background: #f5f5f5; color: #646464; padding: 0; z-index: 101; left: 0; bottom: -44px; right: 0; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in } .mediaPlayer .controls .seperator { display: inline-block; width: 2px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 0 0 } .mediaPlayer .controls .progress { position: absolute; display: block; width: 100%; top: -3px; left: 0; background: #323232 !important; background-image: none !important; overflow: visible !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important } .mediaPlayer .controls .progress .seekBar { position: relative; display: block; cursor: pointer; padding: 0; margin: 0; height: 6px; background: #646464 } .mediaPlayer .controls .progress .seekBar .playBar { display: block; height: 6px; padding: 0; background: red; margin: 0 !important } .mediaPlayer .controls .progress .seekBar a { display: none; position: absolute; top: -4px; width: 10px; height: 10px; border-radius: 50%; background: #4b4b4b; border: 1px solid #323232; margin-left: -3px } .mediaPlayer .controls .progress .seekBar a div { width: 8px; height: 8px } .mediaPlayer .controls .play { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 10px -60px; opacity: .8 } .mediaPlayer .controls .play:hover { opacity: 1 } .mediaPlayer .controls .volumecontrol { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -105px; opacity: .8; overflow: hidden; word-wrap: normal; -webkit-transition: all .5s ease-out; transition: all .5s ease-out } .mediaPlayer .controls .volumecontrol:hover { opacity: 1; width: 115px; -webkit-transition: all .1s ease-in; transition: all .1s ease-in } .mediaPlayer .controls .hd-video { display: block; width: 60px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 10px -147px; opacity: .8 } .mediaPlayer .controls .hd-video.disabled { opacity: .2 } .mediaPlayer .controls .hd-video.enabled:hover { opacity: 1 } .mediaPlayer .controls .pause { display: block; width: 40px; height: 40px; background: url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat -40px -60px; opacity: .8 } .mediaPlayer .controls .pause:hover { opacity: 1 } .mediaPlayer .controls .timer { display: block; float: left; line-height: 40px; margin: 0 10px } .mediaPlayer .controls .timer .current { display: inline; text-align: left; color: #282828 } .mediaPlayer .controls .timer .duration { display: inline; right: 0; text-align: right } .mediaPlayer .controls .timer .seperate { display: inline } .mediaPlayer .controls .volumebar { display: block; margin: 19px 0 0 45px; background-color: #ebebeb; background: rgba(0, 0, 0, .1); width: 60px; cursor: pointer } .mediaPlayer .controls .volumebar .currentVolume { position: relative; height: 5px; padding: 0 } .mediaPlayer .controls .volumebar .currentVolume .curvol { display: block; height: 5px; padding: 0; background: red } .mediaPlayer .controls .volumebar .currentVolume a, .mediaPlayer .controls .volumebar .currentVolume span { display: block; position: absolute; top: -5px; margin-left: -2px; width: 3px; height: 16px; background: #7d7d7d } .mediaPlayer .controls .volumebar .currentVolume a div, .mediaPlayer .controls .volumebar .currentVolume span div { display: block; width: 3px; height: 16px } .mediaPlayer .controls .fullscreen { display: block; float: right; width: 40px; height: 40px; background: transparent url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -191px; opacity: .4 } .mediaPlayer .controls .fullscreen:hover { opacity: .8 } .mediaPlayer .controls .smallscreen { display: block; float: right; width: 40px; height: 40px; background: transparent url("/Components/General/Resources/Images/JPlayer/sprite.png") no-repeat 8px -229px; opacity: .4 } .mediaPlayer .controls .smallscreen:hover { opacity: .8 } .mediaPlayer.audioPlayer .hd-video { display: none } .mediaPlayer.audioPlayer .seperator.right { display: none } .mediaPlayer.audioPlayer .fullScreen { display: none } .mediaPlayer.audioPlayer .fullScreenOFF { display: none } .mediaPlayer.darkskin { border-color: #373737; background: #222; height: auto } .mediaPlayer.darkskin .controls { background: #191919 } .mediaPlayer.darkskin .controls .volumebar { background: rgba(255, 255, 255, .1) } .mediaPlayer.darkskin .controls .volumebar .currentVolume a { background: #dcdcdc } .mediaPlayer.darkskin .controls .progress .seekBar { background: #646464 } .mediaPlayer.darkskin .controls .timer .current { color: #e6e6e6 } .mediaPlayer.darkskin .controls .timer .duration { color: #a8a8a8 } .mediaPlayer.darkskin .controls .timer .seperate { color: #a8a8a8 } .mediaPlayer.darkskin .playerScreen .video-play .play-icon { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .seperator { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .fullscreen { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .smallscreen { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .play { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .pause { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .hd-video { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } .mediaPlayer.darkskin .controls .volumecontrol { background-image: url("/Components/General/Resources/Images/JPlayer/sprite-dark.png") } @media(max-width:767px) { .mediaPlayer .controls { bottom: 0 !important } } .spinEditPanel { position: relative } .spinEditPanel a span { position: absolute; left: 0; right: 0; top: 2px; margin: 0 auto; z-index: 1 } .spinEditPanel a+a span { top: 14px } .spinEditPanel a span:before { font-size: .8em } .chartLegend table td { border-spacing: 5px; padding: 3px } .chartLegend table { margin: 0 auto } .barChartWrapper { box-sizing: border-box; padding: 20px 15px 15px 15px; border: 1px solid #ddd; background: #fff; background: linear-gradient(#f6f6f6 0, #fff 50px); background: -o-linear-gradient(#f6f6f6 0, #fff 50px); background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); box-shadow: 0 3px 10px rgba(0, 0, 0, .15) } .barChart { width: 100%; height: 100%; font-size: 1.4rem; line-height: 1.2em } .pieChartWrapper { box-sizing: border-box; padding: 20px 15px 15px 15px; border: 1px solid #ddd; background: #fff; background: linear-gradient(#f6f6f6 0, #fff 50px); background: -o-linear-gradient(#f6f6f6 0, #fff 50px); background: -ms-linear-gradient(#f6f6f6 0, #fff 50px); background: -moz-linear-gradient(#f6f6f6 0, #fff 50px); background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); box-shadow: 0 3px 10px rgba(0, 0, 0, .15) } .pieChart { font-size: 1.4rem; line-height: 1.2em } div.capty-caption { background-color: #fff; color: #333; font: normal 12px SDF; padding: 5px } div.capty-caption a { color: #000; font: normal 14px SDF; text-decoration: none; text-shadow: none } .lSSlideOuter { overflow: hidden } .lightSlider:before, .lightSlider:after { content: " "; display: table } .lightSlider { overflow: hidden } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative } .lSSlideWrapper>.lightSlider:after { clear: both } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform, height; transition-property: transform, height; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit } .lSSlideWrapper .lSFade { position: relative } .lSSlideWrapper .lSFade>* { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100% } .lSSlideWrapper.usingCss .lSFade>* { opacity: 0; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit; transition-timing-function: inherit } .lSSlideWrapper .lSFade>*.active { z-index: 10 } .lSSlideWrapper.usingCss .lSFade>*.active { opacity: 1 } .lslide { box-sizing: border-box } .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center } .lSSlideOuter .lSPager.lSpg>li { cursor: pointer; display: inline-block; padding: 0 5px } .lSSlideOuter .lSPager.lSpg>li a { background-color: #5c5c5c; color: #fff !important; font-weight: bold; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all .5s linear 0; transition: all .5s linear 0 } .lSSlideOuter .lSPager.lSpg>li:hover a, .lSSlideOuter .lSPager.lSpg>li.active a { background-color: #0848dd } .lSSlideOuter .media { opacity: .8 } .lSSlideOuter .media.active { opacity: 1 } .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; padding: 0; overflow: hidden; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lSSlideOuter .lSPager.lSGallery li { opacity: .7; overflow: hidden; -webkit-transition: opacity .35s linear 0; transition: opacity .35s linear } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { opacity: 1 } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100% } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table } .lSSlideOuter .lSPager.lSGallery:after { clear: both } .lSAction>a { width: 24px; display: block; top: 50%; height: 24px; cursor: pointer; position: absolute; z-index: 400; margin-top: -12px; opacity: .5; transition: opacity .35s linear } .lSAction>a:hover { opacity: 1 } .lSAction>.lSNext:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; right: 8px; top: 2px; content: '‹' } .lSAction>.lSPrev:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; left: 8px; top: 2px; content: '›' } .lSAction>.lSPrev { background-color: rgba(0, 0, 0, .8); border-radius: 15px; line-height: .8; left: 0 } .lSAction>.lSNext { background-color: rgba(0, 0, 0, .8); border-radius: 15px; line-height: .8; right: 0; content: '›' } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden } .lSSlideOuter.vertical { position: relative } .lSSlideOuter.vertical.noPager { padding-right: 0 !important } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0 } .lSSlideOuter.vertical .lightSlider>* { width: 100% !important; max-width: none !important } .lSSlideOuter.lSrtl { direction: rtl } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; margin: 0 } .lSSlideOuter .lightSlider>*, .lSSlideOuter .lSGallery li { float: left } .lSSlideOuter.lSrtl .lightSlider>*, .lSSlideOuter.lSrtl .lSGallery li { float: right !important } .content-slider li { text-align: center } .content-slider h3 { margin: 0; padding: 5px 0 } .lightSlider li h3 div { margin: 0 auto } .lightSliderWrapper .lightSliderNextOutside { background-color: rgba(0, 0, 0, .8); border-radius: 15px; line-height: .8; right: 20px } .lightSliderWrapper .lightSliderNextOutside:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; right: 8px; top: 2px; content: '‹' } .lightSliderWrapper .lightSliderPreviousOutside { background-color: rgba(0, 0, 0, .8); border-radius: 15px; line-height: .8; left: 20px } .lightSliderWrapper .lightSliderPreviousOutside:before { color: #fff; display: inline-block; font-family: "Glyphicons Halflings"; font-size: 20px; font-style: normal; font-weight: normal; line-height: 1; position: absolute; left: 8px; top: 2px; content: '›' } .lightSliderWrapper .sliderTools { width: 24px; display: block; top: 50%; height: 24px; cursor: pointer; position: absolute; z-index: 400; margin-top: -12px; opacity: .5; transition: opacity .35s linear } .lightSliderWrapper .sliderButton { border-radius: 5px; padding: 5px 20px; background: #2b2b2b; color: #fff; transition: all 400ms ease-in-out; border: 1px solid transparent; display: table; margin: 0 auto; cursor: pointer } .lightSliderWrapper .sliderButton:hover { color: #2b2b2b; border: 1px dashed #2b2b2b; background: #fff } .lightSliderContainer .lightSliderPagerOutside ul { list-style: none outside none; padding: 3px; margin: 0 } .lightSliderContainer .lightSliderPagerOutside ul li.active { font-weight: bold } @media(max-width:767px) { .lightSliderContainer .lightSliderPagerOutside .lSPager li span { display: none } .lightSliderContainer .lightSliderPagerOutside .lSPager li { width: 7px !important; height: 7px !important; background-color: #999 !important; display: inline-block; float: left; margin: 0 2px } } .archiveInformationList { list-style-type: none } .typed-cursor { opacity: 1; font-weight: 100; -webkit-animation: blink .7s infinite; -moz-animation: blink .7s infinite; -ms-animation: blink .7s infinite; -o-animation: blink .7s infinite; animation: blink .7s infinite } @keyframes blink { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } .tickerTitle { font-size: 1.1em } .tickerSprite { display: none } .content-ticker { padding: 0 } .scrollOff { pointer-events: none } .billboard { padding: 0 !important; margin: 0 !important } .billboardItem { padding: 0 !important; position: relative } .billboardItem .billboardImage { width: 100% } .billboardItem .billboardImage img { width: 100%; height: auto } .billboardItem .billboardTitle { font-family: 'SDF'; font-size: 14px; font-weight: bold; box-sizing: border-box; padding-left: 40px; background-color: #a1a9ad; padding-top: 15px; padding-right: 15px } .billboard .billboardDetails .billboardItem:nth-child(odd) .billboardTitle { background-color: #676a6e } .billboard .billboardDetails .billboardItem[data-index='3'] .billboardTitle { background-color: #46789c } .billboardItem .billboardTitle a { color: #fff } .billboard .billboardLarge { padding: 0 !important } .billboard .billboardDetails { padding-right: 0 !important; padding-left: 0 !important } .billboard .billboardDetails .billboardItem { overflow: hidden } .billboard .main { padding-left: 0 !important; padding-right: 0 !important } .billboardItem .billboardMore { position: absolute; bottom: 0; right: 0; background-color: #333; color: #fff; width: 30px; height: 30px } .billboardMore:before { content: "+"; font-size: 23px; margin-right: 7px } .billboardItem .billboardDescription { display: none } .billboardLarge .billboardItem .billboardTitle { font-size: 2.5rem; background-color: transparent; padding-right: 50px; display: table; padding-left: 20px } .billboardLarge .billboardItem .billboardDescription { display: block; padding-right: 50px; padding-left: 20px } .billboardLarge .billboardItem .billboardDescription .inner { color: #fff } .billboardWrapper .billboardItem .inner { display: table-cell; vertical-align: bottom } .billboardFullWidth { box-sizing: border-box } .billboardFullWidth .billboardItemFullWidth { width: 50%; box-sizing: border-box } .billboardFullWidth .billboardItemFullWidth .billboardMore { display: none } .billboardFullWidth .billboardItemFullWidth .billboardTitle { vertical-align: bottom; display: table-cell } .billboardFullWidth .billboardItemFullWidth .billboardTitle a { font-family: 'SDF'; font-size: 2.5rem; font-weight: bold; box-sizing: border-box; background-color: transparent; color: #fff } .billboardFullWidth, .billboard { background-size: 100% 100% } .billboardFullWidth .billboardDescription .inner, .billboardFullWidth .billboardTitle .inner { color: #fff; background: rgba(0, 0, 0, .6); padding: 10px 15px } .dirLtr { direction: ltr } @media screen and (max-width:767px) { .billboardMore:before { content: '' !important; font-family: Glyphicons Halflings !important; font-size: 15px; padding: 3px; display: inline-block } .lightSlider li h3>div:not(.mediaPlayer) { width: 100% !important; overflow: initial !important; height: auto !important } .lightSlider { overflow: initial !important } } .selectLanguageDropdownWrap li { display: block !important } .selectLanguageDropdownWrap a:after { content: "" } .selectLanguageDropdownWrap .dropdown-menu { left: 0; right: auto; min-width: 60px } .selectLanguageDropdownWrap .dropdown-toggle { border: none; background: none; color: #000; transition: all .3s ease } .selectLanguageDropdownWrap .dropdown { display: table } .selectLanguageDropdownWrap .dropdown-toggle:hover, .selectLanguageDropdownWrap li a:hover { color: #4fc1e9 } .selectLanguageDropdownWrap li a:hover { box-shadow: none !important } .selectLanguageDropdownWrap li a { transition: all .3s ease } .playerFlashError { color: #f00; font-size: 1.6rem; padding-top: 20px } .Treant { position: relative; overflow: hidden; padding: 0 !important } .Treant>.node, .Treant>.pseudo { position: absolute; display: block; visibility: hidden } .Treant.Treant-loaded .node, .Treant.Treant-loaded .pseudo { visibility: visible } .Treant>.pseudo { width: 0; height: 0; border: none; padding: 0 } .Treant .collapse-switch { width: 3px; height: 3px; display: block; border: 1px solid black; position: absolute; top: 1px; right: 1px; cursor: pointer } .Treant .collapsed .collapse-switch { background-color: #868dee } .Treant>.node img { border: none; float: left } @media(min-width:768px) { .level0SubMenu { position: static !important } .level1SubMenu { display: inline-block; float: right !important; position: static !important } li.level1SubMenu .dropdown-menu.open { display: block } li.level1SubMenu .dropdown-menu .content { background-repeat: no-repeat; background-position: left bottom } .level2SubMenu>a, .level2SubMenu>a span { color: #4fc1e9 !important; font-weight: bold; font-size: 1.4rem } .level2SubMenu li>a, .level2SubMenu>a span { white-space: normal !important } li.level2SubMenu.grid-item { border-left: 1px solid #eee } .full-width .dropdown-menu .content li a span { padding-right: 5px } } .countUpContainer { padding: 0 } .countUpTextContainer { font-size: 3rem } .countUpCounterContainer { font-size: 3rem } .sliderLink h3 { position: relative } .sliderPlayIcon { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px !important; display: block; width: 30px; height: 30px; color: #adacac; font-size: 20px; padding: 3px 7px 3px 11px; background-color: rgba(0, 0, 0, .6); border: 2px solid #444; border-radius: 50%; display: table } @media screen and (max-width:544px) { .calendar { right: 10px !important; left: 10px !important } } .input-group .select2-selection { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important } .select2-container--default .select2-selection--single { height: 34px !important; padding-top: 2px !important; border: 1px solid #ccc !important } .select2-results__message { color: #fff; background: #da4453; border-color: #ba1b2b } @media(max-width:767px) { .animatable { visibility: visible } } @media screen and (max-width:544px) { .calendar { right: 10px !important; left: 10px !important } } .showcaseSliderStyleFour .rrItem>div { position: relative } .showcaseSliderStyleFour .rrItem>div>div { padding: 0 !important } .showcaseSliderStyleFour .rrItem>div .bottmTitle { position: absolute; bottom: 0; right: 0; left: 0; padding: 30px; text-align: right; background: rgba(0, 0, 0, .5) } .showcaseSliderStyleFour .rrItem>div .bottmTitle a { color: #fff } .showcaseSliderStyleFour .rrItem>div .topTitle { position: absolute; top: 0; right: 0; left: 0; padding: 30px; text-align: right; background: rgba(0, 0, 0, .5) } .showcaseSliderStyleFour .rrItem>div .topTitle a { color: #fff } .showcaseSliderThumbnailContent { color: #000 } .showcaseSliderThumbnailContent img { border: #aaa solid 1px !important } .showcaseSliderThumbnailPanel { cursor: pointer; padding: 20px; position: relative; margin-bottom: 2px; background-color: #f2f2f2 !important } .showcaseSliderPanel { margin: 0 auto } .showCaseSliderText { position: absolute; z-index: 5; background: rgba(0, 0, 0, .7); padding: 10px; top: 0; left: 0; right: 0 } .showCaseSliderText .showCaseSliderTitle, .showCaseSliderText .showCaseSliderDescription { color: #fff } .showCaseSliderTextBottom .showCaseSliderText { top: auto !important; bottom: 0 } .showCaseSliderTextBottom .showCaseSliderDateTime { color: #fff } .pnlShowCaseSliderWrapper .ms-view ms-basic-view ms-grab-cursor, ms-slide-bgcont { width: 100% !important } .showCaseSliderContainer .ms-basic-view { width: 100% !important } .btn-iconic i { padding-right: 5px; padding-left: 5px } .modal-center .modal-dialog { top: 50%; transform: translateY(-50%) !important; margin-top: 0; margin-bottom: 0 } .inlineCaptcha, .captcha { overflow: hidden; max-width: 500px } .inlineCaptcha .RadCaptcha>div:after { content: ''; display: block; clear: both } .inlineCaptcha .RadCaptcha p .form-control { text-align: right; border-radius: 4px !important; height: 36px; width: 100% !important; border: none !important; text-shadow: none !important; outline: 0 !important; box-shadow: none !important } .inlineCaptcha .RadCaptcha>div { display: flex; flex-wrap: nowrap; border: 2px solid #ebebeb; border-radius: 4px; padding: 5px; justify-content: space-between; position: relative; background: #fff } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled>div { padding: 0; background: none !important; border: none !important; box-shadow: none } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled img { border: none; padding: 5px 5px 5px 5px; border-radius: 4px; box-shadow: 0 0 3px #eee; background: #f4f4f4 !important; margin-right: 28px } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled .rcRefreshImage { position: absolute; background: #e3e3e3 !important; width: 25px; right: 0; height: 18px; top: -9px; border-radius: 4px 4px 0 0 } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled .rcRefreshImage:before { content: ""; font-family: 'Glyphicons Halflings'; color: #11ab0d; font-size: 13px; font-weight: bolder; position: absolute; left: 6px; top: 4px; line-height: 1 } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled .rcCaptchaAudioLink { position: absolute; background: #e3e3e3 !important; width: 25px; left: 0; height: 18px; bottom: 0; border-radius: 0 0 4px 4px; color: transparent } .inlineCaptcha .RadCaptcha>.captchaAudioEnabled .rcCaptchaAudioLink:before { color: #000; font-size: 13px; left: 7px; top: 0; content: ''; position: absolute; font-family: 'Glyphicons Halflings' } .inlineCaptcha .RadCaptcha>div>div, .inlineCaptcha .RadCaptcha>div>p { padding: 3px; float: right; position: relative; float: right; display: inline-block !important } .inlineCaptcha .RadCaptcha>div>p { margin: 0 } .inlineCaptcha .RadCaptcha>div>div { padding-right: 20px } .inlineCaptcha .rcCaptchaImage { max-width: 100% !important; height: 36px !important; display: block; float: none; background: #f3f3f3 !important; order: 2; border-radius: 4px !important } .inlineCaptcha .rcRefreshImage { outline: 0 !important; color: transparent } .inlineCaptcha .rcInvalid span { padding: 4px 5px; display: inline-block; background: #ff2848; font-size: 1.2rem; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 2px } .captchaErrorTooltip .RadCaptcha { position: relative } .captchaErrorTooltip .RadCaptcha>span { position: absolute; bottom: -32px; left: 0; right: 0; padding: 7px; border: 1px solid #ccc; z-index: 4 } .googleSearchResultWrap * { box-sizing: content-box; font-family: SDF !important } .googleSearchResultWrap .gsc-input-box { height: 30px !important } .googleSearchResultWrap input[type="text"] { line-height: 10px; background: transparent !important; text-indent: 0 !important; font-size: 1.4rem !important; margin-top: -7px !important } .googleSearchResultWrap .gsc-search-button { margin-top: 8px } @media screen and (max-width:460px) { .inlineCaptcha .RadCaptcha { max-width: 100% !important; width: 100% !important } } @media(max-width:767px) { .inlineCaptcha .rcCaptchaImage { width: 100px !important } .whoIsMiniSearch .RadCaptcha>div { display: flex; align-items: center } .ms-thumb-list { display: none } .master-slider { width: 100% !important } } @media(max-width:359px) { .inlineCaptcha .rcCaptchaImage { width: 100px !important } } .dateTimeIcon { cursor: pointer } .generalCurrentDateTime .tooltip-inner { min-width: 100px; max-width: 300px } .masterSliderShowcaseHorizontalTabs .ms-thumb-list.ms-dir-h { direction: ltr } .onlinePaymentMellatCharityWrapper p { padding-top: 10px; margin: 0; text-align: right } .str_wrap { overflow: hidden; width: 100%; font-size: 1.2rem; line-height: 16px; position: relative; -moz-user-select: none; user-select: none; white-space: nowrap } .str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move } .str_move_clone { display: inline-block; vertical-align: top; position: absolute; top: 0 } .str_vertical .str_move_clone { left: 0; top: 100% } .str_down .str_move_clone { left: 0; bottom: 100% } .str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100% } .str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor: inherit } .str_wrap img { max-width: none !important } .str_wrap span { display: inline-block; vertical-align: top } .paddingGeoLocationSelector { padding: 10px 0 10px 10px !important } .paddingTopGeoLocationSelector { padding-top: 5px !important } .geoLocationPreviewContainer { width: 100% } .pac-container { z-index: 99999 } .rcCaptchaImage { border: none !important } .inlineCaptcha .RadCaptcha>div>div { border: none; padding: 0; border-radius: 0; height: auto; display: flex !important; align-items: center; flex-wrap: nowrap; order: 2; position: absolute; z-index: 10; left: 5px } .rcRefreshImage, a.rcRefreshImage { background: #f3f3f3 !important; margin: 0 5px 0 0 !important; position: relative !important; height: 36px; width: 36px; background: #f3f3f3; border-radius: 4px; order: 2; text-align: center; top: 0; left: 0 } .rcRefreshImage, a.rcRefreshImage:before { content: ""; font-family: 'Glyphicons Halflings'; color: #11ab0d; font-size: 27px; font-weight: bolder; position: absolute; left: 7px; top: 5px; line-height: 1 } .RadCaptcha div>p label { display: none !important } .inlineCaptcha .RadCaptcha>div>p { padding: 0; width: 100%; border: none !important } @media(max-width:991px) { .paddingGeoLocationSelector { padding: 12px !important; float: right; clear: both; padding-bottom: 0 !important } .paddingTopGeoLocationSelector { padding-top: 15px !important; padding-bottom: 10px !important } } .validatorEnabledFormRow { position: relative } .belowInputValidator { padding: 4px 5px; display: inline-block; position: absolute; top: 100%; left: 0; z-index: 20; background: #ff2848; font-size: 12px; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 2px } .aboveInputValidator { padding: 4px 5px; display: inline-block; position: absolute; top: -3px; left: 0; z-index: 20; background: #ff2848; font-size: 12px; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 2px } .blockInputValidator { clear: both; padding: 4px 5px; z-index: 20; background: #ff2848; font-size: 1.2rem; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 2px } .validationSummaryValidator { clear: both; padding: 6px 7px; z-index: 20; background: #fddfe2; font-size: 1.2rem; font-weight: bold; color: #ff2848 !important; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 2px } .passwordBox .input-group .RadInput .form-control { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important } .passwordBox .passwordWrapper { position: relative } .passwordBox .strengthIndicator { position: absolute; width: 64px; top: 0; bottom: 0; z-index: 9; height: 20px !important; margin: auto; right: 35px } .passwordTogglerWrapper .form-control { height: 48px } .passwordBox .strengthIndicator .riStrengthBar { padding: 0 !important; -webkit-border-radius: 4px; border-radius: 4px; font-size: 1rem !important; border-radius: 50px; background: #ddd !important; position: relative; z-index: 2; font-weight: bold } .passwordBox .strengthIndicator .riStrengthBar:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, .08); transition: all .4s; z-index: -1 } .passwordBox .strengthIndicator .riStrengthBarL5 { color: #b4de9c } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL0:after { width: 0 } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL1:after { width: 20%; background: #fa2712 } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL2:after { width: 40%; background: #e74c3c } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL3:after { width: 60%; background: #ff9c00 } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL4:after { width: 80%; background: #dcc436 } .passwordBox .strengthIndicator .riStrengthBar.riStrengthBarL5:after { width: 100%; background: #1e7643 } .modal-overlay-title-container>ul { float: right; margin: 0; padding: 0 } .modal-overlay-title-container>ul li { list-style: none; float: right; padding: 15px } .modal-overlay-title-container>ul li .cms-modal-button { cursor: pointer } .modal-overlay-title-container>ul li .cms-modal-button .glyphicon { padding-left: 5px; color: #4fc1e9 } .captchaRequiredValidator { position: absolute; left: -11px; top: 8px; font-size: 16px; color: #ff2848 !important; font-weight: bold; -webkit-animation-name: flash; -webkit-animation-iteration-count: infinite; animation-name: flash; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1 } 25%, 75% { opacity: 0 } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, 100% { opacity: 1 } 25%, 75% { opacity: 0 } } .countDownInfoPopup .modal-body .countDownWrapper { display: table; margin: 0 auto } .countDownInfoPopup .modal-content .countDownInfoCloseWrapper { border: 0 } .phoneBoxCallingCodeWrapper { position: relative; float: right } .phoneBoxCallingCode .select2-selection { background-color: transparent !important } .phoneBoxCallingCodeWrapper .phoneBoxCallingCode .glyphicon { color: #bebebe; position: absolute; right: 10px; font-size: 20px; top: 9px } .phoneBoxCallingCode { display: inline-block; direction: ltr; float: left; left: 0; position: absolute; z-index: 10 } .phoneBoxCallingCode .flag input[type="text"], .phoneBoxCallingCode .flag input[class="textbox"] { border: none; outline: none } .phoneBoxCallingCode .flag>select { width: 100% } .phoneBoxCallingCode input.textbox { padding: 5px 5px 5px 90px; width: 91px } .phoneBoxCallingCode div.select { padding-bottom: 0; border: none; box-shadow: none; height: 30px; vertical-align: top } .phoneBoxCallingCode .flag { background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; height: 24px; margin-top: 0 } .phoneBoxCallingCodeFlagItem { display: inline-block; background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; width: 24px; height: 24px; margin: 0 0 2px 0; vertical-align: middle; float: left } .phoneBoxCallingCodeFlagResultItem { display: inline-block; background: url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat; width: 24px; height: 24px; margin: 0 0 2px 0; vertical-align: middle; float: right } .phoneBoxCallingCodeTextItem { float: left; padding-left: 2px } .phoneBoxCallingCodeWrapper .select2-container--default .select2-selection--single { border-radius: 4px 0 0 4px; border-right: none !important; padding-top: 3px !important; height: 38px !important } .phoneBoxCallingCodeWrapper .select2-container { margin-left: -2px } .siteMemberMobileLoginSignupWrapper { padding: 0 15px } .phoneBoxCallingCodeWrapper .phoneNumber { border-radius: 0 4px 4px 0; border-left: none !important; display: inline-block !important; float: left; padding-left: 100px; padding-top: 4px; padding-right: 25px; height: 38px } .phoneBoxCallingCodeWrapper .glyphicon { color: #bebebe; position: absolute; right: 10px; font-size: 20px; top: 10px; transition: all 200ms ease-out } .siteMemberLoginAdvanced .userFormBody .inputButton, .MobileLoginSignupButtonsWrapper .inputButton, .siteMemberMobileLoginSignupWrapper .securityCodeSubmitBtn { border-radius: 4px; font-size: 1.4rem; font-weight: bold; color: #fff; background: #d81e1e; display: block; height: 40px; font-family: SDF; border: none; box-shadow: 0 3px 10px #c12525; margin: 10px 0 20px; transition: all 400ms ease-out; padding: 3px 15px !important } .siteMemberLoginAdvanced .userFormBody .inputButton:hover, .MobileLoginSignupButtonsWrapper .inputButton:hover, .siteMemberMobileLoginSignupWrapper .securityCodeSubmitBtn:hover { color: #fff; background: #f04b4b; cursor: pointer } .siteMemberLoginAdvanced .userFormBody .inputButton span, .MobileLoginSignupButtonsWrapper .inputButton span { display: block; text-align: center; padding: 5px 0 } .phoneBoxCallingCodeWrapper .phoneNumber:focus { border-color: #ccc !important } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper { position: relative } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper input, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper input { padding-right: 40px } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper .glyphicon, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper .glyphicon { color: #bebebe; position: absolute; right: 10px; font-size: 20px; top: 10px } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper label, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper label { right: 10px; background: #fff; transform: translateY(-45px) scale(.8); padding: 0 10px; top: 12px; z-index: 23 } .pagerWrapper { padding: 1px 15px !important; border-radius: 3px !important; font-size: .9em !important; margin-top: 10px !important; clear: both !important; background: none !important; border: none !important; box-shadow: none !important } .pagerWrapper .showCountInner { background: #f0f0f0 !important; border-radius: 20px !important; display: table !important; padding-left: 5px !important } .pagerWrapper:after { content: '' !important; display: block !important; clear: both !important; height: 0 !important; visibility: hidden !important } .pagerWrapper .sectionLeft { float: left !important; width: 95px !important; text-align: left !important } .pagerWrapper .sectionLeft select { width: 35px !important; height: 20px !important; padding: 0 !important; font-size: .9em !important } .pagerWrapper .sectionLeft span { font-size: .9em !important } .pagerWrapper .sectionRight { float: right !important; width: 55px !important; text-align: right !important } .pagerWrapper .sectionRight input[class="button"] { width: 28px !important; height: 20px !important; padding: 0 !important; font-size: .9em !important } .pagerWrapper .sectionRight input[type="text"] { width: 20px !important; height: 18px !important; padding: 0 !important; font-size: .9em !important } .pagerWrapper .sectionMiddle { margin: 0 55px 0 95px !important; text-align: center !important } .pagerWrapper .sectionMiddle.noLeft { margin: 0 55px 0 0 !important } .pagerWrapper .sectionMiddle.noLeft.noRight { margin: 0 !important } .pagerWrapper .sectionMiddle.noRight { margin: 0 0 0 95px !important } .pagerWrapper .page { display: inline-block !important; padding: 10px !important; margin: 0 !important; vertical-align: initial !important; text-align: center !important; line-height: 10px !important; color: #474747 !important; background: #ededed !important; font-size: 1.2em !important; white-space: nowrap !important; float: right !important; -webkit-transition: all 400ms ease-in-out !important; -moz-transition: all 400ms ease-in-out !important; transition: all 400ms ease-in-out !important; border: none !important } .pagerWrapper .page:hover, .pagerWrapper .page.selected { background: #044fc8 !important; color: #fff !important; -webkit-box-shadow: 0 0 10px #1f74fe !important; box-shadow: 0 0 10px #1f74fe !important } .pagerWrapper .nextPage, .pagerWrapper .previousPage { width: 30px !important; height: 30px !important; color: #474747 !important; padding: 0 !important; position: relative !important; background: #ededed !important; margin: 0 !important; -webkit-transition: all 400ms ease-in-out !important; -moz-transition: all 400ms ease-in-out !important; transition: all 400ms ease-in-out !important; -webkit-box-shadow: 0 0 10px transparent !important; box-shadow: 0 0 10px transparent !important } .pagerWrapper .nextPage:hover, .pagerWrapper .previousPage:hover { background: #044fc8 !important; color: #fff !important; -webkit-box-shadow: 0 0 10px #1f74fe !important; box-shadow: 0 0 10px #1f74fe !important } .pagerWrapper .nextPage { border-radius: 20px 0 0 20px !important; font-size: 0 !important } .pagerWrapper .nextPage input, .pagerWrapper .previousPage input { padding: 10px 13px; border: none; background: none; position: relative } .pagerWrapper .nextPage:before { content: "" !important; position: absolute !important; top: 10px !important; right: 11px !important; font-family: "Glyphicons Halflings" !important; font-size: 14px !important } .pagerWrapper .previousPage { border-radius: 0 20px 20px 0 !important; font-size: 0 !important } .pagerWrapper .previousPage:before { content: "" !important; position: absolute !important; top: 10px !important; left: 11px !important; font-family: "Glyphicons Halflings" !important; font-size: 14px !important } .pagerWrapper .urlPager, .pagerWrapper .postBackPager { padding: 0 !important } .pagerWrapper .urlPagerInner { background: #f0f0f0 !important; border-radius: 20px !important; display: table !important; margin: 0 auto !important; width: auto !important } .pagerWrapper .goTo input[placeholder], .pagerWrapper .goTo input[type="text"] { text-align: center !important; float: left !important; height: 34px !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: #f5f5f5 !important; border-radius: 20px 0 0 20px !important } .pagerWrapper .goTo button, .pagerWrapper .goTo input[type="button"], .pagerWrapper .goTo input[type="reset"] { -webkit-appearance: button !important; cursor: pointer !important; background: #ededed !important; border: none !important; border-radius: 0 20px 20px 0 !important; -webkit-transition: all 400ms ease-in-out !important; -moz-transition: all 400ms ease-in-out !important; transition: all 400ms ease-in-out !important; outline: 0 !important } .pagerWrapper .goTo input[type="submit"], .pagerWrapper .goTo input[type="button"] { border-radius: 0 20px 20px 0 !important; border: none !important; -webkit-appearance: button !important; cursor: pointer !important; background: #ededed !important; color: #474747 !important; padding: 7px 0; margin: 0; box-shadow: none } .pagerWrapper .goTo button:hover, .pagerWrapper .goTo input[type="button"]:hover, .pagerWrapper .goTo input[type="reset"]:hover, .pagerWrapper .goTo input[type="submit"]:hover, .pagerWrapper .goTo input[type="button"]:hover { color: #fff !important; background: #044fc8 !important; -webkit-box-shadow: 0 0 10px #044fc8 !important; box-shadow: 0 0 10px #044fc8 !important } .pagerWrapper .goTo button:focus, .pagerWrapper .goTo input[type="button"]:focus, .pagerWrapper .goTo input[type="reset"]:focus, .pagerWrapper .goTo input[type="submit"]:focus, .pagerWrapper .goTo input[type="button"]:focus { border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important } .pagerWrapper .showCount label { background: #ededed !important; height: 32px !important; margin: 0 !important; top: 0 !important; padding: 8px; border-radius: 0 20px 20px 0 !important; float: right !important; color: #474747 !important; font-weight: normal !important } .pagerWrapper .showCount select { height: 32px !important; border: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: #ededed !important; border-radius: 20px 0 0 20px !important; padding: 5px !important; color: #474747 } .pagerWrapper .showCount select option { color: #474747 } .sitememberPanelBarContainer .panel { background: #444; border: 0; -webkit-box-shadow: none; box-shadow: none } .sitememberPanelBarContainer .panel .panel-heading { position: relative; background: none; padding: 4px 15px; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; transition: all ease-in-out .3s } .sitememberPanelBarContainer .panel .panel-heading .panel-title { padding-left: 20px } .sitememberPanelBarContainer .panel .panel-heading .panel-title a { color: #fff; font-size: 1.4rem } .sitememberPanelBarContainer .panel .panel-heading .glyphicon { padding-left: 10px; font-size: 2.1rem } .sitememberPanelBarContainer .panel .panel-heading .accordion-toggle:before { content: ''; font-family: "Glyphicons Halflings"; display: block; position: absolute; top: 7px; left: 15px; width: 20px; height: 20px; margin: auto; background: #2e3951; border-radius: 50%; color: #fff; font-size: 8px; text-align: center; transition: all .4s; padding: 4px 0; transform: rotate(-90deg) } .sitememberPanelBarContainer .panel .panel-heading.collapsed .accordion-toggle:before { content: ''; font-family: "Glyphicons Halflings"; transition: all .4s; transform: rotate(0) } .sitememberPanelBarContainer .panel.nochild .panel-heading a.accordion-toggle:before { display: none } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body { background-color: #1c2a48; border-top: none; padding-top: 5px; padding-right: 0; padding-left: 0; padding-bottom: 0 } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer { padding: 0; list-style: none } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer { position: relative; padding: 5px 25px; font-size: 1.3rem; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; transition: all ease-in-out .4s } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; background: #09c; width: 0; height: 100%; margin: auto; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: 0 } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:hover, .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer.selected { background: #2e3951 } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:hover:before, .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer.selected:before { opacity: 1; width: 6px } .sitememberPanelBarContainer .panel .panel-collapse>.panel-body .submenuContainer .itemContainer a { color: #fff } .sitememberPanelBarContainer .panel-default .panel-heading { background-color: #2e3951 } .sitememberPanelBarContainer .panel-default .panel-heading.collapsed { background-color: #1c2331 } .siteMemberMenuPanelBarToggle { background: none; color: #f2f2f2; cursor: pointer; font-size: 1.4rem; font-weight: bold; text-align: right; text-transform: uppercase; display: none } .siteMemberMenuPanelBarToggle.closeStatus .siteMemberMenuToggleIcon span:nth-child(1) { top: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .siteMemberMenuPanelBarToggle.closeStatus .siteMemberMenuToggleIcon span:nth-child(2) { opacity: 0 } .siteMemberMenuPanelBarToggle.closeStatus .siteMemberMenuToggleIcon span:nth-child(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .siteMemberMenuPanelBarToggle .siteMemberMenuToggleIcon { width: 26px; height: 20px; padding: 0 !important; margin: 0 !important; display: block; float: left; background: none } .siteMemberMenuPanelBarToggle .siteMemberMenuToggleIcon span { width: 100%; height: 4px; margin: 2px 0; display: block; position: relative; background: #fff; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s } .dashboardPage .toggleWrap .navToggle { padding: 4px 0 !important } .sitememberTopBar .topBarItemWrapper { display: inline-block; margin: 0 10px 0 0; color: #fff; float: right } .sitememberTopBar .topBarItemWrapper.dateTime .generalCurrentDateTime { color: #fff; padding-top: 0; padding: 0; font-size: 1.3rem; font-weight: normal; padding-top: 7px } .sitememberTopBar .topBarItemWrapper a { color: #fff } .sitememberTopBar .topBarItemWrapper .dropdown-toggle { background: none; border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; color: #fff; font-size: 1.3rem; line-height: 1; padding: 0; margin-top: 0 } .sitememberTopBar .topBarItemWrapper .dropdown-toggle:before { content: ''; font-family: "Glyphicons Halflings"; font-size: 23px; top: 3px; position: relative } .sitememberTopBar .topBarItemWrapper .dropdown-toggle:focus { outline: none } .sitememberTopBar .topBarItemWrapper.localMessage a { position: relative; display: block; padding-right: 3px } .sitememberTopBar .topBarItemWrapper.localMessage a .badge { position: absolute; top: 0; right: -4px; z-index: 9; border: 1px solid #fff; background: #3a3a3a; padding: 2px 3px 0; min-width: 15px; min-height: 15px; text-align: center; font-size: 10px } .sitememberTopBar .topBarItemWrapper.credit strong { font-size: 1.3rem; font-weight: normal } .sitememberTopBar .topBarItemWrapper .dropdown-menu { right: 0; margin-top: 5px; background: #1c2331; padding-top: 10px; -webkit-box-shadow: none; box-shadow: none; border: 0; border-radius: 0 0 5px 5px } .sitememberTopBar .topBarItemWrapper .dropdown-menu li { position: relative; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; transition: all ease-in-out .4s } .sitememberTopBar .topBarItemWrapper .dropdown-menu li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; background: #00b4ff; width: 0; height: 110%; margin: auto; border-radius: 5px 0 0 5px; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: 0 } .sitememberTopBar .topBarItemWrapper .dropdown-menu li:hover { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, .05)), color-stop(72%, rgba(255, 255, 255, .25)), color-stop(89%, rgba(255, 255, 255, .29)), to(rgba(255, 255, 255, .29))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .05) 20%, rgba(255, 255, 255, .25) 72%, rgba(255, 255, 255, .29) 89%, rgba(255, 255, 255, .29) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .05) 20%, rgba(255, 255, 255, .25) 72%, rgba(255, 255, 255, .29) 89%, rgba(255, 255, 255, .29) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .05) 20%, rgba(255, 255, 255, .25) 72%, rgba(255, 255, 255, .29) 89%, rgba(255, 255, 255, .29) 100%) } .sitememberTopBar .topBarItemWrapper .dropdown-menu li:hover:before { opacity: 1; width: 8px } .sitememberTopBar .topBarItemWrapper .dropdown-menu li a { color: #fff; -webkit-box-shadow: none; box-shadow: none; font-size: 1.3rem } .sitememberTopBar .topBarItemWrapper.logout .glyphicon-turnoff { padding-left: 10px; font-size: 2.4rem } .sitememberTopBar .topBarItemWrapper.logout .glyphicon-turnoff:before { content: "" } .sitememberTopBar .topBarItemWrapper .glyphicon.navIcon { font-size: 22px; color: #fff; top: 3px; position: relative } .sitememberTopBar .homeLink { margin: 0 10px; display: inline-block; float: left } .sitememberTopBar .homeLink a { color: #fff } .sitememberTopBar .homeLink a i { top: 3px; font-size: 22px } .sitememberTopBar .toggleMenuLink { margin: 0; display: inline-block; float: left } .sitememberTopBar .toggleMenuLink div { color: #fff } .sitememberTopBar .toggleMenuLink div i { top: 5px; font-size: 18px } .sitememberTopBar .menuSearchBox { display: inline-block; float: left; margin: 0 10px 0 0 } .leftItemWrapper { display: inline-block } .logo { float: left } .menuSearchBox .button { float: left; color: #fff; margin-right: 10px; width: 20px; margin-top: 3px } .menuSearchBox .button i { font-size: 22px; left: 3px } .menuSearchBox .searchBox { float: right; background: no-repeat; box-shadow: none; border: none; width: 0; padding: 0; background: rgba(255, 255, 255, 1); border-radius: 5px; transition: all 400ms ease-in-out; margin-top: 3px; font-size: 10px; height: 23px; color: #000; display: inline-block } .menuSearchBox .searchBox input { height: 20px } .menuSearchBox .searchResult .result { display: none } .menuSearchBox .searchBox input, .menuSearchBox .searchBox input:focus, .menuSearchBox .searchBox:focus input { padding: 2px 5px; display: none; background: none !important; border: none !important; box-shadow: none; outline: none !important } .menuSearchBox .searchBox.searchOpen { width: 120px } .menuSearchBox .searchBox.searchOpen input, .menuSearchBox .searchResult.searchOpen .result { display: block } .menuSearchBox .searchResult { position: absolute; top: 24px; z-index: 99; padding-top: 5px } .menuSearchBox .searchResult .result { border-radius: 2px; background: #fff; font-size: 1.1rem; width: 150px } .menuSearchBox .searchResult .result ul { list-style: none; padding: 0 } .menuSearchBox .searchResult .result ul li { padding-top: 5px; padding-right: 2px } @media(max-width:1366px) { .sitememberPanelBarContainer .panel .panel-collapse .panel-body .submenuContainer .itemContainer { padding: 10px 15px } } @media(max-width:767px) { .sitememberTopBar .homeLink { margin-left: 0; display: inline-block } .sitememberTopBar .topBarItemWrapper { margin: 0 0 0 10px } .sitememberPanelBarContainer { display: none } .siteMemberMenuPanelBarToggle { display: block } .mainHeaderWrap .sitememberTopBar { display: inline-block; width: 100% } .siteMemberMenuPanelBarContainer { padding-bottom: 5px } .topBarMenuContainer { margin-top: 8px; border-top: 1px solid #fff } .siteMemberMenuPanelBarContainer .siteMemberMenuPanelBarToggle { display: none } } @media(min-width:1920px) { .sitememberPanelBarContainer .panel .panel-heading { padding-right: 25px } } .xzoom-source img, .xzoom-preview img, .xzoom-lens img { display: block; max-width: none; max-height: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } .xzoom-container { display: inline-block } .xzoom-thumbs { text-align: center; margin-bottom: 10px } .xzoom { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5) } .xzoom2, .xzoom3, .xzoom4, .xzoom5 { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5) } .xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 { border: 1px solid #cecece; margin-left: 5px; margin-bottom: 10px } .xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both } .xzoom-hidden { overflow: hidden } .xzoom-preview { border: 1px solid #e2e2e2; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .5) } .xzoom-lens { border: 1px solid #bbb; box-shadow: 0 0 10px rgba(100, 100, 100, .5); cursor: crosshair } .xzoom-loading { background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; background: url(/Components/General/Resources/Images/CircleLoading.svg); width: 48px; height: 48px } .xzoom-caption { position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left } .xzoom-caption span { color: #fff; font-family: Arial, sans-serif; display: block; font-size: .75em; font-weight: bold; padding: 10px } .siteMemberMenuPanelBar .tradingMenuSelectContainer { transition: .4s; display: block; height: 24px; line-height: 24px; background: #000; border-radius: 12px; margin: 10px auto; white-space: nowrap; overflow: hidden; cursor: pointer; float: right; display: table; float: none } .siteMemberMenuPanelBar .tradingMenuSelectContainer .buyer { position: relative; color: #fff; text-align: center; font-size: 1.4rem; float: right; width: 100px } .siteMemberMenuPanelBar .tradingMenuSelectContainer .buyer span { z-index: 10; position: relative } .siteMemberMenuPanelBar .tradingMenuSelectContainer .buyer.selected { background: #ff6a00 } .siteMemberMenuPanelBar .tradingMenuSelectContainer .seller { position: relative; color: #fff; text-align: center; font-size: 14rem; float: left; width: 100px } .siteMemberMenuPanelBar .tradingMenuSelectContainer .seller span { z-index: 10; position: relative } .siteMemberMenuPanelBar .tradingMenuSelectContainer .seller.selected { background: #306ac9 } .siteMemberMenuPanelBarContainer.sellerMenu .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:before { background: #306ac9 } .siteMemberMenuPanelBarContainer.buyerMenu .panel .panel-collapse>.panel-body .submenuContainer .itemContainer:before { background: #09c } .siteMemberMenuPanelBarContainer.buyerMenu .nochild.selected .panel-heading:before, .siteMemberMenuPanelBarContainer.sellerMenu .nochild.selected .panel-heading:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 0; height: 100%; margin: auto; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: 0 } .siteMemberMenuPanelBarContainer.buyerMenu .nochild.selected .panel-heading:before { background: #09c } .siteMemberMenuPanelBarContainer.sellerMenu .nochild.selected .panel-heading:before { background: #306ac9 } .siteMemberMenuPanelBarContainer .nochild.selected .panel-heading:hover, .siteMemberMenuPanelBarContainer .nochild.selected .panel-heading { background: #2e3951 } .siteMemberMenuPanelBarContainer.buyerMenu .nochild.selected .panel-heading:hover:before, .siteMemberMenuPanelBarContainer.buyerMenu .nochild.selected .panel-heading:before, .siteMemberMenuPanelBarContainer.sellerMenu .nochild.selected .panel-heading:hover:before, .siteMemberMenuPanelBarContainer.sellerMenu .nochild.selected .panel-heading:before { opacity: 1; width: 6px } .time-flip-container.hover .back { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -o-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0) } .time-flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .time-flip-container, .time-flip-container .front, .time-flip-container .back { width: 140px; height: 25px } .time-flip-container .flipper { -webkit-transition: .6s; -webkit-transform-style: preserve-3d; -ms-transition: .6s; -moz-transition: .6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: .6s; transform-style: preserve-3d; position: relative } .time-flip-container .front, .time-flip-container .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0); -moz-transition: .6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0); -o-transition: .6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0); -ms-transition: .6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0); transition: .6s; transform-style: preserve-3d; transform: rotateY(0); position: absolute; top: 0; left: 0 } .time-flip-container .front { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); z-index: 2 } .time-flip-container .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg) } .vertical.time-flip-container { position: relative } .vertical.time-flip-container .back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg) } .vertical.time-flip-container .flipper { -webkit-transform-origin: 100% 213.5px; -moz-transform-origin: 100% 213.5px; -ms-transform-origin: 100% 213.5px; transform-origin: 100% 213.5px } .vertical.time-flip-container.hover .back { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0) } .vertical.time-flip-container.hover .front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg) } @keyframes vibrate { 0%, 2%, 4%, 6%, 8%, 10%, 12%, 14%, 16%, 18% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0) } 1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19% { -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0) } 20%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .mobileVerification { display: inline-block; padding-left: 5px; padding-right: 5px } .mobileVerification .phone { -webkit-animation: vibrate 4s cubic-bezier(.36, .07, .19, .97) infinite; animation: vibrate 4s cubic-bezier(.36, .07, .19, .97) infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 300px; perspective: 300px } .mobileVerification .phone .glyphicon-mobile { font-size: 20px; color: #fff; -webkit-transform: rotate(5deg); transform: rotate(5deg) } .adminSearchBox { position: relative; margin-top: 8px } .adminSearchBox .searchTextbox { background: #f8f8f8 !important; color: #222; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0, 0, 0, .07) !important; border-radius: 3px !important; padding: 20px 40px !important; z-index: 10 } .adminSearchBox .innerSearchButton { position: absolute; top: 0; right: 0; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 14px; padding: 15px 15px 0 15px !important; cursor: pointer } .adminSearchBox .innerSearchButton:hover { color: #09c } .adminSearchBox .innerSearchButton:before { content: "" } .adminSearchBox .searchMoreButton { position: absolute; top: 0; left: 0; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 14px; padding: 15px 12px !important; cursor: pointer } .adminSearchBox .searchMoreButton:hover { color: #09c } .adminSearchBox .searchMoreButton:before { content: "" } .adminSearchBox .searchMoreButton:before { content: "" } .adminSearchBox .searchMoreButton.opened:before { content: "" } .adminSearchBox .searchConditions { display: none; position: absolute; top: 43px; left: 0; right: 0; background: #f8f8f8 !important; box-shadow: 0 5px 4px rgba(0, 0, 0, .07) !important; padding: 5px 10px 0 5px; border: 1px solid #ccc; border-top: none !important; z-index: 11 } .adminSearchBox .hiddenSearch { display: none } .grid-strikeout a, .grid-strikeout p, .grid-strikeout span .grid-strikeout b { text-decoration: line-through } .grid-strikeout .tablesaw-cell-label a { text-decoration: none } @media(max-width:991px) { .inputDropDownList { display: inline-block !important; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: relative; user-select: none; margin-top: 0; float: none !important; margin-right: -1px; width: auto !important } } .passwordTogglerWrapper { position: relative; direction: rtl } .passwordTogglerWrapper .passwordTogglerIcon { position: absolute; top: 0; right: 0; width: 36px; height: 48px; color: black; display: table; cursor: pointer; z-index: 2 } .passwordTogglerWrapper .passwordTogglerIcon i { display: table-cell; vertical-align: middle; color: #bebebe; text-align: center; font-size: 20px; padding: 10px } .passwordTogglerWrapper .passwordTogglerIcon .glyphicon-eye-open { top: 2px !important } .validatorError { padding: 4px 14px; margin-right: 4px; display: inline-block; top: 5px; z-index: 20; background: #ff2848; font-size: 12px; color: #fff !important; border-radius: 5px } .copyrightIcon .glyphicon { font-size: 22px; line-height: 10px } .copyrightIcon { display: inline-block } .copyrightIcon .glyphicon { padding: 0 !important } .copyrightIcon .innerText { margin: 0 3px; font-size: 16px; font-family: "Glyphicons Halflings"; letter-spacing: -1px } .generalPoweredBy a, .generalPoweredBy span { text-decoration: none !important; color: #fefefe } .layerSliderVideo .ls-layer .title { font-weight: bold; font-size: 1.5rem; color: #2e2e2e; font-family: 'SDF Subsidiary' !important } .layerSliderVideo .ls-layer .description { font-size: 1.3rem !important; font-family: SDF !important; color: #2e2e2e } .layerSliderVideoThumbnails .thumbnailImage { max-width: 100%; height: auto; display: block } .layerSliderVideoThumbnails .thumbnailItem { cursor: pointer } .countDownText { float: left } .countDownText div { display: inline-block; line-height: 1; padding: 20px 0; font-size: 4rem; direction: ltr } .countDownText .numbers { display: table; margin: 0 auto; margin-bottom: 10px } .countDownText .numbers span { min-width: 30px; font-weight: bold; padding: 5px 5px 2px; display: inline-block !important; margin: 1px; background: #444; border-radius: 5px; color: #fff !important; text-align: center; font-size: 3rem } .countDownText .label { display: block; font-size: 1.4rem; color: #000 } .quantityTextboxWrapper { position: relative; text-align: center; display: table; margin: 0 auto } .quantityTextboxWrapper input { padding: 6px 35px; text-align: center } .quantityTextboxWrapper .tools:before { font-family: "Glyphicons Halflings"; display: inline-block; line-height: 1; cursor: pointer } .quantityTextboxWrapper .tools { position: absolute; top: 0; width: 30px; height: 35px; font-size: 11px; font-family: "Glyphicons Halflings"; color: #707070; padding-top: 9px; text-align: center } .quantityTextboxWrapper .quantityTextboxIncrease { right: 0; border-left: 1px solid #e7e7e7 } .quantityTextboxWrapper .quantityTextboxIncrease:before { content: '' } .quantityTextboxWrapper .tools:hover:before { color: #00b4ff } .quantityTextboxWrapper .quantityTextboxDescrease { left: 0; border-right: 1px solid #e7e7e7 } .quantityTextboxWrapper .quantityTextboxDescrease:before { content: '' } .storeCheckoutQuantityWrapper input { text-align: center; box-shadow: none; border: 1px solid #e7e7e7; border-radius: 5px; height: 35px; width: 120px } .storeCheckoutQuantityWrapper { text-align: center } .logo-container { height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center } .logo-container img { opacity: .5; width: 50px } .logo-container .flex-item { text-align: center; margin-top: -50px } @keyframes smoothScroll { 0% { transform: translateY(-40px) } 100% { transform: translateY(0) } } .fixedMenu { position: fixed; top: 0 !important; right: 0; left: 0; z-index: 9999999; width: 100%; box-shadow: 0 0 10px #afafaf; animation: smoothScroll 1s forwards } .file-uploader { margin-top: 15px; margin-bottom: 15px; border: 2px dashed #cbcbcb; border-radius: 4px; font-size: 1.4rem; max-width: 300px } .file-uploader .file-preview { padding: 0; margin: 0; list-style: none } .file-uploader .inner { background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center } .file-uploader .inner .upload-hint { position: relative; padding-top: 70px; padding-bottom: 10px; cursor: pointer } .file-uploader .inner .upload-hint span { color: #bfbfbf } .file-uploader .inner .preview-image { background: #b7b7b7; border-radius: 5px; max-width: 270px; max-height: 270px; height: auto } .file-uploader .inner .upload-hint:before { content: ""; font-family: "Glyphicons Halflings"; font-size: 50px; color: #b7b7b7; position: absolute; top: 10px; right: 50%; transform: translateX(50%); line-height: 1 } .file-uploader .inner .accepted-filetypes { color: #b7b7b7; cursor: pointer; font-size: 1.2rem; padding: 0 30px 10px; text-align: center } .file-uploader .file-preview { direction: ltr; max-width: 270px } .file-uploader .file-preview .file { position: relative; min-height: 50px; min-width: 270px; margin-bottom: 15px } .file-uploader .file-preview .file.image:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .7) 10px, transparent); border-radius: 5px } .file-uploader .file-preview .file.no-image:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .7); border-radius: 5px } .file-uploader .file-preview .file-info { width: 50%; text-align: left; position: absolute; top: 5px; left: 5px; color: #b7b7b7 } .file-uploader .file-preview .file-info .file-name { font-size: 1.3rem; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; float: left; text-align: left; font-weight: bold } .file-uploader .file-preview .file-info .file-size { font-size: 1.2rem; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 50%; float: left; text-align: left; opacity: .5; padding-top: 5px } .file-uploader .file-preview .file-remove { text-align: right; position: absolute; top: 0; right: 5px } .file-uploader .file-preview .file-remove:hover:before { color: #d81e1e } .file-uploader .file-preview .file-remove:before { content: ""; font-family: "Glyphicons Halflings"; font-size: 18px; color: #b7b7b7; cursor: pointer } .file-uploader .ruInputs li { display: none } .sitememberTopBar .shoppingCart { float: left; color: #fff; font-size: 2.5rem; margin-right: 7px; z-index: 0; position: relative } .sitememberTopBar .cartCountWrapper { float: left; padding-top: 2px } .sitememberTopBar .cartCount { color: #fff; font-size: 12px; line-height: 20px; width: 18px; height: 18px; background: #008cff; display: inline-block; text-align: center; border-radius: 50%; box-sizing: border-box; font-weight: bold; margin-left: -15px; z-index: 2; position: relative; top: -4px } @media(max-width:767px) { .phoneBoxCallingCodeWrapper .phoneNumber, .inlineCaptcha .RadCaptcha p .form-control { font-size: 1.6rem } .cipServicePersonAdd input { font-size: 1.6rem } .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper input, .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper input { font-size: 1.6rem } .sitememberTopBar .shoppingCart { margin-right: 15px } } .passwordErrorsWrapper { display: inline-block; position: absolute; top: 100%; left: 0; right: 0; z-index: 20; background-color: red } .passwordErrorsWrapper .belowInputValidator { position: relative !important; float: right; padding: 4px 5px; display: inline-block; top: 100%; z-index: 20; background: none; font-size: 12px; color: #fff !important; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 2px; clear: both } .passwordErrorsWrapper .belowInputValidator .alertMessage { right: 0; padding-right: 0; background: none; position: static !important; margin-top: 1px; display: block } .calendarErrorsWrapper { display: inline-block; position: absolute; top: 100%; left: 0; right: 0; z-index: 20; background-color: red } .instagramMediaList .instagramMediaListItems .mediaItem .imageWrapper { overflow: hidden; margin-bottom: 10px } .instagramMediaList .instagramMediaListItems .mediaItem img.postImage { height: 100%; overflow: hidden; margin: auto; display: block; max-width: none } .instagramMediaList .instagramMediaListItems .mediaItem .postDate, .instagramMediaList .instagramMediaListItems .mediaItem .postUsername { margin: 4px 7px; font-weight: 900 } .instagramMediaList .instagramMediaListItems .mediaItem .postUsername { color: #4563a5 } .instagramMediaList .instagramMediaListItems .mediaItem .postDate { color: grey } .instagramMediaList .instagramMediaListItems .mediaItem .imageWrapper .imageInner>.thumbnail, .instagramMediaList .instagramMediaListItems .mediaItem .imageWrapper .imageInner>.img-thumbnail { height: 100% } .instagramMediaList .instagramMediaListItems .mediaItem .imageWrapper { direction: rtl } .instagramMediaList .postVideoIcon { position: absolute } .pushMenuLiteWrapper .accordianPanel .selected { background: #add8e657 } .footerNav h5.headerTitle { cursor: pointer; color: white } .pageNameWrapper.pageNameControl { background-size: cover; background-repeat: no-repeat; text-align: center; text-align: center; color: white !important; text-shadow: 1px 1px 1px grey; overflow: hidden; font-size: 3rem } .pageNameWrapper.pageNameControl .nameContainer { display: block; transform: translateY(0); opacity: 1 } .pageNameWrapper.pageNameControl a { color: white; bottom: 12%; position: absolute; top: unset } .pageNameWrapper.pageNameControl .nameContainer { top: 49%; position: relative } .phoneBoxCallingCode .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 15px; margin-top: 2px } .switch { outline: 0; position: relative; user-select: none; color: #fff; font-weight: bold; background: #0e8bdb; border-radius: 8px; padding: 10px; display: inline-block } .switch .switch-panel { position: relative; height: 16px; width: 42px; background-color: #0a66a1; border-radius: 10px } .switch .switch-panel:after { content: ""; position: absolute; background-color: #21a0f1; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5); top: -2px; left: 0; right: auto; width: 20px; height: 20px; border-radius: 50%; transition: all .25s ease-out; transform: translate3d(0, 0, 0) } .switch.is-active .switch-panel { background-color: #fff } .switch.is-active .switch-panel:after { left: 25px; right: auto; background: #fff } .switch-input { display: none; position: relative; margin-bottom: 0 } .switch .switch-active { color: #0f94e9; right: 0; left: auto; z-index: 9; font-size: 1.5rem; top: 7px; position: absolute; cursor: pointer; transform: translateY(-50%) } .switch .switch-inactive { left: 3px; right: auto; z-index: 9; font-size: 15px; top: 7px; position: absolute; cursor: pointer; transform: translateY(-50%) } .switch-active { right: 8%; display: none } .switch input:checked+div>.switch-inactive { display: none } .switch input:checked+div>.switch-active { display: block } .switch input:checked~.switch-panel:after { left: 25px; right: auto; background: #fff } .switch input:checked~.switch-panel { background: #fff } .recoderContainer { display: flex; flex-direction: row; justify-content: flex-start; align-items: center } .recoderContainer .btnRecord { border-radius: 50%; font-size: 1.5em; color: red } .recoderContainer .btnPlay { border-radius: 50%; color: green; font-size: 1.8em } .recoderContainer .btnPause { border-radius: 50%; color: darkslategrey; font-size: 1.8em } .recoderContainer .btnStop { border-radius: 50%; color: darkslategrey; font-size: 1.8em } .recoderContainer .timer { margin: 0 10px } .recoderContainer .recorderButtonWrapper { display: flex; justify-content: space-between } .recorderInnerContainer { display: flex; flex-direction: column; display: flex; flex-direction: column; border: 1px solid black; padding: 5px; border-radius: 3px } .visualizer { background-color: #363c1f } .visualizerContainer { position: relative } .visualizerLine { width: 100%; height: 2px; background-color: #07ee56; position: absolute; margin-top: -25px } .row-manual { display: flex; flex-flow: row } .row-manual .col-manual { padding: 0 15px; width: 100% } .master-slider .ms-thumb-frame { position: relative } .master-slider .ms-thumb-frame .thumbTitle { position: absolute; bottom: 0; background: rgba(0, 0, 0, .5); width: calc(100% - 20px); margin: 0; font-size: 16px; padding: 10px; color: #fff; font-weight: bold; z-index: 10 } .clockDigitalWrapper { display: flex; float: left } .clockDigitalWrapper .clockDigital { font-family: "SDFFaNum"; min-width: 60px } .accordion-caret .accordion-toggle:after, .accordion-caret .accordion-switch:before { content: ''; font-family: 'Glyphicons Halflings'; font-size: 14px; margin-right: 5px; vertical-align: -1px } .accordion-caret .accordion-toggle:after { float: left } .accordion-caret .accordion-toggle:not(.collapsed):after { content: ""; margin-left: 0 } .accordion-caret .accordion-toggle.collapsed:after { content: ""; margin-left: 5px } .accordion-caret .accordion-switch:not(.collapsed):before { content: ""; margin-left: 5px } .accordion-caret .accordion-switch.collapsed:before { content: ""; margin-left: 5px } .socialNetworksWrapper ul li a { font-size: 0 } .socialNetworksWrapper ul li a span { font-size: 1.4rem; display: inline-block; padding-right: 5px } .socialNetworksWrapper ul li a span.glyphicon { padding-right: unset } .generalSearchBox .input-group .input-group-btn { width: 34px; height: 34px; border-radius: 50% !important; border: none; box-shadow: none !important; color: #262c44; text-shadow: none; font-size: 13px } .generalSearchBox .input-group .input-group-btn.searchButtonWrapper:after { position: absolute; top: 3px; left: 0; z-index: 1; content: ''; font-family: "Glyphicons Halflings"; width: 24px; height: 24px; color: #262c44; font-size: 17px } .generalSearchBox .input-group .input-group-btn.searchButtonWrapper input { background: none !important; position: relative; width: 100%; height: 100%; z-index: 10 } .fixedToolsBox { position: fixed; right: -100px; width: 100px; padding: 10px; background: #fff; z-index: 999; top: 50%; transform: translateY(-50%); text-align: left; box-shadow: 10px 10px 15px rgba(0, 0, 0, .4); transition: all linear .3s } .fixedToolsBox .colorsBox .blueColor, .fixedToolsBox .colorsBox .redColor { width: 100%; height: 35px; cursor: pointer } .fixedToolsBox .colorsBox .blueColor { background-color: #4da2fa } .fixedToolsBox .colorsBox .redColor { background-color: #ce1717 } .fixedToolsBox .setFonts>div, .fixedToolsBox .setdarkMode .dark, .fixedToolsBox .reset span, .fixedToolsBox .magnify span, .fixedToolsBox .showLink span, .fixedToolsBox .audioFile span, .fixedToolsBox .contrast span, .fixedToolsBox .saturation span { display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #ddd; height: 48px } .fixedToolsBox .glyphicon { font-size: 20px; color: #333; cursor: pointer } .fixedToolsBox .reset span { border-bottom: 0 } .fixedToolsBox .fixedToolsIcon { background: transparent; position: absolute; left: -36px; top: 0; cursor: pointer; width: 30px; height: 30px } .fixedToolsIcon .glyphicon { font-size: 55px; text-align: center; animation: spin 2s infinite linear; color: #f7f855; transition: all linear .3s } .fixedToolsBox.show { right: 0 } .fixedToolsBox.show .fixedToolsIcon .glyphicon { font-size: 40px } .fixedToolsBox .setdarkMode .switch-input { display: none; position: relative; margin-bottom: 0 } .fixedToolsBox .setdarkMode .dark .text { display: none } .setFont, .setFont .switchBar a, .setFont .menu3dmega>ul>li>a, .setFont .menu3dmega>ul>li>span, .setFont .menu3dmega>ul li>a, .setFont .panel>.panel-heading .box-title { font-family: 'SDF Subsidiary' !important } .setMagnify { position: relative; overflow-x: hidden } .setBlue .headerBottom, .setBlue .generalSearchBox .input-group, .setBlue .goToTop, .setBlue .mainFooterWrap, .setBlue .radcomCopyrightAndLogo { background: #4da2fa } .setBlue .mainHeaderWrap { border-top: 6px solid #4da2fa } .setBlue .panel-style1.panel, .setBlue .panel-style1>.panel-heading { background-color: #4da2fa } .setBlue .menu3dmega>ul li:hover, .setBlue .menu3dmega>ul li.current { background: #4da2fa !important } .setRed .headerBottom, .setRed .generalSearchBox .input-group, .setRed .goToTop, .setRed .mainFooterWrap, .setRed .radcomCopyrightAndLogo { background: #ce1717 } .setRed .mainHeaderWrap { border-top: 6px solid #ce1717 } .setRed .panel-style1.panel, .setRed .panel-style1>.panel-heading { background-color: #ce1717 } .setRed .menu3dmega>ul li:hover, .setRed .menu3dmega>ul li.current { background: #ce1717 !important } .fixedToolsBox .hidePhotos { text-align: center; border-bottom: 1px solid #ddd; padding: 12px } .hidePhotos i { font-size: 23px } .hidePhotos img { visibility: hidden } .glyphicon-noimage:before { content: "" } .showLink a, .showLink a span, .showLink a span i, .showLink a i { background: #044fc8; color: #fff !important } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @media(max-width:767px) { .fixedToolsBox { width: 80px; right: -80px } } .easyPieChart { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 130px; height: 130px } .easyPieChart canvas { position: absolute; top: 0; left: 0 } .menuFullScreen .parentChildWrapper { padding: 10px; margin: auto } .menuFullScreen .menuStickyTopWrapper { height: 50px; text-align: left; width: auto; z-index: 1; left: 0; top: 0 } .menuFullScreen .menuStickyTopWrapper .glyphicon { color: white; margin: 0; font-size: 28px; transition: 100ms all ease-in; cursor: pointer; padding: 14px 10px; width: 54px; height: 54px; text-align: center; background: #262c44 } .menuFullScreen .menuStickyTopWrapper .glyphicon:hover { color: #bbb } .menuFullScreen #menuBottomWrapper { position: fixed; top: 69px; display: none; margin: auto; z-index: 10; background: white; overflow-y: auto; height: calc(100% - 50px); right: 0; left: 0; margin: 0 auto } .menuFullScreen #menuBottomWrapper>div { margin: auto; text-align: center; float: none } .menuFullScreen .socialNetworksWrapper { padding: 10px; margin: 0 auto } .menuFullScreen .parentHeader { font-weight: bolder; border-bottom: 1px solid black; padding: 5px; margin-bottom: 10px } .menuFullScreen .childrenWrapper { margin-top: 10px } .file-uploader .ruInputs li { display: block !important } .file-uploader .ruInputs li .ruStyled { width: 100% !important } .file-uploader .ruInputs li .ruStyled .ruUploadProgress { height: 15px; max-width: 90%; margin: auto; padding: 0 15px } .file-uploader .ruInputs li .ruRemove, .file-uploader .ruInputs li .ruStyled .ruFileInput, .file-uploader .ruInputs li .ruStyled .ruBrowse, .file-uploader .ruInputs li .ruStyled .ruCancel { display: none !important } .file-uploader .ruInputs li .ruCancel { display: flex; margin: auto } .aparatVideo .h_iframe-aparat_embed_frame { position: relative } .aparatVideo .h_iframe-aparat_embed_frame .ratio { display: block; width: 100%; height: auto } .aparatVideo .h_iframe-aparat_embed_frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.verticalSiteMemberMenuWrapper .navbar-nav>li{float:right;width:auto;background:#fff;border-right:none;transition:all 400ms ease-in-out}.verticalSiteMemberMenuWrapper .navbar-nav>li.open{border-right:none}.verticalSiteMemberMenuWrapper{width:100%;display:table}.verticalSiteMemberMenuWrapper ul{background:#fff !important}.verticalSiteMemberMenuWrapper .navbar-brand,.verticalSiteMemberMenuWrapper .navbar-nav>li>a{text-shadow:none;color:#0964d5 !important;text-align:center;transition:all 400ms ease-in-out}.roleItemPurchase .discountPrice{text-decoration:line-through;color:red}.siteMemberLogin .usernameFieldValueWrapper,.siteMemberLogin .passwordFieldValueWrapper,.siteMemberLogin .loginCaptchaWrapper,.siteMemberLogin .loginButtonWrapper,.siteMemberLogin .loginRememberMeWrapper{padding:0 15px}.siteMemberLogin .loginCaptchaWrapper{margin-top:20px}.login .loginFormWrapper .form-control{margin-top:17px}.login .loginFormWrapper .RadCaptcha .form-control{margin-top:0}.signupPage .formIndent{padding-right:11px}.signupPage .validationDialog.large{right:270px}.resetPasswordPage .formInput input[type="password"],.signupPage .formInput input[type="password"]{width:180px !important}.signupPage input[class="textbox"],.signupPage input[class="textbox ltr"]{height:13px;width:180px}.signupPage textarea[class="textbox"]{height:auto}.signupPage .notificationBox{margin:8px 25px 8px 0;padding:5px;border:1px solid #ddd;background-color:#e3e3e3;display:inline-block;border-radius:5px}.signupSecurityAnswer .validationDialog{right:267px}.signupPage .RadInput,.RadInputMgr{vertical-align:top !important}::-webkit-input-placeholder{color:#a9a9a9}::-moz-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9 !important}#tblUserInformation .RadInput .riTextBox{width:150px !important}.memberExpireNote{width:70%;margin:10px auto;padding:10px;border:1px solid #90c9ee;background-color:#dcedf8;text-align:justify}.memberManagerWrapper{text-align:center;display:inline}.memberSpace{margin-top:30px}.memberManagerItem{display:inline-block;width:140px;height:113px;margin:20px;padding:0;border-radius:5px;border:1px solid #e8eaef;float:right}.memberManagerItem a{display:block;text-align:center}.memberManagerItemDetails{height:109px;border-radius:5px;border:2px solid #fff;background:#fff;background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(240,243,245,1) 100%)}.memberManagerItemDetails:hover{background:#eceff0;background:linear-gradient(to bottom,rgba(236,239,240,1) 0,rgba(242,243,244,1) 100%)}.memberManagerItemDetails .icon{margin:16px auto;width:60px;height:50px;background:url('/Components/SiteMember/Resources/Images/Sprite.png') no-repeat 0 0}.memberManagerItemDetails a.editProfile{background-position:center -208px}.memberManagerItemDetails a.event{background-position:center -258px}.memberManagerItemDetails a.ticket{background-position:center -308px}.memberManagerItemDetails a.order{background-position:center -358px}.memberManagerItemDetails a.post{background-position:center -408px}.memberManagerItemDetails a.logout{background-position:center -458px}.memberManagerItemDetails a.forum{background-position:center -508px}.siteMemberMenuWrapper{margin:0;margin-bottom:0;padding:0}.callingCodeWrapper{position:relative}.callingCodeWrapper>input[type="text"]{padding-left:110px}.login .middleLogin .panel .form-horizontal .form-group .callingCodeWrapper .form-control{padding-top:13px !important;padding-bottom:11px !important}.callingCodeWrapper>input[type="text"]::-webkit-input-placeholder{text-align:right}.callingCodeWrapper>input[type="text"]::-moz-placeholder{text-align:right}.callingCodeWrapper>input[type="text"]:-ms-input-placeholder{text-align:right}.callingCodeWrapper>input[type="text"]:-moz-placeholder{text-align:right}.callingCode{display:inline-block;direction:ltr;position:absolute;top:0;left:0;z-index:99}.callingCode .flag input[type="text"],.callingCode .flag input[class="textbox"]{border:none;outline:none}.callingCode input.textbox{padding:5px 5px 5px 90px;width:91px}.callingCode div.RadComboBox{padding-bottom:2px}.callingCode div.RadComboBox .rcbInputCell{background-image:none}.callingCode div.RadComboBox .rcbReadOnly .rcbArrowCellRight{background-position:-302px -176px}.callingCode div.RadComboBox .rcbInputCell .rcbInput{padding-left:36px !important;text-align:left !important;border:none !important;margin-top:-4px !important;height:36px !important;padding-bottom:12px !important}.callingCode .flag{margin-top:7px;background:url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat}.callingCodeFlagItem{display:inline-block;background:url('/Components/General/Resources/Images/Flags/Flags.png') no-repeat;width:24px;height:24px;margin:0 0 2px 0;vertical-align:middle}.siteMemberSignup .panel-group{margin-bottom:0 !important}.siteMemberSignup .panel-heading a{color:#fff}.siteMemberSignup .panel-heading a:hover{color:#ff6565}.sitememberShortcutsWrapper .glyphicon-arrowdoubleleft{font-size:.7em}.sitememberShortcutsWrapper .shortcutThumbnail{margin:0 0 14px -16px}.sitememberShortcutsWrapper .shortcutThumbnail a{text-align:center !important;min-width:130px;padding:12px 15px;display:block;min-width:140px;border-radius:3px;font-weight:700;text-align:left;padding:8px 10px;background-color:#f9fafc;color:#1b75e8 !important}.sitememberShortcutsWrapper .shortcutThumbnail .glyphicon{display:block;height:55px;margin-right:0;margin-bottom:10px;padding:10px;text-align:center;font-size:40px !important;color:#9abae0}.sitememberShortcutsWrapper .shortcutThumbnail a:hover{background-color:#1b75e8;text-decoration:none;color:#fff !important}.siteMemberWelcomeWrapNew{padding:0;margin:0;list-style:none}.siteMemberWelcomeWrapNew a{display:inline-block;font-size:1.1rem;color:#49494d;transition:color .5s}.siteMemberWelcomeWrapNew a:hover,.siteMemberWelcomeWrapNew a:hover i{color:#49494d;transition:color .5s}.siteMemberWelcomeWrapNew>a span{padding:0 8px}.siteMemberWelcomeWrapNew:after{content:'';display:block;clear:both}.siteMemberWelcomeWrapNew li{float:right;padding:0 10px;margin:0;text-align:center;border-radius:0}.siteMemberWelcomeWrapNew li i{font-size:18px;color:#49494d;transition:all .4s;padding-left:4px}.siteMemberWelcomeWrapNew li.avatar{width:42px;height:42px;background:#343434;transition:all .4s;overflow:hidden}.siteMemberWelcomeWrapNew li.avatar:hover{background:#ff7200}.siteMemberWelcomeWrapNew li.avatar i{color:#fff;padding:0 !important}.siteMemberWelcomeWrapNew.logined li.avatar{padding:0}.siteMemberWelcomeWrapNew.logined li.avatar i{display:none}.siteMemberWelcomeWrapNew li.avatar img{width:40px;height:40px;margin:1px;border-radius:50%}.siteMemberWelcomeWrapNew .welcome{color:#49494d}.siteMemberWelcomeWrap .welcome{color:#49494d}.sitememberOrderDetail .dl-horizontal dt,.sitememberOrderDetail .dl-horizontal dd{padding-bottom:8px}.panel-roleorder{border-color:#ddd;margin:20px 0;padding:10px}.panel-roleorder .panel-heading{border-bottom:3px solid #eaedf4;padding:0 15px;font-weight:bold}.panel-roleorder .panel-heading li{padding:0 15px}.panel-roleorder .panel-body .item{border-bottom:1px solid #eaedf4;padding:15px 5px}.panel-roleorder .panel-body .item li{margin:.2em 0}.panel-roleorder .panel-body .item:first-child{padding-top:0}.panel-roleorder .panel-body .item:last-child{border-bottom:none;padding-bottom:0}.panel-roleorder .panel-body .item .customerComment{margin-top:6px}.panel-roleorder .panel-body .item .customerComment a{line-height:54px}.panel-roleorder .tooltip-inner{white-space:nowrap;max-width:none}.panel-roleorder .glyphicon-invoice{font-size:16px;margin-top:8px}.panel-roleorder .glyphicon-trash{font-size:16px;margin-top:8px}.roleItemPurchase .discountPrice{text-decoration:line-through;color:red}.memberArea_sideBar{width:340px;float:left;padding-right:15px}.memberArea_sideBarInner{background:#ecf6ff;border-radius:5px;padding:14px}.memberArea_shortcutsList{width:100%;float:right;background:#fff;border:1px solid rgba(0,0,0,.18);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:6px;overflow:hidden}.memberArea_shortcutsGroup{border-bottom:1px solid #dcdcdc;background:rgba(235,245,255,.5);box-shadow:0 1px 0 0 #dcdcdc}.memberArea_shortcutsGroup .memberArea_shortcutsHeading{padding:11px 15px;color:#1e1e1e;cursor:pointer;position:relative;transition:all .4s;font-size:17px}.memberArea_shortcutsGroup:nth-child(1) .memberArea_shortcutsHeading{background:rgba(0,0,0,.01)}.memberArea_shortcutsGroup:nth-child(2) .memberArea_shortcutsHeading{background:rgba(0,0,0,.02)}.memberArea_shortcutsGroup:nth-child(3) .memberArea_shortcutsHeading{background:rgba(0,0,0,.03)}.memberArea_shortcutsGroup:nth-child(4) .memberArea_shortcutsHeading{background:rgba(0,0,0,.04)}.memberArea_shortcutsGroup:nth-child(5) .memberArea_shortcutsHeading{background:rgba(0,0,0,.05)}.memberArea_shortcutsGroup:nth-child(6) .memberArea_shortcutsHeading{background:rgba(0,0,0,.06)}.memberArea_shortcutsGroup:nth-child(7) .memberArea_shortcutsHeading{background:rgba(0,0,0,.07)}.memberArea_shortcutsGroup:nth-child(8) .memberArea_shortcutsHeading{background:rgba(0,0,0,.08)}.memberArea_shortcutsGroup:nth-child(9) .memberArea_shortcutsHeading{background:rgba(0,0,0,.09)}.memberArea_shortcutsGroup:nth-child(9) .memberArea_shortcutsHeading{background:rgba(0,0,0,.09)}.memberArea_shortcutsGroup:nth-child(10) .memberArea_shortcutsHeading{background:rgba(0,0,0,.1)}.memberArea_shortcutsGroup:nth-child(11) .memberArea_shortcutsHeading{background:rgba(0,0,0,.11)}.memberArea_shortcutsGroup:nth-child(12) .memberArea_shortcutsHeading{background:rgba(0,0,0,.12)}.memberArea_shortcutsGroup:nth-child(13) .memberArea_shortcutsHeading{background:rgba(0,0,0,.13)}.memberArea_shortcutsGroup:nth-child(14) .memberArea_shortcutsHeading{background:rgba(0,0,0,.14)}.memberArea_shortcutsGroup:nth-child(15) .memberArea_shortcutsHeading{background:rgba(0,0,0,.15)}.memberArea_shortcutsGroup:nth-child(16) .memberArea_shortcutsHeading{background:rgba(0,0,0,.16)}.memberArea_shortcutsGroup:nth-child(17) .memberArea_shortcutsHeading{background:rgba(0,0,0,.17)}.memberArea_shortcutsHeading:hover{background:#eee}.memberArea_shortcutsHeading:after{content:'';font-family:"Glyphicons Halflings";display:block;position:absolute;top:8px;left:13px;width:30px;height:30px;margin:auto;background:#008cff;border-radius:50%;color:#fff;font-size:10px;text-align:center;transition:all .4s;padding:7px 0}.memberArea_shortcutsHeading.open--status:after{content:'';font-family:"Glyphicons Halflings";background:#82c6fd !important}.memberArea_shortcutsHeading .glyphicon{display:inline-block;float:right;margin-left:10px;font-size:25px;color:#0964d5;top:-1px}.memberArea_shortcutsHeading.open--status{background:#008cff !important;color:#fff}.memberArea_shortcutsHeading.open--status .glyphicon{color:#fff}.memberArea_shortcutsGroup .memberArea_shortcutsHeading h4{font-weight:bold;margin:0;color:inherit;padding-right:37px;font-family:"SDF Subsidiary";font-size:1.8rem}.memberArea_shortcutsHeadingDescription{padding:0 26px 0 40px;text-align:justify}.memberArea_shortcutsHeadingDescription span{font-size:1.2rem}.memberArea_shortcutsGroup:last-child{border:none}.memberArea_shortcutsBody{padding:15px}.memberArea_shortcutsBody:after{content:'';display:block;clear:both}.memberArea_shortcutsItem{padding:8px;transition:all .4s}.memberArea_shortcutsItem>div{background:#fff;border:1px solid rgba(0,0,0,.14);box-shadow:0 2px 6px 0 rgba(0,0,0,.06);padding-bottom:20px;transition:all .4s}.memberArea_shortcutsItem>div:hover{background:#3cc686 !important;color:#fff}.memberArea_shortcutsBodyDescription{text-align:justify;padding:0 20px;min-height:130px}.memberArea_shortcutsItem>div:hover a,.memberArea_shortcutsItem>div:hover span,.memberArea_shortcutsItem>div:hover i{color:#fff}.storeHeadStyle .glyphicon-store:before{content:"";font-size:25px}.forumHeadStyle .glyphicon-forum:before{content:"";font-size:25px}.supportHeadStyle .glyphicon-support:before,.memberArea_shortcutsItem .glyphicon-support:before{content:"";font-size:27px}.memberArea_shortcutsItem .glyphicon-code:before{content:"";font-size:38px}.memberArea_shortcutsItem .glyphicon-phone:before{content:""}.messageHeadStyle .glyphicon-message:before{content:"";font-size:28px}.mediaHeadStyle .glyphicon-media:before{content:"";font-size:25px}.wikiHeadStyle .glyphicon-wiki:before{content:"";font-size:25px}.requirementHeadStyle .glyphicon-requirement:before{content:"";font-size:25px}.imamHeadStyle .glyphicon-imam:before{content:"";font-size:25px}.creditHeadStyle .glyphicon-credit:before{content:"";font-size:28px}.physicianHeadStyle .glyphicon-physician:before{content:"";font-size:28px}.jobrequestHeadStyle .glyphicon-jobrequest:before{content:"";font-size:25px}.b2bHeadStyle .glyphicon-b2b:before{content:"";font-size:25px}.b2bHeadStyle .glyphicon-b2b:before{content:"";font-size:25px}.circularquestionHeadStyle .glyphicon-circularquestion:before{content:"";font-size:25px}.electronicformHeadStyle .glyphicon-electronicform:before{content:"";font-size:25px}.memberArea_shortcutsItem a{padding:34px 20px 10px 20px;display:block;border-radius:3px;transition:all .4s;padding-left:0;font-family:"SDF Subsidiary"}.memberArea_shortcutsItem a:hover span,.memberArea_shortcutsItem a:hover i{color:#fff}.memberArea_shortcutsBody:hover .memberArea_shortcutsItem:hover{opacity:1}.memberArea_shortcutsItem a:after{content:'';display:block;clear:both}.memberArea_shortcutsItem a .glyphicon{font-size:32px;color:#3cc686;vertical-align:middle;padding-left:12px;transition:all .4s;float:right;border-left:1px solid #ccc;min-height:42px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.memberArea_shortcutsItem a span{min-height:44px;font-size:1.4rem;font-weight:bold;color:#333;vertical-align:middle;padding-right:10px;transition:all .4s;float:right;width:calc(100% - 60px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.signup_userAvatarWrapper{margin-top:40px}.avatarUpload .userAvatarWrapper{margin-top:30px;margin-bottom:10px;-webkit-animation:bounceIn 2s 1 forwards;-moz-animation:bounceIn 2s 1 forwards;-ms-animation:bounceIn 2s 1 forwards;animation:bounceIn 2s 1 forwards}.memberArea_userAvatarWrapper,.signup_userAvatarWrapper,.avatarUpload .userAvatarWrapper{position:relative;width:120px;height:120px;overflow:hidden;margin-right:auto;margin-left:auto}.memberArea_userAvatar,.signup_userAvatar,.avatarUpload .userAvatar{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #ccc !important;background:#fff;display:block;border-radius:50%;cursor:pointer}.avatarUpload .bottomButton{width:125px}.memberArea_userName{display:block;text-align:center;font-weight:bold;color:#008cff;font-size:1.8rem;margin-top:10px}.memberArea_userWellcome{display:block;text-align:center;display:block;text-align:center;font-size:1.4rem;margin-top:4px}.memberArea_info{padding:40px 14px 14px 14px;background:#fff;border-radius:4px;margin-top:30px;box-shadow:0 2px 6px rgba(0,0,0,.06);position:relative}.memberArea_info_list{padding:0;margin:0;list-style:none}.memberArea_info_list li{display:block;margin-bottom:15px}.memberArea_info_list li.seperator{height:1px;background:#ccc;margin:20px}.memberArea_info_list strong{width:50%;display:inline-block;text-align:right;float:right}.memberArea_info_list span{width:50%;display:inline-block;text-align:left;float:right}.memberArea_info_list li:after{content:'';display:block;clear:both}.memberArea_info_list small{font-size:100%;opacity:.5;padding:0 4px}.memberArea_info_overlay{margin-top:auto;height:44px;position:absolute;top:-22px;right:0;text-align:center;left:0}.memberArea_button{background:#ccc;border-radius:40px;padding:8px 15px;display:inline-block;color:#fff;margin:0 4px;position:relative;transition:all .4s}.memberArea_button:hover{color:rgba(255,255,255,.5)}.memberArea_button .badge{position:absolute;top:-4px;left:-4px}.memberArea_button_yellow{background:#ff9c10;box-shadow:0 4px 10px 0 rgba(255,156,16,.4)}.memberArea_button_green{background:#0aca71;box-shadow:0 4px 10px 0 rgba(9,202,113,.4)}.memberArea_coupleButton{background:#0aca71;box-shadow:0 4px 10px 0 rgba(9,202,113,.4);border-radius:4px;position:relative;overflow:hidden}.memberArea_coupleButton a{padding:10px 7px;color:#fff;width:50%;float:right;display:block;text-align:center;transition:all .4s}.memberArea_coupleButton a:hover{background:rgba(0,0,0,.2)}.memberArea_coupleButton:after{content:'';display:block;clear:both}.memberArea_coupleButton:before{content:'';display:block;width:1px;background:rgba(255,255,255,.5);margin:auto;position:absolute;top:8px;bottom:8px;left:0;right:0}.memberArea_sideBar_floatButton{padding:15px;background:#ff0060;color:#fff;text-decoration:none;display:block;text-align:center;border-radius:0 0 6px 6px;position:absolute;right:0;left:0;bottom:0;transition:all .4s}.memberArea_sideBar_floatButton:hover{transform:scale(.9);border-radius:30px;color:#fff}.memberArea_wrapper{padding:15px}.memberArea_wrapper:after{content:'';display:block;clear:both}.roleItemPurchaseCard .roleItem{border:1px solid #eee;border-collapse:separate;border-spacing:0;border-radius:5px;margin-bottom:10px}.roleItemPurchaseCard .roleItem:hover{border:1px solid #44d68a;background-color:#7cfbb9;animation:pulse .3s;cursor:pointer}.roleItemPurchaseCard .roleItemPriceWrapper{border-bottom:1px solid #e3e3e3;margin-bottom:15px;padding-bottom:15px}.roleItemPurchaseCard .roleItemDescription{padding:15px;text-align:justify;text-align-last:center}.roleItemPurchaseCard .roleItemContainer .roleItemTitle{margin:0;padding-top:30px;padding-bottom:10px;color:#fff;font-size:2rem;font-weight:bold}.roleItemPurchaseCard .roleItemContainer .roleItemPriceWrapper{text-align:center;color:#fff}.roleItemPurchaseCard .roleItemBuyButton{padding-bottom:15px}.roleItemPurchaseCard .roleItemContainer .roleItemWrapper .roleItem{box-shadow:0 0 2px 2px #eee}.roleItemPurchaseCard .roleItemContainer .roleItemWrapper .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemWrapper .roleItemPriceWrapper{background-color:#17a8cc}.roleItemPurchaseCard .roleItemContainer .roleItemIndex0 .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemIndex0 .roleItemPriceWrapper{background-color:#17a8cc}.roleItemPurchaseCard .roleItemContainer .roleItemIndex1 .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemIndex1 .roleItemPriceWrapper{background-color:#4bc800}.roleItemPurchaseCard .roleItemContainer .roleItemIndex2 .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemIndex2 .roleItemPriceWrapper{background-color:#8020d3}.roleItemPurchaseCard .roleItemContainer .roleItemIndex3 .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemIndex3 .roleItemPriceWrapper{background-color:#505050}.roleItemPurchaseCard .roleItemContainer .roleItemIndex4 .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemIndex4 .roleItemPriceWrapper{background-color:#10748d}.roleItemPurchaseCard .roleItemContainer .roleItemIndex5 .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemIndex5 .roleItemPriceWrapper{background-color:#870728}.roleItemPurchaseCard .roleItemContainer .roleItemIndex6 .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemIndex6 .roleItemPriceWrapper{background-color:#1b36ff}.roleItemPurchaseCard .roleItemContainer .roleItemIndex7 .roleItemTitle,.roleItemPurchaseCard .roleItemContainer .roleItemIndex7 .roleItemPriceWrapper{background-color:#ff7c1b}.siteMemberMenuToggle{background:#0964d5;color:#f2f2f2;cursor:pointer;display:none;font-size:1.4rem;font-weight:bold;padding:12px 15px;text-align:right;text-transform:uppercase}.siteMemberMenuToggle .siteMemberMegaMenuToggleIcon{width:26px;height:16px;padding:0 !important;margin:0 !important;display:block;float:left;background:none}.siteMemberMenuToggle .siteMemberMegaMenuToggleIcon span{width:100%;height:4px;margin:2px 0;display:block;position:relative;background:#fff;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}.siteMemberMenuToggle.closeStatus .siteMemberMegaMenuToggleIcon span:nth-child(1){top:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.siteMemberMenuToggle.closeStatus .siteMemberMegaMenuToggleIcon span:nth-child(2){opacity:0}.siteMemberMenuToggle.closeStatus .siteMemberMegaMenuToggleIcon span:nth-child(3){top:-6px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.siteMemberForgotPasswordDescription{text-align:justify;line-height:27px}.siteMemberEmailForgotPassword{text-align:right !important}.siteMemberForgotPasswordWrapper span.formRequired{padding:4px 14px;margin-right:8px;display:inline-block;position:absolute;top:-3px;z-index:20;background:#ff2848;font-size:12px;color:#fff !important;border-radius:4px}.siteMemberForgotPasswordBtnWrapper{display:table !important;margin:0 auto !important;width:auto !important;float:none !important}.siteMemberForgotPasswordBtnWrapper .btn{margin:0 5px !important}@keyframes doubleFade{0%{opacity:0}25%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes doubleFade{0%{opacity:0}25%{opacity:1}50%{opacity:0}100%{opacity:1}}.signupUserNameContainer .RadAjaxPanel{position:absolute;right:10px;top:6px;z-index:99;animation-name:doubleFade;animation-duration:5s;animation-delay:1s}.signupUserNameContainer .RadAjaxPanel:hover{cursor:help}.signupUserNameContainer .RadAjaxPanel .glyphicon-ok{font-size:20px;color:green}.signupUserNameContainer .RadAjaxPanel .glyphicon-remove{font-size:20px;color:red}.signupPopoverTrigger{cursor:pointer}.siteMemberSignup .numberInput>input[type="text"]::-webkit-input-placeholder{text-align:right}.siteMemberSignup .numberInput>input[type="text"]::-moz-placeholder{text-align:right}.siteMemberSignup .numberInput>input[type="text"]:-ms-input-placeholder{text-align:right}.siteMemberSignup .numberInput>input[type="text"]:-moz-placeholder{text-align:right}.siteMemberSignup .buttonWrapper{position:relative}.siteMemberSignup .buttonWrapper .input-group-addon{background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%) !important;background-repeat:repeat-x !important;border-color:#245580 !important;background-color:#337ab7 !important;color:#fff !important}.siteMemberSignup .buttonWrapper .form-control{padding:8px 12px !important}.siteMemberSignup .buttonWrapper .message{padding:4px 5px;display:inline-block;position:absolute;top:100%;left:0;z-index:20;background:#908f8f;font-size:12px;color:#fff !important;-webkit-border-radius:4px;border-radius:4px;margin-top:2px}.siteMemberSignup .buttonAndCaptcha{text-align:center;margin:30px auto 0;display:table}.siteMemberForgotPasswordWrapper .captcha{text-align:center;margin:0 auto;display:table}.siteMemberForgotPasswordWrapper .buttons{text-align:center;margin:0 auto;display:table}.siteMemberForgotPasswordWrapper .buttons .btn{margin-left:5px;margin-right:5px}.siteMemberSignup .alert-danger{padding:4px 5px;display:inline-block;position:absolute;top:100%;left:0;z-index:20;background:#ff2848;font-size:12px;color:#fff !important;-webkit-border-radius:4px;border-radius:4px;margin-top:2px;margin-bottom:0}.siteMemberSignup .alert-success{padding:4px 5px;display:inline-block;position:absolute;top:100%;left:0;z-index:20;background:#1e7643;font-size:12px;color:#fff !important;-webkit-border-radius:4px;border-radius:4px;margin-top:2px;margin-bottom:0}.siteMemberSignup .validationSummaryValidator{padding:4px 5px;display:block;top:100%;left:0;z-index:20;background:#ff2848;font-size:1.4rem;color:#fff !important;-webkit-border-radius:4px;border-radius:4px;margin-top:2px;text-align:center}.resetPasswordButtons{clear:both;display:table;margin:15px auto 0}.resetPasswordButtons a{margin-left:5px;margin-right:5px}@media screen and (max-width:991px){.memberArea_sideBar{width:100% !important;padding:0;margin-bottom:15px}.memberArea_shortcutsList{width:100% !important}}@media(max-width:767px){.memberArea_shortcutsItem a{padding:10px 20px 10px 20px}.memberArea_shortcutsItem>div{padding-bottom:0}.memberArea_shortcutsGroup .memberArea_shortcutsHeading h4{font-size:1.6rem}.siteMemberWelcomeWrapNew{padding:0;margin:0;list-style:none;margin:10px auto;display:table}.siteMemberMenuToggle{display:block}.siteMemberMenuWrapper{display:none}.verticalSiteMemberMenuWrapper.darkSiteMemberMenu ul{margin:0}.rightColumn{background:none}.verticalSiteMemberMenuWrapper.darkSiteMemberMenu .navbar-nav>li.open{border-right:none}.verticalSiteMemberMenuWrapper.darkSiteMemberMenu .navbar-nav>li.open>a{border-right:none;border-bottom:2px solid #ff6a00}}.siteMemberLoginAdvanced .loginFormWrapper{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.siteMemberLoginAdvanced .loginFormInner{width:320px;margin:0 auto;border:2px dashed #707070;border-radius:10px;padding:50px;box-sizing:border-box;position:relative}.siteMemberLoginAdvanced .loginPanelHeading{position:absolute;top:-18px;padding:0;display:block;margin:0 auto;line-height:20px;text-align:center;width:100%;right:0;left:0}.siteMemberLoginAdvanced .loginPanelHeading h2{padding:0 30px;background:#fff;color:#262626;font-size:2rem;font-weight:bold;display:table;margin:0 auto;font-family:"SDF"}.siteMemberLoginAdvanced .loginFormHeading h2,.siteMemberLoginAdvanced .mobileFormHeading h2{color:#d81e1e;font-family:SDF;font-weight:bold;font-size:2rem;text-align:right;padding-left:10px}.siteMemberLoginAdvanced .userFormBody .help-block{color:#262626;font-size:1.4rem;font-weight:bold;display:block;text-align:right;font-family:SDF}.siteMemberLoginAdvanced .userFormBody .mobileFieldValueWrapper{position:relative;display:table;width:100%}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper{position:relative}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper input,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper input,.siteMemberLoginAdvanced .userFormBody .mobileFieldValueWrapper input.phoneNumber,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper input{border:2px solid #ebebeb !important;border-radius:4px;height:48px;padding:0 50px 0 10px;box-sizing:border-box;width:100%;transition:all 300ms ease-out;position:relative;z-index:2;background:transparent}.siteMemberLoginAdvanced .userFormBody .mobileFieldValueWrapper input.phoneNumber{padding-left:115px}.login .siteMemberLoginAdvanced .loginFormWrapper .RadCaptcha .form-control{margin-top:0;width:100% !important}.siteMemberLoginAdvanced .inlineCaptcha .RadCaptcha>div>p,.siteMemberLoginAdvanced .inlineCaptcha .RadCaptcha>div>div{width:50%;height:48px}.siteMemberLoginAdvanced .alertMessage .alertWrapper{background:#fff9fa;border:1px solid #ffc1c5;color:#ef5662;padding:10px;clear:both;width:100%;float:right;margin:15px 0}.siteMemberLoginAdvanced .alertMessage .alertWrapper .close{left:0}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper input[type="text"]:focus,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper input[type="password"]:focus,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper input[type="text"]:focus{border-color:#d81e1e !important;outline-color:#d81e1e;box-shadow:none}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper input[type="text"]:focus~label,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper input[type="password"]:focus~label,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper input[type="text"]:focus~label,.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper input[type="text"]:valid~label,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper input[type="password"]:valid~label,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper input[type="text"]:valid~label{right:0;background:#fff;transform:translateY(-25px) scale(.8);color:#d81e1e;padding:0 10px;top:12px;z-index:2}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper input[type="text"]:valid~label,.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper input[type="text"]:focus~label{right:-11px}.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper input[type="password"]:valid~label,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper input[type="password"]:focus~label{right:5px}.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper input[type="text"]:valid~label,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper input[type="text"]:focus~label{right:11px}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper input[type="text"]:focus~i,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper input[type="password"]:focus~i,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper input[type="text"]:focus~i{color:#d81e1e}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper .glyphicon,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper .glyphicon,.siteMemberLoginAdvanced .userFormBody .mobileFieldValueWrapper .glyphicon,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .glyphicon{color:#bebebe;position:absolute;right:25px;font-size:20px;top:12px;transition:all 200ms ease-out}.siteMemberLoginAdvanced .loginFormWrapper .RadCaptcha>span{background:#ffe3e3;border-radius:5px;margin:0 auto;display:table;color:#ba000d !important;padding:10px;font-size:1.2rem;margin-bottom:10px;width:100%;text-align:right}.siteMemberLoginAdvanced .securityCodeCheckWrapper .alert-success{border:none !important;text-shadow:none !important;box-shadow:none !important;background:#e3f2e4 !important;color:#087f23 !important}.login .phoneBoxCallingCodeWrapper .glyphicon{color:#bebebe;position:absolute;right:12px;font-size:20px;top:10px;transition:all 200ms ease-out}.phoneBoxCallingCodeWrapper .phoneNumber{padding-right:20px;padding-left:75px}.siteMemberLoginAdvanced .userFormBody .mobileFieldValueWrapper .phoneBoxCallingCodeWrapper .glyphicon{top:30px !important}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper .glyphicon.activeIcon,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper .glyphicon.activeIcon,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .glyphicon.activeIcon{color:#d81e1e}.siteMemberLoginAdvanced .userFormBody .usernameFieldValueWrapper label,.siteMemberLoginAdvanced .userFormBody .passwordFieldValueWrapper label,.siteMemberLoginAdvanced .userFormBody .mobileFieldValueWrapper label,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper label{font-size:1.4rem;font-weight:bold;color:#cecece;position:absolute;right:55px;top:6px;font-family:SDF;transition:all 200ms ease-out;display:table;transform:translateY(9px);transform-origin:0 100%}.activeLabelWithData{right:0 !important;background:#fff;transform:translateY(-25px) scale(.8) !important;color:#d81e1e;padding:0 10px;top:12px !important;z-index:2}.siteMemberLoginAdvanced .userFormBody .inputButton,.login .MobileLoginSignupButtonsWrapper .inputButton{border-radius:4px;font-size:14px;font-weight:bold;color:#fff;background:#d81e1e;width:100% !important;display:block;height:48px;font-family:SDF;border:none;box-shadow:0 3px 10px #c12525;margin:0 0 20px;transition:all 400ms ease-out}.siteMemberLoginAdvanced .userFormBody .inputButton:hover,.login .MobileLoginSignupButtonsWrapper .inputButton:hover{color:#fff;background:#f04b4b;cursor:pointer}.login .MobileLoginSignupButtonsWrapper{margin-top:0}.siteMemberLoginAdvanced .userFormBody .inputButton span,.login .MobileLoginSignupButtonsWrapper .inputButton span{display:block;text-align:center;padding:5px 0}.siteMemberLoginAdvanced .userFormBody .form-group{margin-right:0;margin-left:0}.siteMemberLoginAdvanced .userFormBody .helperLinks{display:table;width:100%}.siteMemberLoginAdvanced .userFormBody .btnHelperLinksForgotPassword a{border:1px solid #d81e1e;color:#d81e1e !important;font-size:14px;font-weight:bold;border-radius:4px;float:right;height:48px;font-family:SDF;text-decoration:none;width:calc(50% - 20px);margin-left:10px;text-align:center;display:flex;align-items:center;justify-content:center;transition:all 400ms ease-out}.siteMemberLoginAdvanced .passwordTogglerWrapper .passwordTogglerIcon{position:absolute;top:2px;bottom:2px;left:0;right:auto !important;width:48px;height:48px;color:#ebebeb;display:table;cursor:pointer;border-right:2px solid #ebebeb;z-index:2}.siteMemberLoginAdvanced .passwordTogglerWrapper .passwordTogglerIcon i{display:table-cell;vertical-align:middle;color:#666;text-align:center;right:12px !important;padding:0 !important;top:14px !important}.siteMemberLoginAdvanced .userFormBody .btnHelperLinksSignup a{border:1px solid #d81e1e;color:#d81e1e !important;font-size:14px;font-weight:bold;border-radius:4px;float:left;height:48px;font-family:SDF;text-decoration:none;width:calc(50% - 20px);margin-right:10px;text-align:center;display:flex;align-items:center;justify-content:center;transition:all 400ms ease-out}.siteMemberLoginAdvanced .userFormBody .btnHelperLinksForgotPassword a:hover,.siteMemberLoginAdvanced .userFormBody .btnHelperLinksSignup a:hover{color:#fff !important;background:#d81e1e}.siteMemberLoginAdvanced .userFormBody .rememberMeWrapper,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .signupRememberMeWrapper{text-align:right;display:table;width:100%;padding:20px 0 30px}.siteMemberLoginAdvanced .userFormBody .rememberMeWrapper .labelText{font-size:1.2rem;color:#262626;font-family:SDF;font-weight:bold;float:right}.siteMemberLoginAdvanced .userFormBody .rememberMeWrapper input{float:right}.login.advancedLogin .siteMemberLoginAdvanced .emptyError,.login.advancedLogin .siteMemberLoginAdvanced .incorrectError,.login.advancedLogin .siteMemberLoginAdvanced .validator{position:absolute !important;left:0% !important;top:100% !important;margin-right:-150px !important;margin-bottom:10px;background:#ef5662 !important;white-space:nowrap;padding:9px 25px !important;color:#fff !important;z-index:3 !important;font-family:SDF;border-radius:0 !important;display:none;margin-top:10px}.siteMemberLoginAdvanced .emptyError:before,.siteMemberLoginAdvanced .incorrectError:before,.login.advancedLogin .siteMemberLoginAdvanced .validator:before{width:0;height:0;border-style:solid;border-width:0 6px 10px 6px;border-color:transparent transparent #ef5663 transparent;bottom:100%;right:35px;content:"";position:absolute;font-family:SDF}.siteMemberLoginAdvanced .phoneBoxCallingCodeWrapper{position:relative;float:right;width:100%}.siteMemberLoginAdvanced .phoneBoxCallingCodeWrapper .select2-container--default .select2-selection--single{border:none !important;box-shadow:none;outline:0}.siteMemberLoginAdvanced .select2-container{outline:0}.siteMemberLoginAdvanced .phoneBoxCallingCode{display:inline-block;direction:ltr;left:5px;position:absolute;z-index:10;top:19px;border-right:3px solid #ebebeb;height:43px;padding:6px 0}.siteMemberLoginAdvanced .phoneBoxCallingCodeWrapper{position:relative;float:right;width:100%}.siteMemberLoginAdvanced .passwordTogglerWrapper input{padding-left:50px !important;font-size:2.7rem;padding-top:5px !important}@-moz-keyframes dothabottomcheck{0%{height:0}100%{height:7px}}@-webkit-keyframes dothabottomcheck{0%{height:0}100%{height:7px}}@keyframes dothabottomcheck{0%{height:0}100%{height:7px}}@keyframes dothatopcheck{0%{height:0}50%{height:0}100%{height:10px}}@-webkit-keyframes dothatopcheck{0%{height:0}50%{height:0}100%{height:10px}}@-moz-keyframes dothatopcheck{0%{height:0}50%{height:0}100%{height:10px}}.siteMemberLoginAdvanced input[type=checkbox]{display:none}.siteMemberLoginAdvanced .check-box,.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .signupRememberMeWrapper label.check-box{height:20px;width:20px;background:#fff;border:1px solid #bebebe;border-radius:4px;position:relative;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-transition:all ease .2s;-o-transition:all ease .2s;-webkit-transition:all ease .2s;transition:all ease .2s;cursor:pointer;float:right;margin-left:10px}.siteMemberLoginAdvanced .siteMemberMobileLoginSignupWrapper .signupRememberMeWrapper label.check-box{right:0;top:0;transform:none}.siteMemberLoginAdvanced .check-box::before,.check-box::after{position:absolute;content:' ';width:2px;background:#c92c2c;display:inline-block;border-radius:5px;box-sizing:border-box;transform-origin:left top;transition:all ease .5s}.siteMemberLoginAdvanced .check-box::before{top:13px;left:9px;transform:rotate(-135deg);height:0}.siteMemberLoginAdvanced .check-box::after{top:9px;left:3px;transform:rotate(-45deg);height:0}.siteMemberLoginAdvanced input[type=checkbox]:checked+.check-box:after,.siteMemberLoginAdvanced .check-box.checked::after{height:7px;animation:dothabottomcheck .2s ease 0s forwards}.siteMemberLoginAdvanced input[type=checkbox]:checked+.check-box:before,.siteMemberLoginAdvanced .check-box.checked::before{height:10px;animation:dothatopcheck .4s ease 0s forwards}.siteMemberLoginAdvanced .mobileLoginForm{display:none}.siteMemberLoginAdvanced .loginTabTitleWrapper{display:table;width:100%;border-bottom:2px solid #c92c2c;margin-bottom:30px}.siteMemberLoginAdvanced .loginFormHeading{display:inline-block;float:right;text-decoration:none}.siteMemberLoginAdvanced .mobileFormHeading{display:inline-block;float:left;text-decoration:none}.advancedLogin .mainContentWrap>.container:first-child{box-shadow:none}.siteMemberLoginAdvanced .securityCodeCheckWrapper label.securityCodeConfirmLabel{color:#656565;position:relative;right:0;top:0}.siteMemberLoginAdvanced .securityCodeCheckWrapper .securityCodeNotRecievedLink a{color:#1ca2bd;font-size:1.4rem;border-bottom:1px dashed #1ca2bd;padding-bottom:2px;display:table}.siteMemberLoginAdvanced .securityCodeCheckWrapper .help-block{background-color:#eeffdf;border:1px solid #b7ecb8;color:#518541;padding:10px;text-align:center;margin-bottom:0}.inactiveLink{pointer-events:none;cursor:not-allowed}.securityCodeNotRecievedLink{display:flex}div#CodeNotRecievedLinkCounter{float:right;display:table;margin-right:10px;margin-top:2px;color:#1ca2bd}.siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper,.siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper{position:relative}.siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper .glyphicon,.siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper .glyphicon{color:#bebebe;position:absolute;right:10px;font-size:20px;top:9px}.siteMemberMobileLoginSignupWrapper .mobileSignupFirstNameWrapper label,.siteMemberMobileLoginSignupWrapper .mobileSignupLastNameWrapper label{right:10px;background:#fff;transform:translateY(-45px) scale(.8);padding:0 10px;top:12px;z-index:23}@media(min-width:768px){.siteMemberLoginAdvanced .loginFormInner{width:550px;min-height:550px}}@media(max-width:767px){.siteMemberLoginAdvanced .loginFormInner{padding:20px}.siteMemberLoginAdvanced .loginFormHeading h2,.siteMemberLoginAdvanced .mobileFormHeading h2{font-size:1.4rem}.siteMemberLoginAdvanced .loginFormInner{min-height:490px}}.siteMemberForgotPasswordWrapper{min-width:260px}.profile-card{width:100%;max-width:370px;background:linear-gradient(45deg,#4ebe8e 0%,#a6eab9 60.1%,#6bce9c 100%);border-radius:4px;padding:10px;box-shadow:0 8px 16px rgba(23,150,101,.36);position:relative;z-index:1;overflow:hidden}.profile-card:before{content:"";background:rgba(255,255,255,.2);width:78%;height:103%;position:absolute;right:-57px;top:-45px;z-index:0;border-radius:0 53% 1% 40%;transform:rotate(29deg)}.profile-card .profile-avatar a{width:70px;height:70px;border-radius:50%;border:10px solid #8fd8b7;display:table;float:left}.profile-avatar a img{padding:0}.profile-info .full-name{color:#013312;font-weight:bold;font-size:1.5rem;line-height:20px}.profile-info .last-login{color:#46885c;font-size:1rem;line-height:25px;font-weight:bold}.profile-email,.profile-mobile{color:#013312;font-size:1.4rem;font-weight:normal;position:relative;padding-right:35px;display:block;margin:10px 0;text-align:right}.profile-email:before{content:"";font-family:'Glyphicons Halflings';width:25px;height:25px;border-radius:4px;color:#000;background:#fff;position:absolute;right:0;padding:3px 6px;top:-2px}.profile-mobile:before{content:"";font-family:'Glyphicons Halflings';width:25px;height:25px;border-radius:4px;color:#000;background:#fff;position:absolute;right:0;padding:3px 6px;top:-2px;text-align:center}@media(max-width:400px){.profile-card{width:100%}}