/* 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; } }


.calendar_day_J,a:link.calendar_day_J,a:visited.calendar_day_J,a:active.calendar_day_J,a:hover.calendar_day_J,.calendar_holiday_J,a:link.calendar_holiday_J,a:visited.calendar_holiday_J,a:active.calendar_holiday_J,a:hover.calendar_holiday_J{font-family:SDF !important;font-size:14px !important;font-weight:bold !important;text-decoration:none !important;color:#000}.calendar_holiday_J,a:link.calendar_holiday_J,a:visited.calendar_holiday_J,a:active.calendar_holiday_J,a:hover.calendar_holiday_J{color:#fc4404 !important}.calendar_day_J_small,a:link.calendar_day_J_small,a:visited.calendar_day_J_small,a:active.calendar_day_J_small,a:hover.calendar_day_J_small,.calendar_holiday_J_small,a:link.calendar_holiday_J_small,a:visited.calendar_holiday_J_small,a:active.calendar_holiday_J_small,a:hover.calendar_holiday_J_small{font:normal 10px 'SDF';text-decoration:none;color:#000}.calendar_holiday_J_small,a:link.calendar_holiday_J_small,a:visited.calendar_holiday_J_small,a:active.calendar_holiday_J_small,a:hover.calendar_holiday_J_small{color:#fc4404 !important}.calendar_day_M,a:link.calendar_day_M,a:visited.calendar_day_M,a:active.calendar_day_M,a:hover.calendar_day_M,.calendar_holiday_M,a:link.calendar_holiday_M,a:visited.calendar_holiday_M,a:active.calendar_holiday_M,a:hover.calendar_holiday_M{font:bold 12px 'Arial' !important;text-decoration:none !important;color:#134983}.calendar_holiday_M,a:link.calendar_holiday_M,a:visited.calendar_holiday_M,a:active.calendar_holiday_M,a:hover.calendar_holiday_M{color:#fc4404 !important}.calendar_day_M_small,a:link.calendar_day_M_small,a:visited.calendar_day_M_small,a:active.calendar_day_M_small,a:hover.calendar_day_M_small,.calendar_holiday_M_small,a:link.calendar_holiday_M_small,a:visited.calendar_holiday_M_small,a:active.calendar_holiday_M_small,a:hover.calendar_holiday_M_small{font:normal 8px 'Arial';text-decoration:none;color:#134983}.calendar_holiday_M_small,a:link.calendar_holiday_M_small,a:visited.calendar_holiday_M_small,a:active.calendar_holiday_M_small,a:hover.calendar_holiday_M_small{color:#fc4404 !important}.calendar_day_Q,a:link.calendar_day_Q,a:visited.calendar_day_Q,a:active.calendar_day_Q,a:hover.calendar_day_Q,.calendar_holiday_Q,a:link.calendar_holiday_Q,a:visited.calendar_holiday_Q,a:active.calendar_holiday_Q,a:hover.calendar_holiday_Q{font-size:16px !important;font-weight:bold !important;font-family:'Traditional Arabic' !important;text-decoration:none !important;color:#800000;line-height:28px !important}.calendar_holiday_Q,a:link.calendar_holiday_Q,a:visited.calendar_holiday_Q,a:active.calendar_holiday_Q,a:hover.calendar_holiday_Q{color:#fc4404 !important}.calendar_day_Q_small,a:link.calendar_day_Q_small,a:visited.calendar_day_Q_small,a:active.calendar_day_Q_small,a:hover.calendar_day_Q_small,.calendar_holiday_Q_small,a:link.calendar_holiday_Q_small,a:visited.calendar_holiday_Q_small,a:active.calendar_holiday_Q_small,a:hover.calendar_holiday_Q_small{font-size:14px;font-weight:normal;font-family:'Traditional Arabic';text-decoration:none;color:#800000}.calendar_holiday_Q_small,a:link.calendar_holiday_Q_small,a:visited.calendar_holiday_Q_small,a:active.calendar_holiday_Q_small,a:hover.calendar_holiday_Q_small{color:#fc4404 !important}.calendar_dates{font:bold 13px SDF;text-align:center;color:#000}.calendar_links{font:bold 12px SDF;text-decoration:none;color:#134983}a:link.calendar_links{font:bold 12px SDF;text-decoration:none;color:#134983}a:visited.calendar_links{font:bold 12px SDF;text-decoration:none;color:#134983}a:active.calendar_links{font:bold 12px SDF;text-decoration:none;color:#134983}a:hover.calendar_links{font:bold 12px SDF;text-decoration:none;color:#134983}.events_body{font:normal 11px 'SDF';text-decoration:none;color:#134983}a:link.events_body{font:normal 11px 'SDF';text-decoration:none;color:#134983}a:visited.events_body{font:normal 11px 'SDF';text-decoration:none;color:#134983}a:active.events_body{font:normal 11px 'SDF';text-decoration:none;color:#134983}a:hover.events_body{font:normal 11px 'SDF';text-decoration:none;color:#134983}.events_h1{font:bold 20px SDF;text-align:center;color:#000}.events_h2{font:bold 17px SDF;text-align:center;color:#800000}.events_dates{font:bold 15px SDF;text-align:center;color:#000}.eventWrapper{padding-bottom:20px}.calendar_time{font:bold 14px SDF;text-decoration:none;color:#134983}.calendar_header{font:normal 12px 'SDF';color:white;line-height:22px;background-color:#444;text-align:center}.currentday{background-color:#bfc5cc}.calendarBackGround{background-color:#fff}.calendarDay{background-color:transparent}.calendarToday{background-color:#b0c4de}#datePicker{margin:0 auto;position:relative}#datePicker a{line-height:18px}#monthPicker,#yearPicker{display:none;position:absolute;top:10px;right:0;width:100%;padding:10px 0}.showPicker{display:block !important}.hidePicker{display:none}#monthPicker a:link,#yearPicker a:link{display:inline-block;padding:3px 16px;color:#666;background:url('/Components/General/Resources/Images/Calendar/Bullet.png') no-repeat right 10px}#monthPicker a:hover,#yearPicker a:hover{color:#fc4404;text-decoration:none;background-color:#fff}.yearPickerFormWrapper{display:inline-block;padding:10px 7px;background-color:#ededed}#yearPicker input[class="datePickerTextBox"]{margin:0 5px 0 0 !important;padding:3px !important;height:16px !important;width:50px !important;font:normal 11px SDF !important;color:#134983 !important;border:1px solid #999 !important;background:#f3f3f3 !important;float:right}#yearPicker input[class="datePickerButton"]{margin:0 3px 0 0 !important;padding:0 !important;height:24px !important;width:55px !important;padding:3px !important;font:normal 10px SDF !important;color:#000 !important;float:right;border-right:1px solid #999;border-left:1px solid #999;border-top:1px solid #999;border-bottom:1px solid #999}.pickerLabel{float:right;font:normal 11px SDF;line-height:24px}.eventCatalogDay{float:right}.eventCatalogShamsiDate{float:right}.eventCatalogHijriDate{float:right}.eventCatalogMiladiDate{float:right}.eventCatalogSeperator1{float:right}.eventCatalogSeperator2{float:right}.eventCalendar{margin:0 auto;position:relative}.eventCalendar .header{position:relative;padding:10px 0 0}.eventCalendar .footer{margin:10px auto 0;text-align:center}.eventCalendar .selectMonth,.eventCalendar .selectYear{cursor:pointer}.eventCalendar .selectMonth:before,.eventCalendar .selectYear:after{content:'';display:inline-block;width:16px;height:16px;font-family:"Glyphicons Halflings";font-size:16px}.eventCalendar .selectYear:after{margin-right:5px}.eventCalendar .selectMonth:before{margin-left:5px}.eventCalendar .calendarMonthPicker,.eventCalendar .calendarYearPicker{display:none;background-color:#fff;border:1px solid #ddd;border-radius:5px;font-size:.8em}.eventCalendar .calendarYearPicker div{text-align:center;margin:5px}.eventCalendar .calendarMonthPicker .month{float:right;display:inline-block;width:28%;cursor:pointer;margin:5px;padding:1px;font-size:60%}.eventCalendar .calendarMonthPicker .month:hover{background-color:#ddd}.eventCalendar .footer .todayButton{display:inline-block;padding:7px 7px;border:1px solid #e2edf7;background:#fdfdfd;background:linear-gradient(to bottom,#fdfdfd 0,#d7e0e9 100%);font:normal normal 11px/1 SDF;color:#8e99a5;text-shadow:1px 1px 0 #eaeff3;box-shadow:0 1px 0 #e2edf7;border-radius:4px}.eventCalendar .footer .todayButton:hover{border:1px solid #d1dfeb;background:#ecf0f4;background:linear-gradient(to bottom,#ecf0f4 0,#ced7e1 100%);color:#7b8896;cursor:pointer}.eventCalendar .header .dates{display:block;margin:0 auto;text-align:center;position:relative}.eventCalendar .header .dates span{display:inline-block;margin-bottom:5px}.eventCalendar .header .dates .jalali{font:bold normal 100%/1px 'SDF Subsidiary';color:#414141}.eventCalendar .header .dates .miladi{font:bold normal 80%/1px SDF;color:#407b9d}.eventCalendar .header .dates .qamari{font:normal normal 80%/1px 'SDF',SDF;color:#949494}.eventCalendar .header .next{width:76px;height:16px;top:20px;left:0;right:auto !important;margin:auto;position:absolute;cursor:pointer;font-size:12px;text-align:left;direction:rtl}.eventCalendar .header .previous{width:76px;height:16px;top:20px;right:0;left:auto !important;margin:auto;position:absolute;cursor:pointer;font-size:12px;text-align:right;direction:rtl}.eventCalendar .header .previous i,.eventCalendar .header .next i{font-size:14px;padding:0 2px;color:#ff5722}@media(max-width:768px){.eventCalendar .header .previous span,.eventCalendar .header .next span{display:none}}.eventCalendar .mainCalendar .dayHeader{margin-bottom:6px;box-shadow:inset 0 0 0 1px #e2edf7;background:#fdfdfd;background:linear-gradient(to bottom,#fdfdfd 0,#ecf0f4 100%);border-radius:4px;font-size:60%;color:#575757}.eventCalendar .mainCalendar .dayHeader div{display:inline-block;padding:4px 0;text-align:center}.eventCalendar .mainCalendar .dayList{margin:0 auto;vertical-align:top}.eventCalendar .mainCalendar .dayList .today{background:#e3ecf8;background:linear-gradient(to bottom,#e3ecf8 0,#b0c4de 100%);border:1px solid #e3ecf8}.eventCalendar .mainCalendar .dayList>div{display:inline-block;text-align:center;cursor:pointer}.eventCalendar .mainCalendar .dayList>div>div{border:2px solid #e2e5ed;text-align:center;background:#fdfdfd;background:linear-gradient(to bottom,#fdfdfd 0,#f2f7fa 100%);margin:2px;padding:1px;cursor:pointer;border-radius:4px}.eventCalendar .mainCalendar .dayList>div>div:hover{background:#fdfdfd;background:linear-gradient(to bottom,#fdfdfd 0,#e2e6e8 100%);border:2px solid #e2e5ed}.eventCalendar .mainCalendar .dayList .spacer{border-color:transparent !important;background:none !important}.eventCalendar .mainCalendar .dayList .spacer:hover{background:none !important;border-color:transparent !important}.eventCalendar .mainCalendar .dayList>div>div div{padding:0 2px}.eventCalendar .mainCalendar .dayList>div>div div>a{display:block}.eventCalendar .mainCalendar .dayList .jalali{font:normal normal 100%/1 'SDF';color:#4c4c4c;padding-top:3px}.eventCalendar .mainCalendar .dayList .qamari{font:normal normal 100%/1 SDF;color:#868686;padding-top:3px}.eventCalendar .mainCalendar .dayList .miladi{font:normal normal 85%/1 SDF;color:#00b6d1;padding-top:3px;padding:0 3px 3px 0}.eventCalendar .mainCalendar .dayList .holiday *{color:#f00 !important}.eventHoliday{color:#f00 !important}.eventCalendar .mainCalendar .dayList .small{font-size:55%}.eventCalendar .mainCalendar .dayList .jalali.small{font-size:70%;padding:0 3px 3px 0}.eventCalendar .mainCalendar .dayList .miladi.small{padding:0 3px 3px 0}.eventCalendar .mainCalendar .dayList .qamari.small{font-size:50%;padding:1px 0 3px 3px}.list-group-item-heading .accordion-toggle:before{font-family:'Glyphicons Halflings';content:"";float:right;color:grey;margin-left:8px}.list-group-item-heading .accordion-toggle.collapsed:before{content:"";margin-left:8px}.eventsCurrentMonthTitle{font-weight:bold;font-family:"SDF Subsidiary";font-size:18px}@media screen and (max-width:768px){.eventCalendar .mainCalendar .dayList .jalali{margin-bottom:6px}.eventCalendar .mainCalendar .dayList .small{font-size:75% !important;padding:0 !important}}.eventToolsContainer .eventTools i{font-size:19px;padding:0 4px}.eventDetail .eventTitle{font:bold normal 18px 'SDF Subsidiary'}.calendarYearPicker .btn{margin:0}.eventLightSliderItemWrapper .eventDisplayDisabled .eventDateWrapper{background:#fff;border:2px solid #fabc05;width:80px;height:80px !important;border-radius:50%;box-sizing:border-box;margin:0 auto 20px;padding:12px 0;text-align:center;display:table;box-shadow:2.5px 4.33px 10px 0 rgba(85,85,85,.282);position:relative}.eventLightSliderItemWrapper .eventDisplayDisabled .eventDateWrapper .eventStartDate{float:right;width:50%}.eventLightSliderItemWrapper .eventDisplayDisabled .eventDateWrapper .eventDateSeparator{float:right;width:1%;padding:10px 0}.eventLightSliderItemWrapper .eventDisplayDisabled .eventDateWrapper .eventEndDate{float:right;width:49%}.eventLightSliderItemWrapper .eventDisplayDisabled .eventDateWrapper:before{position:absolute;content:"";height:22px;width:2px;background:#f7ba06;top:100%;right:calc(50% - 2px)}.eventLightSliderItemWrapper .eventDisplayDisabled .dayOfMonthWrapper span{color:#ff9c00;font-weight:bold;font-size:20px;display:table;line-height:20px;margin:8px auto 0}.eventLightSliderItemWrapper .eventDisplayDisabled .monthWrapper span{color:#553716;font-weight:bold;font-size:11px}.eventLightSliderItemWrapper .eventDisplayDisabled .eventTitleWrapper a{color:#826c48;font-size:14px;font-weight:bold;text-align:center}.eventLightSliderItemWrapper .eventDisplayDisabled .eventInfoWrapper{border-radius:15px;box-shadow:2.5px 4.33px 10px 0 rgba(85,85,85,.282);background:#fff;border:2px solid #fabc05;padding:10px 10px 5px;opacity:.5}.eventLightSliderItemWrapper .eventDisplayNormal .eventDateWrapper{background:#fff;border:2px solid #144e8c;width:80px;height:80px !important;border-radius:50%;box-sizing:border-box;margin:0 auto 20px;padding:12px 0;text-align:center;display:table;box-shadow:2.5px 4.33px 10px 0 rgba(85,85,85,.282);position:relative}.eventLightSliderItemWrapper .eventDisplayNormal .eventDateWrapper .eventStartDate{float:right;width:50%}.eventLightSliderItemWrapper .eventDisplayNormal .eventDateWrapper .eventDateSeparator{float:right;width:1%;padding:10px 0}.eventLightSliderItemWrapper .eventDisplayNormal .eventDateWrapper .eventEndDate{float:right;width:49%}.eventLightSliderItemWrapper .eventDisplayNormal .eventDateWrapper:before{position:absolute;content:"";height:22px;width:2px;background:#144e8c;top:100%;right:calc(50% - 2px)}.eventLightSliderItemWrapper .eventDisplayNormal .dayOfMonthWrapper span{color:#144e8c;font-weight:bold;font-size:20px;display:table;line-height:20px;margin:8px auto 0}.eventLightSliderItemWrapper .eventDisplayNormal .monthWrapper span{color:#553716;font-weight:bold;font-size:11px}.eventLightSliderItemWrapper .eventDisplayNormal .eventTitleWrapper a{color:#826c48;font-size:14px;font-weight:bold;text-align:center}.eventLightSliderItemWrapper .eventDisplayNormal .eventInfoWrapper{border-radius:15px;box-shadow:2.5px 4.33px 10px 0 rgba(85,85,85,.282);background:#fff;border:2px solid #144e8c;padding:10px 10px 5px}.eventLightSliderWrapper .eventLightSliderTopNextPrev a i{width:25px;height:25px;font-weight:bold;font-size:16px;border-radius:5px;box-shadow:.5px .866px 4px 0 rgba(153,153,153,.282);margin:0 1px;padding:5px;text-align:center}.eventLightSliderItemWrapper{margin-top:30px}@media(max-width:767px){.eventLightSliderItemWrapper{margin-top:0}}@media(max-width:550px){.eventCalendar .mainCalendar .dayList .small{font-size:12px !important;padding:0 !important}.eventCalendar .mainCalendar .dayList .miladi.small{font-size:12px}.eventCalendar .mainCalendar .dayList>div>div{border:1px solid #e2e5ed}.eventCalendar .mainCalendar .dayList>div>div:hover{border:1px solid #e2e5ed}.eventCalendar .mainCalendar .dayList .today>div{border:1px solid #ed1c24 !important;padding:4px 2px !important;margin:0 !important}.eventCalendar .mainCalendar .dayList>div,.eventCalendar .mainCalendar .dayList>div>div{padding:4px 2px !important;margin:0 !important}.eventCalendar{padding:5px !important}}.eventCalendarDaily .eventsWrapper .selectedDateTitleWrapper{font-size:120%;font-weight:900;margin-bottom:1rem}
.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% }
/* Start of Module News */ .newsListInfo { } .newsListDate { color: #7b7979; display: block; } .newsListClickCount { float: right; color: #7b7979; display: inline-block; } .s { border-bottom: 1px solid #b4b4b4; } .newsMore { text-align: left; } .newsMore a { position: relative; padding: 0 22px 0 0; } .newsMore a:before { content: "\e81A"; font-family: "Glyphicons Halflings"; right: 0; top: 0; position: absolute; color: #0964d5; } .newsBullet:before { content: "\2666"; color: #000; padding-left: 8px; font-size: 11px; font-family: Arial, sans-serif; } .newsDetailToolbox { float: left; margin-bottom: 10px; } .newsDetailToolbox a { padding: 0; display: inline-block; margin: 0 2px; text-decoration: none; font-size: 1.5em; color: #5a6575; border-radius: 0; width: 18px; height: 22px; text-align: center; background-color: transparent; } .newsDetailToolbox a span { font-size: 2rem !important; } .newsDetailToolbox div { line-height: 1px; float: left; } .newsWrapper { position: relative; padding-bottom: 1px; } .marquee { font: normal bold 13px SDF; color: #183B65; font-weight: bold; text-decoration: none; } .newsRotatorBoxHorizontal { position: relative; margin: 0 auto; } .newsRotatorBoxHorizontalButtonRight { position: absolute; background: url('/Components/News/Resources/App_Themes/Default-fa-IR/Images/NewsRotator/RightButtonRotator.png') no-repeat 0 50%; right: 0; top: 0; height: 100%; background-color: #484848; width: 23px; display: block; cursor: pointer; } .newsRotatorBoxHorizontalButtonRight:hover { background-position: -17px 50%; } .newsRotatorBoxHorizontalButtonLeft { position: absolute; background: url('/Components/News/Resources/App_Themes/Default-fa-IR/Images/NewsRotator/LeftButtonRotator.png') no-repeat 0 50%; left: 0; top: 0; height: 100%; background-color: #484848; width: 23px; display: block; cursor: pointer; } .newsRotatorBoxHorizontalButtonLeft:hover { background-position: -17px 50%; } .newsRotatorBoxVertical { position: relative; margin: 0 auto; } .newsRotatorBoxVerticalButtonTop { background: url('/Components/News/Resources/App_Themes/Default-fa-IR/Images/NewsRotator/UpButtonRotator.png') no-repeat 50% -17px; width: 100%; background-color: #484848; height: 23px; display: block; cursor: pointer; } .newsRotatorBoxVerticalButtonTop:hover { background-position: 50% 0; } .newsRotatorBoxVerticalButtonBottom { background: url('/Components/News/Resources/App_Themes/Default-fa-IR/Images/NewsRotator/DownButtonRotator.png') no-repeat 50% -17px; width: 100%; background-color: #484848; height: 23px; display: block; cursor: pointer; } .newsRotatorBoxVerticalButtonBottom:hover { background-position: 50% 0; } .newsRotatorBoxVerticalDataList { } .rotatorStart, .rotatorStop, .rotatorStartSelected, .rotatorStopSelected { width: 16px; height: 16px; display: block; cursor: pointer; outline: none; border-width: 0; border-style: none; background-image: url('/Components/News/Resources/App_Themes/Default-fa-IR/Images/NewsRotator/Buttons.png'); } .rotatorStopSelected { background-position: 0 -16px; } .rotatorStartSelected { background-position: -16px -16px; } .rotatorStop { background-position: 0 0; } .rotatorStart { background-position: -16px 0; } .rotatorStop:hover { background-position: 0 -16px; } .rotatorStart:hover { background-position: -16px -16px; } .newsRotatorTitle { text-align: justify; line-height: 18px; font: normal bold 15px SDF; font-weight: bold; text-decoration: none; color: #0d2e8f; } a.newsRotatorTitle:link, a.newsRotatorTitle:visited, a.newsRotatorTitle:active { text-align: justify; line-height: 18px; font: normal bold 15px SDF; font-weight: bold; text-decoration: none; color: #0d2e8f; } a.newsRotatorTitle:hover { text-decoration: none; color: #0d2e8f; } .newsRotatorLead { text-align: justify; line-height: 18px; text-decoration: none; color: #000; } a.newsRotatorLead:link, a.newsRotatorLead:visited, a.newsRotatorLead:active { text-align: justify; line-height: 18px; text-decoration: none; color: #000; } a.newsRotatorLead:hover { text-decoration: none; color: #000; } .newsRotatorThumbnailTitle { color: #000; } .newsRotatorThumbnailTitle img { border: #aaa solid 1px !important; } .horizontalNewsRotatorIcon { position: absolute; top: 0; right: 35%; margin-top: -9px; } .verticalNewsRotatorIcon { position: absolute; right: 0; top: 42%; } .titleWithBullet { background: url(/Components/News/Resources/Images/NewsBullet.png) no-repeat right center !important; padding-right: 10px; min-height: 10px; font-size: 1.3rem; text-decoration: none; color: #5a6575; text-indent: 0; } a:link.titleWithBullet, a:visited.titleWithBullet, a:active.titleWithBullet, .titleWithBullet a:link, .titleWithBullet a:visited, .titleWithBullet a:active { text-decoration: none; color: #5a6575; text-indent: 0; } a:hover.titleWithBullet, .titleWithBullet a:hover { text-decoration: none; color: #ff9000; text-indent: 0; } a:link.newsTagLink, a:visited.newsTagLink, a:active.newsTagLink, .newsTagLink a:link, .newsTagLink a:visited, .newsTagLink a:active { text-decoration: none; color: #5a6575; text-indent: 0; } a:hover.newsTagLink, .newsTagLink a:hover { text-decoration: none; color: #ff9000; text-indent: 0; } .newsRotatorLightContainer { padding: 4px; border: solid 1px #dddddd; display: inline-block; } .newsSlider .sliderTitle { text-align: justify; font-weight: bold; font-size: 1.4rem; } .newsSlider .sliderType { text-align: right; } .newsSlider .sliderUpTitle { text-align: right; } .newsSlider .sliderSubTitle { text-align: right; } .newsSliderContainer .sliderThumbnail .thumbnailTitle { font-size: 1.2rem; } .sliderDescription { text-align: justify; } .sliderDate { text-align: justify; } .sliderSource { text-align: justify; } .newsSliderContainer { border: 1px solid #cdcece; border-radius: 3px; background: #cccdd0 linear-gradient(to bottom, #eaeaea 0%, #fff 100%); -webkit-box-shadow: 0px 0px 5px 0px #aaa; -moz-box-shadow: 0px 0px 5px 0px #aaa; box-shadow: 0px 0px 5px 0px #aaa; padding-top: 10px; padding-bottom: 10px; } .newsSliderContainer .sliderImage { } .newsSliderContainer .sliderText { padding-bottom: 15px; } .newsSliderContainer .sliderText .sliderDate { text-align: left; font-size: .9em; } .newsSliderContainer .sliderImage img { border: 1px solid #aaa; border-radius: 3px; } .newsSliderContainer .sliderThumbnail { width: 100% !important; } .sliderThumbnail .content-slider h3 { padding: 0px; } .sliderThumbnail .content-slider h3 img { transition: all .5s ease-in-out; opacity: .8; cursor: pointer; } .sliderThumbnail .content-slider h3 { box-sizing: border-box; overflow: hidden; } .sliderThumbnail .content-slider h3 img:hover { opacity: 1; } .sliderThumbnail .content-slider .active img { box-sizing: border-box; border: 1px solid #c54c4f; opacity: 1; } .sliderThumbnail .inner { padding: 5px; background: #cccdd0 linear-gradient(to bottom, #eaeaea 0%, #fff 100%); -webkit-box-shadow: 0px 0px 5px 0px #aaa; -moz-box-shadow: 0px 0px 5px 0px #aaa; box-shadow: 0px 0px 5px 0px #aaa; width: 100%; } .newsListSeparator { border-bottom: 1px dashed #818080; padding: 10px; } .newsListItem .newsSource { float: right; color: #7b7979; } .newsListItem .newsRank { float: right; color: #7b7979; } .newsListItem .newsListDate { float: right; } .newsDetailBody.lead { margin-top: 15px; font-size: 1.8rem; } .newsListLead .glyphicon-arrowdoubleleft:before { font-size: 9px; } .newsDetail .newsDetailSource { float: left; } .newsDetail .newsDetailDate { float: left; } .newsDetail .newsDetailClickCount { display: block; clear: both; } @media(max-width: 767px) { .newsSliderTopContainer .sliderImage { display: none; } .newsSliderTopContainer .sliderThumbnail { } .newsSliderTopContainer .sliderText .lSAction { display: none !important; } } @media(min-width: 768px) { .newsSliderTopContainer .sliderText .lSAction { display: none !important; } } .newsMasonryList .masonryList .masonryListGridItem { border: 1px solid #eee; padding: 10px; -webkit-box-shadow: 2px 2px 1px 0px #eee; -moz-box-shadow: 2px 2px 1px 0px #eee; box-shadow: 2px 2px 1px 0px #eee; } .newsRotatorStyleFive .rrItem > div { position: relative; } .newsRotatorStyleFive .rrItem > div > div { padding: 0 !important; } .newsRotatorStyleFive .rrItem > div .bottmTitle { position: absolute; bottom: 0; right: 0; left: 0; padding: 30px; text-align: right; background: rgba(0, 0, 0, 0.5); } .newsRotatorStyleFive .rrItem > div .bottmTitle a { color: #fff; } .newsRotatorStyleFive .rrItem > div .topTitle { position: absolute; top: 0; right: 0; left: 0; padding: 30px; text-align: right; background: rgba(0, 0, 0, 0.5); } .newsRotatorStyleFive .rrItem > div .topTitle a { color: #fff; } .panel-news > .accordion-toggle:before, .panel-news > .panel-heading > .newsListTitle a:before { content: "\e821"; font: normal normal 0.8em/1 Glyphicons Halflings; color: #000; float: right; padding-top: 5px; padding-left: 10px; } .panel-news > .accordion-toggle.collapsed:before, .panel-news > .panel-heading > .newsListTitle .collapsed:before { content: "\e879"; float: right; padding-left: 10px; } .newsListTitle { font-weight: bold; } .panel-news .panel-heading .newsListTitle { margin-left: 20px; } .panel-news .panel-heading .newsListTitle a { text-decoration: none; color: #000; } .newsArchiveCategoryLink { position: relative; padding-right: 10px; } .newsArchiveCategoryLink:before { content: ""; position: absolute; width: 4px; height: 4px; background: #333; right: 0; transform: rotate(45deg); top: 9px; } .newsScrollListWrapper .newsTitle a { font-weight: bold; } .newsScrollListWrapper .item { clear: both; margin-bottom: 10px; display: table; width: 100%; } .newsListWrapper .newsListItem .newsListTitle a { font-weight: bold; } .postSliderWrapper .leadOnMedia a { color: #fff; } /* Link Rotator */ .newsLinkRotator { position: relative; margin: 0 -5px; padding: 23px 0; overflow: hidden; } .newsLinkRotator .itemsWrapper { position: relative; padding: 0 10px; } .newsLinkRotator div.item { padding-bottom: 10px; padding-right: 12px; } .newsLinkRotator div.item a { display: inline-block; float: right; } .newsLinkRotator div.item .newsTitle > a { float: none; display: unset; font-weight: bold; } .newsLinkRotator div.item:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; } .newsLinkRotator .next, .newsLinkRotator .previous { position: absolute; width: 100%; height: 18px; padding: 0; margin: 0; } .newsLinkRotator .next:hover, .newsLinkRotator .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; } .newsLinkRotator .next { top: 0; text-align: center; background-color: #F5F5F5; } .newsLinkRotator .previous { bottom: 0; text-align: center; background-color: #F5F5F5; } /* End Link Rotator */ .newsMarquee .str_move span { padding-left: 10px; padding-right: 10px; } .newsDetailKeywordItem { margin: 0 5px; padding: 0 10px; background-color: #e3e3e3; unicode-bidi: bidi-override; } .newsContainerWithThumb:after { content: ""; clear: both; display: table; } .newsDetail .newsTitle h1 { font-weight: bold; } /***********Print***************/ .newsPrintLead { font-weight: bold; font-size: 1.3rem !important; font-family: SDF !important; margin-top: 20px !important; display: block; } .newsPrintBody, .newsPrintBody p, .newsPrintBody span { font-size: 1.3rem !important; font-family: SDF !important; } .newsPrintTitle { font-size: 1.7rem !important; font-weight: bold; } .printView .newsDetailToolbox, .printView .mediaPlayer { display: none; } .newsPrintLogo { margin: 20px auto; display: block; float: none; } .newsPrintLogo img { display: table; margin: 0 auto; } @media print { .newsDetail .newsDetailBody.lead { font-weight: bold; font-size: 1.4rem !important; font-family: SDF !important; } .newsDetail .newsDetailBody, .newsDetail .newsDetailBody p, .newsDetail .newsDetailBody span { font-size: 1.3rem !important; font-family: SDF !important; } .newsDetailToolbox { display: none; } } /******twoSideNews*******/ .twoSidedNewsContainer:hover .newsListItemBack { opacity: 1; } .twoSideNewsWrapper .newsListItemBack { position: absolute; width: calc(100% - 30px); height: 100%; top: 0; right: 15px; left: 15px; bottom: 0; background: #394263; padding: 15px; opacity: 0; transition: all 0.6s ease-in-out; overflow: hidden; } .twoSideNewsWrapper .newsListItemBack .newsTitleBack { color: #fff; } .twoSideNewsWrapper .newsListItemBack .newsLeadBack { color: #fff; margin-top: 10px; font-size: 1.2rem; } .twoSideNewsWrapper .newsListItemBack .newsMoreInfoBack { margin-top: 10px; text-align: center; } .twoSideNewsWrapper .newsListItemBack .newsMoreInfoBack a { color: #fff; } /******News Scroll List******/ .newsScrollListItemsWrapper { overflow-y: scroll; } .newsScrollListWrapper .next, .newsScrollListWrapper .previous { width: 100%; height: 18px; padding: 0; margin: 0; text-align: center; background-color: #F5F5F5; } .newsScrollListWrapper .next:hover, .newsScrollListWrapper .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; } /******End Of News Scroll List******/ /******** News Category Vertical Tab Slider ********/ .newsCategoryVerticalTabSliderWrapper .ms-view { background: none; } .newsCategoryVerticalTabSliderWrapper .master-slider .ms-container { box-shadow: 0.5px 0.866px 4px 0px rgba(153, 153, 153, 0.282); } .newsCategoryVerticalTabSlider .ms-thumbs-cont { top: 0 !important; } .newsCategoryVerticalTabSlider .ms-tabs .ms-thumb { padding: 6px 10px; text-align: center; background: #eeeeee; } .newsCategoryVerticalTabSlider .ms-tabs .ms-thumb span { font-size: 1.4rem; font-weight: bold; color: #144e8c; } .newsCategoryVerticalTabSlider .ms-tabs.ms-dir-v .ms-thumb-frame { border-radius: 5px; background: #eeeeee; box-shadow: 0.5px 0.866px 4px 0px rgba(153, 153, 153, 0.282); margin-bottom: 10px; transition: all 400ms ease-in-out; right: 0; } .newsCategoryVerticalTabSlider .ms-tabs .ms-thumb-frame-selected { background: #fff !important; right: 30px !important; } .newsCategoryVerticalTabSlider .ms-tabs .ms-thumb-frame-selected .ms-thumb { background: #fff !important; } .newsCategoryVerticalTabSlider .ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol { display: none !important; } .newsCategoryVerticalTabSlider .ms-slide { border-radius: 5px; background: #fff; box-shadow: 0.5px 0.866px 4px 0px rgba(153, 153, 153, 0.282); padding: 0 15px; } .newsCategoryVerticalTabSlider .newsTitleWrapper a { -webkit-transition: none; -o-transition: none; transition: none; color: #144e8c; font-weight: bold; font-size: 1.2rem; display: block; text-align: justify; padding: 0 5px; } .newsCategoryVerticalTabSlider .newsTitleWrapper { } .newsCategoryVerticalTabSlider .newsItemWrapper { box-sizing: border-box; padding: 12px 15px; border-bottom: 2px solid #eeeeee; } .newsCategoryVerticalTabSlider .newsItemWrapper:nth-child(3n+2) { } .newsCategoryVerticalTabSlider .newsMediaWrapper { margin-left: 5px; } .newsCategoryVerticalTabSlider .ms-skin-default .ms-nav-next { right: auto; left: 62px; background-position: -89px -103px; } .newsCategoryVerticalTabSlider .ms-skin-default .ms-nav-next, .newsCategoryVerticalTabSlider .ms-skin-default .ms-nav-prev { width: 26px; height: 26px; background: #fff; box-shadow: 0.5px 0.866px 4px 0px rgba(153, 153, 153, 0.282); border-radius: 5px; cursor: pointer; top: 0; left: 45px; margin-top: -41px; position: absolute; text-align: center; z-index: 110; } .newsCategoryVerticalTabSlider .ms-skin-default .ms-nav-next { left: 75px; } .newsCategoryVerticalTabSlider .ms-skin-default .ms-nav-next:before { content: "\e814"; font-family: 'Glyphicons Halflings'; color: #5a83ae; font-size: 17px; } .newsCategoryVerticalTabSlider .ms-skin-default .ms-nav-prev:before { content: "\e812"; font-family: 'Glyphicons Halflings'; color: #5a83ae; font-size: 17px; } .newsCategoryVerticalTabSlider .newsCategoryVerticalTabSliderArchive { background: #fff; box-shadow: 0.5px 0.866px 4px 0px rgba(153, 153, 153, 0.282); border-radius: 5px; text-align: center; padding: 3px 10px; margin-bottom: 15px; } .newsCategoryVerticalTabSlider .newsCategoryVerticalTabSliderArchive a { color: #5a83ae; } .newsCategoryVerticalTabSlider { display: inline-block; width: 100%; } .newsCategoryVerticalTabSliderWrapper { padding: 0; } .newsCategoryVerticalTabSlider .ms-tabs .ms-thumb-frame-selected .ms-thumb span { color: #fabc05; } .newsSearchBox .otherFilterComponent { padding: 10px 0; } .newsDetail { margin-bottom: 10px; } .newsCategoryVerticalTabSlider .newsListWrapper .newsDateWrapper { float: left; color: #144e8c; font-size: 1.2rem; font-weight: bold; } /********End News Category Vertical Tab Slider ********/ /******** News Art Gallery Slider ********/ .newsArtGallery .ms-slide .ms-slide-layers, .newsArtGallery .ms-overlay-layers .ms-slide-layers, .newsArtGallery .ms-fixed-layers { left: auto !important; right: 0; } .newsArtGallery .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; } .newsArtGallery .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; } .newsArtGallery .artGalleryMore { font-weight: bold; font-size: 1.2rem !important; text-align: center; letter-spacing: 0; width: auto !important; padding: 5px 10px !important; line-height: normal; text-transform: uppercase; background: #fff; border-radius: 30px; } .newsArtGallery .ms-btn-container { position: absolute; margin-top: 25px; left: 0 !important; } .newsArtGallery .ms-slide-layers { width: 45% !important; } .newsArtGallery .ms-action-layer { right: 20px !important; } /********End News Art Gallery Slider ********/ /*************** News List *****************/ .newsList .newsListWrapper .newsListTitle { padding-top: 10px; padding-bottom: 10px; border: 1px solid #cecece; border-left: none; border-right: none; transition: all 0.2s ease-in-out; background: #e6e6e6; } .newsList .newsListWrapper .newsListItem { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; transition: all 0.2s ease-in-out; } .newsList .newsListWrapper .newsListItem:nth-child(odd) { background: #f2f2f2; } .newsList .newsListWrapper .newsListItem:nth-child(even) { background: #fff; } .newsList .newsListWrapper .newsListItem:last-child { margin-bottom: 15px; } .newsList .newsListWrapper .newsListItem:hover { background: #99ffb9; } @media(max-width: 767px) { .newsList .newsListWrapper .newsPublishDate span { float: right; } } /*************** End Of News List *****************/ /* End Of Module News */ .newsScrollListItemsWrapper.hideNormalScroll { overflow-y: hidden; } /*newsSliderHorizantalTabs */ .newsShowcaseSliderHorizontalTabsWrapper .titleWrapper { margin-bottom: 3px; margin-top: 3px; } .newsShowcaseSliderHorizontalTabsWrapper .titleWrapper a { font-weight: bold; font-size: 1.6rem; } .newsShowcaseSliderHorizontalTabsWrapper .dateWrapper { color: #777; margin-top: 5px; font-size: 1.3rem; } /* newsSliderDesign5*/ .newsSliderTopContainer .sliderColumn .sliderTitle a { font-weight: bold; font-size: 1.6rem; } .newsSliderTopContainer .sliderColumn .sliderMoreInformation a { color: #000 } .newsSliderTopContainer .sliderColumn .sliderDate { font-size: 1.3rem; margin-top: 5px; margin-bottom: 5px; } /*news-listnews*/ .newsListItemContainer .newsListWrapper .newsListTitle a { font-weight: bold; font-size: 1.4rem; } .newsCoverWrapper .newsCoverTitle a { font-weight: bold; } .newsListItemContainer .newsListWrapper .newsListTitle h3 { margin-top: 5px; margin-bottom: 5px; } .newsListItemContainer .newsListWrapper .newsListDateTop { font-size: 1.3rem; color: #777; } .newsListItemContainer .newsListWrapper .newsListLead { margin-top: 5px; } .newsCoverWrapper .newsListWrapper .newsListTitle a { font-weight: bold; } /*newsMasonryList*/ .newsMasonryList .masonryListItemTitle { margin-top: 5px; margin-bottom: 5px; } .newsMasonryList .masonryListItemTitle a { font-weight: bold; } /*twoSidedNewsContainer*/ .twoSidedNewsContainer .newsTitleFront { font-weight: bold; margin: 5px 0; font-size: 1.5rem; } .twoSidedNewsContainer .newsTitleBack { font-weight: bold; } .twoSideNewsWrapper .reverseAlign input { color: #787878 } /*newsCuteSlider*/ .newsCuteSliderWrapper .sliderTitle a { font-weight: bold; } .newsCuteSliderWrapper .sliderLead { margin-top: 3px; } .newsCuteSliderWrapper .sliderDate { margin-top: 3px; margin-bottom: 3px; font-size: 1.3rem; color: #606060; } /*newsCuteSlider*/ .newsVideoGallary .ms-videogallery-template .ms-thumb-list.ms-dir-v .ms-thumb-frame h3 { width: auto; height: auto; } .newsVerticalTabSlider .masterSliderVerticalTabsTitle, .newsVerticalTabSlider .masterSliderVerticalTabsDescription { position: relative !important; } .newsDetailSocialNetwork .socialCaption { float: right; line-height: normal; } /*****************************/ .publishDateAndNewsLinkInlineContainer .newsListLinkContainer a.newsListLink { color: #5B5B5B; box-shadow: none; border-radius: 4px; border: 1px solid #ABABAB; margin: 0; transition: all linear .3s; } .publishDateAndNewsLinkInlineContainer .newsListLinkContainer a.newsListLink:hover { background: #ABABAB !important; } .publishDateAndNewsLinkInlineContainer > .row { display: flex; justify-content: center; align-items: center; } .publishDateAndNewsLinkInlineContainer .newsDetailCode > span:first-child { font-weight: bold; } .newsDetailNewsRelatedSlider .panel-heading { font-weight: bold; font-size: 1.6rem; } .printDetailMediaWrapper { margin-bottom: 1rem; } @media(max-width:767px) { .publishDateAndNewsLinkInlineContainer { background: none !important; border: none !important; box-shadow: none !important; } .publishDateAndNewsLinkInlineContainer > .row { flex-flow: column; } .publishDateAndNewsLinkInlineContainer .newsDetailCode { margin-bottom: 10px; } } .newsDetailAlbumTitle { font-size: 1.6rem; color: #0964d5; padding: 10px; } /* news detail 2 share section */ .newsDetail2 .newsShare { display: inline-block; position: relative; } .newsDetail2 .newsShare .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; } .newsDetail2 .newsShare .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; } .newsDetail2 .newsShare .shareItem { background: none; border: none; padding: 0; } .newsDetail2 .newsShare .albumDetail2ShareTitle { display: block; font-size: 1.2rem; text-align: center; } .newsDetail2 .newsShare .socialNetworkItemWrap { display: table; padding-top: 5px; margin: 0 auto; } .newsDetail2 .newsShare .socialNetworkItemWrap > a { color: #595f77; display: inline-block; margin: 0 3px; } /* end of news detail 2 share section */ /* news detail 2*/ .newsDetail2 { border-radius: 0px 0px 10px 10px; background: #eff3f7; border: 1px solid #f2f2f2; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08); } .newsDetail2 .toolsNewsDetail { display: flex; flex-direction: row; justify-content: space-between; padding: 20px 24px 16px; } .newsDetail2 .glyphicon { color: #147cdc; padding-right: 3px; } .newsDetail2 span + span { font-weight: normal; font-size: 13px; line-height: 32px; text-align: right; color: #49494a; } .newsDetail2 .toolsNewsDetail .rightDetail { width: 60%; display: flex; flex-direction: row; justify-content: space-between; } .newsDetail2 .toolsNewsDetail .LeftDetail { width: 40%; display: flex; flex-direction: row; justify-content: flex-end; } .newsDetail2 .toolsNewsDetail .LeftDetail .newPrint { padding-left: 20px; } .newsDetail2 .copyLink { border-top: 1px solid #e1e4e8; padding: 20px 24px 16px; } .newsDetail2 .copyLink { padding: 8px 10px 8px; } .newsDetail2 .toolsNewsDetail { padding: 15px 13px 16px; } .newsDetail2 .toolsNewsDetail .rightDetail, .newsDetail2 .toolsNewsDetail .LeftDetail { flex-direction: column; justify-content: flex-start } .newsDetail2 .infoNewsDetail { border-radius: 10px 10px 0px 0px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); padding: 20px 20px 86px; overflow: hidden; } .newsDetail2 .infoNewsDetail .newsTitle { font-weight: bold; font-size: 18px; line-height: 35px; text-align: right; color: #0a5497; margin-top: 0; } .newsDetail2 .infoNewsDetail .newsImage img { width: 100%; border-radius: 10px; } .newsDetail2 .infoNewsDetail .newsLead { font-weight: normal; font-size: 16px; line-height: 35px; text-align: right; color: #0a5497; position: relative; padding-bottom: 25px; padding-top: 23px; } .newsDetail2 .infoNewsDetail .newsLead:before { content: ""; height: 1px; background: #e1e4e8; width: calc(100% + 40px); position: absolute; bottom: 0; right: -20px; left: 0; margin: 0 auto; } .newsDetail2 .infoNewsDetail .newsDescription { font-weight: normal; font-size: 16px; line-height: 35px; text-align: right; color: #000; padding-top: 33px; } .newsDetail2 .tabListWrapper { display: flex; flex-direction: row; flex-basis: 100%; border-radius: 10px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); padding: 16px 8px; align-items: center; margin-top: 30px; } .newsDetail2 .tabListWrapper ul { flex-grow: 1; padding: 0; margin: 0; list-style-type: none; padding: 0 3px; } .newsDetail2 .tabListWrapper ul li { display: inline; border-radius: 10px; background: #dee9f2; padding: 9px 16px; margin-left: 6px; cursor: pointer; transition: all 400ms ease-in-out; } .newsDetail2 .tabListWrapper ul li a { font-weight: normal; font-size: 14px; text-align: center; color: #0a5497; display: inline; text-decoration: none; transition: all 400ms ease-in-out; } .newsDetail2 .tabListWrapper ul li.tabSelected, .newsDetail2 .tabListWrapper ul li:hover { background: #147cdc; } .newsDetail2 .tabListWrapper ul li.tabSelected a, .newsDetail2 .tabListWrapper ul li:hover a { color: #fff; } /* end of news detail 2 */ /* news list by output */ .newsListByOutput .customRightFullNews { position: relative; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); } .newsListByOutput .customRightFullNews .imageNewsInfo { position: relative; } .newsListByOutput .customRightFullNews .imageNewsInfo:before { content: ""; position: absolute; height: 40%; bottom: 0; right: 0; left: 0; margin: 0 auto; border-radius: 10px; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(8, 64, 112, 0.73) 47.37%, #0b599a 100%); } .newsListByOutput .customRightFullNews img { width: 100%; border-radius: 10px; } .newsListByOutput .customRightFullNews .imageNewsTitle { position: absolute; bottom: 10%; } .newsListByOutput .customRightFullNews .imageNewsTitle a { font-weight: bold; font-size: 20px; text-align: right; color: #fff; padding: 0 20px; text-decoration: none; display: block; } .newsListByOutput .leftNewsImageListItem { border-radius: 10px; background: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12); } .newsListByOutput .leftNewsImageListItem { border-radius: 10px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); cursor: pointer; transition: all 400ms ease-in-out; } .newsListByOutput .leftNewsImageListItem:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12); } .newsListByOutput .leftNewsImageListItem:hover .leftNewsImageInfo .leftNewsImageDescription { color: #0a5497; } .newsListByOutput .leftNewsImageListItem .leftNewsImageInfo .leftNewsImagetitle { padding-bottom: 11px; } .newsListByOutput .leftNewsImageListItem .leftNewsImageInfo .leftNewsImagetitle a { font-weight: bold; font-size: 15px; line-height: 26px; text-align: right; color: #0a5497; text-decoration: none; } .newsListByOutput .leftNewsImageListItem .leftNewsImage img { border-radius: 10px 10px 0px 0px; margin: 0; width: 100%; } .newsListByOutput .leftNewsImageListItem .leftNewsImageInfo { padding: 20px 16px; } .newsListByOutput .leftNewsImageListItem .leftNewsImageInfo .leftNewsImageDescription { font-weight: normal; font-size: 14px; line-height: 25px; text-align: right; color: #000; transition: all 400ms ease-in-out; } .newsListByOutput .bottomNewsImageListItem { border-radius: 10px; background: #eff4f8; margin-top: 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); transition: all 400ms ease-in-out; } .newsListByOutput .bottomNewsImageListItem:hover { background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); } .newsListByOutput .bottomNewsImageListItem img { border-radius: 10px 10px 0px 0px; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImageInfo { padding: 20px 16px 16px; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImageInfo .bottomNewsImagetitle a { font-weight: bold; font-size: 15px; line-height: 26px; text-align: right; color: #0a5497; text-decoration: none; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImageInfo .bottomNewsImagetitle { margin-bottom: 26px; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImageInfo .bottomNewsImageDateAndImage { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImageInfo .bottomNewsImageDateAndImage .newsDate { font-weight: normal; font-size: 13px; line-height: 32px; text-align: right; color: #49494a; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImageInfo .bottomNewsImageDateAndImage a img { width: 27.91px; height: 22px; border-radius: 0 !important; } @media (max-width:991px) { .newsListByOutput .leftNewsImageListItem .leftNewsImageInfo .leftNewsImageDescription { display: none; } .newsListByOutput .leftNewsImageListItem { margin-top: 12px; margin-bottom: 10px; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImage { display: none; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImagetitle { margin: 0 !important; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImageInfo .bottomNewsImageDateAndImage { display: none; } .newsListByOutput .bottomNewsImageListItem { margin-top: 7px; background: #eff4f8; border: 1px solid #ebebeb; box-shadow: none; } .newsListByOutput .customRightFullNews .imageNewsTitle a { font-size: 15px; } .newsListByOutput .leftNewsImageListItem .leftNewsImageInfo .leftNewsImagetitle a { font-size: 12px; } .newsListByOutput .leftNewsImageListItem .leftNewsImageInfo { padding: 12px 12px 5px; } .newsListByOutput .bottomNewsImageListItem .bottomNewsImageInfo { padding: 11px 14px 11px; } } /* end of news list by output */ /* start of news list categorized */ @font-face { font-family: "FontIcon"; src: url("/Fonts/FontIcon.eot"); src: url("/Fonts/FontIcon.eot?#iefix") format("embedded-opentype"), url("/Fonts/FontIcon.woff") format("woff"), url("/Fonts/FontIcon.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "SDF"; src: url("/Fonts/IRANSansLight.eot"); src: url("/Fonts/IRANSansLight.eot?#iefix") format("embedded-opentype"), url("/Fonts/IRANSansLight.woff") format("woff"), url("/Fonts/IRANSansLight.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .glyphicon { position: relative; top: 0; display: inline-block; font-family: "FontIcon"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .no-padding { padding: 0; } .customizeNewsGroupBy { width: 100%; height: auto; margin: 0 auto 30px; } .customizeNewsGroupBy .customizeNewsItem { width: 100%; height: 127px; border-radius: 8px; overflow: hidden; position: relative; margin-bottom: 15px; } .customizeNewsGroupBy .customizeNewsItem 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; } .newsContainer { margin: 20px 0 0 0 } .customizeNewsGroupBy .customizeNewsItem .customizeNewsImage { width: 100%; height: auto; border-radius: 8px; } .customizeNewsGroupBy .customizeNewsItem .customizeNewsTitle { 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 } .customizeNewsGroupBy .customizeNewsItem:hover .customizeNewsTitle { transform: translateY(-10px); transition: all .35s; } .customizeNewsGroupBy .customizeNewsList { border: 1px solid #C1C6CC; border-radius: 8px 8px 0px 0px; width: 90%; height: 27px; margin: 0 auto; display: flex; justify-content: space-between; } .customizeNewsGroupBy .customizeNewsList .customizeNewsLead { 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; } .customizeNewsGroupBy .customizeNewsList .customizeNewsLead:before, .customizeNewsGroupBy .customizeNewsList .customizeNewsLead: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: ''; } .customizeNewsGroupBy .customizeNewsList .customizeNewsLead:after { right: auto; left: 0; } .customizeNewsGroupBy .customizeNewsList .customizeNewsbg { background: #fff; transform: translateY(-10px); display: flex; margin-left: 10px; } .customizeNewsGroupBy .customizeNewsList .customizeNewsbg .customizeNewsLoadMore { 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:479px) and (max-width:991px) { } @media only screen and (max-width:600px) { .customizeNewsGroupBy .customizeNewsList, .customizeNewsGroupBy .customizeNewsItem { height: auto; } .customizeNewsGroupBy .customizeNewsItem .customizeNewsImage { height: 100%; } .customizeNewsGroupBy { width: 100%; } } /* end of news list categorized */ /* start of news list by output with slider */ .newsListByOutputWithSlider.customizedNewsListCarusel { padding-left: 0; padding-right: 0; } .newsListByOutputWithSlider.customizedNewsListCarusel .customizedNewsListCaruselTitle { font-family: SDF; font-weight: bold; font-size: 18px; line-height: 35px; text-align: right; color: #0a5497; padding-top: 10px; } .newsListByOutputWithSlider.customizedNewsListCarusel .customizedNewsListCaruselDes { font-family: SDF; font-weight: normal; font-size: 16px; line-height: 35px; text-align: right; color: #0a5497; padding-left: 15px; margin-bottom: 35px; height: 106px; overflow: hidden; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-inner { border-radius: 10px; background: #eff4f8; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); margin-top: 30px; margin-bottom: 30px; } .newsListByOutputWithSlider .newsItem .itemImageRight { padding-right: 0; padding-left: 0; } .newsListByOutputWithSlider .newsItem img { border-radius: 0px 10px 10px 0; width: 100%; margin: 0 auto; } .newsListByOutputWithSlider .newsItem .newsDate { font-size: 13px; line-height: 32px; text-align: right; color: #49494a; font-family: SDF; } .newsListByOutputWithSlider.customizedNewsListCaruselItem { border-radius: 10px; background: #eff4f8; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08); padding-bottom: 8px; margin-bottom: 30px; transition: 0.3s ease all; } .newsListByOutputWithSlider.customizedNewsListCaruselItem:hover { background: #fff; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.09); } .newsListByOutputWithSlider.customizedNewsListCarusel .customizedNewsListCaruselItem img { border-radius: 10px 10px 0px 0px; } .newsListByOutputWithSlider.customizedNewsListCarusel .customizedNewsListCaruselItem .newsTitle { font-weight: bold; font-size: 15px; line-height: 26px; text-align: right; color: #0a5497; padding: 5px 15px; margin-bottom: 15px; } .newsListByOutputWithSlider .customizedNewsList .customizedNewsListCaruselItem .newsDate { font-size: 13px; line-height: 32px; text-align: right; color: #49494a; font-family: SDF; padding: 0 15px; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-controls { position: relative; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-control { width: 40px; height: 40px; background-color: #fff; border: 1px solid #c2d5e5; opacity: 1; top: -90px; background-image: none; border-radius: 50%; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-control.right { right: auto; left: 73px; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-control.left { left: 20px; right: auto; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-control.left .glyphicon::before { font-family: "FontIcon"; content: "\E857"; font-size: 20px; position: absolute; transform: rotate(90deg); left: -3px; top: 0px; text-shadow: none; color: #0a5497; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-control.right .glyphicon::before { font-family: "FontIcon"; content: "\E857"; font-size: 20px; position: absolute; transform: rotate(270deg); right: -4px; top: 0px; text-shadow: none; color: #0a5497; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-control { color: #428bca; bottom: auto; opacity: 1; } .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-control.left, .newsListByOutputWithSlider.customizedNewsListCarusel .carousel-control.right { background-image: none !important; } .newsListByOutputWithSlider .customizedNewsList { padding-left: 0; padding-right: 0; } @media (min-width: 768px) and (max-width: 991px) { .newsListByOutputWithSlider .newsItem img { border-radius: 0; } } @media (max-width: 767px) { .newsListByOutputWithSlider .newsItem { display: flex; flex-direction: column-reverse; } .newsListByOutputWithSlider .newsItem img { border-radius: 10px 10px 0px 0px; } .newsListByOutputWithSlider.customizedNewsListCarusel .customizedNewsListCaruselTitle { font-size: 16px; line-height: 30px; text-align: right; color: #0a5497; padding-top: 5px; } } /* end of news list by output with slider */
/*$icon-font-path: "../fonts/"; $icon-font-name:*/
.newsDetailBody.lead { border-radius: 5px; padding: 20px; background-color: #F6F7F8; border: 1px solid #F0F1F2; font-size: 14px !important; } .newsDetailToolbox a { color: #042f53; } .newsDetailToolbox a:hover { color: #3FBBDF; } .newsTitle h1 { text-align: center; color: #042f53; } .homeNewsList { margin-top: 26px; } .homeNewsList .newsCoverWrapper .newsCoverItemWrapper { padding-right: 0; } .homeNewsList .newsCoverWrapper .newsCoverItemWrapper .newsCoverWrapper { width: 100%; float: right; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); background-color: #d4d4d4; } .homeNewsList .newsCoverImage { padding-right: 0; padding-left: 0; } .homeNewsList .newsCoverTitle:not(a) { width: 100%; float: right; padding: 17px 28px 17px 20px; } .homeNewsList .newsCoverTitle a.newsCoverTitle { font-family: "SDF Subsidiary"; font-size: 18px; font-weight: bold; color: #054e78; } .homeNewsList .newsCoverTitle a.newsCoverTitle:hover { color: #3FBBDF; } .homeNewsList .newsCoverLead { width: 100%; float: right; font-size: 15px !important; line-height: 2 !important; color: #054e78; padding: 2px 28px 0 20px; margin-bottom: 21px; } .homeNewsList .newsCoverListWrapper { padding-left: 0px !important; padding-right: 0px !important; } .homeNewsList .newsListWrapper { margin-top: 30px; padding-left: 0; } .homeNewsList .newsListWrapper .newsListItem { position: relative; z-index: 2; background-color: #5F7689; transition: .4s ease-in background-color; min-height: 162px; } .homeNewsList .newsListWrapper .newsListItem:before { content: ''; position: absolute; z-index: 1; top: 0; right: 14px; bottom: 11px; left: 0; border-right: 1px solid #8DA3B6; border-bottom: 1px solid #8DA3B6; } .homeNewsList .newsListWrapper .newsListItem:after { content: ''; width: 31px; height: 35px; border-top: 1px solid #8DA3B6; border-left: 1px solid #8DA3B6; position: absolute; right: 0; bottom: 0; } .homeNewsList .newsListWrapper .newsListItem:hover { background-color: #FFC834; } .homeNewsList .newsListWrapper .newsListItem:hover .newsListItem h3 > a { color: #061B6D; } .homeNewsList .newsListWrapper .newsListItem:hover .newsListItem .newsCoverListLead { color: #061B6D; } .homeNewsList .newsListWrapper .newsListItem h3 { padding-right: 30px; margin-top: 0; } .homeNewsList .newsListWrapper .newsListItem h3 > a { display: block; padding-top: 23px; color: #FFF; font-size: 14px; transition: .4s ease-in background-color; position: relative; z-index: 999; line-height: 25px; } .homeNewsList .newsListWrapper .newsListItem .newsCoverListLead { color: #FFF; transition: .4s ease-in background-color; } .homeNewsList .newsCoverListLeadWrapper { padding-right: 30px; padding-top: 10px; padding-bottom: 15px; } .homeNewsTwoSide { margin-top: 27px; } .homeNewsTwoSide .twoSideNewsWrapper .twoSidedNewsContainer { margin-bottom: 25px; } .homeNewsTwoSide .newsListItemFront { box-shadow: 0 0 18px rgba(0, 0, 0, 0.09); background-color: #FFF; border-bottom: 3px solid #FEBA02; position: relative; } .homeNewsTwoSide .newsListItemFront .newsImageFront img { padding: 0; border-radius: 0; background-color: transparent; border: none; box-shadow: none; } .homeNewsTwoSide .newsListItemFront .newsTitleFront { font-family: "SDF Subsidiary"; font-size: 17px; font-weight: bold; color: #0E70AF; padding: 20px 50px 50px 40px; position: relative; } .homeNewsTwoSide .newsListItemFront .newsTitleFront:before { content: ''; position: absolute; top: 0; right: 24px; bottom: 21px; left: 0; border-right: 1px solid #CEDBE7; border-bottom: 1px solid #CEDBE7; } .homeNewsTwoSide .newsListItemFront .newsTitleFront:after { content: ''; width: 41px; height: 45px; border-top: 1px solid #CEDBE7; border-left: 1px solid #CEDBE7; position: absolute; right: 0; bottom: 0; } .homeNewsTwoSide .newsListItemFront .newsLeadFront { font-size: 15px; color: #0E70AF; padding: 0px 30px 30px 25px; } .homeNewsTwoSide .newsListItemBack { background-color: #FFC834; border-bottom: 3px solid #FEBA02; } .homeNewsTwoSide .newsListItemBack:before { content: ''; position: absolute; top: 0; right: 24px; bottom: 21px; left: 0; border-right: 1px solid #CEDBE7; border-bottom: 1px solid #CEDBE7; } .homeNewsTwoSide .newsListItemBack:after { content: ''; width: 41px; height: 45px; border-top: 1px solid #CEDBE7; border-left: 1px solid #CEDBE7; position: absolute; right: 0; bottom: 0; } .homeNewsTwoSide .newsListItemBack .newsTitleBack { font-family: "SDF Subsidiary"; font-size: 17px; font-weight: bold; color: #061B6D; padding: 80px 50px 22px 40px; } .homeNewsTwoSide .newsListItemBack .newsLeadBack { font-size: 15px; color: #061B6D; padding: 0px 30px 30px 25px; } .homeNewsTwoSide .newsListItemBack .newsMoreInfoBack { margin: 0 auto; position: relative; z-index: 10; } .homeNewsTwoSide .newsListItemBack .newsMoreInfoBack a { width: 77px; height: 76px; background-image: url("/App_Themes/Default-fa-IR/Images/CustomizedSprite.png"); background-position: 77px -0px; display: inline-block; } .noLead .newsLeadBack, .noLead .newsLeadFront { display: none; } .homeNewsCarousel { margin-top: 38px; } .homeNewsCarousel .ms-info .ms-info-title { font-weight: normal; } .homeNewsCarousel .ms-info .ms-info-title a { font-size: 18px; color: #0E70AF; } .homeNewsCarousel .ms-carousel .ms-carousel-info { min-height: 30px; } .homeNewsCarousel .ms-carousel .ms-nav-prev, .homeNewsCarousel .ms-carousel .ms-nav-next { width: 77px; height: 76px; background-color: transparent; } .homeNewsCarousel .ms-carousel .ms-nav-next { background-image: url("/App_Themes/Default-fa-IR/Images/CustomizedSprite.png"); background-position: 0 -0px; right: -38px; left: auto; } .homeNewsCarousel .ms-carousel .ms-nav-prev { background-image: url("/App_Themes/Default-fa-IR/Images/CustomizedSprite.png"); background-position: -77px -0px; left: -38px; right: auto; } /****************************************/
.pressStyle .homeNewsTwoSide { margin-top: 50px; } .pressStyle .homeNewsTwoSide .newsListItemFront .newsTitleFront:before, .pressStyle .homeNewsTwoSide .newsListItemFront .newsTitleFront:after, .pressStyle .homeNewsTwoSide .newsListItemBack:before, .pressStyle .homeNewsTwoSide .newsListItemBack:after { border-color: #818080; } .pressStyle .homeNewsTwoSide .newsListItemBack .newsTitleBack { color: #333; } .pressStyle .homeNewsTwoSide .newsListItemBack .newsMoreInfoBack a { background-image: url(/App_Themes/Default-fa-IR/Images/CustomizedSpriteGray.png); } .pressStyle .homeNewsTwoSide .newsListItemFront .newsTitleFront { color: #333; } .pressStyle .homeNewsTwoSide .panel { margin-bottom: 0; } .pressStyle .homeNewsTwoSide .panel .panel-body { padding-bottom: 0; } .newsListCategorized .newsListWrapper > div { padding: 0; margin-top: 30px; } .newsListCategorized .newsListWrapper > div > div { padding: 0; } .sliderNews .lSAction .lSPrev { background-color: transparent !important; border: none !important; left: 40px; border-radius: 0; top: 220px; } .sliderNews .lSAction .lSPrev::before { content: '\E812'; left: 0; top: 0; font-size: 35px; font-family: "Glyphicons Halflings"; color: #4193DE; } .sliderNews .lSAction .lSNext { background-color: transparent !important; border: none !important; right: 40px; border-radius: 0; top: 220px; } .sliderNews .lSAction .lSNext::before { content: '\E814'; right: 0; top: 0; font-size: 35px; font-family: "Glyphicons Halflings"; color: #4193DE; } .sliderNews .lSAction > a { opacity: 1; z-index: 1 !important; } .sliderNews .sliderItemContainer { height: 448px; border-radius: 8px; position: relative; overflow: hidden; } .sliderNews .sliderItemContainer .sliderInformation { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0); width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); height: auto; padding: 100px 30px 30px 30px; } .sliderNews .sliderItemContainer .sliderInformation .sliderTitle { font-size: 18px; line-height: 35px; font-weight: 6700; color: #fff; margin-top: 0; height: auto !important; } .sliderNews .sliderItemContainer .sliderInformation .sliderTitle a { font-size: 18px; line-height: 35px; font-weight: 6700; color: #fff; color: #fff; } .sliderNews .sliderItemContainer .sliderLink h3.lightSliderImageWrapper { width: 100% !important; height: 100% !important; padding: 0; } .sliderNews .sliderItemContainer .sliderLink h3.lightSliderImageWrapper img.img-responsive { width: 100% !important; height: 100% !important; border-radius: 8px; } @media (min-width: 1200px) { .homeNewsList .newsListWrapper .newsListItem h3 { padding-right: 1.56vw; margin-bottom: 0.52vw; } .homeNewsList .newsListWrapper .newsListItem h3 > a { padding-top: 1.2vw; padding-bottom: 3vw; } .homeNewsList .newsListWrapper .newsListItem .newsCoverListLead { font-size: 0.73vw; } .homeNewsList .newsCoverListImage img { max-width: 290px; z-index: 10; position: relative; } .homeNewsList .newsCoverListLeadWrapper { padding-right: 1.56vw; padding-top: 0.52vw; padding-bottom: 0.78vw; } .homeNewsTwoSide .newsListItemFront .newsTitleFront { font-size: 0.9vw; padding: 1vw 2.6vw 2.6vw 2.1vw; } .homeNewsTwoSide .newsListItemFront .newsTitleFront:before { right: 1.25vw; bottom: 1.1vw; } .homeNewsTwoSide .newsListItemFront .newsTitleFront:after { width: 2.1vw; height: 2.34vw; } .homeNewsTwoSide .newsListItemFront .newsLeadFront { font-size: 0.8vw; padding: 0px 1.55vw 1.55vw 1.3vw; } .homeNewsTwoSide .newsListItemBack:before { right: 1.25vw; bottom: 1.1vw; } .homeNewsTwoSide .newsListItemBack:after { width: 2.1vw; height: 2.34vw; } .homeNewsTwoSide .newsListItemBack .newsTitleBack { font-size: 0.9vw; padding: 4.15vw 2.6vw 1.15vw 2.1vw; } .homeNewsTwoSide .newsListItemBack .newsLeadBack { font-size: 0.8vw; padding: 0px 1.55vw 1.55vw 1.3vw; } } @media (max-width: 1199px) { .homeNewsList .newsListWrapper .newsListItem h3 { padding-right: 25px; margin-bottom: 5px; } .homeNewsList .newsListWrapper .newsListItem h3 > a { padding-top: 18px; font-size: 16px; padding-bottom: 15px; } .homeNewsList .newsCoverListLeadWrapper { padding-right: 25px; padding-top: 7px; padding-bottom: 10px; } .homeNewsTwoSide .twoSidedNewsContainer { margin-bottom: 15px; } } @media (max-width: 640px) { .tabsAlbum .tab-container-style1 .panel-body { padding: 0; } .sliderNews .sliderItemContainer { height: 240px; margin-bottom: 20px; } .sliderNews .sliderItemContainer .sliderInformation .sliderTitle a { font-size: 14px; } .sliderNews .lSAction .lSPrev { top: 100px; } .sliderNews .lSAction .lSNext { top: 100px; } .homeNewsList .newsListWrapper { padding-right: 0; } .homeNewsList .newsListWrapper .newsListItem h3 { padding-right: 0; margin-top: 0; margin-bottom: 0; } .homeNewsList .newsListWrapper .newsListItem h3 > a { float: right; width: 100%; text-align: center; padding-right: 30px; padding-left: 30px; } .homeNewsList .newsCoverListImage { float: right; width: 100%; } .homeNewsList .newsCoverListImage img { margin: 0 auto; float: none !important; padding-right: 0 !important; } .homeNewsList .newsCoverListLeadWrapper { padding-bottom: 25px; padding-right: 30px; padding-left: 30px; float: right; width: 100%; } .homeNewsTwoSide .newsListItemFront .newsTitleFront { padding: 15px 30px 30px 20px; } .homeNewsTwoSide .newsListItemFront .newsTitleFront:before { right: 14px; bottom: 11px; } .homeNewsTwoSide .newsListItemFront .newsTitleFront:after { width: 31px; height: 35px; } .homeNewsTwoSide .newsListItemBack:before { right: 14px; bottom: 11px; } .homeNewsTwoSide .newsListItemBack:after { width: 31px; height: 35px; } .homeNewsTwoSide .newsListItemBack .newsTitleBack { padding: 30px 20px 15px 8px; font-size: 16px; } .homeNewsTwoSide .newsListItemBack .newsMoreInfoBack { transform: scale(0.8); } } @media (max-width: 767px) { .homeNewsList .newsCoverTitle { text-align: center; } .homeNewsList .newsCoverTitle:not(a) { padding: 10px 15px; } .homeNewsList .newsCoverTitle a.newsCoverTitle { font-size: 14px !important; } .homeNewsList .newsCoverLead { font-size: 13px !important; margin-bottom: 10px; text-align: center; } .homeNewsList .newsListTitle h3 a { font-size: 14px !important; padding: 10px 15px !important; } .homeNewsList .newsCoverListLeadWrapper { text-align: center; padding: 0 15px; padding-bottom: 15px; } .homeNewsList .newsCoverListLeadWrapper .newsCoverListLead { font-size: 13px !important; text-align: center; } .homeNewsList .newsCoverWrapper .newsCoverItemWrapper .newsCoverWrapper { margin-bottom: 10px; } .homeNewsList .newsCoverListWrapper { padding-left: 15px !important; padding-right: 15px !important; } .homeNewsList .newsCoverListWrapper .newsListWrapper { background-color: #5F7689; padding-left: 0px; padding-right: 0px; transition: .4s ease-in background-color; } .homeNewsList .newsCoverListWrapper .newsListWrapper:hover { background-color: #FFC834 !important; } .homeNewsList .newsCoverListWrapper .newsListWrapper:hover .newsListItem { background-color: #FFC834 !important; } .homeNewsList .newsCoverListWrapper .newsListWrapper:hover .newsListItem h3 > a { color: #061B6D; } .homeNewsList .newsCoverListWrapper .newsListWrapper:hover .newsListItem .newsCoverListLead { color: #061B6D; } .homeNewsList .newsCoverListWrapper .newsListWrapper:before { content: ''; position: absolute; z-index: 1; top: 0; right: 14px; bottom: 11px; left: 0; border-right: 1px solid #8DA3B6; border-bottom: 1px solid #8DA3B6; } .homeNewsList .newsCoverListWrapper .newsListWrapper:after { content: ''; width: 31px; height: 35px; border-top: 1px solid #8DA3B6; border-left: 1px solid #8DA3B6; position: absolute; right: 0; bottom: 0; } .homeNewsList .newsCoverListWrapper .newsListWrapper .newsListItem:before { display: none; } .homeNewsList .newsCoverListWrapper .newsListWrapper .newsListItem:after { display: none; } }

.project2Rotator{position:relative}.project2ArrowLeft{position:absolute;top:0;bottom:0;left:0;margin:auto;z-index:1}.project2ArrowRight{position:absolute;top:0;right:0;bottom:0;margin:auto;z-index:1}.project2Content{float:none !important;display:table;margin:0 auto}.project2Frame{margin:0 5px}.project2Frame .p2fTop{height:10px}.project2Frame .p2fTop .p2fTopLeft{width:10px;height:10px;float:left;background:url(/Components/Project2/Resources/Images/Box.png) no-repeat 0 0}.project2Frame .p2fTop .p2fTopRight{width:10px;height:10px;float:right;background:url(/Components/Project2/Resources/Images/Box.png) no-repeat right -10px}.project2Frame .p2fTop .p2fTopMiddle{height:10px;margin:0 10px;background:url(/Components/Project2/Resources/Images/Box.png) repeat-x 0 -20px}.project2Frame .p2fMiddle{margin:0;padding:0;background-color:#d1d1d1}.project2Frame .p2fMiddle .p2fMiddleLeft{background:url(/Components/Project2/Resources/Images/BoxLeft.png) repeat-y left top}.project2Frame .p2fMiddle .p2fMiddleLeft .p2fMiddleRight{background:url(/Components/Project2/Resources/Images/BoxRight.png) repeat-y right top}.project2Frame .p2fMiddle .p2fMiddleLeft .p2fMiddleRight .p2fMiddleContent{margin:0 10px;padding:1px}.project2Frame .p2fBottom{height:10px}.project2Frame .p2fBottom .p2fBottomLeft{width:10px;height:10px;float:left;background:url(/Components/Project2/Resources/Images/Box.png) no-repeat 0 -30px}.project2Frame .p2fBottom .p2fBottomRight{width:10px;height:10px;float:right;background:url(/Components/Project2/Resources/Images/Box.png) no-repeat 0 -40px}.project2Frame .p2fBottom .p2fBottomMiddle{height:10px;margin:0 10px;background:url(/Components/Project2/Resources/Images/Box.png) repeat-x 0 -50px}.project2Frame .p2fShadow{height:12px}.project2Frame .p2fShadow .p2fShadowLeft{width:100px;height:12px;float:left;background:url(/Components/Project2/Resources/Images/BoxShadow.png) no-repeat 0 0}.project2Frame .p2fShadow .p2fShadowRight{width:100px;height:12px;float:right;background:url(/Components/Project2/Resources/Images/BoxShadow.png) no-repeat 0 -12px}.project2Frame .p2fShadow .p2fShadowMiddle{height:12px;margin:0 100px;background:url(/Components/Project2/Resources/Images/BoxShadow.png) repeat-x 0 -24px}.project2Image{height:102px !important;margin:0 !important;padding:0 !important;overflow:hidden;text-align:center}.project2Title{height:24px !important;margin:0 !important;padding:0 !important;overflow:hidden;text-align:center;background:url(/Components/Project2/Resources/Images/TitlePattern.png) repeat-x 0 0}.project2Title a{margin:0 !important;padding:0 !important;line-height:24px !important;color:#fff !important}.project2Title a:hover{color:#ff9000 !important;border-bottom:none !important}.project2ListContainer{display:block;background:url("/Components/Project2/Resources/Images/Project2ListContainer.png") repeat-x scroll 0 0 #f3f4f6;border:1px solid #b7c9e2;border-radius:5px;margin:20px 20px 0;padding:2px 20px 20px;text-align:justify}.project2ListTitle{display:block;clear:both;color:#6e6e6e;font:16px/20px SDF !important;text-decoration:none;text-shadow:1px 2px 2px #fff;margin-bottom:23px;line-height:22px !important}.project2ListContainerNoVariables.tableItem{background-color:#e3e9ed;border-top:1px solid #fff;border-bottom:1px solid #e7e7e7}.project2ListContainerNoVariables.tableAlternateItem{background-color:#f4f6f8;border-top:1px solid #fff;border-bottom:1px solid #e7e7e7}.project2ListContainerNoVariables .project2ListTitle{margin-bottom:0;line-height:28px !important;background:url("/Components/Project2/Resources/Images/Project2Bullet.png") no-repeat scroll right center;padding-right:20px}.project2ListLinkProjectType{margin-right:10px}.project2ListRadioButton{vertical-align:middle;margin-right:10px}.project2ListImageContainer{border:solid 1px #d7d7d7;margin:0 0 20px 20px;border-radius:5px;padding:1px;float:right}.project2DetailCenter{display:block;text-align:center;margin:auto}.divProject2Detail{background-color:#eaeef3;border:1px solid #bec9d7;padding-bottom:20px}.divProject2Detail .title{font:normal normal 16px/20px SDF;font-weight:normal;text-decoration:none;color:#686868;text-shadow:1px 2px 2px #fff}.divProject2Detail .imageBorder{border:1px solid #d7d7d7;border-radius:5px}.divProject2Detail .MagicThumb img{border:none}.project2DetailImageBorder{float:left;margin:0 20px 20px 0}.project2DetailImageBorder img{border:1px solid #aec4e2 !important;background-color:#f3f4f6;border-radius:5px;padding:3px}.project2Detailinfo{margin:50px 20px 20px;text-align:justify}.project2DetailTopWrap{padding:0 20px}.project2DetailTopRight{border:1px solid #b7c9e2;border-radius:5px;background:url(/Components/Project2/Resources/Images/Project2DetailTopRight.png) repeat-x 0 0 #f3f4f6;float:right;width:100%;margin-top:20px}.project2DetailTopRight .blank{height:16px}.project2DetailWrapper{margin:20px 20px 0;border:1px solid #c2d1e7;border-top:none}.project2DetailWrapper .project2CaptionWrapper{margin:0 0 5px 0}.project2DetailWrapper .project2DetailTitle{display:block;padding:0;margin:0;cursor:pointer;font:normal 16px/26px SDF;color:#686868;background:url('/Components/ExProduct/Resources/Images/DropdownButton.png') no-repeat 0 0}.project2DetailWrapper .project2CaptionWrapper .open{background-position:left -94px}.project2DetailWrapper .project2CaptionWrapper .open:hover{background-position:left -294px;color:#333}.project2DetailWrapper .project2CaptionWrapper .close{background-position:left 6px}.project2DetailWrapper .project2CaptionWrapper .close:hover{background-position:left -195px;color:#333}.project2Detail .control{display:none}.project2List .projectImage a{display:inline-block}.projectListByType{width:100%;display:inline-block}.projectTypeContainer{overflow:hidden;height:400px;width:23%;float:right;margin-left:2%;border-left:1px solid #e2e3df}.projectTypeContainer:last-child{border:none !important}.project2List .projectImage .capty-image{margin:0 auto}.project2List .projectImage .capty-wrapper{display:inline-block}.projectTabContent:after{content:"";clear:both;display:table}.project2SpecificationWrapper{display:table;width:100%;clear:both;position:relative}.projectMenuList{padding-top:40px;line-height:32px;position:relative;padding:10px 0}.projectMenuList ul{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);transition:transform .3s;padding:0;margin:0}.projectMenuList .projectDetailWrapper{position:absolute;right:0;top:0;width:100%;min-height:280px}.projectMenuList .projectDetailWrapper li+li{height:100%;color:#fff}.projectMenuList .projectDetailWrapper li+li label{font-weight:bold;margin-left:10px}.projectMenuList ul li{list-style:none;color:#444849;line-height:32px}.projectMenuList>li{position:relative;padding:0 0 0 18.5%}.projectMenuList ul.is-hidden{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.projectMenuList .projectTitleLink{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);transition:all .3s ease-in-out;display:block;position:relative;font-weight:bold;font-size:1.4rem;text-shadow:none;padding:0 !important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:32px !important}.projectMenuList .projectTitleLink span{padding:0 !important}.projectMenuList .projectTitleLink:before{content:"";position:absolute;left:0;top:2px;color:#c9cbc4;font-family:'Glyphicons Halflings'}.projectMenuList .go-back{position:relative;display:block;padding:10px}.projectMenuList .go-back:before{content:"";position:absolute;left:18.5%;top:10px;line-height:0;color:#c9cbc4;font-family:'Glyphicons Halflings'}.projectMenuList ul.moves-out>li>a,.projectMenuList.moves-out .projectTitleLink{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.menu-related-component-project{padding:0}.menu-related-component-project .projectTypeTitle{color:#fff;font-weight:bold;font-size:1.4rem;margin-bottom:.6em}.relatedProjectDetail.rtl{text-align:right}.relatedProjectDetailLabel{font-weight:bold}.projectList .projectDescription{display:inline-block;margin-top:2rem}.projectDetail5 .preOrderBtnHolder{text-align:center;margin-top:1rem}.projectDetail5 .preOrderBtnHolder>.btn{font-size:14px}.projectDetailTabList{margin-top:1rem}.relatedProjectsUnderDetail{margin-top:5rem}.projectDetail5 .specificationImageIcon{max-width:30px !important;max-height:30px !important}.projectDetail5 .topImages .row img{width:100%}.projectList .pnlProjectStates{margin:1rem}.projectRotator .pnlArchiveWrapper{text-align:center}.projectDetail5 .nextProject{float:left}.projectDetail5 .previousProject{float:right;background:#2fb8d9}.projectDetail5 .TopImageFirst img{max-width:100%}.projectDetail5 .projectDescription>span{display:inline-block;width:100%}.projectDetail5 .nextPreviousButtons{display:flow-root}.projectDetail5 .nextProject{background:#2fb8d9}.projectDetail5 .rpProjectUtilitiesTabContent .projectEquipmentIconWrap .projectEquipmentIcon{max-width:100% !important}.projectRotator .firstDetailButtonWrapper a,.projectRotator .secondDetailButtonWrapper a,.projectRotator .projectOrderUrlWrapper a,.projectRotator .pnlArchiveWrapper a{color:#394263}.projectRotatorWrapper .sliderTitle{text-align:right;margin-top:10px}
.projectStyle .projectList .project2List .project2ListWrapper .pnlImageAndInfoWrapper .projectImage a img{width:250px;height:250px;object-fit:cover;margin:auto}.projectListMasonry .masonryListGrid{margin:0 auto}.projectListMasonry .masonryListGrid .masonryListGridItem{border:1px solid #ccc;background:#f5f5f5;padding:10px}.projectListMasonry .masonryListGrid .masonryListGridItem .masonryListItemInfoWrapper{text-align:center;margin-top:10px}.projectListMasonry .masonryListGrid .masonryListGridItem .masonryListItemInfoWrapper .h4{line-height:25px !important;font-size:15px;font-weight:bold;text-align:center}.projectListMasonry .masonryListGrid .masonryListGridItem .masonryListItemImage{padding:0;background:none}.projectListMasonry .masonryListGrid .masonryListGridItem .masonryListItemImage img{border-radius:4px;border:1px solid #ddd;box-shadow:0 1px 2px rgba(0,0,0,.8);margin:0 auto}.customsProj .project2ListWrapper .pnlImageAndInfoWrapper{border:1px solid #ccc;padding:3px;background:#f5f5f5;margin-bottom:10px;padding:10px}.customsProj .project2ListInfoWrapper .projectTitle{line-height:25px !important;font-size:15px;font-weight:bold;text-align:center}.customsProj .projectImage{padding:0;background:none}.customsProj .projectImage a{display:inline}.customsProj .projectImage a img{height:100% !important}
.stats3UniqueVisitSmall .form-group{margin-bottom:0}