@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,500,300,700,100); @import url(https://fonts.googleapis.com/css?family=Raleway:900,400,800,300,500); /* Portal Mode - Portfolio Grid */ .download-players { display: inline-flex; padding-bottom: 20px; } .gkNspPM-PortfolioGrid { overflow: hidden; } dotlottie-wc.animationhowdl { width: 325px; position: relative; right: 20px; } .gkNspPM-PortfolioGrid.without-overlay { padding: 20px; } .gkNspPM-PortfolioGrid > .figure { background: #000; cursor: pointer; float: left; margin: 0; overflow: hidden; position: relative; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .gkNspPM-PortfolioGrid.without-overlay > .figure { background: transparent; padding: 20px; } .gkNspPM-PortfolioGrid.without-overlay > .figure > div { background: #fff; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .12); box-shadow: 0 0 6px rgba(0, 0, 0, .12); -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .gkNspPM-PortfolioGrid.without-overlay > .figure.loaded > div > a { background: #000; overflow: hidden; position: relative; } .gkNspPM-PortfolioGrid > .figure.loading, .gkNspPM-PortfolioGrid.without-overlay > .figure.loading > div > a { background: #f5f5f5 url('loader.gif') no-repeat center center; } .gkNspPM-PortfolioGrid[data-cols="1"] > .figure { width: 100%; } .gkNspPM-PortfolioGrid[data-cols="2"] > .figure { width: 50%; } .gkNspPM-PortfolioGrid[data-cols="3"] > .figure { width: 33.333333%; } .gkNspPM-PortfolioGrid[data-cols="4"] > .figure { width: 25%; } .gkNspPM-PortfolioGrid[data-cols="5"] > .figure { width: 20%; } .gkNspPM-PortfolioGrid[data-cols="6"] > .figure { width: 16.666666%; } .gkNspPM-PortfolioGrid[data-cols="7"] > .figure { width: 14.285714%; } .gkNspPM-PortfolioGrid[data-cols="8"] > .figure { width: 12.5%; } .gkNspPM-PortfolioGrid[data-cols="9"] > .figure { width: 11.111111%; } .gkNspPM-PortfolioGrid[data-cols="10"] > .figure { width: 10%; } .gkNspPM-PortfolioGrid[data-cols="2"] > .figure:nth-child(2n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-cols="3"] > .figure:nth-child(3n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-cols="4"] > .figure:nth-child(4n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-cols="5"] > .figure:nth-child(5n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-cols="6"] > .figure:nth-child(6n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-cols="7"] > .figure:nth-child(7n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-cols="8"] > .figure:nth-child(8n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-cols="9"] > .figure:nth-child(9n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-cols="10"] > .figure:nth-child(10n+1) { clear: both; } .gkNspPM-PortfolioGrid > .figure a, .gkNspPM-PortfolioGrid > .figure img { display: block; width: 100%; } .gkNspPM-PortfolioGrid > .figure img { opacity: 0; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -ms-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .6s ease-out; } .gkNspPM-PortfolioGrid > .figure img.image-loaded { opacity: 0.8; } .gkNspPM-PortfolioGrid > .figure img.image-not-loaded { opacity: 0; position: absolute; top: 100%; } .gkNspPM-PortfolioGrid.with-overlay .figcaption { background: rgb(50 0 109 / 88%); color: #ffffff; cursor: pointer; font-size: 13px; height: 100%; left: 0; opacity: 0; position: absolute; text-align: center; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; top: 0; width: 100%; z-index: 1; } .gkNspPM-PortfolioGrid.without-overlay .figcaption { color: #a8a8a8; font-size: 13px; padding: 20px 30px; text-align: center; } .gkNspPM-PortfolioGrid.with-overlay .figure.loaded:hover .figcaption { opacity: 1; } .gkNspPM-PortfolioGrid.with-overlay .figcaption h3 { font-size: 20px; font-weight: 400; margin: 0 0 5px 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .gkNspPM-PortfolioGrid.with-overlay .figure.loaded:hover .figcaption h3 { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .gkNspPM-PortfolioGrid.without-overlay .figcaption h3 { font-size: 18px; font-weight: bold; margin: 0 0 5px 0; } .gkNspPM-PortfolioGrid .figcaption h3 a { color: #fff; } .gkNspPM-PortfolioGrid .figcaption h3 a:active, .gkNspPM-PortfolioGrid .figcaption h3 a:focus, .gkNspPM-PortfolioGrid .figcaption h3 a:hover { color: #e9dcff; } .gkNspPM-PortfolioGrid.with-overlay .figcaption > div > span { position: relative; -webkit-transform: translateY(45px); -moz-transform: translateY(45px); -ms-transform: translateY(45px); -o-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition-delay: .05s; -moz-transition-delay: .05s; -ms-transition-delay: .05s; -o-transition-delay: .05s; transition-delay: .05s; } .gkNspPM-PortfolioGrid.with-overlay .figure.loaded:hover .figcaption > div > span { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .gkNspPM-PortfolioGrid .figcaption time + span:before { content: ", "; } .gkNspPM-PortfolioGrid.with-overlay .figcaption > div { bottom: 0; height: 35%; position: absolute; width: 100%; } .gkNspPM-PortfolioGrid.with-overlay .figcaption:before, .gkNspPM-PortfolioGrid.without-overlay .figure.loaded > div > a:before { color: #fff; content: "\F024"; font-family: FontAwesome; font-size: 70px; height: 28px; left: 40%; margin: -14px 0 0 -14px; opacity: 0; position: absolute; text-align: center; top: 50%; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; width: 28px; z-index: 2; } .gkNspPM-PortfolioGrid.with-overlay .figcaption:before { top: 40%; } .gkNspPM-PortfolioGrid.with-overlay .figure.loaded:hover .figcaption:before, .gkNspPM-PortfolioGrid.without-overlay .figure.loaded:hover > div > a:before { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .gkNspPM-PortfolioGrid.without-overlay .figure.loaded > div > a:after { background: rgba(255, 255, 255, .9); content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; width: 100%; z-index: 1; } .gkNspPM-PortfolioGrid.without-overlay .figure.loaded:hover > div > a:after { opacity: 1; } /* Photo overlay */ .gk-photo-overlay { background: rgba(0, 0, 0, .6) url('gallery_preloader.gif') no-repeat center center; display: none; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 100%; z-index: 10000000; } .gk-photo-overlay.active { display: block; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gk-photo-overlay img { -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 50px rgba(0, 0, 0, .5); box-shadow: 0 0 50px rgba(0, 0, 0, .5); display: block; height: auto; left: 50%; max-height: 95%; max-width: 95%; opacity: 1; position: fixed; top: 50%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); -o-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); width: auto; } .gk-photo-overlay img.loading { opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) scale(.8); -moz-transform: translateX(-50%) translateY(-50%) scale(.8); -ms-transform: translateX(-50%) translateY(-50%) scale(.8); -o-transform: translateX(-50%) translateY(-50%) scale(.8); transform: translateX(-50%) translateY(-50%) scale(.8); } .gk-photo-overlay-prev, .gk-photo-overlay-next { border: 2px solid #fff; border-right: none; border-bottom: none; cursor: pointer; display: block; left: 100px; height: 60px; margin-top: -30px; opacity: 0; position: fixed; top: 50%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 60px; z-index: 1; } .gk-photo-overlay-prev.active { left: 50px; opacity: 1; } .gk-photo-overlay-next.active { opacity: 1; right: 50px; } .gk-photo-overlay-prev:active, .gk-photo-overlay-prev:focus, .gk-photo-overlay-prev:hover, .gk-photo-overlay-next:active, .gk-photo-overlay-next:focus, .gk-photo-overlay-next:hover { border-color: #e45245; } .gk-photo-overlay-next { left: auto; right: 100px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .gk-photo-overlay::selection, .gk-photo-overlay img::selection { background: transparent; } .gk-photo-overlay::-moz-selection, .gk-photo-overlay img::-moz-selection { background: transparent; } /* Mobile devices */ @media (max-width: 1920px) { .gkNspPM-PortfolioGrid[data-small-desktop-cols="1"] > .figure { width: 100%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="2"] > .figure { width: 50%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="3"] > .figure { width: 33.333333%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="4"] > .figure { width: 25%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="5"] > .figure { width: 20%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="6"] > .figure { width: 16.666666%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="7"] > .figure { width: 14.285714%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="8"] > .figure { width: 12.5%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="9"] > .figure { width: 11.111111%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="10"] > .figure { width: 10%; } .gkNspPM-PortfolioGrid[data-cols="2"] > .figure:nth-child(2n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-cols="3"] > .figure:nth-child(3n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-cols="4"] > .figure:nth-child(4n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-cols="5"] > .figure:nth-child(5n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-cols="6"] > .figure:nth-child(6n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-cols="7"] > .figure:nth-child(7n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-cols="8"] > .figure:nth-child(8n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-cols="9"] > .figure:nth-child(9n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-cols="10"] > .figure:nth-child(10n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="2"] > .figure:nth-child(2n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="3"] > .figure:nth-child(3n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="4"] > .figure:nth-child(4n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="5"] > .figure:nth-child(5n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="6"] > .figure:nth-child(6n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="7"] > .figure:nth-child(7n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="8"] > .figure:nth-child(8n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="9"] > .figure:nth-child(9n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="10"] > .figure:nth-child(10n+1) { clear: both; } } @media (max-width: 1400px) { .gkNspPM-PortfolioGrid.without-overlay { padding: 32px; } .gkNspPM-PortfolioGrid.without-overlay > .figure { padding: 10px; } } @media (max-width: 1280px) { .gkNspPM-PortfolioGrid.with-overlay .figcaption h3 { font-size: 16px; } .gkNspPM-PortfolioGrid[data-tablet-cols="1"] > .figure { width: 100%; } .gkNspPM-PortfolioGrid[data-tablet-cols="2"] > .figure { width: 50%; } .gkNspPM-PortfolioGrid[data-tablet-cols="3"] > .figure { width: 33.333333%; } .gkNspPM-PortfolioGrid[data-tablet-cols="4"] > .figure { width: 25%; } .gkNspPM-PortfolioGrid[data-tablet-cols="5"] > .figure { width: 20%; } .gkNspPM-PortfolioGrid[data-tablet-cols="6"] > .figure { width: 16.666666%; } .gkNspPM-PortfolioGrid[data-tablet-cols="7"] > .figure { width: 14.285714%; } .gkNspPM-PortfolioGrid[data-tablet-cols="8"] > .figure { width: 12.5%; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="2"] > .figure:nth-child(2n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="3"] > .figure:nth-child(3n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="4"] > .figure:nth-child(4n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="5"] > .figure:nth-child(5n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="6"] > .figure:nth-child(6n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="7"] > .figure:nth-child(7n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="8"] > .figure:nth-child(8n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="9"] > .figure:nth-child(9n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-desktop-cols="10"] > .figure:nth-child(10n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-tablet-cols="2"] > .figure:nth-child(2n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-tablet-cols="3"] > .figure:nth-child(3n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-tablet-cols="4"] > .figure:nth-child(4n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-tablet-cols="5"] > .figure:nth-child(5n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-tablet-cols="6"] > .figure:nth-child(6n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-tablet-cols="7"] > .figure:nth-child(7n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-tablet-cols="8"] > .figure:nth-child(8n+1) { clear: both; } } @media (max-width: 840px) { .gkNspPM-PortfolioGrid { margin: -25px; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="1"] > .figure { width: 100%; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="2"] > .figure { width: 50%; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="3"] > .figure { width: 33.333333%; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="4"] > .figure { width: 25%; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="5"] > .figure { width: 20%; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="6"] > .figure { width: 16.666666%; } .gkNspPM-PortfolioGrid[data-tablet-cols="2"] > .figure:nth-child(2n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-tablet-cols="3"] > .figure:nth-child(3n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-tablet-cols="4"] > .figure:nth-child(4n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-tablet-cols="5"] > .figure:nth-child(5n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-tablet-cols="6"] > .figure:nth-child(6n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-tablet-cols="7"] > .figure:nth-child(7n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-tablet-cols="8"] > .figure:nth-child(8n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="2"] > .figure:nth-child(2n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="3"] > .figure:nth-child(3n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="4"] > .figure:nth-child(4n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="5"] > .figure:nth-child(5n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="6"] > .figure:nth-child(6n+1) { clear: both; } } @media (max-width: 640px) { .gkNspPM-PortfolioGrid { margin: -15px; } .gkNspPM-PortfolioGrid.without-overlay { padding: 5px; } .gkNspPM-PortfolioGrid[data-mobile-cols="1"] > .figure { width: 100%; } .gkNspPM-PortfolioGrid[data-mobile-cols="2"] > .figure { width: 50%; } .gkNspPM-PortfolioGrid[data-mobile-cols="3"] > .figure { width: 33.333333%; } .gkNspPM-PortfolioGrid[data-mobile-cols="4"] > .figure { width: 25%; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="2"] > .figure:nth-child(2n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="3"] > .figure:nth-child(3n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="4"] > .figure:nth-child(4n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="5"] > .figure:nth-child(5n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-small-tablet-cols="6"] > .figure:nth-child(6n+1) { clear: none; } .gkNspPM-PortfolioGrid[data-mobile-cols="2"] > .figure:nth-child(2n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-mobile-cols="3"] > .figure:nth-child(3n+1) { clear: both; } .gkNspPM-PortfolioGrid[data-mobile-cols="4"] > .figure:nth-child(4n+1) { clear: both; } } p.titlehome { font-size: 17px; color: #adb4b9; padding-bottom: 9px; font-weight: 300; text-align: center; } .nsp { position: relative; } .nspMain { overflow: hidden; margin-top: -15px; } /* Pagination */ .nspBotInterface, .nspTopInterface { clear: both; float: right; margin: 5px 0; overflow: hidden; } /* Interface - for different looking Top and Bottom interface use the following classes: .nspTopInterface .nspBotInterface (e.g.: .nspTopInterface .nspPagination li ...) */ .nspPagination { float: left; list-style-type: none!important; margin: 5px 0 0 0!important; padding: 0!important; } .nspPagination li { background: #ccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor:pointer; float:left; height: 14px; margin: 1px 4px 0 0!important; text-indent:-999em; width: 14px; } .nspPagination li:hover, .nspPagination li.active { background-color: #999; } .nspNext, .nspPrev { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; font-size:30px; float: left; /* height: 30px; */ margin: 0 0 0 4px; width: 29px; } .nspPrev:before { border-left: none; content: "\f07a"; font-family: FontAwesome; color:#8c7fd3; display: block; float: left; margin: 3px 0 0 6px; } .nspNext:before { border-right: none; content: "\f079"; font-family: FontAwesome; color:#8c7fd3; display: block; float: left; margin: 3px 0 0 6px; } .nspNext:hover, .nspPrev:hover { color:#fff; } .nspPrev:hover:before { color:#fff; } .nspNext:hover:before { color:#fff; } /* Articles layout */ .nspArts { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .nspArtPage { float: left; } .nspArt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; } .nspArt div { overflow: hidden; } .nspArt h4.nspHeader { font-size: 24px; margin: 0; padding: 10px 0 15px 0; } .nspArt h4.nspHeader a { text-decoration: none; font-size: 16px; } .nspArt h4.nspHeader a:hover { } .nspArt img.nspImage { border: none; display: block; } .nspArt .nspImageWrapper { display: block; position: relative; } .nspArt p.nspText { display: block!important; margin: 0; padding: 0!important; } .nspArt p.nspText a { } .nspArt p.nspText a:hover { } .nspArt .nspInfo { display: block!important; font-size: 90%; } .nspArt .nspInfo a { } .nspArt .nspInfo a:hover { } .nspArt .nspInfo > .nsp-stars { padding: 0 10px 0 0!important; } .nspArt .nsp-star-0:before, .nspArt .nsp-star-1:before { content: "★"; color: #6c6c6c; font-family: Arial, sans-serif; font-size: 14px; } .nspArt .nsp-star-1:before { color: #f7a834; } .nspArt .nspBadge { background: #fff; position: absolute; top: 29px; left: 20px; text-transform: uppercase; font-size: 10px; line-height: 12px; padding: 2px 10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .nspArt .tleft { text-align: left; } .nspArt .tright { text-align: right; } .nspArt .tcenter { text-align: center; } .nspArt .tjustify { text-align: justify; } .nspArt .fleft { float: left; } .nspArt .fright { float: right; } .nspArt .fnone { clear: both; float: none; width: 100%; } .readon.left, .readon.right, .readon.center { clear: both; } .readon.left { float: left; } .readon.right { float: right; } .readon.center { display: inline; float: none; } .nspAvatar { } /* Links layout */ .nspLinks { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px; } .nspList { float: left; } .nspList > li > .nspImageWrapper { float: left; } .nspLinks ul { list-style-type: none!important; padding: 0!important; } .nspLinks .nspLinkScroll1 ul li { background: #fff; border-top: 1px solid #eee; margin: 0!important; padding: 10px 3px; } .nspLinks .nspLinkScroll1 ul li:first-child { border-top: none; } .nspLinks ul li:hover { } .nspLinks ul li h4 { } .nspLinks ul li h4 a { text-decoration: none; } .nspLinks ul li h4 a:hover { } .nspLinks ul li p { } /* positioning */ .nspArts.left { float: right; } .nspLinksWrap.left { float: left; } .nspArts.right { float: left; } .nspLinksWrap.right { float: right; } /* make element unvisible */ .nspMain .unvisible { left: -9999px; position: absolute; top: auto; } /* Responsive layout */ .gkResponsive img.nspImage, img.nspImage.gkResponsive { height: auto; width: 100%!important; } .nspArt img.nspImage { max-width: 100%; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); border-radius: 10px; } .nspArt img.nspImage:hover { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .nspArtScroll1, .nspLinkScroll1 { clear: both; width: 100%; } .nspPages1 { width: 100%; } .nspPages2 { width: 200%; } .nspPages3 { width: 300%; } .nspPages4 { width: 400%; } .nspPages5 { width: 500%; } .nspPages6 { width: 600%; } .nspPages7 { width: 700%; } .nspPages8 { width: 800%; } .nspPages9 { width: 900%; } .nspPages10 { width: 1000%; } .nspPages11 { width: 1100%; } .nspPages12 { width: 1200%; } .nspPages13 { width: 1300%; } .nspPages14 { width: 1400%; } .nspPages15 { width: 1500%; } .nspPages16 { width: 1600%; } .nspPages17 { width: 1700%; } .nspPages18 { width: 1800%; } .nspPages19 { width: 1900%; } .nspPages20 { width: 2000%; } .nspCol1 { width: 100%; } .nspCol2 { width: 50%; } .nspCol3 { width: 33.333333%; } .nspCol4 { width: 25%; } .nspCol5 { width: 20%; } .nspCol6 { width: 16.666666%; } .nspCol7 { width: 14.285714%; } .nspCol8 { width: 12.5%; } .nspCol9 { width: 11.111111%; } .nspCol10 { width: 10%; } .nspCol11 { width: 9.090909%; } .nspCol12 { width: 8.333333%; } .nspCol13 { width: 7.692307%; } .nspCol14 { width: 7.142857%; } .nspCol15 { width: 6.666666%; } .nspCol16 { width: 6.25%; } .nspCol17 { width: 5.882352%; } .nspCol18 { width: 5.555555%; } .nspCol19 { width: 5.263157%; } .nspCol20 { width: 5%; } /* Animation */ .nspList, .nspArtPage { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .nspList.active, .nspArtPage.active { opacity: 1; filter: alpha(opacity=100); } /* Suffix neutral */ .neutral { color: #999; font-size: 13px; } .neutral a { color: #333; text-decoration: none; } .neutral a:active, .neutral a:focus, .neutral a:hover { color: #777; } .neutral .nspHeader{ font-size: 18px; font-weight: 400; } .neutral .nspInfo a { padding-right: 5px; } .neutral .readon { background: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; padding: 6px 10px; } .neutral .readon:active, .neutral .readon:focus, .neutral .readon:hover { background: #999; color: #fff; } .neutral .nspLinks ul li h4 { font-size: 15px; margin: 0 0 10px 0; } /* K2Store styles */ .nspK2StoreCartForm { padding: 10px 0; text-align: center; } .nspK2StoreCartForm .k2store-notification { background: #fff; border: 1px solid #e5e5e5; font-size: 12px; margin: 10px 0; padding: 10px; position: relative; } .nspK2StoreCartForm .cart_dialogue_close { position: absolute; right: 10px; top: 5px; } .nspK2StorePrice { color: #111; display: block; font-size: 14px; padding: 10px 0; text-align: center; } .nspK2StorePrice strike { color: #ccc; display: block; } /* HikaShop styles */ .nspHikashopBlock { text-align: center; } .nspHikashopBlock span { display: block; } .nspHikashopBlock .button { display: inline-block; float: none; margin-top: 30px; } .nspHikashopBlock .hikashop_product_stock_count { color: #999!important; font-size: 11px!important; padding: 10px 0!important; } /* Mobile */ @media (max-width: 800px) { .nspArts, .nspLinksWrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 0 32px; position: relative; } .nspPrev, .nspNext { left: 0; position: absolute; top: 20%; z-index: 101; } .nspNext { left: auto; right: 0; } .nspPagination { display: none; } } @media (max-width: 600px) { .nspArt { width: 100%; } .nspArt img.nspImage { max-width: 100%; } } img.crypto-logo { position: relative; right: 12px; } img.crypto-logo1 { position: relative; right: 16px; } .sup-button { align-items: center; background-color: #ff0081; border: 2px solid #e30073; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-flex; fill: #000; font-family: Roboto; font-size: 16px; font-weight: 600; height: 48px; justify-content: center; letter-spacing: -.8px; line-height: 24px; width: 180px; outline: 0; padding: 0 17px; text-align: center; text-decoration: none; transition: all .3s; user-select: none; -webkit-user-select: none; touch-action: manipulation; } .sup-button:focus { color: #171e29; } .sup-button:hover { background-color:#ff46a4; border-color: #ff46a4; fill: #06f; } .sup-button:active { background-color: #fec500; border-color: #fec500; fill: #32006d; } .sup-button1 { align-items: center; background-color: #ff0081; border: 2px solid #e30073; box-sizing: border-box; color: #fff; position: relative; left: 4px; cursor: pointer; display: inline-flex; fill: #000; font-family: Roboto; font-size: 16px; font-weight: 600; height: 48px; justify-content: center; letter-spacing: -.8px; line-height: 24px; width: 180px; outline: 0; padding: 0 17px; text-align: center; text-decoration: none; transition: all .3s; user-select: none; -webkit-user-select: none; touch-action: manipulation; } .sup-button1:focus { color: #171e29; } .sup-button1:hover { background-color:#ff46a4; border-color: #ff46a4; fill: #06f; } .sup-button1:active { background-color: #fec500; border-color: #fec500; fill: #32006d; } input#myInput { height: 27px; padding: 10px; position: relative; top: -1px; width: 300px; font-size: 14px; font-family: 'Raleway'; color: #fff; background-color: transparent; border: 1px solid #642fba; right: 5px; } input#myInput:active { color: #fff; background-color: #ff0081; border: 1px solid #ff0081; } input#myInput:focus { color: #fff; background-color: #ff0081; border: none; box-shadow: none; } input#myInput1 { height: 27px; padding: 10px; position: relative; top: -1px; width: 300px; font-size: 14px; font-family: 'Raleway'; color: #fff; background-color: transparent; border: 1px solid #642fba; right: 0; } input#myInput1:active { color: #fff; background-color: #ff0081; border: 1px solid #ff0081; } input#myInput1:focus { color: #fff; background-color: #ff0081; border: none; box-shadow: none; } p.support { text-align: -webkit-center; padding: 1% 25% 1% 25%; font-size: 20px; font-weight: 100; letter-spacing: -0.02px; color: #fff; line-height: 30px; } .uk-form-row { text-align: -webkit-center; color: #32006d; font-size: 22px; font-weight: 300; line-height: 50px; letter-spacing: -0.5px; } button.uk-button.uk-button-primary-search { width: 40px; background: url(/templates/tv_series/images/bluegray/search-zoom.png) center center no-repeat; border: 0; height: 40px; } .extras {width: 35%} .uk-article4 { min-height: 160px; /* padding-top: 5%; */ display: inline-block; margin: 0 10px 23px 10px; width: 23%; background: #32006d url(/templates/tv_series/images/bluegray/search-results1.png) center right no-repeat; vertical-align: top; -webkit-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; transition: all 300ms ease-in; } .uk-panel.uk-panel-box2 { padding: 0; background: url(/templates/tv_series/images/bluegray/bg-top-search.png) center center no-repeat; } input#search-searchword { border-width: 0 0 1px 0; text-transform: capitalize; border-color: #32006d; font-size: 22px; border-style: dashed; font-family: 'Roboto'; max-width: inherit; font-weight: 300; } .blograte .size-1.extravote { position: relative; padding: 0 0 20px 0; } .uk-panel-box-primary4 p { line-height:28px; } .imdbRatingPlugin span.ofTen { color: #e3d4ff; } .imdbRatingPlugin { color: #fff; } .imdbRatingPlugin span.votes { color: #e3d4ff; } span.extra-tlt { font-weight: 100; } span.storyline-txt { font-family: 'Roboto','Raleway'; line-height: 0; font-weight: 900; position: relative; letter-spacing: -1.2px; top: 21px; color: #642fba; left: -9px; font-size: 39px; } p.storyline { border-bottom: 1px dotted #642fba; position: relative; padding-bottom: 12px; top: -5px; } .size-1.extravote { padding: 30.3px 0; color: #fff; font-size: 24px; text-align: -webkit-center; position: absolute; top: 0; right: 0; font-weight: 100; } .uk-width-large-2-3 img {background-size: initial; width: 100%;} .banner-img {width:auto} img.marker1 { position: absolute; margin-top: 53px; right: 13px; } .follow-title h1::before { content: ""; position: absolute; left: 0; top: 51%; width: 100%; border-bottom: 1px dotted #5f666d; background: transparent; } .follow-box { text-align: left; display: inline-flex; width: 100%; } .highlight-p { font-size: 23px; position: relative; top: 13px; color: #fff; } .follow-box p {font-weight: 300; font-size: 18px; color: #aab2b9; } .follow-title-p { text-align: center; } .follow-title h1 {line-height: 76px; color: #fff; font-weight: 600; font-size: 40px; padding-bottom: 16px; } .follow-title {font-weight: 300; font-size: 18px; color: #aab2b9;position: relative;top: -5px;text-align:center;} .follow-box h2 { color: #fff;font-weight: 100; } img.marker { position: absolute; margin-top: 12px; margin-left: 13px; z-index: 1; } .folow-num3 { padding: 0 0 15px 88px; margin-top: 10px; position: relative; bottom: -8px; text-align: left; background: url(../images/bluegray/num3.png) no-repeat top left; } .folow-num3 p { font-weight: 300; font-size: 18px; color: #aab2b9; } .folow-num3 h2 { color: #fff;font-weight: 100; } .folow-num1 { padding-left: 88px; text-align: left; width: 44%; background: url("../images/bluegray/num1.png") no-repeat top left; } .folow-num2 { padding-left: 88px; text-align: left; width: 44%; background: url("../images/bluegray/num2.png") no-repeat top left; } .folow-num2-img { vertical-align: top; text-align: right; width:12%; } .icon-button { background-color: #42484d; border-radius: 3.6rem; cursor: pointer; display: inline-block; font-size: 2.0rem; height: 3rem; line-height: 3rem; margin: 0 3px; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3rem; } /* Circle */ .icon-button span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 0; } .icon-button:hover span { width: 3.2rem; height: 3.2rem; border-radius: 3rem; margin: -26.6px; z-index:1; } .twitter span { background-color: #4AB3F4; } .facebook span { background-color: #3B5998; } .instagram span { background-color: #663ccd; } .xing span { background-color: #6fd1ff; } /* Icons */ .icon-button i { background: none; color: white; height: 3rem; left: 0; line-height: 3.2rem; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 3rem; z-index: 10; } .icon-button .uk-icon-xing { color: #fff; font-size: 28px; } .icon-button .uk-icon-twitter { color: #fff; font-size: 28px; } .icon-button .uk-icon-facebook { color: #fff; font-size: 28px; } .icon-button .uk-icon-instagram { color: #fff; left:1px; font-size: 28px; } .icon-button:hover .uk-icon-twitter, .icon-button:hover .uk-icon-xing, .icon-button:hover .uk-icon-facebook, .icon-button:hover .uk-icon-instagram { color: white; } input#recaptcha_response_field { color: #000; } .uk-navbar-brand { margin-right: 20px; background: #ffffff; } .jsn-form-content { text-align: -webkit-center; } .uk-panel.uk-panel-box.uk-panel-box-primary2 { background:url(../images/bluegray/batwoman-banner-bg-right.jpg) right top no-repeat, url(../images/bluegray/batwoman-banner-bg-left.jpg) left top no-repeat; background-color: #000000; padding:0; height:400px; } .uk-panel-box-primary4 { background: repeating-linear-gradient(-45deg,#2f363b ,#2f363b 5px,#343c41 5px,#343c41 10px); background-color: #2f363b; color: #ffffff;padding: 20px 50px;} .uk-panel.uk-panel-box.uk-panel-box-primary3 { background: url("../images/bluegray/support-left.png"), url("../images/bluegray/support-right.png"); background-position: left, right; background-repeat: no-repeat, no-repeat; background-color:#32006d; padding:0; height:260px; } .uk-panel-box-primary5 { background: repeating-linear-gradient(-45deg,#2f363b ,#2f363b 5px,#343c41 5px,#343c41 10px); background-color: #2f363b; padding: 8px 0 0 0; } p.fclogo { position: absolute; top: -23px; right: 7%; } .got-timer .su-countdown-center { text-align: left; padding:284px 0 0 98px; color:#fff;} .got-timer .su-countdown-content .su-cd-timer span > span:nth-child(2) { color: #777; font-weight:100; font-size:25px; } .got-timer .su-countdown-content .su-cd-timer span > span:nth-child(1) { font-size:38px; font-weight:600; color:#fff; } .got {text-align:center;} .adstream { position: absolute; right: 10px; top: 10px; } .adstream img { width:170px; height:170px; } .validation-result.label.label-important { font-size: 14px; color: #f31200; display: inline; } .row-fluid img { height: 35px; position: relative; right: -58px; top: -1px; } .adcom {display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width:100%} .adcom1 {display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width:100%; height:60px} .adcom-mr { position: relative; padding: 10px 0 10px 0; margin-bottom: -30px; background: repeating-linear-gradient(-45deg,#EFEFEF,#EFEFEF 5px,#FFF 5px,#FFF 10px); } .admin1 {width:20%} .admin2 {width:60%} .adminhome {width:35%} .admin3 {width:20%} .uk-panel-box-report { color: #8d8d8d; background: repeating-linear-gradient(-45deg,#31383c,#31383c 5px,#2a3034 5px,#2a3034 10px); background-color: #21222a; } .uk-panel-box-report .uk-panel-title { margin-bottom:5px } .static {position:fixed; bottom:0; z-index:2000; width:100%;} .fragment { font-size: 12px; background: repeating-linear-gradient(-45deg,#2D405E ,#2D405E 5px,#314667 5px,#314667 10px); background-color: #2D405E; font-size: 15px; height: auto; box-shadow: 0 -4px 10px rgba(45,64,94,0.1); color: #E7F1FF; display: block; padding: 10px 10px 5px; box-sizing: border-box; text-decoration: none; } .fragment img { float: left; margin: 5px 15px 0 5px; height: 60px; } .noti{line-height:20px; width:93%} .fragment h3 { padding: 0; font-size: 20px; margin: 0; color: #FFF; line-height: 7px; padding-top: 10px; } .fragment h4 { padding: 0; margin: 0; color: #8A8F92; } #close { float:right; display:inline-block; height:22px; text-align:center; line-height:24px; width:22px; background:#fff; color:#2D405E; font-size:14px; border-radius:100px; cursor: pointer; } .uk-width-1-1.imageseries1 img { background-size: initial; width: 100%; } .uk-width-1-1.imageseries1 { } .social { width: 101%; position:relative; left:-1px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } div#jform_captcha { text-align: -webkit-center; padding: 20px 0 20px 0; } .contact-form { text-align: center; } input#jform_contact_emailmsg { max-width: 25%; border: 1px dotted #43148f; } input#jform_contact_name { border: 1px dotted #43148f; } input#jform_contact_email {border: 1px dotted #43148f; } .facebook-social { width: 50%; background-color: #43148f; text-align: center; padding: 50px 20px; } .facebook-social a { color:#fff;transition: all 0.5s ease;} .twitter-social { text-align: center; background-color: #47139b; padding: 50px 20px; width: 50%; } .twitter-social a { color:#fff;transition: all 0.5s ease;} .twitter-social a:hover {-webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);} .facebook-social a:hover {-webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);} .uk-panel-box-primary1 { background: url("../images/bluegray/sub-bg-top.png"), url("../images/bluegray/sub-bg-bott.png"); background-position: top, bottom; background-repeat: repeat-x, repeat-x; background-color:#42484d; padding-top:30px; padding-bottom:70px; color: #7E858B; } .uk-panel.watch { position: absolute; } .uk-panel-space1 {padding:20px;} .titlecalendar { font-size: 28px; margin-top: -45px; line-height: 60px; } .uk-text-large1 { font-size: 24px; padding: 15px 0 0 0; letter-spacing:-1px; line-height: 30px; color: #43148f; position: relative; font-weight: 300; } .su-cdem { font-size: 22px; font-weight: 300; padding-bottom: 15px; } .more-series { position: relative; text-align: center; border-bottom: 1px solid #E9EAEB; padding-bottom: 30px; bottom: -30px; } .subtitle { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 100%; margin-top: 10px; } .sub1 { width: 90%; line-height: 18px; padding-top: 10px; } .sub2 { width: 10%; } .uk-panel-box-primary .uk-button:hover:not(.uk-button-primary) { color: #ACB1B3; border-color: #ACB1B3; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out;} .uk-text-center.moji img:hover {filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out;} .uk-text-center.moji img {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out;} h3.uk-h3.uk-margin-top-remove.uk-margin-remove { height: 28px; overflow: hidden; } .uk-panel.uk-panel-box.uk-panel-box-primary.beloved { padding-top: 28px; } .uk-panel.uk-panel-box.uk-panel-box-primary.beloved .uk-panel-badge {top:28px;} .tooltip { /* 1 */ display: none; /* 2 */ position: absolute; border:none; z-index: 1030; /* 3 */ box-sizing: border-box; max-width: 400px; padding: 15px 30px; /* 4 */ background: #fff; box-shadow: 0 0 20px rgba(45,64,94,0.4); font-size: 16px; line-height: 26px; } /* Triangle ========================================================================== */ /* * 1. Dashed is less antialised than solid */ .tooltip:after { content: ""; display: block; position: absolute; width: 0; height: 0; /* 1 */ } .cell5 { display: block; padding: 20px 15px; text-align: center; font-size: 18px; font-weight: 300; } .fc-day-number { font-size: 30px; letter-spacing: -1px; font-weight: 300;} .uk-article-lead { font-family: 'Raleway', 'Roboto'; max-height: 145px; font-size: 16px; overflow: hidden; } .counter-margin { width: 250px; } .uk-width-1-1.uk-width-medium-2-3 { border-left: 1px dotted; } .footer-center { width: 235%; } .ukmoji2 { position: relative; margin-left: 4px; text-align: right; margin-top: -40px; margin-bottom: 20px; } .azbala {margin-top: 30px; font-size: 36px; line-height: 44px; letter-spacing: -1px; font-weight: 900;} .ukmoji { float: left; } .teasershort { height: 74px; overflow: hidden; } .frcenter { font-weight: 900; letter-spacing: -2px; line-height: 62px; font-size: 65px;} .cell5.cell6 { padding: 0 0 30px 0; position: relative; } .tm-tag li a { text-transform: capitalize; } .uk-buttonb:hover, .uk-buttonb:focus { background-color: rgba(0, 0, 0, 0); outline: none; color: #5f31a9; text-decoration: none; border: 1px solid #5f31a9; } .uk-buttonb { -webkit-appearance: none; margin: 0; overflow: visible; font: inherit; color: #43148f; border: 1px solid #35006e; text-transform: none; display: inline-block; box-sizing: border-box; padding: 3px 20px; background: rgba(0, 0, 0, 0); vertical-align: middle; line-height: 30px; min-height: 30px; font-size: 1rem; text-decoration: none; text-align: center; text-transform: uppercase; } .row5.header { color: #ffffff; background: #32006d; } .uk-article4 h1 { } .uk-article4 .uk-article-titletag a { color: #fff; } article.uk-article4:hover { -webkit-transition: all 300ms ease-in; -webkit-transform: scale(1.1); -ms-transition: all 300ms ease-in; -ms-transform: scale(1.1); -moz-transition: all 300ms ease-in; -moz-transform: scale(1.1); transition: all 300ms ease-in; transform: scale(1.1); } .tm-middle { border-top: none; } .tm-tag li { padding: 5px 15px 1px; width: 38%; text-align: center; background: url("../images/bluegray/tags.png") center center repeat-x; border: none; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } p.uk-article-meta2 { position: absolute; background-color: rgba(50, 72, 105, 0.91); padding: 10px; margin-left: -31px; color: #FFF; font-size: 16px; font-style: normal; margin-top: -466px !important; } .tm-tag li:hover { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; cursor:pointer; color:#2d405e; background: url("../images/bluegray/tags-hover.png") center center repeat-x; } .tm-tag li:hover a{color:#2d405e; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .uk-slider-container { background-color: #43148f;} .uk-dropdown-search { left:-37px;} .uk-breadcrumb > li:nth-child(n+2):before { color: #AECDFA; } .row2.footer:hover {background-color: #fff; color: #32006d; border-left: 10px solid #642fba; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} article.uk-article.tm-tag-3, article.uk-article.tm-tag-2, article.uk-article.tm-tag-1, article.uk-article.tm-tag-4 { margin-top: 0; min-height:auto; } .uk-cover-background { background-size: inherit; background-repeat: no-repeat; background-position: center center; } .uk-panel-box .uk-panel-badge { top: 20px;} .tm-footer { font-size: 14px;} .tm-title-border { border-bottom: 1px solid #e9eaeb; } .row2.footer { font-weight: normal; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; color: #32006d; box-shadow: 0 0 5px rgb(0 0 0 / 10%); margin-bottom: 10px; background-color: #fff; } .cell2 { padding: 6px 12px; display: table-cell; font-size: 18px; vertical-align: middle; text-align: left; border-right: 1px dotted #531dab; width: 60%; color: #32006d; font-weight: 300; height: 50px; } .tm-tabs .uk-tab>li:not(.uk-tab-responsive) { min-height: 167px; } .cell3 { display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase; border-right: 1px dotted #531dab; width: 10%; height: 50px; color: #fff; font-weight: 300; background: #43148f url(../images/bluegray/series.svg) 83% 34% repeat-y; background-size: 200%; } .cell4 { display: table-cell; vertical-align: middle; text-align: center; background-color: #320b70; width: 2%; height: 50px; } .uk-accordion-content { padding: 10px 10px 10px 10px; } .row2 { background: #FFFFFF; } .uk-nav-search > li > a { border-bottom: 1px dotted #405A84; padding:15px; } [class*="tm-tag-"] .uk-badge a { color: #764bbd; } .uk-dropdown-search {font-size:22px; font-weight:300; background: rgb(50 0 109 / 92%);} .uk-nav-search > li > a {color: #C7D7F1;} .uk-nav-search .uk-nav-divider {border-top:none;} .uk-article3 { min-height: 421px; display: inline-block; margin: 0 0px 5px 5px; width: 19%; background: #21222a url(/templates/tv_series/images/bluegray/bg-blog1.svg) center 30% no-repeat; vertical-align: top; padding: 20px 0 20px 0; } .uk-width-1-1.imageseries3 { text-align: center; } .uk-article-titletag a { color: inherit; text-decoration: none; } [class*="tm-tag-"] .uk-badge { margin-bottom: 0;} .uk-article-titletag { font-size: 28px; margin-top: 27px; text-align: -webkit-center; color: #fff; font-weight: 800; max-width: 323px; line-height: 31px; overflow: hidden; text-transform: capitalize; position: relative; height: 34px; letter-spacing: -0.5px; } .uk-slider-container {margin-left: -1px;} .uk-panel-box1 { padding: 30px; background: #32006d; margin-left: -1px; width: 101%; color: #FFFFFF; } .uk-panel-box1 a { color: #FFFFFF; } .tm-navbar .uk-navbar-brand {line-height:18px;padding-left: 32px; padding-right: 32px;} .plusbadge { position: relative; display: flex; margin-left: -1px; margin-top: -1px; } @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:hover {color:#DCE9FE} .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { content: "\f024"; position: absolute; left: 13px; color: #fff; font-size: 22px; padding: 1px 1px 0 0; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .mojak { font-weight: bold; font-size: 26px; text-transform: capitalize; background-color: #43148f; letter-spacing: -.3px; padding: 14px 10px 14px; text-align: center; color: #FFFFFF; } p.downloadlast.mojak {line-height: 35px;margin-top: 30px;} [class^="hvr-"] { margin: 0.4em; padding: 12px 21px 12px 39px; cursor: pointer; width: 122px; background: #43148f url(../images/bluegray/series.svg) 53% 1% repeat-y; text-decoration: none; color: #FFF; background-size: 122%; font-weight: 100; -webkit-tap-highlight-color: rgba(0,0,0,0); } .uk-badge1:not(.uk-badge-notification) { background-image: url(../images/bluegray/tv-icon.svg); background-repeat: no-repeat; background-position: 15px 13px; background-size: 60px; background-color: #32006d; color: #fff; padding: 14.3px 0 14.3px 84px; } .well.well-small { padding-top: 30px; } .uk-breadcrumb > li { font-size: 12px; } .uk-tab-right>li+li:hover {border-top: 1px solid #2d405e;} .tm-content .uk-breadcrumb { padding: 0 0 0 10px; line-height: 20px; position: absolute; left: 0; width: 100%; } [class*="tm-sidebar-"].tm-block-muted { border-left:none; } .tm-content .uk-breadcrumb a {color: #E4EEFF; background-color: #35006e; padding: 1px 8px; border-radius: 40px;} .tm-content .uk-breadcrumb a:hover {color:#ffffff} li.uk-active1, .uk-breadcrumb > li:not(.uk-active) > span { color: #E4EEFF; background-color: rgb(76 63 182 / 92%); padding: 1px 8px; border-radius: 40px; } .uk-breadcrumb > li { vertical-align: middle; margin:8px 2px 0 0; text-transform: uppercase; } .uk-panel > .uk-article2:last-child { padding-bottom: 0;} .content2 {padding:0 30px;text-align: justify;} .uk-article2 { min-height: 630px; padding: 0;} .uk-article2 { margin-left: -30px; margin-right: -30px; } .fc-event {margin-top:2px} li.tm-tag-10.uk-active h3 {color:#fff} li.tm-tag-10:hover span {color:#fff} li.tm-tag-10:hover h3 {color:#fff} .tm-dropdown-overlay .uk-dropdown-overlay {background:#3f6fb6 ;} .uk-panel.uk-panel-box.uk-panel-box-primary.uk-scrollspy-inview.uk-animation-fade {padding: 0 0 20px 0;} .uk-panel.uk-panel-box.uk-panel-box-primary.uk-scrollspy-inview.uk-animation-fade h2 {padding: 0 15px 15px 15px; font-weight: 800; height: 18px; display: inline-flex; overflow: hidden; font-family: 'Roboto'; text-transform: capitalize; letter-spacing: -0.6px; margin-bottom: 3px; font-size: 25px;} .uk-panel.uk-panel-box.uk-panel-box-primary.uk-scrollspy-inview.uk-animation-fade {background:#2f363b url("../images/bluegray/bg-box-front.png") bottom left no-repeat;} .dateEpisode { position: absolute; width: 100%; margin-top: -62px; color: #fff; font-size: 15px; background-color: rgba(47, 54, 59, 0.76); } h3.uk-article-title.uk-margin-top-remove { font-size: 26px; line-height: 32px; color: #fff; font-family: Raleway; text-transform: uppercase; font-weight: 600; height: auto; letter-spacing: -0.5px; } .uk-grid-medium > * { padding-left: 20px; } .uk-text-large { letter-spacing: -0.6px; } .uk-panel-box-primary a, .uk-panel-box-primary .uk-list a { color:#C9CDD0} .uk-panel-box-primary .uk-button:not(.uk-button-primary) { border-color: #7C8286;} a.uk-button { color: #7C8286; } .moji {margin-bottom:20px;} .wrapper1 { margin: 0 auto; max-width: 100%; } .su-countdown-content .su-cd-timer span > span:nth-child(1) { font-size:48px; } .table1 { margin: 11px 0 40px 0; width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: table; } .row1 { background: #3b0e83; } .row:nth-of-type(odd) { background: #e9e9e9; } .row1.header { color: #ffffff; background: #29005a; } .row1.green { background: #27ae60; } .row1.blue { background: #2980b9; } .uk-article-title1 { font-family: 'Roboto'; line-height: 38px; font-weight: 800; text-transform: capitalize; margin-top: -10px; position: relative; letter-spacing: -1.2px; } .uk-article-title1 a { color: #fff; } .uk-overlay-scale {float:right;} .uk-nav-offcanvas > li > a { color: #a698cf; } section#tm-bottom-a .uk-form input[type="text"] { border: 1px solid #7E858B; padding: 18px 10px; width: 25%; color: #7E858B; } section#tm-bottom-a .uk-panel-box-primary1 .uk-button:not(.uk-button-primary) {border: 1px solid #7E858B; padding: 5px 15px; color: #7E858B;} section#tm-bottom-a .uk-panel-title { color:#fff} section#tm-bottom-c .uk-tab-grid:before {border-top: 1px solid #798086;} section#tm-bottom-c .uk-tab > li > a { color:#798086} section#tm-bottom-c .uk-tab > li > a:hover { color:#fff} section#tm-bottom-c .uk-tab > li.uk-active > a { color:#fff} section#tm-bottom-c .uk-tab > li.uk-active > a:after, .uk-tab > li:not(.uk-disabled) > a:after {background-color:#fff} blockquote { font-weight: 300; } .cell1 { padding: 6px 12px; display: table-cell; vertical-align: middle; text-align:center; width: 5.8%; height: 25px; } .cycle { width: 140px; position: absolute; right: 25px; border: 13px solid; margin-top: -116px; height: 140px; background:#2D405E url("../images/bluegray/bg-date.svg") center center no-repeat; color: #fff; border-radius: 200px; text-align: center; } p.year { padding-top: 17px; } p.day { font-size: 55px; font-weight: 300; } span.quoteleft { font-size: 41px; color: #E7E8EB; position: relative; margin-right: 5px; bottom: -9px; } span.quoteright { font-size: 41px; color: #E7E8EB; position: absolute; z-index: 1; margin-top: -3px; margin-left: 5px; } .row1.footer {font-weight: 300; color: #e3d4ff;} .row1.footer .cell1 { border-right: 1px dotted #29005a;} .uk-article {border: 0; width: 32.6%; margin-bottom: 8px; box-sizing: border-box; box-shadow: 0 0 15px rgba(0,0,0,0.1); display: inline-block; border: none; background: #21222a url(../images/bluegray/bg-blog1.svg) center 30% no-repeat; padding-top: 30px; margin-top: 40px; text-align: left; padding-bottom: 0;} .uk-article, .uk-pagination { margin-left:2px; margin-right:2px; } .uk-article1 { border-left: 1px solid #e9eaeb; width:24%;display: inline-block; text-align:center; vertical-align: top;} .uk-article p {color:#606366} .uk-width-1-1.imageseries {text-align:center;} .bgbg {background: #32006d url("../images/bluegray/bg-teaser2.png") bottom center no-repeat; } .uk-width-1-1.imageseries1 {} .uk-article-title::before { background:transparent} p.uk-article-meta1 { position: absolute; background-color: rgba(50, 72, 105, 0.91); padding: 10px; margin-left: -21px; color: #FFF; font-size: 14px; font-style: normal; margin-top: -466px !important; } .uk-badge { text-align: left; } .uk-article-title { padding-bottom: 8px; margin-bottom: 0; font-family: 'Roboto', 'Raleway'; line-height: 60px; font-weight: 900; letter-spacing: -1px; text-transform: inherit; height: 60px; font-size: 34px; overflow: hidden;} .uk-article-title1 { padding-bottom: 25px; height: 19px; font-size: 30px; overflow: hidden; text-align: center; } .uk-article .extravote {text-align:center} p.uk-article-meta3 { position: relative; background: repeating-linear-gradient(-45deg,#353742,#353742 5px,#2e303a 5px,#2e303a 10px); background-color: #2e303a; padding: 10px; margin-left: -40px; right: -20px; text-align: center; font-weight: 300; color: #FFF; font-size: 16px; font-style: normal; } .uk-button-link {font-weight:normal} .row-fluid { display: inline-block; width: 19.6%; } .trailer {height:360px; background:#324869 url("../images/bluegray/imdb-trailer.svg") 99% 97% no-repeat} .uk-accordion-title { margin-top: 0; margin-bottom: 5px; padding: 5px 15px 15px 10px; background: #43148f url(../images/bluegray/series.svg) 101% 1% no-repeat; font-size: 22px; background-size: 24%; text-transform: none; font-weight: 300; color: #fff; font-family: 'Roboto'; line-height: 24px; cursor: pointer; padding-top: 15px; } .uk-accordion-content { background-color: #F6F6F6; } .uk-accordion-title:not(:first-child) { border-top: 1px solid #6395DF; } .uk-navbar-content:before, .uk-navbar-brand:before, .uk-navbar-toggle:before {height:auto} html { font-weight:normal} .uk-text-large { text-transform:inherit; } .mobilenew { font-family: Roboto; text-transform: capitalize; letter-spacing: -0.5px; font-weight: 300; color: #E9EBEF; cursor: pointer; margin-left: 5px; } span.uk-icon-bars.bars { color: #E9EBEF; cursor: pointer; margin-left: 10px; } .main-des { text-align: center; font-size: 18px; margin-top: 32px; } p.timer { font-weight: 300; text-align: center; padding: 16px 0 10px 0; font-size: 30px; } .timery { background-color: #32006d; position: relative; color: #fff; margin-top: -40px; } .monitor {padding: 0 0 40px 50px; text-align: justify;} .monitortitle {padding-top:40px;} .su-countdown-content .su-cd-timer span > span:nth-child(2) { color:#622eb7; font-size:16px; } .su-countdown-content .su-cd-timer span > span:nth-child(1) { color:#fff; font-size:48px; } .uk-clearfix1 { border-bottom: 1px dotted; padding-bottom: 5px; } .uk-open > .uk-dropdown {text-align:left} .uk-panel.uk-panel-box.uk-panel-box-primary.uk-hidden-large.uk-text-center .uk-search-field { width: 82px; padding-right: 20px; position: relative; margin-left: -60px;} .uk-panel.uk-panel-box.uk-panel-box-primary.uk-hidden-large.uk-text-center .uk-search-field:focus { width: 100%;padding-right:20px; margin-left:0;} .validation-result.label.label-important { font-size: 11px; display: table; } html, body { padding: 0; margin: 0; } html body.contentpane { height: auto; font-size: 75%; } iframe{ border: 0px; } /* =============== DEFAULT HTML - TEXT STYLES =============== */ .jsn-master { font-size: 14px; font-family: 'Raleway'; line-height: 1.5em; color: #B9C3D4; } .jsn-master .jsn-columns-container .jsn-column-item .radio {padding-right:10px; position:relative; margin-left:-5px;} input[type="radio" i] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 2px; width: 16px; height: 16px; -webkit-transition: all 0.15s ease-out 0; -moz-transition: all 0.15s ease-out 0; transition: all 0.15s ease-out 0; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; outline: none; z-index: 1000; } input[type="radio" i] { border-radius: 50%; } input[type="radio" i]::after { border-radius: 50%; } .uk-panel.uk-panel-box.uk-panel-box-report.uk-text-center input[type="radio"]:hover { background: #fff; } .uk-panel.uk-panel-box.uk-panel-box-report.uk-text-center input[type="radio" i]:checked { background: #fff; border-color:#fff; } input[type="radio" i]:checked::before { width: 10px; height: 10px; position: absolute; content: '\f00c'; font-family: FontAwesome; display: inline-block; font-size: 20px; font-weight:bold; text-align: left; color:#3f6fb6; right:4px; line-height: 0; } .uk-panel.uk-panel-box.uk-panel-box-report.uk-text-center input { max-width: 100%; padding: 6px 6px; border: 1px solid #B9C3D4; background: rgba(0, 0, 0, 0); color: #fff; font-size: 14px; font-family: 'Raleway'; line-height: 1.5em; -webkit-transition: all linear 0.2s; transition: all linear 0.2s;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#B9C3D4; } ::-moz-placeholder { /* Firefox 19+ */ color: #B9C3D4; } .message-uniform { position: fixed; top: 0; left: 0; width: 100%; vertical-align: text-bottom; color: #fff; background-color: #3f6fb6; box-shadow: 1px 9px 6px rgba(0,0,0,0.2); font-size: 18px; text-align: center; z-index: 2000; padding: 0 15px; } .message-uniform button.close { position: absolute; right: 47px; cursor: pointer; top: 13px; width: 24px; height: 23px; background-color: #5e8ace; border: none; font-size: 16px; font-weight: 100; padding: 0; color: #cfe2ff; border-radius: 100px; } button.btn.btn-primary.jsn-form-submit { -webkit-appearance: none; margin: 5px; border: none; overflow: visible; font: inherit; color: #B9C3D4; text-transform: none; display: inline-block; box-sizing: border-box; padding: 0 16px; background: rgba(0, 0, 0, 0); vertical-align: middle; cursor: pointer; line-height: 30px; min-height: 35px; font-size: 14px; text-decoration: none; text-align: center; border: 1px solid #B9C3D4; text-transform: uppercase; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} button.btn.btn-primary.jsn-form-submit:hover { color: #fff; border: 1px solid #fff; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .jsn-row-container.jsn-style-light { display: inline-flex; } .jsn-row-container.jsn-style-light { } .jsn-master object { display: block; } .jsn-master .jsn-readonly { padding: 3px; background-color: #E9E9E9; border: 1px solid #B9B9B9; font-size: 12px; } .jsn-master a.disabled, .jsn-master a.disabled:hover { cursor: default; text-decoration: none; font-weight: inherit; } .jsn-master .clearbreak { clear: both; } .jsn-master .clearafter:after { height: 0; clear: both; content: "."; display: block; visibility: hidden; } /* =============== JSN GUI =============== */ .jsn-master .jsn-iconbar-trigger { position: relative; } .jsn-master .jsn-iconbar-trigger .jsn-iconbar { display: none; position: absolute; top: 5px; right: 5px; z-index: 100; } .jsn-master .jsn-iconbar-trigger.ui-state-edit .jsn-iconbar, .jsn-master .jsn-iconbar-trigger:hover .jsn-iconbar { display: block; } .jsn-master .jsn-iconbar a { margin: 0; padding: 5px; color: #333; display: inline-block; } .jsn-master .jsn-iconbar a.disabled { color: #ccc; } .jsn-master .jsn-iconbar.jsn-vertical a { display: block; } .jsn-master .jsn-iconbar.jsn-vertical hr { margin: 5px 0; } .jsn-master .jsn-iconbar a:hover { text-decoration: none; color: #000; background-color: rgba(0,0,0,0.1); } .jsn-master .jsn-iconbar a.disabled:hover { background-color: transparent; color: #ccc; } .jsn-master .jsn-iconbar a i { font-size: 14px; opacity: 0.8; min-height: 16px; min-width: 16px; text-align: center; } .jsn-master .jsn-iconbar a:hover i { opacity: 1; } .jsn-master .jsn-iconbar a.disabled i, .jsn-master .jsn-iconbar a i.disabled { opacity: 0.5; } .jsn-master .jsn-section { margin-bottom: 20px; } .jsn-master .jsn-section-header { margin: 0 0 15px 0; color: #333; font-weight: normal; text-shadow: 1px 1px 1px #CCC; border-bottom: 1px solid #ccc; padding: 0 0 5px; position: relative; line-height: 32px; text-transform: uppercase; } .jsn-master .jsn-section-header .jsn-buttonbar { position: absolute; right: 0; bottom: 12px; } .jsn-master .jsn-section-content { padding: 15px; background-color: #fff; border: 1px solid #E5E5E5; -webkit-border-radius: 6px; border-radius: 6px; } .jsn-master .jsn-section-striped > div { background-color: #fff; } .jsn-master .jsn-section-striped > div:nth-child(odd) { background-color: #f9f9f9; } .jsn-master .jsn-section-empty { padding: 100px 30px; } .jsn-master .jsn-input-mini-fluid { width: 15%; } .jsn-master .jsn-input-small-fluid { width: 30%; } .jsn-master .jsn-input-medium-fluid { width: 50%; } .jsn-master .jsn-input-large-fluid { width: 70%; } .jsn-master .jsn-input-xlarge-fluid { width: 90%; } .jsn-master .jsn-input-xxlarge-fluid { width: 97%; } .jsn-master .jsn-input-fluid { width: auto; } .jsn-master .jsn-padding-mini { padding: 2px; } .jsn-master .jsn-padding-small { padding: 5px; } .jsn-master .jsn-padding-medium { padding: 10px; } .jsn-master .jsn-padding-large { padding: 15px; } .jsn-master .jsn-padding-xlarge { padding: 20px; } .jsn-master .jsn-rounded-mini { border-radius: 1px; -webkit-border-radius: 1px; } .jsn-master .jsn-rounded-small { border-radius: 3px; -webkit-border-radius: 3px; } .jsn-master .jsn-rounded-medium { border-radius: 5px; -webkit-border-radius: 5px; } .jsn-master .jsn-rounded-large { border-radius: 10px; -webkit-border-radius: 10px; } .jsn-master .jsn-rounded-xlarge { border-radius: 15px; -webkit-border-radius: 15px; } .jsn-master .jsn-box-shadow-mini { box-shadow: 0px 0px 2px 1px #ddd; -webkit-box-shadow: 0px 0px 2px 1px #ddd; } .jsn-master .jsn-box-shadow-small { box-shadow: 0px 0px 3px 1px #aaa; -webkit-box-shadow: 0px 0px 3px 1px #aaa; } .jsn-master .jsn-box-shadow-medium { box-shadow: 0 2px 5px 0 #888; -webkit-box-shadow: 0 2px 5px 0 #888; } .jsn-master .jsn-box-shadow-large { box-shadow: 0 3px 5px 0 #666; -webkit-box-shadow: 0 3px 5px 0 #666; } .jsn-master .jsn-box-shadow-xlarge { box-shadow: 0 5px 8px 0 #333; -webkit-box-shadow: 0 5px 8px 0 #333; } .jsn-master .jsn-inner-shadow-white { -webkit-box-shadow: inset 0px 0px 10px 10px rgba(255, 255, 255, 1); box-shadow: inset 0px 0px 10px 10px rgba(255, 255, 255, 1); border: 1px solid #ccc; } .jsn-master .jsn-inner-shadow-black { -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.15); border: 1px solid #ccc; } .jsn-master .jsn-pane { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); padding: 15px; margin: 15px 0; } .jsn-master .jsn-pane:first-child { margin-top: 0; } .jsn-master .jsn-pane:last-child { margin-bottom: 0; } .jsn-master .jsn-bootstrap .jsn-pane .control-group:last-child { margin-bottom: 0; } .jsn-master .jsn-pane.pane-default { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); } .jsn-master .jsn-pane.pane-warning { background: #ffaf4b; background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffaf4b), color-stop(100%, #ff920a)); background: -webkit-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: -o-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: -ms-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); background: linear-gradient(to bottom, #ffaf4b 0%, #ff920a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a', GradientType=0 ); } .jsn-master .jsn-pane.pane-info { color: #eee; background: rgb(40,152,204); background: -moz-linear-gradient(top, rgba(40,152,204,1) 0%, rgba(38,142,191,1) 45%, rgba(34,127,170,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(40,152,204,1)), color-stop(45%, rgba(38,142,191,1)), color-stop(100%, rgba(34,127,170,1))); background: -webkit-linear-gradient(top, rgba(40,152,204,1) 0%, rgba(38,142,191,1) 45%, rgba(34,127,170,1) 100%); background: -o-linear-gradient(top, rgba(40,152,204,1) 0%, rgba(38,142,191,1) 45%, rgba(34,127,170,1) 100%); background: -ms-linear-gradient(top, rgba(40,152,204,1) 0%, rgba(38,142,191,1) 45%, rgba(34,127,170,1) 100%); background: linear-gradient(to bottom, rgba(40,152,204,1) 0%, rgba(38,142,191,1) 45%, rgba(34,127,170,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2898cc', endColorstr='#227faa', GradientType=0 ); } .jsn-master .jsn-pane h3 { margin: 0; border: none; text-shadow: 1px 1px 1px #eee; font-weight: bold; } .jsn-master .jsn-pane.pane-warning h3 { color: #000; text-shadow: 1px 1px 1px #999; filter: dropshadow(color=#999, offx=1, offy=1); } .jsn-master .jsn-pane.pane-info h3 { color: #fff; text-shadow: 1px 1px 1px #666; filter: dropshadow(color=#666, offx=1, offy=1); } .jsn-master .jsn-bglabel { color: #D3D3D3; font-size: 32px; text-align: center; background-position: center top; background-repeat: no-repeat; line-height: 1.5em; } .jsn-master .jsn-bglabel > .jsn-icon64 { display: block; margin: 20px auto; } .jsn-master .jsn-bgpattern.pattern-sidebar { background: #E9E9E9 url("../images/backgrounds/bg-pattern-grey.png"); } .jsn-master .jsn-bgimage { background-color: #fff; background-repeat: no-repeat; background-position: center center; } .jsn-master .jsn-bgimage .image-cover { background-size: cover; } .jsn-master .jsn-bgimage.image-loading-16 { background-image: url("../images/icons-16/icon-16-loading-circle.gif"); } .jsn-master .jsn-bgimage.image-loading-24 { background-image: url("../images/icons-24/icon-24-loading-circle.gif"); } .jsn-master .jsn-bgimage.image-loading-32 { background-image: url("../images/icons-32/icon-32-loading-circle.gif"); } .jsn-master .jsn-bgloading { padding: 100px 10px; text-align: center; } .jsn-master .jsn-badge-large { width: 80px; text-align: center; background-color: #FFF; border: 1px solid #D4D4D4; border-radius: 75px; -moz-border-radius: 75px; -webkit-border-radius: 75px; margin: 0; color: #D4D4D4; font-size: 50px; line-height: 80px; font-weight: bold; } .jsn-master .jsn-disabled { opacity: 0.5; filter: alpha(opacity=50); } .jsn-master .jsn-overlay { position: absolute; z-index: 99999; width: 100%; height: 100%; } /* =============== TEXT =============== */ .jsn-master .jsn-text-center { text-align: center; } .jsn-master .jsn-text-success { color: #009900; } .jsn-master .jsn-text-warning { color: #f99406; } .jsn-master .jsn-text-important { color: #ba4a48; } .jsn-master .jsn-text-info { color: #4483a2; } .jsn-master .jsn-highlight { font-weight: bold; } /* =============== LINK =============== */ .jsn-master .jsn-link-action { color: #025A8D; cursor: pointer; padding: 1px 2px; font-weight: bold; text-decoration: underline; transition: color 0.3s linear, background 0.3s ease-out; -webkit-transition: color 0.3s linear, background 0.3s ease-out; } .jsn-master .jsn-link-action:hover { color: #fff !important; text-decoration: none !important; background-color: #025A8D; } .jsn-master .jsn-link-image { text-indent: -9999em; } /* =============== LIST =============== */ .jsn-master ul.jsn-list-horizontal { margin: 0; list-style: none; } .jsn-master ul.jsn-list-horizontal li { margin: 0 .5em; display: inline; } .jsn-master ul.jsn-list-nobullet { margin: 0; list-style: none; } .jsn-master ul.jsn-list-nobullet li { margin-left: 0; padding-left: 0; list-style: none; } /* =============== ICON =============== */ .jsn-master a[class^="jsn-icon "]:hover, .jsn-master a[class*=" jsn-icon "]:hover { text-decoration: none; } .jsn-master [class^="jsn-icon "].disabled, .jsn-master [class*=" jsn-icon "].disabled { opacity: .3; filter: alpha(opacity=30); } /* =============== ICON 16 =============== */ .jsn-master .jsn-icon16 { display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; background-repeat: no-repeat; background-position: top left; background-image: url(../images/icons-16/icons-16-uni.png) !important; } .jsn-master .jsn-icon16.jsn-icon-search { background-position: -0px -0px; } .jsn-master .jsn-icon16.jsn-icon-cog { background-position: -16px -0px; } .jsn-master .jsn-icon16.jsn-icon-finder { background-position: -32px -0px; } .jsn-master .jsn-icon16.jsn-icon-warning-sign { background-position: -48px -0px; } .jsn-master .jsn-icon16.jsn-icon-home { background-position: -64px -0px; } .jsn-master .jsn-icon16.jsn-icon-off { background-position: -0px -16px; } .jsn-master .jsn-icon16.jsn-icon-star { background-position: -16px -16px; } .jsn-master .jsn-icon16.jsn-icon-heart { background-position: -32px -16px; } .jsn-master .jsn-icon16.jsn-icon-envelope { background-position: -48px -16px; } .jsn-master .jsn-icon16.jsn-icon-file { background-position: -64px -16px; } .jsn-master .jsn-icon16.jsn-icon-lock { background-position: -0px -32px; } .jsn-master .jsn-icon16.jsn-icon-download { background-position: -16px -32px; } .jsn-master .jsn-icon16.jsn-icon-wrench { background-position: -32px -32px; } .jsn-master .jsn-icon16.jsn-icon-graph { background-position: -48px -32px; } .jsn-master .jsn-icon16.jsn-icon-folder { background-position: -64px -32px; } .jsn-master .jsn-icon16.jsn-icon-help { background-position: -0px -48px; } .jsn-master .jsn-icon16.jsn-icon-globe { background-position: -16px -48px; } .jsn-master .jsn-icon16.jsn-icon-pencil { background-position: -32px -48px; } .jsn-master .jsn-icon16.jsn-icon-music { background-position: -48px -48px; } .jsn-master .jsn-icon16.jsn-icon-plus { background-position: -64px -48px; } .jsn-master .jsn-icon16.jsn-icon-monitor { background-position: -0px -64px; } .jsn-master .jsn-icon16.jsn-icon-remove { background-position: -16px -64px; } .jsn-master .jsn-icon16.jsn-icon-ok { background-position: -32px -64px; } .jsn-master .jsn-icon16.jsn-icon-user { background-position: -48px -64px; } .jsn-master .jsn-icon16.jsn-icon-database { background-position: -64px -64px; } .jsn-master .jsn-icon16.jsn-icon-menu { background-position: -0px -80px; } .jsn-master .jsn-icon16.jsn-icon-info-sign { background-position: -16px -80px; } .jsn-master .jsn-icon16.jsn-icon-comment { background-position: -32px -80px; } .jsn-master .jsn-icon16.jsn-icon-picture { background-position: -48px -80px; } .jsn-master .jsn-icon16.jsn-icon-trash { background-position: -64px -80px; } .jsn-master .jsn-icon16.jsn-icon-social { background-image: url(../images/icons-16/icons-16-social.png) !important; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-linkedin { background-position: -0px -0px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-stumbleupon { background-position: -16px -0px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-pinterest { background-position: -32px -0px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-vimeo { background-position: -0px -16px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-rss { background-position: -16px -16px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-youtube { background-position: -32px -16px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-digg { background-position: -0px -32px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-twitter { background-position: -16px -32px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-gplus { background-position: -32px -32px; } .jsn-master .jsn-icon16.jsn-icon-social.jsn-icon-facebook { background-position: -0px -48px; } .jsn-master .jsn-icon16.jsn-icon-layout { background-image: url(../images/icons-16/icons-16-layout.png) !important; } .jsn-master .jsn-icon16.jsn-icon-layout.active { background-image: url(../images/icons-16/icons-16-layout-active.png) !important; } .jsn-master .jsn-icon16.jsn-icon-layout.jsn-icon-tiles { background-position: -0px -0px; } .jsn-master .jsn-icon16.jsn-icon-layout.jsn-icon-thumbnails { background-position: -16px -0px; } .jsn-master .jsn-icon16.jsn-icon-layout.jsn-icon-details { background-position: -0px -16px; } .jsn-master .jsn-icon16.jsn-icon-layout.jsn-icon-blocks { background-position: -16px -16px; } .jsn-master .jsn-icon16.jsn-icon-layout.jsn-icon-thumbnaildetails { background-position: -0px -32px; } .jsn-master .jsn-icon16.jsn-icon-layout.jsn-icon-flipcover { background-position: -16px -32px; } .jsn-master .jsn-icon16.jsn-icon-loading { background: url(../images/icons-16/icon-16-loading-circle.gif) center center no-repeat !important; } /* Depricated */ .jsn-master .jsn-icon16.jsn-icon-failed { background-position: 0 -860px; } .jsn-master .jsn-icon16.jsn-icon-check { background-position: 0 -946px; } .jsn-master .jsn-icon16.jsn-icon-warning { background-position: 0 -1032px; } /* =============== ICON 24 =============== */ .jsn-master .jsn-icon24 { display: inline-block; width: 24px; height: 24px; line-height: 24px; vertical-align: text-top; background-repeat: no-repeat; background-position: top left; background-image: url(../images/icons-24/icons-24-uni.png) !important; } .jsn-master .jsn-icon24.jsn-icon-search { background-position: -0px -0px; } .jsn-master .jsn-icon24.jsn-icon-cog { background-position: -24px -0px; } .jsn-master .jsn-icon24.jsn-icon-finder { background-position: -48px -0px; } .jsn-master .jsn-icon24.jsn-icon-warning-sign { background-position: -72px -0px; } .jsn-master .jsn-icon24.jsn-icon-home { background-position: -96px -0px; } .jsn-master .jsn-icon24.jsn-icon-off { background-position: -0px -24px; } .jsn-master .jsn-icon24.jsn-icon-star { background-position: -24px -24px; } .jsn-master .jsn-icon24.jsn-icon-heart { background-position: -48px -24px; } .jsn-master .jsn-icon24.jsn-icon-envelope { background-position: -72px -24px; } .jsn-master .jsn-icon24.jsn-icon-file { background-position: -96px -24px; } .jsn-master .jsn-icon24.jsn-icon-lock { background-position: -0px -48px; } .jsn-master .jsn-icon24.jsn-icon-download { background-position: -24px -48px; } .jsn-master .jsn-icon24.jsn-icon-wrench { background-position: -48px -48px; } .jsn-master .jsn-icon24.jsn-icon-graph { background-position: -72px -48px; } .jsn-master .jsn-icon24.jsn-icon-folder { background-position: -96px -48px; } .jsn-master .jsn-icon24.jsn-icon-help { background-position: -0px -72px; } .jsn-master .jsn-icon24.jsn-icon-globe { background-position: -24px -72px; } .jsn-master .jsn-icon24.jsn-icon-pencil { background-position: -48px -72px; } .jsn-master .jsn-icon24.jsn-icon-music { background-position: -72px -72px; } .jsn-master .jsn-icon24.jsn-icon-plus { background-position: -96px -72px; } .jsn-master .jsn-icon24.jsn-icon-monitor { background-position: -0px -96px; } .jsn-master .jsn-icon24.jsn-icon-remove { background-position: -24px -96px; } .jsn-master .jsn-icon24.jsn-icon-ok { background-position: -48px -96px; } .jsn-master .jsn-icon24.jsn-icon-user { background-position: -72px -96px; } .jsn-master .jsn-icon24.jsn-icon-database { background-position: -96px -96px; } .jsn-master .jsn-icon24.jsn-icon-menu { background-position: -0px -120px; } .jsn-master .jsn-icon24.jsn-icon-info-sign { background-position: -24px -120px; } .jsn-master .jsn-icon24.jsn-icon-comment { background-position: -48px -120px; } .jsn-master .jsn-icon24.jsn-icon-picture { background-position: -72px -120px; } .jsn-master .jsn-icon24.jsn-icon-trash { background-position: -96px -120px; } .jsn-master .jsn-icon24.jsn-icon-social { background-image: url(../images/icons-24/icons-24-social.png) !important; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-linkedin { background-position: -0px -0px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-stumbleupon { background-position: -24px -0px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-pinterest { background-position: -48px -0px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-vimeo { background-position: -0px -24px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-rss { background-position: -24px -24px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-youtube { background-position: -48px -24px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-digg { background-position: -0px -48px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-twitter { background-position: -24px -48px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-gplus { background-position: -48px -48px; } .jsn-master .jsn-icon24.jsn-icon-social.jsn-icon-facebook { background-position: -0px -72px; } .jsn-master .jsn-icon24.jsn-icon-flag { background-image: url(../images/icons-24/icons-24-flag.png) !important; } .jsn-master .jsn-icon24.jsn-icon-flag.en-gb { background-position: 0 0; } .jsn-master .jsn-icon24.jsn-icon-flag.es-co { background-position: -24px 0; } .jsn-master .jsn-icon24.jsn-icon-flag.cz-cz { background-position: -48px 0; } .jsn-master .jsn-icon24.jsn-icon-flag.it-it { background-position: -72px 0; } .jsn-master .jsn-icon24.jsn-icon-flag.en-ca { background-position: 0 -24px; } .jsn-master .jsn-icon24.jsn-icon-flag.nl-nl { background-position: -24px -24px; } .jsn-master .jsn-icon24.jsn-icon-flag.ja-jp { background-position: -48px -24px; } .jsn-master .jsn-icon24.jsn-icon-flag.en-us { background-position: -72px -24px; } .jsn-master .jsn-icon24.jsn-icon-flag.es-es { background-position: 0 -48px; } .jsn-master .jsn-icon24.jsn-icon-flag.he-il { background-position: -24px -48px; } .jsn-master .jsn-icon24.jsn-icon-flag.pt-br { background-position: -48px -48px; } .jsn-master .jsn-icon24.jsn-icon-flag.bg-bg { background-position: -72px -48px; } .jsn-master .jsn-icon24.jsn-icon-flag.de-de { background-position: 0 -72px; } .jsn-master .jsn-icon24.jsn-icon-flag.pt-pt { background-position: -24px -72px; } .jsn-master .jsn-icon24.jsn-icon-flag.vi-vn { background-position: -48px -72px; } .jsn-master .jsn-icon24.jsn-icon-flag.ru-ru { background-position: -72px -72px; } .jsn-master .jsn-icon24.jsn-icon-flag.fr-fr { background-position: 0 -96px; } .jsn-master .jsn-icon24.jsn-icon-flag.pl-pl { background-position: -24px -96px; } .jsn-master .jsn-icon24.jsn-icon-flag.en-za { background-position: -48px -96px; } .jsn-master .jsn-icon24.jsn-icon-flag.en-au { background-position: -72px -96px; } .jsn-master .jsn-icon24.jsn-icon-flag.da-dk { background-position: 0 -120px; } .jsn-master .jsn-icon24.jsn-icon-flag.sr-rs { background-position: -24px -120px; } .jsn-master .jsn-icon24.jsn-icon-flag.zh-tw { background-position: -48px -120px; } .jsn-master .jsn-icon24.jsn-icon-flag.hr-hr { background-position: -72px -120px; } .jsn-master .jsn-icon24.jsn-icon-flag.tr-tr { background-position: 0 -144px; } .jsn-master .jsn-icon24.jsn-icon-flag.fi-fi { background-position: -24px -144px; } .jsn-master .jsn-icon24.jsn-icon-flag.sv-se { background-position: -48px -144px; } .jsn-master .jsn-icon24.jsn-icon-joomla { background-image: url(../images/icons-24/icons-24-joomla.png) !important; } .jsn-master .jsn-icon24.jsn-icon-joomla.jsn-icon-module { background-position: -0px -0px; } .jsn-master .jsn-icon24.jsn-icon-joomla.jsn-icon-plugin { background-position: -24px -0px; } .jsn-master .jsn-icon24.jsn-icon-joomla.jsn-icon-component { background-position: -0px -24px; } .jsn-master .jsn-icon24.jsn-icon-joomla.jsn-icon-language { background-position: -24px -24px; } .jsn-master .jsn-icon24.jsn-icon-loading { background: url(../images/icons-24/icon-24-loading-circle.gif) center center no-repeat !important; } /* =============== ICON32 =============== */ .jsn-master .jsn-icon32 { display: inline-block; width: 32px; height: 32px; line-height: 32px; vertical-align: text-top; background-repeat: no-repeat; background-position: top left; background-image: url(../images/icons-32/icons-32-uni.png) !important; } .jsn-master .jsn-icon32.jsn-icon-search { background-position: -0px -0px; } .jsn-master .jsn-icon32.jsn-icon-cog { background-position: -32px -0px; } .jsn-master .jsn-icon32.jsn-icon-finder { background-position: -64px -0px; } .jsn-master .jsn-icon32.jsn-icon-warning-sign { background-position: -96px -0px; } .jsn-master .jsn-icon32.jsn-icon-home { background-position: -128px -0px; } .jsn-master .jsn-icon32.jsn-icon-off { background-position: -0px -32px; } .jsn-master .jsn-icon32.jsn-icon-star { background-position: -32px -32px; } .jsn-master .jsn-icon32.jsn-icon-heart { background-position: -64px -32px; } .jsn-master .jsn-icon32.jsn-icon-envelope { background-position: -96px -32px; } .jsn-master .jsn-icon32.jsn-icon-file { background-position: -128px -32px; } .jsn-master .jsn-icon32.jsn-icon-lock { background-position: -0px -64px; } .jsn-master .jsn-icon32.jsn-icon-download { background-position: -32px -64px; } .jsn-master .jsn-icon32.jsn-icon-wrench { background-position: -64px -64px; } .jsn-master .jsn-icon32.jsn-icon-graph { background-position: -96px -64px; } .jsn-master .jsn-icon32.jsn-icon-folder { background-position: -128px -64px; } .jsn-master .jsn-icon32.jsn-icon-help { background-position: -0px -96px; } .jsn-master .jsn-icon32.jsn-icon-globe { background-position: -32px -96px; } .jsn-master .jsn-icon32.jsn-icon-pencil { background-position: -64px -96px; } .jsn-master .jsn-icon32.jsn-icon-music { background-position: -96px -96px; } .jsn-master .jsn-icon32.jsn-icon-plus { background-position: -128px -96px; } .jsn-master .jsn-icon32.jsn-icon-monitor { background-position: -0px -128px; } .jsn-master .jsn-icon32.jsn-icon-remove { background-position: -32px -128px; } .jsn-master .jsn-icon32.jsn-icon-ok { background-position: -64px -128px; } .jsn-master .jsn-icon32.jsn-icon-user { background-position: -96px -128px; } .jsn-master .jsn-icon32.jsn-icon-database { background-position: -128px -128px; } .jsn-master .jsn-icon32.jsn-icon-menu { background-position: -0px -160px; } .jsn-master .jsn-icon32.jsn-icon-info-sign { background-position: -32px -160px; } .jsn-master .jsn-icon32.jsn-icon-comment { background-position: -64px -160px; } .jsn-master .jsn-icon32.jsn-icon-picture { background-position: -96px -160px; } .jsn-master .jsn-icon32.jsn-icon-trash { background-position: -128px -160px; } .jsn-master .jsn-icon32.jsn-icon-social { background-image: url(../images/icons-32/icons-32-social.png) !important; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-linkedin { background-position: -0px -0px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-stumbleupon { background-position: -32px -0px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-pinterest { background-position: -64px -0px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-vimeo { background-position: -0px -32px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-rss { background-position: -32px -32px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-youtube { background-position: -64px -32px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-digg { background-position: -0px -64px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-twitter { background-position: -32px -64px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-gplus { background-position: -64px -64px; } .jsn-master .jsn-icon32.jsn-icon-social.jsn-icon-facebook { background-position: -0px -96px; } .jsn-master .jsn-icon32.jsn-icon-products { background-image: url(../images/icons-32/icons-32-products.png) !important; } .jsn-master .jsn-icon32.jsn-icon-products.jsn-icon-poweradmin { background-position: -0px -0px; } .jsn-master .jsn-icon32.jsn-icon-products.jsn-icon-imageshow { background-position: -0px -32px; } .jsn-master .jsn-icon32.jsn-icon-products.jsn-icon-uniform { background-position: -0px -64px; } .jsn-master .jsn-icon32.jsn-icon-products.jsn-icon-mobilize { background-position: -0px -96px; } .jsn-master .jsn-icon32.jsn-icon-products.jsn-icon-pagebuilder { background-position: -0px -128px; } .jsn-master .jsn-icon32.jsn-icon-products.jsn-icon-easyslider { background-position: -0px -160px; } .jsn-master .jsn-icon32.jsn-icon-loading { background: url(../images/icons-32/icon-32-loading-circle.gif) center center no-repeat !important; } /* =============== ICON 48 =============== */ .jsn-master .jsn-icon48 { display: inline-block; width: 48px; height: 48px; line-height: 48px; vertical-align: text-top; background-repeat: no-repeat; background-position: top left; } .jsn-master .jsn-icon48.jsn-icon-products { background-image: url(../images/icons-48/icons-48-products.png) !important; } .jsn-master .jsn-icon48.jsn-icon-products.jsn-icon-poweradmin { background-position: -0px -0px; } .jsn-master .jsn-icon48.jsn-icon-products.jsn-icon-imageshow { background-position: -0px -48px; } .jsn-master .jsn-icon48.jsn-icon-products.jsn-icon-uniform { background-position: -0px -96px; } .jsn-master .jsn-icon48.jsn-icon-products.jsn-icon-mobilize { background-position: -0px -144px; } /* =============== ICON 64 =============== */ .jsn-master .jsn-icon64 { display: inline-block; width: 64px; height: 64px; line-height: 64px; vertical-align: text-top; background-repeat: no-repeat; background-position: top left; background-image: url(../images/icons-64/icons-64-bg.png) !important; } .jsn-master .jsn-icon64.jsn-icon-pointer { background-position: -0px -0px; } .jsn-master .jsn-icon64.jsn-icon-download { background-position: -64px -0px; } .jsn-master .jsn-icon64.jsn-icon-empty { background-position: -0px -64px; } .jsn-master .jsn-icon64.jsn-icon-save { background-position: -64px -64px; } .jsn-master .jsn-icon64.jsn-icon-refresh { background-position: -0px -128px; } .jsn-master .jsn-icon64.jsn-icon-remove { background-position: -64px -128px; } /* =============== TABLE =============== */ .jsn-master table.jsn-table-centered th, .jsn-master table.jsn-table-centered td { text-align: center; } .jsn-master table .jsn-column-mini { width: 2%; } .jsn-master table .jsn-column-small { width: 5%; } .jsn-master table .jsn-column-medium { width: 10%; } .jsn-master table .jsn-column-large { width: 20%; } .jsn-master table .jsn-column-xlarge { width: 50%; } /* =============== COLUMNS =============== */ .jsn-master .jsn-columns-container .jsn-column-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jsn-master .jsn-columns-container .jsn-column-item:first-child { padding-top: 0; } .jsn-master .jsn-columns-container.jsn-columns-count-two .jsn-column-item { float: left; width: 49.8%; } .jsn-master .jsn-columns-container.jsn-columns-count-three .jsn-column-item { float: left; width: 33.3%; } .jsn-master .jsn-columns-container.jsn-columns-count-no .jsn-column-item { float: left; margin-right: 20px; } /* =============== TABS =============== */ .jsn-master .jsn-tabs { position: relative; } .jsn-master .jsn-tabs .jsn-buttonbar { position: absolute; top: 0; right: 0; } /* =============== DESIGN PANEL =============== */ .jsn-master .jsn-layout { } .jsn-master .jsn-row-container { position: relative; } .jsn-row-container.row-fluid {display: table-cell; text-align:left;} .jsn-master .jsn-row-container > .jsn-iconbar { position: absolute; background: #fff; padding: 5px; right: -45px; border: 1px solid #ddd; border-left: none; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } .jsn-master .jsn-row-container .jsn-column-container { border: 0 none; padding: 0; margin-right: 12px; float: left; } .jsn-master .jsn-row-container .jsn-column-container.last-child { margin-right: 0px; } .jsn-master .jsn-row-container .span1 .control-group .span6, .jsn-master .jsn-row-container .span2 .control-group .span6, .jsn-master .jsn-row-container .span3 .control-group .span6, .jsn-master .jsn-row-container .span4 .control-group .span6, .jsn-master .jsn-row-container .span5 .control-group .span6, .jsn-master .jsn-row-container .span6 .control-group .span6, .jsn-master .jsn-row-container .span7 .control-group .span6, .jsn-master .jsn-row-container .span8 .control-group .span6, .jsn-master .jsn-row-container .span9 .control-group .span6 { width: 100%; margin-left: 0px; } .jsn-master .jsn-column-content { float: left; width: 100%; } .jsn-master .jsn-element-container { min-height: 50px; } .jsn-master .jsn-element { padding: 10px; } .jsn-master .jsn-element-overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #fff; opacity: 0.001; filter: alpha(opacity = 1); z-index: 9; } .jsn-master .ui-resizable-e { right: -10px; width: 8px; } .jsn-master .ui-resizable-handle { z-index: 0 !important; } .jsn-master .jsn-add-more { border: 1px dashed #bbb; border-radius: 3px 3px 3px 3px; color: #888; display: block; margin-top: 10px; padding: 10px; text-align: center; background-color: rgba(255,255,255,0.7); transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; } .jsn-master .jsn-add-more:hover { background-color: rgba(225,225,225,0.7); color: #333; text-decoration: none; border-style: solid; box-shadow: 0 0 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); } .jsn-master .jsn-add-more [class^="icon-"], .jsn-master .jsn-add-more [class*=" icon-"] { margin-right: 5px; } .jsn-master .jsn-percent-arrow { position: absolute; background: url('../images/icons-8/tipsy.gif') no-repeat bottom center; width: 9px; height: 5px; bottom: -5px; } .jsn-master .jsn-percent-column { position: absolute; top: -30px; } .jsn-master .jsn-percent-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .jsn-master .jsn-percent-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* =============== GENERIC ITEMS LIST =============== */ .jsn-master .jsn-items-list-container { position: relative; } .jsn-master .jsn-items-list-container .jsn-buttonbar { position: absolute; right: 0; top: -5px; } .jsn-master .jsn-items-list-container .control-label { margin-bottom: 10px; line-height: 20px; } .jsn-master .jsn-items-list { border: 1px solid #ccc; height: 200px; overflow-y: scroll; overflow-x: hidden; padding: 5px; margin: 0; } .jsn-master .jsn-items-list .jsn-item { padding: 10px; margin: 0; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; list-style: none; } .jsn-master .jsn-items-list .jsn-item:hover { background-color: #f4f4f4; transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; } .jsn-master .jsn-items-list .jsn-item label { margin-bottom: 0; display: inline; padding-left: 5px; } .jsn-master .jsn-items-list .jsn-item label input { margin-left: 0; } .jsn-master .jsn-items-list .jsn-item.jsn-highlight label { font-weight: bold; } .jsn-master .jsn-items-list .jsn-item .jsn-item-content [class^="icon-"], .jsn-master .jsn-items-list .jsn-item .jsn-item-content [class*=" icon-"] { margin-right: 8px; } /* =============== ICONS SELECTOR =============== */ .jsn-master .jsn-iconselector .jsn-items-list li { float: left; width: 33.3%; padding: 0; border: none; } .jsn-master .jsn-iconselector .jsn-items-list li a { color: #333; display: block; padding: 8px 12px; white-space: nowrap; overflow: hidden; } .jsn-master .jsn-iconselector .jsn-items-list li a:hover { text-decoration: none; } .jsn-master .jsn-iconselector .jsn-items-list li a [class^="icon-"], .jsn-master .jsn-iconselector .jsn-items-list li a [class*=" icon-"] { margin-right: 10px; } .jsn-master .jsn-iconselector .jsn-items-list li.active { background-color: #08c; } .jsn-master .jsn-iconselector .jsn-items-list li.active a { color: #fff; } /* =============== ELEMENTS SELECTOR =============== */ .jsn-master .jsn-elementselector .jsn-items-list { height: 250px; } .jsn-master .jsn-elementselector .jsn-items-list li { float: left; width: 33.3%; padding: 10px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .jsn-master .jsn-elementselector .jsn-items-list li:hover { background-color: transparent; } .jsn-master .jsn-elementselector .jsn-items-list li button { line-height: 16px; padding: 8px 12px; } .jsn-master .jsn-style-dark.jsn-section-content { background-color: #333; color: #ccc; transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; } .jsn-master .jsn-style-dark .jsn-add-more { color: #999; } .jsn-master .jsn-style-dark .jsn-add-more:hover { background-color: #444; } /* =============== ELEMENTS QUICK SEARCH =============== */ .jsn-master .jsn-reset-search{ display: none; position: absolute; right: 15px; top: 6px; color: #aaaaaa; } .jsn-master .jsn-reset-search:hover{ color: #0e0e0e; text-decoration: none; } .jsn-master .jsn-quick-search{ position: relative; } /* =============== ANIMATION =============== */ .jsn-master .jsn-fade-out { visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 0.3s, opacity 0.5s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.5s linear; transition: visibility 0s linear 0.3s, opacity 0.5s linear; } .jsn-master .jsn-fade-in { } .jsn-master .jsn-download-progress { display: inline-block; width: 150px; display: none; } .jsn-master .jsn-download-progress .progress { margin: 0 5px; margin-top: 5px; margin-bottom: -7px; display: inline-block; width: 50px; } .jsn-master .jsn-download-progress .percentage { display: inline-block; } #jsn-upgrade-editions, #jsn-upgrade-message { display: none; } .jsn-master .jsn-handle-drag { background: none repeat scroll 0 0 #EFEFEF; cursor: move; } .jsn-master .jsn-handle-drag.jsn-horizontal { height: 40px; margin-bottom: 10px; } .jsn-master .jsn-handle-drag.jsn-vertical { width: 30px; height: 100%; margin-left: 10px; } .jsn-master .jsn-handle-drag.jsn-iconbar-trigger .jsn-iconbar { top: 5px; } .jsn-master .jsn-fieldset-filter { margin-bottom: 15px; } .jsn-master .jsn-bootstrap .jsn-fieldset-filter label, .jsn-master .jsn-bootstrap .jsn-fieldset-filter input, .jsn-master .jsn-bootstrap .jsn-fieldset-filter select, .jsn-master .jsn-bootstrap .jsn-fieldset-filter .btn { margin: 0 3px; float: left; } .jsn-master .jsn-fieldset-search { } .jsn-master .jsn-fieldset-select { } .jsn-master .jsn-fieldset-filter-select { width: 250px; padding-bottom: 10px; } .jsn-master .jsn-fieldset-filter-select select { float: left; margin: 2px 3px; } .jsn-master .select2-container { width: 220px; } /* Form validation */ .jsn-form-validation-failed { position: fixed; top: 33%; left: 50%; width: auto; max-width: 66%; } .jsn-bootstrap input.invalid, .jsn-bootstrap textarea.invalid { border-color: red; } .howdl { position: fixed; width: 140px; left: 5px; bottom: 5px; z-index: 2000; } @media (max-width: 768px){ .howdl { width: 100px; } .uk-article-titletag a { margin-top: 10px; position: relative;} [class*='uk-float-'] { } .uk-article-titletag {top: 18px;} } @media (min-width: 768px){ .uk-article-titletag a { margin-top: 10px; position: relative;} input#filter-search { width: 72%; } ul.tm-tab-fullheight>li { flex: 1 1 0; } } @media screen and (max-width: 992px) { .uk-article-title1 { font-size: 28px; } } @media screen and (max-width: 720px) { .extras {width: 100%} .uk-nav-search > li > a {font-size: 22px;} p.uk-text-large.uk-margin-small-top { font-size: 22px; } .uk-form-row { width: 80%; font-size: 20px;} .uk-article-title1 { font-size: 28px; } .uk-article {background-size: cover;} .uk-badge1:not(.uk-badge-notification) { background-position: 25px 19px; background-color: #43148f; padding: 14.3px 0 14.3px 72px; background-size: 42px; } .size-1.extravote { background-color: transparent; width: 100%; position: relative; padding: 0; text-align: left; zoom: 70%; } span.storyline-txt{font-size: 26px; top: 13px; left: -6px;} .uk-width-1-1.imageseries1 { margin-top: 0; } img.icon-storyline { width: 42px; } .bgbg {margin-bottom: 20px; } .uk-dropdown-small { width: 100%; white-space: unset; } .uk-nav-dropdown > li > a { color: #a698cf; } ul.tm-tab-fullheight h3 { font-size: 17px; } .uk-dropdown { font-size: 14px; } .banner-img {width:100%} .howtodownload { width:95%} p.fclogo { top: -53px; right: 0; } .fclogoimg { width:70%} .uk-panel-box-primary5 { padding: 22px 0 14px 0; } .uk-panel.uk-panel-box.uk-panel-box-primary5.tm-margin-small { border:0;position: relative; padding: 10px;} .tm-block-divider:not([class*="tm-sidebar-"]), .tm-block-muted:not([class*="tm-sidebar-"]) {border-top:0;} .uk-panel-box-primary4 p { text-align:justify; } img.marker1 { position: inherit; margin-top: 43px; right: 0; } .adcom-mr { margin-bottom:0; margin-top:0;} .uk-panel.uk-panel-box.uk-panel-box-report.adcom-mr { padding: 5px; } .uk-panel-box-primary4 {padding: 20px;} .follow-box { display: block; } .folow-num1 { padding:0; text-align: left; width: 100%; background: none; } .folow-num2 { padding:0; text-align: left; width: 100%; background: none; } .folow-num2-img { padding:0; text-align: center; width: 100%; background: none; } .folow-num3 { padding: 0 0 15px 0; margin-top: 10px; position: relative; bottom: -8px; text-align: left; background: none; } .adstream img { width:85px; height:85px; } .fbnoti {display:none} .noti { width:auto} .adminhome {width:auto} .adcom {display: block; width:auto} .adcom1 {display: block; width:auto; height:auto} .admin1 { display:none} .admin2 {width:auto} .admin3 {display:none} .uk-text-center.moji { padding-top: 0; } .uk-tab-right>li+li { border-top: none; } .uk-tab-right>li+li:hover { border-top: none; } .subtitle { display: block; } .sub2, .sub1 {width:auto; text-align:center; line-height:26px;} .uk-panel.uk-panel-box.uk-panel-box-primary.uk-hidden-large.uk-text-center { padding:10px;} .uk-panel.uk-panel-box.uk-panel-box-primary.uk-hidden-large.uk-text-center .uk-search:before {top:-3px;} .cell5.cell6 { margin-top: 0; } .uk-article-title { font-size: 24px; text-align:left;line-height: 54px;height: 50px;} ul.tm-tab-fullheight > li.uk-active, ul.tm-tab-fullheight > li:hover { background: #43148f; padding: 10px 0; } .content2 { position: relative; top: -22px; } .uk-dropdown-small { padding: 0 5px;} .uk-offcanvas .uk-search:before { background-position: 0px -44px; } li.tm-tag-10 h3 {color:#a698cf} li.tm-tag-10 {border-bottom: 1px dotted #43148f;} ul.tm-tab-fullheight > li.uk-active {width:102%} .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {height:70px;} h3.uk-article-title.uk-margin-top-remove { font-size:26px;} .frcenter { font-size:36px;} .cell5 { padding: 0; margin-bottom: 30px; } .cell5.cell6 { padding-bottom: 0; } .row5.header { padding:10px; } .cell5 { padding: 0; } section#tm-bottom-a .uk-form input[type="text"] { width: auto; } .uk-cover-background { background-position: 50% 50%; background-size: cover; */ } .uk-accordion-content {padding:0} .cell2 {border:none;font-size: 20px; width:7%;} .uk-accordion-title { background-size: 86%; } [class^="hvr-"] {padding: 10px 12px 10px 35px;} .hvr-icon-sink-away:before, .hvr-icon-sink-away:after {left:10px;} .cell3 { color:#B0B4BA; font-size:14px; border:none; letter-spacing:-1px; width: 10%; } .cell4 {width:1%;text-align: -webkit-center;} .uk-article3 { width: 100%; margin: 0 0 10px 0; } .uk-article4 { width: 100%; padding: 0; margin: 0 0 10px 0; } .trailer { display:none} .tm-content .uk-breadcrumb { padding:5px;} .downloadlast {line-height:35px; font-size:22px; padding: 7px 10px 8px 10px;} .uk-article { border-left: 1px solid #e9eaeb;min-height: auto; width: 100%;} .uk-article1 { border-left: 1px solid #e9eaeb;width:49%;} .row-fluid { width: 49%; } .row1.header .cell1 {border-bottom: 1px dotted #4F6B94} .row1.footer .cell1 { border-right:none;border-bottom: 1px dotted #32006d;} p.uk-article-meta1 { margin-top: -145px !important; margin-left: -11px; } p.uk-article-meta2 { margin-top: -145px !important; margin-left: -11px; } .cell1 { padding: 18px 12px; display: block; height: 33px; width: auto; } .row1 { padding: 0; display: block; float: right; width: 65%; } .row1.header { float: left; width: 35%; } .wrapper1 { padding: 0; } .uk-panel-space { padding: 0 10px 10px 10px; } .su-cd-divider-spacer .su-countdown-content .su-cd-timer > span { margin-right: 10px; } .su-countdown-content .su-cd-timer span > span:nth-child(1) { font-size:34px; } .su-countdown-content .su-cd-timer span > span:nth-child(2) { font-size:10px; } .su-countdown-content .su-cd-timer span { margin-right: -3px; position:relative; } .cycle { width: 85px; right: 20px; border: 8px solid; margin-top: -63px; height: 85px; line-height: 13px; } p.month { font-size: 12px; } p.day { font-size: 35px; } p.year { padding-top: 11px; font-size: 12px; } .uk-panel.uk-panel-box.uk-panel-box-primary.uk-scrollspy-inview.uk-animation-fade h3 {padding: 0 15px 15px 15px; font-size: 24px;} .monitor { padding: 0 15px 0 15px;} .monitortitle {padding-top:26px;} .teasershort { height: auto; } .ukmoji2 { float: inherit; text-align:center; margin-bottom:30px; margin-top:20px; top:0; } .ukmoji { float: inherit; } .uk-clearfix1.uk-margin {height:auto; } .counter-margin { width: auto; } .uk-width-1-1.uk-width-medium-2-3 { border-left: none; } .footer-center {width:100%} .chat {display:none;} .nspPrev {left:-18px} .uk-tab-right > li { min-height: auto; } .calendar-icon { padding-top: 30px; } } @media (min-width: 960px) { .uk-width-large-1-3, .uk-width-large-2-6 { width: 21.333%; } .uk-width-large-2-3, .uk-width-large-4-6 { width: 78.666%; } } @media (max-width: 1024px) { ul.tm-tab-fullheight h3 { font-size: 26px; line-height: 28px; } h3.uk-article-title.uk-margin-top-remove { font-size: 28px; line-height: 30px; height: 48px; } .uk-article-lead { font-size: 16px; line-height: 22px; } .uk-button {line-height: 28px; font-size: 16px; } } @media (max-width: 1248px) { p.support { padding: 20px; font-size: 18px; line-height: 24px; } .uk-panel.uk-panel-box.uk-panel-box-primary3 { background: url("../images/bluegray/support-right.png"); background-position: right; background-repeat: no-repeat; background-color:#32006d; } }