#rost-main {
background-color: #6F6E73;
background-image: url(images/page.jpeg);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed, fixed, fixed !important;
margin: 0 auto;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor: default;
overflow: hidden;
}
table, ul.rost-hmenu {
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
margin: 0;
padding: 0;
}
/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.rost-button {
border: 0;
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #B5B5B5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-width: 0;
padding: 0 21px;
margin: 0 auto;
height: 24px;
}
.rost-postcontent, .rost-postheadericons, .rost-postfootericons, .rost-blockcontent, ul.rost-vmenu a {
text-align: left;
}
.rost-postcontent, .rost-postcontent li, .rost-postcontent table, .rost-postcontent a, .rost-postcontent a:link, .rost-postcontent a:visited, .rost-postcontent a.visited, .rost-postcontent a:hover, .rost-postcontent a.hovered {
font-size: 15px;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
text-align: center;
line-height: 175%;
}
.rost-postcontent p {
margin: 8px 0;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.rost-postcontent h1, .rost-postcontent h1 a, .rost-postcontent h1 a:link, .rost-postcontent h1 a:visited, .rost-postcontent h1 a:hover, .rost-postcontent h2, .rost-postcontent h2 a, .rost-postcontent h2 a:link, .rost-postcontent h2 a:visited, .rost-postcontent h2 a:hover, .rost-postcontent h3, .rost-postcontent h3 a, .rost-postcontent h3 a:link, .rost-postcontent h3 a:visited, .rost-postcontent h3 a:hover, .rost-postcontent h4, .rost-postcontent h4 a, .rost-postcontent h4 a:link, .rost-postcontent h4 a:visited, .rost-postcontent h4 a:hover, .rost-postcontent h5, .rost-postcontent h5 a, .rost-postcontent h5 a:link, .rost-postcontent h5 a:visited, .rost-postcontent h5 a:hover, .rost-postcontent h6, .rost-postcontent h6 a, .rost-postcontent h6 a:link, .rost-postcontent h6 a:visited, .rost-postcontent h6 a:hover, .rost-blockheader .t, .rost-blockheader .t a, .rost-blockheader .t a:link, .rost-blockheader .t a:visited, .rost-blockheader .t a:hover, .rost-vmenublockheader .t, .rost-vmenublockheader .t a, .rost-vmenublockheader .t a:link, .rost-vmenublockheader .t a:visited, .rost-vmenublockheader .t a:hover, .rost-headline, .rost-headline a, .rost-headline a:link, .rost-headline a:visited, .rost-headline a:hover, .rost-slogan, .rost-slogan a, .rost-slogan a:link, .rost-slogan a:visited, .rost-slogan a:hover, .rost-postheader, .rost-postheader a, .rost-postheader a:link, .rost-postheader a:visited, .rost-postheader a:hover {
font-size: 22px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
line-height: 120%;
}
.rost-postcontent a, .rost-postcontent a:link {
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #419CDF;
text-shadow: 2px 2px 6px rgba(150, 150, 150, 0.15);
}
.rost-postcontent a:visited, .rost-postcontent a.visited {
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #419CDF;
text-shadow: 2px 2px 6px rgba(150, 150, 150, 0.15);
}
.rost-postcontent a:hover, .rost-postcontent a.hover {
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #000000;
text-shadow: 2px 2px 6px rgba(150, 150, 150, 0.15);
}
.rost-postcontent h1 {
color: #FFFFFF;
font-size: 28px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-transform: uppercase;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
margin-top: 5px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-bottom: 2px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #419CDF;
}
.rost-blockcontent h1 {
margin: 10px 0 0;
font-size: 28px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-transform: uppercase;
}
.rost-postcontent h1 a, .rost-postcontent h1 a:link, .rost-postcontent h1 a:hover, .rost-postcontent h1 a:visited, .rost-blockcontent h1 a, .rost-blockcontent h1 a:link, .rost-blockcontent h1 a:hover, .rost-blockcontent h1 a:visited {
font-size: 28px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-transform: uppercase;
}
.rost-postcontent h2 {
color: #000000;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
margin: 10px 0 0;
font-size: 24px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-blockcontent h2 {
margin: 10px 0 0;
font-size: 24px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h2 a, .rost-postcontent h2 a:link, .rost-postcontent h2 a:hover, .rost-postcontent h2 a:visited, .rost-blockcontent h2 a, .rost-blockcontent h2 a:link, .rost-blockcontent h2 a:hover, .rost-blockcontent h2 a:visited {
font-size: 24px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h3 {
color: #000000;
margin: 10px 0 0;
font-size: 20px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-blockcontent h3 {
margin: 10px 0 0;
font-size: 20px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h3 a, .rost-postcontent h3 a:link, .rost-postcontent h3 a:hover, .rost-postcontent h3 a:visited, .rost-blockcontent h3 a, .rost-blockcontent h3 a:link, .rost-blockcontent h3 a:hover, .rost-blockcontent h3 a:visited {
font-size: 20px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h4 {
color: #000000;
margin: 10px 0 0;
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-blockcontent h4 {
margin: 10px 0 0;
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h4 a, .rost-postcontent h4 a:link, .rost-postcontent h4 a:hover, .rost-postcontent h4 a:visited, .rost-blockcontent h4 a, .rost-blockcontent h4 a:link, .rost-blockcontent h4 a:hover, .rost-blockcontent h4 a:visited {
font-size: 18px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h5 {
color: #000000;
margin: 10px 0 0;
font-size: 15px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-blockcontent h5 {
margin: 10px 0 0;
font-size: 15px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h5 a, .rost-postcontent h5 a:link, .rost-postcontent h5 a:hover, .rost-postcontent h5 a:visited, .rost-blockcontent h5 a, .rost-blockcontent h5 a:link, .rost-blockcontent h5 a:hover, .rost-blockcontent h5 a:visited {
font-size: 15px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h6 {
color: #000000;
margin: 10px 0 0;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-blockcontent h6 {
margin: 10px 0 0;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-postcontent h6 a, .rost-postcontent h6 a:link, .rost-postcontent h6 a:hover, .rost-postcontent h6 a:visited, .rost-blockcontent h6 a, .rost-blockcontent h6 a:link, .rost-blockcontent h6 a:hover, .rost-blockcontent h6 a:visited {
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
header, footer, article, nav, #rost-hmenu-bg, .rost-sheet, .rost-hmenu a, .rost-vmenu a, .rost-slidenavigator > a, .rost-checkbox:before, .rost-radiobutton:before {
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
}
header, footer, article, nav, #rost-hmenu-bg, .rost-sheet, .rost-slidenavigator > a, .rost-checkbox:before, .rost-radiobutton:before {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul {
list-style-type: none;
}
ol {
list-style-position: inside;
}
html, body {
height: 100%;
}
/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */}
body {
padding: 0;
margin: 0;
min-width: 960px;
color: #000000;
}
.rost-header:before, #rost-header-bg:before, .rost-layout-cell:before, .rost-layout-wrapper:before, .rost-footer:before, .rost-nav:before, #rost-hmenu-bg:before, .rost-sheet:before {
width: 100%;
content: " ";
display: table;
}
.rost-header:after, #rost-header-bg:after, .rost-layout-cell:after, .rost-layout-wrapper:after, .rost-footer:after, .rost-nav:after, #rost-hmenu-bg:after, .rost-sheet:after, .cleared, .clearfix:after {
clear: both;
display: block;
content: " ";
}
form {
padding: 0 !important;
margin: 0 !important;
}
table.position {
position: relative;
width: 100%;
table-layout: fixed;
}
li h1, .rost-postcontent li h1, .rost-blockcontent li h1 {
margin: 1px;
}
li h2, .rost-postcontent li h2, .rost-blockcontent li h2 {
margin: 1px;
}
li h3, .rost-postcontent li h3, .rost-blockcontent li h3 {
margin: 1px;
}
li h4, .rost-postcontent li h4, .rost-blockcontent li h4 {
margin: 1px;
}
li h5, .rost-postcontent li h5, .rost-blockcontent li h5 {
margin: 1px;
}
li h6, .rost-postcontent li h6, .rost-blockcontent li h6 {
margin: 1px;
}
li p, .rost-postcontent li p, .rost-blockcontent li p {
margin: 1px;
}
.rost-shapes {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 0;
}
.rost-slider-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.rost-slidenavigator > a {
display: inline-block;
vertical-align: middle;
outline-style: none;
font-size: 1px;
}
.rost-slidenavigator > a:last-child {
margin-right: 0 !important;
}
.rost-sheet {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px auto 0;
position: relative;
cursor: auto;
width: 960px;
z-index: auto !important;
text-align: center;
}
.rost-header {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
margin: 0 auto;
background-repeat: no-repeat;
height: 150px;
background-image: url('images/header.png');
background-position: 0 0;
position: relative;
z-index: auto !important;
}
.custom-responsive .rost-header {
background-image: url('images/header.png');
background-position: 0 0;
}
.default-responsive .rost-header, .default-responsive #rost-header-bg {
background-image: url('images/header.png');
background-position: center center;
background-size: cover;
}
.rost-header>.widget {
position: absolute;
z-index: 101;
}
.rost-header .rost-slider-inner {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.rost-nav {
background: #CCCCCC;
background: -webkit-linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
background: -moz-linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
background: -o-linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
background: -ms-linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
-svg-background: linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
background: linear-gradient(to bottom, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 6px;
margin: 0 auto;
position: relative;
z-index: 499;
text-align: center;
}
ul.rost-hmenu a, ul.rost-hmenu a:link, ul.rost-hmenu a:visited, ul.rost-hmenu a:hover {
outline: none;
position: relative;
z-index: 11;
}
ul.rost-hmenu, ul.rost-hmenu ul {
display: block;
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}
ul.rost-hmenu li {
position: relative;
z-index: 5;
display: block;
float: left;
background: none;
margin: 0;
padding: 0;
border: 0;
}
ul.rost-hmenu li:hover {
z-index: 10000;
white-space: normal;
}
ul.rost-hmenu:after, ul.rost-hmenu ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
ul.rost-hmenu, ul.rost-hmenu ul {
min-height: 0;
}
ul.rost-hmenu {
display: inline-block;
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rost-nav:before {
content: ' ';
}
.rost-hmenu-extra1 {
position: relative;
display: block;
float: left;
width: auto;
height: auto;
background-position: center;
}
.rost-hmenu-extra2 {
position: relative;
display: block;
float: right;
width: auto;
height: auto;
background-position: center;
}
.rost-menuitemcontainer {
margin: 0 auto;
}
ul.rost-hmenu>li {
margin-left: 10px;
}
ul.rost-hmenu>li:first-child {
margin-left: 5px;
}
ul.rost-hmenu>li:last-child, ul.rost-hmenu>li.last-child {
margin-right: 5px;
}
ul.rost-hmenu>li>a {
padding: 0 25px;
margin: 0 auto;
position: relative;
display: block;
height: 35px;
cursor: pointer;
text-decoration: none;
color: #000000;
line-height: 35px;
text-align: center;
}
.rost-hmenu>li>a, .rost-hmenu>li>a:link, .rost-hmenu>li>a:visited, .rost-hmenu>li>a.active, .rost-hmenu>li>a:hover {
font-size: 16px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
}
ul.rost-hmenu>li>a.active {
padding: 0 25px;
margin: 0 auto;
color: #000000;
text-decoration: underline;
}
ul.rost-hmenu>li>a:visited, ul.rost-hmenu>li>a:hover, ul.rost-hmenu>li:hover>a {
text-decoration: underline;
}
ul.rost-hmenu>li>a:hover, .desktop ul.rost-hmenu>li:hover>a {
background: #419CDF;
background: -webkit-linear-gradient(90deg, #1E75B3 0, #258DDA 30%, #81BEEA 100%) no-repeat;
background: -moz-linear-gradient(90deg, #1E75B3 0, #258DDA 30%, #81BEEA 100%) no-repeat;
background: -o-linear-gradient(90deg, #1E75B3 0, #258DDA 30%, #81BEEA 100%) no-repeat;
background: -ms-linear-gradient(90deg, #1E75B3 0, #258DDA 30%, #81BEEA 100%) no-repeat;
-svg-background: linear-gradient(90deg, #1E75B3 0, #258DDA 30%, #81BEEA 100%) no-repeat;
background: linear-gradient(to bottom, #1E75B3 0, #258DDA 30%, #81BEEA 100%) no-repeat;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 0 25px;
margin: 0 auto;
}
ul.rost-hmenu>li>a:hover, .desktop ul.rost-hmenu>li:hover>a {
color: #FFFFFF;
text-decoration: underline;
}
ul.rost-hmenu li li a {
background: #C7C7C7;
background: transparent;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
padding: 0 17px;
margin: 0 auto;
}
ul.rost-hmenu li li {
float: none;
width: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.desktop ul.rost-hmenu li li ul>li:first-child {
margin-top: 0;
}
ul.rost-hmenu li li ul>li:last-child {
margin-bottom: 0;
}
.rost-hmenu ul a {
display: block;
white-space: nowrap;
height: 30px;
min-width: 7em;
border: 0 solid transparent;
text-align: left;
line-height: 30px;
color: #7D7D7D;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
margin: 0;
}
.rost-hmenu ul a:link, .rost-hmenu ul a:visited, .rost-hmenu ul a.active, .rost-hmenu ul a:hover {
text-align: left;
line-height: 30px;
color: #7D7D7D;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
margin: 0;
}
ul.rost-hmenu li li:after {
display: block;
position: absolute;
content: ' ';
height: 0;
top: -3px;
left: 0;
right: 0;
z-index: 1;
border-bottom: 1px solid #CCC2C5;
}
.desktop ul.rost-hmenu li li:first-child:before, .desktop ul.rost-hmenu li li:first-child:after {
display: none;
}
ul.rost-hmenu ul li a:hover, .desktop ul.rost-hmenu ul li:hover>a {
background: #FFFFFF;
background: rgba(255, 255, 255, 0.8);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0 auto;
}
.rost-hmenu ul a:hover {
text-decoration: none;
color: #E57E10;
}
.desktop .rost-hmenu ul li:hover>a {
color: #E57E10;
}
ul.rost-hmenu ul:before {
background: #FDF3E7;
margin: 0 auto;
display: block;
position: absolute;
content: ' ';
z-index: 1;
}
.desktop ul.rost-hmenu li:hover>ul {
visibility: visible;
top: 100%;
}
.desktop ul.rost-hmenu li li:hover>ul {
top: 0;
left: 100%;
}
ul.rost-hmenu ul {
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background-image: url('images/spacer.gif');
}
.desktop ul.rost-hmenu>li>ul {
padding: 16px 35px 35px 35px;
margin: -10px 0 0 -30px;
}
.desktop ul.rost-hmenu ul ul {
padding: 35px 35px 35px 15px;
margin: -35px 0 0 -5px;
}
.desktop ul.rost-hmenu ul.rost-hmenu-left-to-right {
right: auto;
left: 0;
margin: -10px 0 0 -30px;
}
.desktop ul.rost-hmenu ul.rost-hmenu-right-to-left {
left: auto;
right: 0;
margin: -10px -30px 0 0;
}
.desktop ul.rost-hmenu li li:hover>ul.rost-hmenu-left-to-right {
right: auto;
left: 100%;
}
.desktop ul.rost-hmenu li li:hover>ul.rost-hmenu-right-to-left {
left: auto;
right: 100%;
}
.desktop ul.rost-hmenu ul ul.rost-hmenu-left-to-right {
right: auto;
left: 0;
padding: 35px 35px 35px 15px;
margin: -35px 0 0 -5px;
}
.desktop ul.rost-hmenu ul ul.rost-hmenu-right-to-left {
left: auto;
right: 0;
padding: 35px 15px 35px 35px;
margin: -35px -5px 0 0;
}
.desktop ul.rost-hmenu li ul>li:first-child {
margin-top: 0;
}
.desktop ul.rost-hmenu li ul>li:last-child {
margin-bottom: 0;
}
.desktop ul.rost-hmenu ul ul:before {
border-radius: 0;
top: 30px;
bottom: 30px;
right: 30px;
left: 10px;
}
.desktop ul.rost-hmenu>li>ul:before {
top: 11px;
right: 30px;
bottom: 30px;
left: 30px;
}
.desktop ul.rost-hmenu>li>ul.rost-hmenu-left-to-right:before {
right: 30px;
left: 30px;
}
.desktop ul.rost-hmenu>li>ul.rost-hmenu-right-to-left:before {
right: 30px;
left: 30px;
}
.desktop ul.rost-hmenu ul ul.rost-hmenu-left-to-right:before {
right: 30px;
left: 10px;
}
.desktop ul.rost-hmenu ul ul.rost-hmenu-right-to-left:before {
right: 10px;
left: 30px;
}
.desktop ul.rost-hmenu>li.ext>a {
white-space: nowrap;
}
.desktop ul.rost-hmenu>li.ext>a:hover, .desktop ul.rost-hmenu>li.ext:hover>a, .desktop ul.rost-hmenu>li.ext:hover>a.active {
background: none;
/* default padding + border size */
padding: 0 25px 0 25px;
/* margin for shadow */
margin: -0 -0 0 -0;
overflow: hidden;
position: relative;
border: none;
border-radius: 0;
box-shadow: none;
color: #E57E10;
}
.desktop ul.rost-hmenu>li.ext>a:hover:before, .desktop ul.rost-hmenu>li.ext:hover>a:before, .desktop ul.rost-hmenu>li.ext:hover>a.active:before {
position: absolute;
content: ' ';
/* top, right, left - for shadow */
top: 0;
right: 0;
left: 0;
/* border + shadow */
bottom: -0;
background-color: #FDF3E7;
border: 0 solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
z-index: -1;
}
.desktop ul.rost-hmenu>li.ext:hover>ul {
top: 36px;
padding-top: 5px;
/* menu bar padding */
margin-top: 0;
}
.desktop ul.rost-hmenu>li.ext:hover>ul:before {
/* border + shadow */
top: -0;
clip: rect(5px, auto, auto, auto);
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
ul.rost-hmenu>li.ext>.ext-r, ul.rost-hmenu>li.ext>.ext-l, ul.rost-hmenu>li.ext>.ext-m, ul.rost-hmenu>li.ext>.ext-off {
display: none;
z-index: 12;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.desktop ul.rost-hmenu>li.ext>ul {
z-index: 13;
}
.desktop ul.rost-hmenu>li.ext.ext-r:hover>.ext-r, .desktop ul.rost-hmenu>li.ext.ext-l:hover>.ext-l {
position: absolute;
display: block;
overflow: hidden;
/* size of radius 
   * if size if 0 we should now generate script 
   * that adds ext-r and ext-m divs
   */
height: 5px;
top: 36px;
padding-top: 0;
margin-top: -0;
/* border width + shadow */}
.desktop ul.rost-hmenu>li.ext:hover>.ext-r:before, .desktop ul.rost-hmenu>li.ext:hover>.ext-l:before {
position: absolute;
content: ' ';
top: 0;
/* border + shadow */
bottom: -0;
background-color: #FDF3E7;
border: 0 solid transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
.desktop ul.rost-hmenu>li.ext.ext-r:hover>.ext-r {
left: 100%;
right: auto;
padding-left: 0;
margin-left: 0;
padding-right: 0;
margin-right: -0;
/* only shadow */}
.desktop ul.rost-hmenu>li.ext.ext-r:hover>.ext-r:before {
right: 0;
left: -0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.desktop ul.rost-hmenu>li.ext.ext-l:hover>.ext-l {
right: 100%;
left: auto;
padding-right: 0;
margin-right: 0;
padding-left: 0;
margin-left: -0;
/* only shadow */}
.desktop ul.rost-hmenu>li.ext.ext-l:hover>.ext-l:before {
right: -0;
left: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.desktop ul.rost-hmenu>li.ext:hover>.ext-m, .desktop ul.rost-hmenu>li.ext:hover>.ext-off {
position: absolute;
display: block;
overflow: hidden;
height: 5px;
top: 100%;
}
.desktop ul.rost-hmenu>li.ext.ext-r:hover>.ext-m {
/* shadow offset */
left: -0;
right: 0;
/* shadow offset */
padding-right: 0;
padding-left: 0;
}
.desktop ul.rost-hmenu>li.ext:hover>.ext-off {
/* shadow offset */
left: -0;
right: -0;
/* shadow offset */
padding-left: 0;
padding-right: 0;
height: 1px;
}
.desktop ul.rost-hmenu>li.ext.ext-l:hover>.ext-m {
/* shadow offset */
right: -0;
left: 0;
/* shadow offset */
padding-left: 0;
padding-right: 0;
}
.desktop ul.rost-hmenu>li.ext.ext-l.ext-r:hover>.ext-m {
/* shadow offset */
right: -0;
left: -0;
/* shadow offset */
padding-left: 0;
padding-right: 0;
}
.desktop ul.rost-hmenu>li.ext:hover>.ext-m {
top: 36px;
}
.desktop ul.rost-hmenu>li.ext:hover>.ext-off:before {
right: 0;
left: 0;
position: absolute;
content: ' ';
top: -0;
bottom: -0;
/* shadow offset */
background-color: #FDF3E7;
border: 0 solid transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
.desktop ul.rost-hmenu>li.ext:hover>.ext-m:before {
position: absolute;
content: ' ';
top: -0;
bottom: -0;
/* shadow offset */
background-color: #FDF3E7;
border: 0 solid transparent;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
.desktop ul.rost-hmenu>li.ext.ext-r:hover>.ext-m:before {
right: -0;
left: 0;
}
.desktop ul.rost-hmenu>li.ext.ext-l:hover>.ext-m:before {
left: -0;
right: 0;
}
.desktop ul.rost-hmenu>li.ext.ext-l.ext-r:hover>.ext-m:before {
left: -0;
right: -0;
}
.rost-layout-wrapper {
position: relative;
margin: 0 auto 0 auto;
z-index: auto !important;
}
.rost-content-layout {
display: table;
width: 100%;
table-layout: fixed;
}
.rost-content-layout-row {
display: table-row;
}
.rost-layout-cell {
display: table-cell;
vertical-align: top;
}
/* need only for content layout in post content */ 
.rost-postcontent .rost-content-layout {
border-collapse: collapse;
}
.rost-block {
margin: 3px;
}
div.rost-block img {
border: none;
margin: 0;
}
.rost-blockheader {
padding: 6px 5px;
margin: 0 auto 2px;
}
.rost-blockheader .t, .rost-blockheader .t a, .rost-blockheader .t a:link, .rost-blockheader .t a:visited, .rost-blockheader .t a:hover {
color: #525252;
font-size: 20px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
margin: 0 5px;
}
.rost-blockcontent {
padding: 5px;
margin: 0 auto;
color: #272023;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
}
.rost-blockcontent table, .rost-blockcontent li, .rost-blockcontent a, .rost-blockcontent a:link, .rost-blockcontent a:visited, .rost-blockcontent a:hover {
color: #272023;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
}
.rost-blockcontent p {
margin: 0 5px;
}
.rost-blockcontent a, .rost-blockcontent a:link {
color: #B5640D;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.rost-blockcontent a:visited, .rost-blockcontent a.visited {
color: #927C84;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}
.rost-blockcontent a:hover, .rost-blockcontent a.hover {
color: #8F4F0A;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: none;
}
.rost-block ul>li:before {
content: url('images/blockbullets.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-left: -12px;
}
.opera .rost-block ul>li:before {
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.rost-block li {
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
line-height: 175%;
color: #43383B;
margin: 5px 0 0 10px;
}
.rost-block ul>li, .rost-block ol {
padding: 0;
}
.rost-block ul>li {
padding-left: 12px;
}
input, select, textarea, a.rost-search-button span {
vertical-align: middle;
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}
.rost-block select {
width: 96%;
}
.rost-post {
padding: 10px;
margin: 12px;
}
a img {
border: 0;
}
.rost-article img, img.rost-article, .rost-block img, .rost-footer img {
margin: 0 0 0 0;
}
.rost-metadata-icons img {
border: none;
vertical-align: middle;
margin: 2px;
}
.rost-article table, table.rost-article {
border-collapse: collapse;
margin: 1px;
}
.rost-post .rost-content-layout-br {
height: 0;
}
.rost-article th, .rost-article td {
padding: 2px;
vertical-align: top;
text-align: left;
}
.rost-article th {
text-align: center;
vertical-align: middle;
padding: 7px;
}
pre {
overflow: auto;
padding: 0.1em;
}
.opera .rost-postdateicon:before {
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.rost-postauthoricon:before {
content: url('images/postauthoricon.png');
margin-right: 6px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
bottom: auto;
}
.opera .rost-postauthoricon:before {
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.rost-postediticon:before {
content: url('images/postediticon.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
}
.opera .rost-postediticon:before {
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.rost-postcontent ul>li:before, .rost-post ul>li:before, .rost-textblock ul>li:before {
content: url('images/postbullets.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
}
.opera .rost-postcontent ul>li:before, .opera .rost-post ul>li:before, .opera .rost-textblock ul>li:before {
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.rost-postcontent li, .rost-post li, .rost-textblock li {
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #774208;
margin: 3px 0 0 11px;
}
.rost-postcontent ul>li, .rost-post ul>li, .rost-textblock ul>li, .rost-postcontent ol, .rost-post ol, .rost-textblock ol {
padding: 0;
}
.rost-postcontent ul>li, .rost-post ul>li, .rost-textblock ul>li {
padding-left: 19px;
}
.rost-postcontent ul>li:before, .rost-post ul>li:before, .rost-textblock ul>li:before {
margin-left: -19px;
}
.rost-postcontent ol, .rost-post ol, .rost-textblock ol, .rost-postcontent ul, .rost-post ul, .rost-textblock ul {
margin: 1em 0 1em 11px;
}
.rost-postcontent li ol, .rost-post li ol, .rost-textblock li ol, .rost-postcontent li ul, .rost-post li ul, .rost-textblock li ul {
margin: 0.5em 0 0.5em 11px;
}
.rost-postcontent li, .rost-post li, .rost-textblock li {
margin: 3px 0 0 0;
}
.rost-postcontent ol>li, .rost-post ol>li, .rost-textblock ol>li {
/* overrides overflow for "ul li" and sets the default value */
overflow: visible;
}
.rost-postcontent ul>li, .rost-post ul>li, .rost-textblock ul>li {
/* makes "ul li" not to align behind the image if they are in the same line */
overflow-x: visible;
overflow-y: hidden;
}
.rost-footer {
background: #CCCCCC;
background: -webkit-linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
background: -moz-linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
background: -o-linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
background: -ms-linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
-svg-background: linear-gradient(90deg, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
background: linear-gradient(to bottom, #B0B0B0 0, #DEDEDE 40%, #E3E3E3 50%, #DEDEDE 60%, #B0B0B0 100%) no-repeat;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.25);
padding: 20px;
margin: 0 auto;
position: relative;
color: #000000;
font-size: 16px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
line-height: 175%;
text-align: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}
.rost-footer a, .rost-footer a:link, .rost-footer a:visited, .rost-footer a:hover, .rost-footer td, .rost-footer th, .rost-footer caption {
color: #000000;
font-size: 16px;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
line-height: 175%;
}
.rost-footer p {
padding: 0;
text-align: center;
}
.rost-footer a, .rost-footer a:link {
color: #419CDF;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: underline;
text-shadow: 2px 2px 6px rgba(150, 150, 150, 0.25);
}
.rost-footer a:visited {
color: #419CDF;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: underline;
text-shadow: 2px 2px 6px rgba(150, 150, 150, 0.25);
}
.rost-footer a:hover {
color: #000000;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-decoration: underline;
text-shadow: 2px 2px 6px rgba(150, 150, 150, 0.25);
}
.rost-footer ul>li:before {
content: url('images/footerbullets.png');
margin-right: 6px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-left: -13px;
}
.opera .rost-footer ul>li:before {
/* Vertical-align:middle in Opera doesn't need additional offset */
bottom: 0;
}
.rost-footer li {
font-size: 13px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
color: #693A07;
}
.rost-footer ul>li, .rost-footer ol {
padding: 0;
}
.rost-footer ul>li {
padding-left: 13px;
}
.rost-page-footer, .rost-page-footer a, .rost-page-footer a:link, .rost-page-footer a:visited, .rost-page-footer a:hover {
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #545454;
}
.rost-page-footer {
position: relative;
z-index: auto !important;
padding: 1em;
text-align: center !important;
text-decoration: none;
color: #453A3E;
}
.rost-content-layout .rost-content {
margin: 0 auto;
}
.rost-content .rost-postcontent-0 .layout-item-0 {
padding-right: 10px;
padding-left: 10px;
}
.ie7 .rost-post .rost-layout-cell {
border: none !important;
padding: 0 !important;
}
.ie6 .rost-post .rost-layout-cell {
border: none !important;
padding: 0 !important;
}
.box {
width: 48%;
padding-right: 20px;
padding-left: 20px;
}
.boxkont { 
width: 48%;
padding-right: 20px;
padding-left: 20px;
}
h2.boxh2 {
border-bottom: solid 2px #419CDF;
padding-bottom: 2px;
color: #fff;
}
h2.headertext {
margin-top: 15px;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 54px;
text-shadow: 2px 2px 6px rgba(150, 150, 150, 0.5);
margin-left: 10px;
margin-right: 10px;

}
h3.headphone {
color: #fff;
font-weight: normal;
font-family: Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-size: 28px;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
margin-left: 10px;
margin-right: 10px;
}
h2.second {
color: #419CDF;
text-shadow: 2px 2px 6px rgba(150, 150, 150, 0.5);
font-style: italic;

}

.formtemp {
	text-align : center;
	width:330px;
	height: 450px;
	
	 

}