/* --- RESET --- */
* html { padding:0; margin: 0;}
* { font-size: 100%; }
html, body, ul, ol, li, dl, dt, dd, p, pre, blockquote, form, fieldset, legend, table, td, th { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; margin:0; padding:0; }
img { border: 0; }
ul { list-style-type:none; }
a {text-decoration: none;}
ins { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
:focus { outline:0; }
html, body { border:0; height: 100%; width: 100%; }
body {
text-align: left;
overflow:inherit;
}
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:before,
.clearfix:after,
.container_24:before,
.container_24:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after,
.container_24:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_24 {
zoom: 1;
}
.col-container { clear: both; }
.grid {
min-height: 1px;
}
/* Base grid tDefault/default
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24,
.col-default,
.col-first,
.col-last {
display: inline;
float: left;
min-height: 5px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16,
.push_17, .pull_17,
.push_18, .pull_18,
.push_19, .pull_19,
.push_20, .pull_20,
.push_21, .pull_21,
.push_22, .pull_22,
.push_23, .pull_23 {
position: relative;
}
/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
/*
.container_24 { width: 960px; margin: 0 auto; padding: 0;}
*/
.grid_1 { width: 40px; }
.grid_2 { width: 80px; }
.grid_3 { width: 120px; }
.grid_4 { width: 160px; }
.grid_5 { width: 200px; }
.grid_6 { width: 240px; }
.grid_7 { width: 280px; }
.grid_8 { width: 320px; }
.grid_9 { width: 360px; }
.grid_10 { width: 400px; }
.grid_11 { width: 440px; }
.grid_12 { width: 480px; }
.grid_13 { width: 520px; }
.grid_14 { width: 560px; }
.grid_15 { width: 600px; }
.grid_16 { width: 640px; }
.grid_17 { width: 680px; }
.grid_18 { width: 720px; }
.grid_19 { width: 760px; }
.grid_20 { width: 800px; }
.grid_21 { width: 840px; }
.grid_22 { width: 880px; }
.grid_23 { width: 920px; }
.grid_24, .container_24 { width: 960px; }
/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.prefix_1 { padding-left: 40px; }
.prefix_2 { padding-left: 80px; }
.prefix_3 { padding-left: 120px; }
.prefix_4 { padding-left: 160px; }
.prefix_5 { padding-left: 200px; }
.prefix_6 { padding-left: 240px; }
.prefix_7 { padding-left: 280px; }
.prefix_8 { padding-left: 320px; }
.prefix_9 { padding-left: 360px; }
.prefix_10 { padding-left: 400px; }
.prefix_11 { padding-left: 440px; }
.prefix_12 { padding-left: 480px; }
.prefix_13 { padding-left: 520px; }
.prefix_14 { padding-left: 560px; }
.prefix_15 { padding-left: 600px; }
.prefix_16 { padding-left: 640px; }
.prefix_17 { padding-left: 680px; }
.prefix_18 { padding-left: 720px; }
.prefix_19 { padding-left: 760px; }
.prefix_20 { padding-left: 800px; }
.prefix_21 { padding-left: 840px; }
.prefix_22 { padding-left: 880px; }
.prefix_23 { padding-left: 920px; }
/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.suffix_1 { padding-right: 40px; }
.suffix_2 { padding-right: 80px; }
.suffix_3 { padding-right: 120px; }
.suffix_4 { padding-right: 160px; }
.suffix_5 { padding-right: 200px; }
.suffix_6 { padding-right: 240px; }
.suffix_7 { padding-right: 280px; }
.suffix_8 { padding-right: 320px; }
.suffix_9 { padding-right: 360px; }
.suffix_10 { padding-right: 400px; }
.suffix_11 { padding-right: 440px; }
.suffix_12 { padding-right: 480px; }
.suffix_13 { padding-right: 520px; }
.suffix_14 { padding-right: 560px; }
.suffix_15 { padding-right: 600px; }
.suffix_16 { padding-right: 640px; }
.suffix_17 { padding-right: 680px; }
.suffix_18 { padding-right: 720px; }
.suffix_19 { padding-right: 760px; }
.suffix_20 { padding-right: 800px; }
.suffix_21 { padding-right: 840px; }
.suffix_22 { padding-right: 880px; }
.suffix_23 { padding-right: 920px; }
/* Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.push_1 { left: 40px; }
.push_2 { left: 80px; }
.push_3 { left: 120px; }
.push_4 { left: 160px; }
.push_5 { left: 200px; }
.push_6 { left: 240px; }
.push_7 { left: 280px; }
.push_8 { left: 320px; }
.push_9 { left: 360px; }
.push_10 { left: 400px; }
.push_11 { left: 440px; }
.push_12 { left: 480px; }
.push_13 { left: 520px; }
.push_14 { left: 560px; }
.push_15 { left: 600px; }
.push_16 { left: 640px; }
.push_17 { left: 680px; }
.push_18 { left: 720px; }
.push_19 { left: 760px; }
.push_20 { left: 800px; }
.push_21 { left: 840px; }
.push_22 { left: 880px; }
.push_23 { left: 920px; }
/* Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.pull_1 { left: -40px; }
.pull_2 { left: -80px; }
.pull_3 { left: -120px; }
.pull_4 { left: -160px; }
.pull_5 { left: -200px; }
.pull_6 { left: -240px; }
.pull_7 { left: -280px; }
.pull_8 { left: -320px; }
.pull_9 { left: -360px; }
.pull_10 { left: -400px; }
.pull_11 { left: -440px; }
.pull_12 { left: -480px; }
.pull_13 { left: -520px; }
.pull_14 { left: -560px; }
.pull_15 { left: -600px; }
.pull_16 { left: -640px; }
.pull_17 { left: -680px; }
.pull_18 { left: -720px; }
.pull_19 { left: -760px; }
.pull_20 { left: -800px; }
.pull_21 { left: -840px; }
.pull_22 { left: -880px; }
.pull_23 { left: -920px; }
.container_24 {
margin-left: auto;
margin-right: auto;
}
.col-default {
margin-left: 5px;
margin-right: 5px;
}
.col-first {
margin-right: 5px;
margin-left: 0;
}
.col-last {
margin-left: 5px;
margin-right: 0;
}
.row-container {
}
#header-container {
height: 330px;
}
.from-pid-1 #header-container {
height: 540px;
}
.content-container {
min-height: 610px;
}
#bg-container{
position: absolute;
z-index: -2;
}
.blank-row .bxcontainer {
margin: 30px 0;
}
#bg-container-slider {
}
.bx-pager-item {
float: left;
margin-right: 2px;
}
.bx-pager-item a {
float: left;
margin-right: 2px;
background-color: #FFFFFF;
padding: 10px;
color: #333;
}
.bx-next {
}
.bx-next, .bx-prev {
float: left;
margin-right: 2px;
background-color: #FFFFFF;
padding: 10px;
color: #333;
}
.bx-next:hover, .bx-prev:hover {
float: left;
margin-right: 2px;
background-color: #5cb8e9;
padding: 10px;
color: #333;
}
.bx-pager-item a:hover {
float: left;
margin-right: 2px;
background-color: #fcbc5b;
padding: 10px;
color: #333;
}
.bx-pager-item a.active {
background-color: #fcbc5b;
}
.bx-wrapper {
}
.bx-wrapper:after {
}
.height-30 {
height: 30px;
float: left;
display: block;
width: 100%;typo3
}
.image-gallery {
float: left;
}
.image-gallery ul {
float: left;
}
.image-gallery ul li {
float: left;
list-style: none;
margin:3px 3px 0 0 ;
}
#logo-container {
z-index: 10;
}
#logo-container a {
float: left;
background: url('fileadmin/templates/tDefault/default/img/pattern/FFF/85.png') repeat 0 0 transparent;
padding: 10px;
position: absolute;
z-index: 99999999;
}
.sprite {
width: 49px;
height: 46px;
}
.sprite > div {
margin-left: 60px;
}
.sprite h3 {
float: left;
margin-top: 10px;
}
.sprite {
width: 55px;
height: 40px;
}
.sprite.blue {
background: url('fileadmin/skin/default/base/img/icons/icon-sprite_blue.png') repeat 0 0 transparent;
}
.sprite.haus { background-position: 0px 0px; }
.sprite.search { background-position: -70px 0px; }
.sprite.person { background-position: -145px 0px; }
.sprite.telefon-1 { background-position: -220px 0px; }
.sprite.bubble { background-position: -293px 0px; }
.sprite.cart { background-position: -380px 0px; }
.sprite.payment { background-position: -454px 0px; }
.sprite.alarm { background-position: -526px 0px; }
.sprite.new { background-position: -600px 0px; }
.sprite.like { background-position: -672px 0px; }
.sprite.page-1 { background-position: 0px -60px; }
.sprite.arrow-left { background-position: -70px -60px; }
.sprite.organigramm { background-position: -145px -60px; }
.sprite.trash { background-position: -20px -60px; }
.sprite.arrow-right { background-position: -293px -60px; }
.sprite.shield { background-position: -380px -60px; }
.sprite.barcode { background-position: -454px -60px; }
.sprite.lkw { background-position: -526px -60px; }
.sprite.kasse { background-position: -600px -60px; }
.sprite.into-box { background-position: -672px -60px; }
.sprite.schloss { background-position: 0px -127px; }
.sprite.folder { background-position: -70px -127px; }
.sprite.mail { background-position: -145px -127px; }
.sprite.tools { background-position: -20px -127px; }
.sprite.arrow-down-1 { background-position: -293px -127px; }
.sprite.package-1 { background-position: -380px -127px; }
.sprite.bag { background-position: -454px -127px; }
.sprite.surprise { background-position: -526px -127px; }
.sprite.vcard { background-position: -600px -127px; }
.sprite.medail { background-position: -672px -127px; }
.sprite.schloss-offen { background-position: 0px -193px; }
.sprite.print { background-position: -70px -193px; }
.sprite.info { background-position: -145px -193px; }
.sprite.pencil { background-position: -20px -193px; }
.sprite.speaker { background-position: -293px -193px; }
.sprite.percent { background-position: -380px -193px; }
.sprite.cart-2 { background-position: -454px -193px; }
.sprite.cart-3 { background-position: -526px -193px; }
.sprite.cart-4 { background-position: -600px -193px; }
.sprite.recycling { background-position: -672px -193px; }
.sprite.save { background-position: 0px -256px; }
.sprite.kalendar { background-position: -70px -256px; }
.sprite.arrows-diagonal { background-position: -145px -256px; }
.sprite.mail-open { background-position: -20px -256px; }
.sprite.statistik { background-position: -293px -256px; }
.sprite.file-checked { background-position: -380px -256px; }
.sprite.label { background-position: -454px -256px; }
.sprite.money { background-position: -526px -256px; }
.sprite.check { background-position: -600px -256px; }
.sprite.calculator { background-position: -672px -256px; }
.sprite.usb-stick { background-position: 0px -384px; }
.sprite.time { background-position: -70px -384px; }
.sprite.circular { background-position: -145px -384px; }
.sprite.arrow-down-container { background-position: -20px -384px; }
.sprite.bubbles-2 { background-position: -293px -384px; }
.sprite.manager { background-position: -380px -384px; }
.sprite.cake-piece { background-position: -454px -384px; }
.sprite.money-bag { background-position: -526px -384px; }
.sprite.vcard-2 { background-position: -600px -384px; }
.sprite.like-2 { background-position: -672px -384px; }
.sprite.aa { background-position: 0px -448px; }
.sprite.cd { background-position: -70px -448px; }
.sprite.pencil-ruler { background-position: -145px -448px; }
.sprite.klammer { background-position: -20px -448px; }
.sprite.folders { background-position: -293px -448px; }
.sprite.umbrella { background-position: -380px -448px; }
.sprite.statistik-2 { background-position: -454px -448px; }
.sprite.laptop { background-position: -526px -448px; }
.sprite.earth { background-position: -600px -448px; }
.sprite.time-2 { background-position: -672px -448px; }
.sprite.config { background-position: 0px -511px; }
.sprite.arrow-up-container { background-position: -70px -511px; }
.sprite.pin { background-position: -145px -511px; }
.sprite.printer-2 { background-position: -20px -511px; }
.sprite.laptop-2 { background-position: -293px -511px; }
.sprite.euro { background-position: -380px -511px; }
.sprite.bag { background-position: -454px -511px; }
.sprite.hands { background-position: -526px -511px; }
.sprite.cake-complete { background-position: -600px -511px; }
.sprite.money-bag-2 { background-position: -672px -511px; }
.sprite.telefon-book { background-position: 0px -573px; }
.sprite.glases { background-position: -70px -573px; }
.sprite.chain-closed { background-position: -145px -573px; }
.sprite.chain-open { background-position: -20px -573px; }
.sprite.marker { background-position: -293px -573px; }
.sprite.save-money { background-position: -380px -573px; }
.sprite.international-1 { background-position: -454px -573px; }
.sprite.building { background-position: -526px -573px; }
.sprite.international-2 { background-position: -600px -573px; }
.sprite.statistik-3 { background-position: -672px -573px; }
.sprite.telefon-2 { background-position: 0px -638px; }
.sprite.fax { background-position: -70px -638px; }
.sprite.arrows-horizontal { background-position: -145px -638px; }
.sprite.schere { background-position: -20px -638px; }
.sprite.maus { background-position: -293px -638px; }
.sprite.time-3 { background-position: -380px -638px; }
.sprite.marker-2 { background-position: -454px -638px; }
.sprite.percent { background-position: -526px -638px; }
.sprite.airplane { background-position: -600px -638px; }
.sprite.plus { background-position: -672px -638px; }
#main-nav-container > div {
float: left;
}
#main-nav-container .left-part,
#footer .left-part {
background-color: #fcbc5b;
}
#main-nav-container .right-part,
#footer .right-part {
background-color: #5cb8e9;
}
p {
color: #555555;
margin-bottom: 10px;
}
#main-nav-container {
}
.bxcontainer {
float: left;
}
#main-nav-container a, #main-nav-container {
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
font-style: italic;
font-weight: 600;
color: #FFFFFF;
float: left;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
}
#main-nav-container li {
float: left;
padding: 16px;
}
#main-nav-container li.current {
background-color: #575b5d;
}
#main-nav-container li > a {
font-size: 18px;
}
#main-nav-container .title {
clear: both;
float: left;
}
#main-nav-container .subtitle {
clear: both;
padding-left: 40px;
font-size: 12px;
float: left;
}
.row-part {
clear: both;
}
#footer .left-part, #footer .right-part {
min-height: 100px;
}
body
{
background-color: #f7f7f7;
}
.left-part, .right-part {
float: left;
}
.row-part.default .left-part .padding-container
{
padding: 30px 10px 60px 30px;
float: left;
}
.row-part .left-part .padding-container
{
padding: 0px 10px 60px 30px;
float: left;
}
.row-part.default .right-part .padding-container
{
padding: 30px 10px 60px 30px;
float: left;
}
.row-part.default .right-part
{
background-color: #ffffff;
}
#footer {
float: left;
}
#footer .left-part, #footer .right-part {
height: 220px;
padding-top: 20px;
}
#footer .left-part {
}
#footer .right-part {
}
#footer, #footer a {
color: #F6F6F6;
}
#footer a, #footer h4 {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
}
#footer p {
clear: both;
}
#footer .grid_18 > div {
padding-left: 20px;
}
.height {
float: left;
width: 100%;
}
.height-10px {
height: 10px;
}
.rev-slider-wrapper {
font-family: 'Titillium Web', sans-serif;
height: 640px;
width:100% !important;
position:absolute;
padding:0;
max-height:540px !important;
overflow:hidden;
}
.rev-slider-wrapper > .rev-slider {
height: 540px !important;
}
.rev-slider-wrapper .big-1 {
font-size: 28px;
font-style: italic;
background-color: #fcbc5b;
padding: 10px 20px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
}
.rev-slider-wrapper .big-2 {
font-size: 22px;
line-height: 30px;
background-color: #5cb8e9;
padding: 10px 20px;
display: block;
font-style: italic;
text-transform: uppercase;
font-weight: 600;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
}
.rev-slider-wrapper .medium-2 {
font-size: 18px;
line-height: 26px;
background-color: #5cb8e9;
padding: 10px 20px;
display: block;
font-style: italic;
text-transform: uppercase;
font-weight: 600;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
}
.rev-slider-wrapper .medium-3 {
font-size: 14px;
line-height: 20px;
background-color: #fcbc5b;
padding: 10px 20px;
display: block;
font-style: italic;
text-transform: uppercase;
font-weight: 600;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
}
/*-----------------------------------------------------------------------------
- Revolution Slider 1.5.3 -
Screen Stylesheet
version: 2.1
date: 09/18/11
last update: 06.12.2012
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
- Revolution Slider 2.0 Captions -
Screen Stylesheet
version: 1.4.5
date: 09/18/11
last update: 06.12.2012
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*************************
- CAPTIONS -
**************************/
.tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;}
.tp-caption { z-index:1;}
.tp-caption.big_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
padding: 3px 4px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#000;
letter-spacing: 0px;
}
.tp-caption.big_orange{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 36px;
line-height: 36px;
font-family: Arial;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#fb7354;
letter-spacing: -1.5px;
}
.tp-caption.big_black{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
padding: 0px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#fff;
letter-spacing: -1.5px;
}
.tp-caption.medium_grey{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 20px;
line-height: 20px;
font-family: Arial;
padding: 2px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#888;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.small_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.medium_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
.tp-caption.large_black_text{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 42px;
line-height: 42px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.very_large_text{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 60px;
line-height: 60px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
letter-spacing: 0px;
}
.tp-caption.very_large_black_text{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 72px;
line-height: 72px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_red_text{
position: absolute;
color: #d31e00;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_brown_text{
position: absolute;
color: #a04606;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.bold_green_text{
position: absolute;
color: #5b9830;
text-shadow: none;
font-weight: 800;
font-size: 20px;
line-height: 20px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.very_big_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 36px;
line-height: 36px;
font-family: 'Open Sans', sans;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
padding: 3px 4px;
padding-top: 1px;
background-color:#7e8e96;
}
.tp-caption.very_big_black{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 700;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
padding: 0px 4px;
padding-top: 1px;
background-color:#fff;
}
.tp-caption.modern_medium_fat{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 24px;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.modern_medium_fat_white{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 24px;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.modern_medium_light{
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 24px;
line-height: 20px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.modern_big_bluebg{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 30px;
line-height: 36px;
font-family: 'Open Sans', sans-serif;
padding: 3px 10px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#4e5b6c;
letter-spacing: 0;
}
.tp-caption.modern_big_redbg{
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 30px;
line-height: 36px;
font-family: 'Open Sans', sans-serif;
padding: 3px 10px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color:#de543e;
letter-spacing: 0;
}
.tp-caption.modern_small_text_dark{
position: absolute;
color: #555;
text-shadow: none;
font-size: 14px;
line-height: 22px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space:nowrap;
}
.tp-caption.boxshadow{
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black{
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp-caption a {
color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
color: #ffa902;
}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
/******************************
- BUTTONS -
*******************************/
.button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
background:url(fileadmin/skin/default/base/img/slider/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
}
.button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(fileadmin/skin/default/base/img/slider/images/gradient/g40.png) repeat-x top;}
.purchase:hover,
.button:hover,
.button.big:hover { background-position:bottom, 15px 11px;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;}
a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
/* BUTTON COLORS */
.button.green, .button:hover.green,
.purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.button.blue, .button:hover.blue,
.purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;}
.button.red, .button:hover.red,
.purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;}
.button.orange, .button:hover.orange,
.purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;}
.button.darkgrey,.button.grey,
.button:hover.darkgrey,.button:hover.grey,
.purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;}
.button.lightgrey, .button:hover.lightgrey,
.purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img { -webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; visibility: hidden;
}
.tp-simpleresponsive img { max-width:none;}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 { background:url(fileadmin/skin/default/base/img/slider/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:60px; bottom:-60px;}
.tp-bannershadow.tp-shadow2 { background:url(fileadmin/skin/default/base/img/slider/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 { background:url(fileadmin/skin/default/base/img/slider/assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe { width:100% !important; height:100% !important;}
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear { clear:both;}
.tp-bullets { z-index:1000; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(fileadmin/skin/default/base/img/slider/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
.tp-bullets.simplebullets.navbar-old { background:url(fileadmin/skin/default/base/img/slider/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:-10px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px;}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px;}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected { background-position:top left; }
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; }
/*************************************
- TP ARROWS -
**************************************/
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/large_left.png) no-Repeat top left; width:40px; height:40px; }
.tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/large_right.png) no-Repeat top left; width:40px; height:40px; }
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:-7px; }
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:-7px;}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px;}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px;}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; }
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px; }
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;}
.tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; opacity: 0.5;
}
.tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(fileadmin/skin/default/base/img/slider/assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; opacity: 0.5;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-position:bottom left; }
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs { padding:3px;}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%; }
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { width:100%; height:10px; background:url(fileadmin/skin/default/base/img/slider/assets/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive .tp-bullets.tp-thumbs { width:300px !important; height:30px !important;}
.responsive .tp-bullets.tp-thumbs .tp-mask { width:300px !important; height:30px !important;}
.responsive .tp-bullets.tp-thumbs .bullet { width:60px !important;height:30px !important;}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display:none}
.responsive .tparrows { display:none;}
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none;}
.tp-simpleresponsive ul {
list-style:none;
padding:0;
margin:0;
}
.tp-simpleresponsive >ul >li{
list-stye:none;
position:absolute;
visibility:hidden;
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:3000px; height:1500px; background:url(fileadmin/skin/default/base/img/slider/assets/coloredbg.png) repeat;}
.tp-loader { background:url(fileadmin/skin/default/base/img/slider/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-transparentimg { content:"url(fileadmin/skin/default/base/img/slider/assets/transparent.png)"}
.tp-3d { -webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
a {
color: #2A9EDB;
}
a:hover {
color: #5cb8e9;
}
.button {
letter-spacing: normal;
height: auto;
}
.mejs-container {
position: relative;
background: #000;
font-family: Helvetica, Arial;
text-align: left;
vertical-align: top;
text-indent: 0;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden;
}
.mejs-fullscreen {
/* set it to not show scroll bars so 100% will work */
overflow: hidden !important;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
}
.mejs-clear {
clear: both;
}
/* Start: LAYERS */
.mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
background-size: contain ;
background-position: 50% 50% ;
background-repeat: no-repeat ;
}
:root .mejs-poster img {
display: none ;
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(fileadmin/templates/tDefault/base/img/media/bigplay.svg) no-repeat;
}
.no-svg .mejs-overlay-button {
background-image: url(fileadmin/templates/tDefault/base/img/media/bigplay.png);
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px ;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: #333;
background: url(fileadmin/templates/tDefault/base/img/media/background.png);
background: rgba(0, 0, 0, 0.9);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
background: transparent url(fileadmin/templates/tDefault/base/img/media/loading.gif) 50% 50% no-repeat;
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
background: url(fileadmin/templates/tDefault/base/img/media/background.png);
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
height: 30px;
width: 100%;
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
font-size: 11px;
line-height: 11px;
font-family: Helvetica, Arial;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 5px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
/* background: transparent url(/fileadmin/templates/default/css/media/mediaelement/controls.svg) no-repeat; */
background: transparent url(fileadmin/templates/tDefault/base/img/media/controls.png) no-repeat;
}
.no-svg .mejs-controls .mejs-button button {
background-image: url(fileadmin/templates/tDefault/base/img/media/controls.png);
}
/* :focus for accessibility TODO: set Main Color Here */
.mejs-controls .mejs-button button:focus {
outline: solid 1px #E8B548;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 8px 3px 0 3px ;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time span {
color: #fff;
font-size: 11px;
line-height: 12px;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}
.mejs-controls .mejs-stop button {
background-position: -112px 0;
}
/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
direction: ltr;
width: 200px;
padding-top: 5px;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background: #333;
background: rgba(50,50,50,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
}
@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #3caac8;
background: rgba(60,170,200,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #fff;
background: rgba(255,255,255,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
border: solid 2px #333;
top: -2px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #eee;
width: 36px;
height: 17px;
border: solid 1px #333;
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #eee;
border-color: #eee transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px;
}
/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
visibility:visible;
}
*/
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background: url(fileadmin/templates/tDefault/base/img/media/background.png);
background: rgba(50, 50, 50, 0.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.5);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
cursor: N-resize;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0;
}
/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
height: 26px;
width: 60px;
position: relative;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #333;
background: rgba(50,50,50,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fff;
background: rgba(255,255,255,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}
/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(fileadmin/templates/tDefault/base/img/media/background.png);
background: rgba(50,50,50,0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
/*
.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
visibility: visible;
}
*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
z-index: 1;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #222;
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #666;
background: rgba(102,102,102, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align:center;
line-height: 22px;
font-size: 12px;
color: #fff;
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 3px 5px;
background: url(fileadmin/templates/tDefault/base/img/media/background.png);
background: rgba(20, 20, 20, 0.8);
}
/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}
/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
/* End: backlight */
/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}
/* End: Picture Controls */
/* context menu */
.mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
border-radius: 4px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #999;
z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333;
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family: Helvetica, Arial;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff;
}
/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(fileadmin/templates/tDefault/base/img/media/background.png);
background: rgba(50,50,50,0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
/* End: Source Chooser */
/* Start: Postroll */
.mejs-postroll-layer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: url(fileadmin/templates/tDefault/base/img/media/background.png);
background: rgba(50,50,50,0.7);
z-index: 1000;
overflow: hidden;
}
.mejs-postroll-layer-content {
width: 100%;
height: 100%;
}
.mejs-postroll-close {
position: absolute;
right: 0;
top: 0;
background: url(fileadmin/templates/tDefault/base/img/media/background.png);
background: rgba(50,50,50,0.7);
color: #fff;
padding: 4px;
z-index: 100;
cursor: pointer;
}
/* End: Postroll */
/* --- TESTNAV ---*/
.testnav {
font-family: "Arial", sans-serif;
font-size: 12px;
float: left;
background-color: #000000;
color: #FFFFFF;
position: absolute;
/* left: -250px; */
width: 260px;
top: 40px;
}
.testnav ul {
padding: 0 0 0 10px;
}
.testnav a {
color: #FFFFFF;
font-size: 11px;
}
.testnav li.current a, .testnav a:hover {
color: #FF0000;
}
.testnav-toggler {
position: absolute;
left: 0px;
top: 15px;
float: left;
width: 20px;
height: 20px;
background-color: #2C7C91;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
/*---------------------------------------------------------------- HEADERS ---*/
h1, h2, h3, h4, h5,
.h1,.h2,.h3,.h4,.h5 {
}
h1,.h1 {
font-size: 18px;
}
h2,.h2 {
font-size: 16px;
}
h3,.h3 {
font-size: 14px;
float: left;
clear: both;
}
h4,.h4 {
font-size: 12px;
font-weight: bold;
float: left;
clear: both;
}
h5,.h5 {
}
/* ------------------------------------------------------------------ FONT ---*/
.font-size-small-1 { font-size: 11px; }
.font-size-small-2 { font-size: 9px; }
.font-size-small-3 { font-size: 8px; }
.font-size-big-1 { font-size: 14px; }
.font-size-big-2 { font-size: 16px; }
.font-size-big-3 { font-size: 18px; }
.font-size-8px { font-size: 8px; }
.font-size-9px { font-size: 9px; }
.font-size-10px { font-size: 10px; }
.font-size-11px { font-size: 11px; }
.font-size-12px { font-size: 12px; }
.font-size-13px { font-size: 13px; }
.font-size-14px { font-size: 14px; }
.font-size-16px { font-size: 16px; }
.font-size-18px { font-size: 18px; }
.font-size-20px { font-size: 20px; }
.font-size-22px { font-size: 22px; }
.font-size-26px { font-size: 26px; }
.font-size-30px { font-size: 30px; }
.font-size-40px { font-size: 40px; }
.font-size-46px { font-size: 46px; }
.font-size-50px { font-size: 50px; }
.font-size-60px { font-size: 60px; }
.font-size-70px { font-size: 70px; }
.font-color-1 { color: #3DB028; }
.font-color-2 { color: #FF0000; }
.font-color-3 { color: #0910E3; }
.font-color-4 { color: #FFA200; }
.font-color-5 { color: #E01B6A; }
.font-bg-color-1 { background-color: #C7FABE; }
.font-bg-color-2 { background-color: #FAC8C8; }
.font-bg-color-3 { background-color: #C5C7FC; }
.font-bg-color-4 { background-color: #F7E4C1; }
.font-bg-color-5 { background-color: #FAC3D9; }
p {
float: left;
clear: both;
}
form {
float: left;
border: none;
clear: both;
}
fieldset {
border: none;
}
input {
}
input[type=text] {
}
label {
width: 115px;
float: left;
padding: 7px 10px 0 0;
text-align: right;
}
input[type=submit] {
margin-left: 125px;
background-color: #FCBC5B;
color: #FFFFFF;
width: 296px;
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
font-style: italic;
}
input[type=submit]:hover {
color: #FFF;
cursor: pointer;
}
input, textarea {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #B5B5B5;
box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.1) inset;
line-height: 1;
padding: 7px;
width: 280px;
}
.csc-mailform-field {
margin-bottom: 10px;
}
/*
ul.list-style-1 > li, li.list-style-1 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/accept.png") no-repeat 0 0 transparent;
}
ul.list-style-2 > li, li.list-style-2 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/cancel.png") no-repeat 0 0 transparent;
}
ul.list-style-3 > li, li.list-style-3 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/dialog-error.png") no-repeat 0 0 transparent;
}
ul.list-style-4 > li, li.list-style-4 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/dialog-information.png") no-repeat 0 0 transparent;
}
ul.list-style-5 > li, li.list-style-5 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/dialog-warning.png") no-repeat 0 0 transparent;
}
ul.list-style-6 > li, li.list-style-6 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/status-checked.png") no-repeat 0 0 transparent;
}
ul.list-style-7 > li, li.list-style-7 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/no-way.png") no-repeat 0 0 transparent;
}
ul.list-style-8 > li, li.list-style-8 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/module_tools_em.png") no-repeat 0 0 transparent;
}
ul.list-style-9 > li, li.list-style-9 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/menuExtConfig.png") no-repeat 0 0 transparent;
}
ul.list-style-10 > li, li.list-style-10 {
padding-left: 20px;
background: url("fileadmin/templates/default/img/icons/t3/pdf.png") no-repeat 0 0 transparent;
}
*/