body { min-width: 1000px; background-color: #ffffff; } #toppadding { height: 60px; } body>nav { background-color: rgba(83,17,94,0.8); width: 100%; position: fixed; transition: background-color 1s; -webkit-transition: background-color 1s; top: 0; left: 0; z-index: 900; padding: 0; margin: 0; min-width: 1000px; } body>nav.telluriumsolid { background-color: #53115e; } body>nav>div::after { content: ''; clear: both; display: block; } body>nav>div { width: 960px; margin: 0 auto; position: relative; } body>nav>div>ul { display: block; padding: 0; margin: 0; list-style: none; } body>nav>div>ul::after { content: ''; clear: both; display: block; } body>nav>div li { display: block; margin: 0; padding: 0; list-style: none; display: block; position: relative; transition: background-color 0.3s; -webkit-transition: background-color 0.2s; } body>nav>div>ul>li { float: left; } body>nav>div li.ngtelluriummenuwithchilds { background: url(./../../styles/tellurium/img/?f=down&ca=53115e&cb=ffffff) no-repeat right center; padding-right: 8px; } body>nav>div li li.ngtelluriummenuwithchilds { background: url(./../../styles/tellurium/img/?f=right&ca=53115e&cb=ffffff) no-repeat right center; } body>nav>div li:hover, body>nav>div li li:hover, body>nav>div li.ngtelluriummenuopen, body>nav>div li li.ngtelluriummenuopen { background-color: #53115e; } body>nav>div>ul>li ul { display: block; margin: 0; padding: 0; position: absolute; background-color: rgba(83,17,94,0.8); left: -9999px; width: 300px; z-index: 1010; opacity: 0; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; } body>nav>div>ul li.ngtelluriummenuopen>ul { left: 0; opacity: 1; } body>nav>div>ul li li.ngtelluriummenuopen>ul { left: 300px; top: -1px; opacity: 1; } body>nav>div li a { display: block; padding: 20px; text-decoration: none; color: #ffffff; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 15px; line-height: 20px; } body>nav>div li.telluriumnavlogo a { padding: 0; } body>nav>div li.telluriumnavlogo:hover { background-color: transparent; } body>nav>div li.telluriumnavlogo img#logo { display: block; border: 0; } body>nav>div form { margin: 0; padding: 0; width: 160px; height: 30px; right: 0; top: 15px; position: absolute; background-color: #ffffff; border-radius: 5px; } body>nav>div form input { margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; width: 130px; height: 30px; color: #53115e; border: 0; padding: 6px 10px; font: 15px / 18px 'PT Sans',Tahoma,Helvetica,sans-serif; background-color: transparent; } body>nav>div form button { background: transparent url(./../../styles/tellurium/img/?f=search&ca=53115e&cb=ffffff) no-repeat center center; display: block; width: 30px; height: 30px; border: none; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; } #eyecatcherbox { overflow: hidden; position: relative; width: 100%; min-width: 960px; background-color: #53115e; } #eyecatcherbox>ul { display: block; margin: 0; padding: 0; position: absolute; transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; } #eyecatcherbox>ul.telluriumnotransition { transition-duration: 0s; -webkit-transition-duration: 0s; } #eyecatcherbox>ul>li { display: block; margin: 0; padding: 0; position: relative; list-style: none; float: left; overflow: hidden; } #eyecatcherbox>ul>li>div { display: block; margin: 0 0 0 -480px; padding: 0; left: 50%; bottom: 20%; width: 960px; position: absolute; } #eyecatcherbox>ul>li>div>h1 { color: #ffffff; text-shadow: 2px 2px 2px rgba(0,0,0,0.4); padding: 0; margin: 0 0 10px 0; font-size: 52px; transition: transform 1.2s, opacity 1.2s; transform: translate3d(0,-60px,0); -webkit-transition: -webkit-transform 1.2s, opacity 1.2s; -webkit-transform: translate3d(0,-60px,0); opacity: 0; } #eyecatcherbox>ul>li>div>p { color: #ffffff !important; background-color: rgba(83,17,94,0.8); padding: 6px 14px; margin: 0; font-size: 16px; width: 50%; transition: transform 1s, opacity 1s; transform: translate3d(0,-30px,0); -webkit-transition: -webkit-transform 1s, opacity 1s; -webkit-transform: translate3d(0,-30px,0); opacity: 0; border-radius: 5px; } #eyecatcherbox>ul>li>div>p a { color: #ffffff !important; text-decoration: underline; } #eyecatcherbox>ul>li.eyecatcheractiveslide>div>h1 { transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); opacity: 1; } #eyecatcherbox>ul>li.eyecatcheractiveslide>div>p { opacity: 1; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); } #eyecatcherbox>ul>li>img { display: block; position: absolute; border: 0; top:0; } #eyecatcherbox>div.eyecatchernext, #eyecatcherbox>div.eyecatcherprev { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; } #eyecatcherbox>div.eyecatchernext { right:0; border-radius: 5px 0 0 5px; background: rgba(83,17,94,0.8) url('../../styles/tellurium/img/?f=next&ca=53115e&cb=ffffff') no-repeat; } #eyecatcherbox>div.eyecatcherprev { left:0; border-radius: 0 5px 5px 0; background: rgba(83,17,94,0.8) url('../../styles/tellurium/img/?f=prev&ca=53115e&cb=ffffff') no-repeat; } #eyecatcherbox>div.eyecatchernext:hover, #eyecatcherbox>div.eyecatcherprev:hover { background-color: #53115e; } #eyecatcherbox .eyecatcherdirectcontainer { height: 19px; position: absolute; bottom: 19px; left: 50%; } #eyecatcherbox .eyecatcherdirectcontainer div { float: left; width: 19px; height: 19px; background: url('../../styles/tellurium/img/?f=bullet&ca=53115e&cb=ffffff') no-repeat 0 0; display: block; cursor: pointer; } #eyecatcherbox #sliderdown { background: url('../../styles/tellurium/img/?f=scroll&ca=53115e&cb=ffffff') no-repeat 0 0; width: 48px; height: 48px; position: absolute; bottom: 75px; left: 50%; margin-left: -24px; opacity: 0; animation: bounceFrames ease-in-out 1.5s; animation-iteration-count: 4; -webkit-animation: bounceFrames ease-in-out 1.5s; -webkit-animation-iteration-count: 4; -moz-animation: bounceFrames ease-in-out 1.5s; -moz-animation-iteration-count: 4; -ms-animation: bounceFrames ease-in-out 1.5s; -ms-animation-iteration-count: 4; cursor: pointer; visibility: hidden; } @-webkit-keyframes bounceFrames{ 0% { visibility: visible; opacity:0; -webkit-transform: translate3d(0,0,0); } 10% { opacity:1; } 50% { opacity:1; } 60% { opacity:0; -webkit-transform: translate3d(0,15px,0); } } @keyframes bounceFrames{ 0% { visibility: visible; opacity:0; transform: translate3d(0,0,0); } 10% { opacity:1; } 50% { opacity:1; } 60% { opacity:0; transform: translate3d(0,15px,0); } } @-ms-keyframes bounceFrames{ 0% { visibility: visible; opacity:0; -ms-transform: translate3d(0,0,0); } 10% { opacity:1; } 50% { opacity:1; } 60% { opacity:0; -ms-transform: translate3d(0,15px,0); } } @-moz-keyframes bounceFrames{ 0% { visibility: visible; opacity:0; -moz-transform: translate3d(0,0,0) ; } 10% { opacity:1; } 50% { opacity:1; } 60% { opacity:0; -moz-transform:translate3d(0,15px,0) ; } } #eyecatcherbox .eyecatcherdirectcontainer div.eyecatcherdirectsel { background-position: 0 -19px; } #center { width: 960px; margin: 60px auto; } #breadcrumbs { text-align: right; color: #888888; } #breadcrumbs a { color: #444444; text-decoration: none; } #breadcrumbs a:hover { color: #000000; text-decoration: none; } #header { width: 960px; margin-bottom: 60px; } #sidebarleft { float: left; margin-right: 60px; min-height: 1px; } #content { float: left; } #sidebarright { float: left; margin-left: 60px; min-height: 1px; } footer { background-color: #53115e; color: #0bf0fb; padding: 40px 0 0 0; margin: 0; font-size: 90%; } footer>ul { width: 960px; margin: 0 auto; padding: 0 0 40px 0; display: block; list-style: none; } footer>ul>li { width: 25%; margin: 0; padding: 0; display: block; list-style: none; float: left; } footer>ul ul { margin: 0; padding: 0; display: block; } footer>ul>li li { margin: 0; padding: 0; display: block; list-style: none; } footer>ul em { font-style: normal; color: #0bf0fb; display: block; text-transform: uppercase; padding: 0 10px 10px 0; } footer>ul a { display: block; padding: 0 10px 2px 0; color: #ffffff; } footer>ul::after { content: ''; clear: both; display: block; } footer>div { padding: 0 0 20px 0; width: 960px; margin: 0 auto; } footer a { color: #ffffff; text-decoration: none; } footer a:hover { color: #0bf0fb; text-decoration: none; } #telluriumscrolltotop { width: 48px; height: 48px; border-radius: 5px; background: #53115e url(./../../styles/tellurium/img/?f=up&ca=53115e&cb=ffffff) no-repeat right center; position: fixed; right: 32px; bottom: 32px; opacity: 0; cursor: pointer; visibility: hidden; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; display: none; } #telluriumscrolltotop.telluriumscrolltotopvisible { opacity: 0.8; visibility: visible; } #telluriumscrolltotop.telluriumscrolltotopvisible:hover { opacity: 1; } @media (min-width: 1200px) { #telluriumscrolltotop { display: block; } }