.search_engines {
visibility: hidden;
font-size: 1px;
}
.highlighted_word {
background-color: #aa0818;
color: white;
}
body {
background: #fff;
color: #33333a;
font-family: 'Open Sans', OpenSansWebFont, sans-serif;
font-size: 15px;
font-weight: 400;
margin: 0;
padding: 0;
}
@font-face {
font-family: 'OpenSansWebFont';
src: url('pics/fonts/opensans-regular-webfont.eot');
src: url('pics/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('pics/fonts/opensans-regular-webfont.woff') format('woff'),
url('pics/fonts/opensans-regular-webfont.ttf') format('truetype'),
url('pics/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansWebFont';
src: url('pics/fonts/opensans-semibold-webfont.eot');
src: url('pics/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('pics/fonts/opensans-semibold-webfont.woff') format('woff'),
url('pics/fonts/opensans-semibold-webfont.ttf') format('truetype'),
url('pics/fonts/opensans-semibold-webfont.svg#open_sansbold') format('svg');
font-weight: bold;
font-style: normal;
}
body.locale_ru {
font-family: 'Open Sans', OpenSansWebFont, sans-serif;
}
h1,
.slogan {
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
}
.locale_ru h1,
.locale_ru .slogan {
font-family: 'Open Sans', OpenSansWebFont, sans-serif;
font-weight: 400;
}
img {
border: none;
}
input,
select {
font-family: 'Titillium Web', sans-serif;
}
* {
margin: 0;
padding: 0;
}
a {
color: #ac0d1d;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
p {
margin: 20px 0 0 0;
}
p.behind_h3 {
margin-top: 0;
}
h3,
p,
li,
h5,
.topTeaser,
.box_teaser,
.usage {
line-height: 24px;
}
h1 {
color: #ac0d1d;
font-size: 26px;
line-height: 30px;
margin: 8px 0 0 0;
}
h2 {
border-bottom: 3px solid #fad3b9;
color: #333;
font-size: 18px;
font-weight: 600;
margin: 20px 0 0 0;
}
h3 {
font-size: 15px;
font-weight: 600;
margin: 20px 0 0 0;
}
form {
display: inline;
margin: 0;
padding: 0;
}
.clear {
clear: both;
font-size: 1px;
height: 0px;
line-height: 1px;
margin: 0;
padding: 0;
}
.wrapper {
margin: 0 auto;
width: 1150px;
box-sizing: border-box;
}
.header {
background: #fdeadb;
border-bottom: 1px solid #fad3b9;
position: relative;
overflow: hidden;
margin-bottom: 70px;
}
#logo {
float: left;
padding: 20px 30px 20px 154px;
width: auto;
}
.slogan {
float: left;
width: calc(100% - 525px);
font-size: 18px;
line-height: 24px;
color: #545463;
margin-top: 16px;
}
#vfap {
height: 8px;
border-bottom: 1px solid #fff;
background: #ab0d1c;
text-align: center;
}
#topButton {
float: right;
margin-top: 27px;
width: 125px;
font-size: 14px;
line-height: 14px;
padding: 8px 5px 8px 33px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: #ab0d1c url(pics/bg_topbutton.svg) no-repeat 15px center;
}
#topButton a {
color: #fff;
}
#search {
float: left;
width: auto;
margin-top: 51px;
}
.searchInput {
border: 1px solid #fddfc7;
border-radius: 10px;
background: #fddfc7;
margin: 0 10px 0 0;
padding: 5px 0;
width: 160px;
text-indent: 5px;
font-size: 15px;
line-height: 16px;
}
.searchButton {
float: right;
margin-top: 5px;
}
.serchForm {
margin-top: 20px;
}
.serchForm label {
margin-right: 10px;
}
.button {
border: none;
border-radius: 10px;
background: #ab0d1c;
padding: 5px 10px;
color: #fff;
font-size: 15px;
line-height: 16px;
}
.header #menu {
display: none;
}
.content {
float: right;
min-height: 500px;
width: 800px;
}
.footer {
border-top: 1px solid #fad3b9;
background: #fdeadb;
margin-top: 85px;
padding: 20px 0 120px 0;
}
.bottomOption {
float: right;
height: 35px;
padding-top: 52px;
}
.bottomOption select {
width: 162px;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/
background: #ab0d1c url(pics/bg_select.svg) no-repeat right center;
color: #fff;
border: 1px solid #ab0d1c;
border-radius: 10px;
cursor: pointer;
display: inline-block;
outline: none;
font-size: 15px;
line-height: 16px;
padding: 5px 22px 5px 5px;
}
.bottomOption select:focus {
outline: none;
}
#vfap .bottomOption {
display: none;
float: none;
padding: 10px 0;
}
#vfap .bottomOption select {
border-color: #d13f4d;
}
.meta {
float: right;
width: auto;
}
.meta a {
color: #ad2634;
display: inline-block;
padding: 8px;
}
.columnLeft {
float: left;
width: 320px;
}
ul.menu li {
box-sizing: border-box;
}
ul.menu li a {
color: #ac0d1d;
font-size: 15px;
display: block;
padding: 7px 10px 7px 22px;
border-left: 1px solid #fff;
}
ul.menu li a:hover,
ul.menu li a.here {
color: #333;
font-weight: 600;
}
ul.menu li a.here {
background: url(pics/p_here.svg) 11px 13px no-repeat;
}
li.topSection {
background: #fff;
border-left: 26px solid #ac0d1d;
}
li.contentSection {
background: #fdeadb;
border-left: 26px solid #fa9382;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
li.bottomSection {
background: #fff;
border-left: 26px solid #fad3b9;
}
ul.menu li.contentSection a {
background: url(pics/p.svg) 11px 13px no-repeat;
border-top: 1px solid #fff;
}
.intLink li,
.extLink li,
.contentList li {
padding-left: 14px;
margin-top: 5px;
}
.download li {
padding-left: 24px;
}
.intLink li {
background: url(pics/p.svg) left 8px no-repeat;
}
.extLink li {
background: url(pics/pe.svg) left 8px no-repeat;
}
.contentList li {
background: url(pics/n.svg) left 6px no-repeat;
}
.download li {
background: url(pics/icon_download.svg) left 6px no-repeat;
}
li.first {
margin-top: 20px;
}
.topTeaser {
background: #fdeadb;
font-size: 15px;
font-weight: 600;
margin-top: 20px;
padding: 10px;
}
.tripleTeaser,
.tripleTeaser2 {
float: left;
width: 31.3%;
margin: 20px 3% 0 0;
position: relative;
cursor: pointer;
overflow: hidden;
}
.tripleTeaser2 {
margin-right: 0;
}
.tripleTeaser a,
.tripleTeaser2 a {
display: block;
position: relative;
overflow: hidden;
}
.tripleTeaser img,
.tripleTeaser2 img {
width: 100%;
vertical-align: top;
}
.teaserText {
position: absolute;
bottom: 0;
background: rgb(170,36,34,.8) url(pics/p_white.svg) 11px center no-repeat;
border-top-right-radius: 10px;
color: #fff;
font-weight: 600;
padding: 10px 25px;
line-height: 15px;
text-decoration: none;
}
.teaserText:hover {
background: rgb(67,67,67,.8) url(pics/p_white.svg) 11px center no-repeat;
}
.box_caption {
font-size: 12px;
line-height: 20px;
}
.box_left {
clear: left;
float: left;
margin: 20px 18px 3px 0;
width: auto;
}
.box_right {
clear: right;
float: right;
margin: 20px 0 3px 18px;
width: auto;
}
.box_left img,
.box_right img {
max-width: 100%;
}
.box_teaser {
background: #fdeadb;
padding: 8px;
width: 230px;
font-size: 14px;
}
.box_special {
width: 240px;
background: #fdeadb;
padding: 10px;
}
.box_special h3 {
margin: 0 0 3px 0;
padding-bottom: 3px;
border-bottom: 3px solid #fff;
}
.box_special p {
margin: 0;
font-size: 14px;
}
.info {
display: table;
width: 100%;
margin: 20px 0 0;
}
.tableRow {
display: table-row;
}
.table-cell {
display: table-cell;
border-bottom: 1px solid #faac9f;
text-align: left;
vertical-align: top;
padding: 5px 10px;
}
.thead {
background: #fdeadb;
border-bottom: 1px solid #fff;
font-weight: bold;
text-align: left;
vertical-align: top;
padding: 5px 10px;
}
.warning {
background: #fa9382 !important;
}
.highlighted {
background: #fdeadb;
font-weight: bold;
padding: 5px 10px;
margin-top: 20px;
}
p.lessMargin {
margin-top: 10px;
}
img.lessMargin {
margin-top: 15px;
}
.index {
margin-top: 20px;
}
.index a {
margin-right: 5px;
}
@media screen and (max-width: 1170px) {
.wrapper {
width: 100%;
padding: 0 10px;
}
#logo {
padding-left: 30px;
}
.slogan {
width: calc(100% - 401px);
}
.columnLeft {
width: 30%;
}
.content {
width: calc(70% - 20px);
}
}
@media screen and (max-width: 979px) {
.teaserText {
font-size: 13px;
}
}
@media screen and (max-width: 767px) {
.header {
text-align: center;
overflow: visible;
margin-bottom: 25px;
}
.slogan {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
#logo {
float: none;
padding: 20px 0 10px 0;
}
.bottomOption,
.header .searchInput,
#topButton {
display: none;
}
.content {
float: none;
width: 100%;
}
.columnLeft {
display: none;
}
.header #menu {
display: block;
}
ul#menu {
position: absolute;
top: 20px;
right: 10px;
}
ul#menu li a.start {
display: block;
width: 50px;
height: 25px;
text-align: right;
}
#menu ul:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
ul#menu li:hover > ul {
visibility: visible;
width: auto;
}
ul#menu li ul {
display: inline;
visibility: hidden;
text-align: left;
width: auto;
position: absolute;
right: -5px;
top: 25px;
border: 2px solid #ab0d1c;
z-index: 10000;
}
li.contentSection {
border-radius: 0;
}
#search {
float: none;
margin-top: 0;
position: absolute;
right: 55px;
top: 20px;
}
.searchButton {
margin-top: 0;
}
#vfap {
height: auto;
}
#vfap .bottomOption {
display: block;
}
.tableRow,
.table-cell {
display: block;
}
.table-cell {
background: #fef0e7;
border: none;
}
.thead {
background: #fcdabf;
border-bottom: 1px solid #fff;
}
}
@media screen and (max-width: 640px) {
.tripleTeaser,
.tripleTeaser2 {
float: none;
padding: 0;
width: 100%;
box-sizing: border-box;
height: auto;
}
.teaserText {
font-size: 15px;
}
.footer {
margin-top: 50px;
padding: 20px 0;
}
.meta {
float: none;
}
.meta a {
width: calc(100% - 20px);
text-align: right;
}
}
@media screen and (max-width: 480px) {
.serchForm label {
display: block;
margin-bottom: 10px;
}
h1 {
font-size: 20px;
}
}
.youtube_box{
position: relative;
max-width: 560px;
margin: auto;
}
.youtube_box:before{
content: "";
display: block;
padding-top: 56%; /* 16:9 Format */
}
.youtube_box iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;;
left: 0;
right: 0;
bottom: 0;
}