body { font-family: "Open Sans", Arial, Helvetica; background-color: rgb(252, 252, 252); }
header { padding: 50px; }
ul.dash { list-style: none; margin-left: 0px; padding-left: 1.5em; }
ul.dash li { padding-top: 9pt; padding-bottom: 9pt; font-size: 12pt; line-height: 1.5; font-family: "PT Serif", "Droid Serif", Optima, serif; }
ul.dash.nopad li { padding-top: 0px; padding-bottom: 0px; }
ul.dash li::before { display: inline-block; content: "—"; width: 1.5em; margin-left: -1.5em; }
.strong { font-weight: bold; }
.logo { margin-right: 15px; }
a { color: rgb(255, 153, 0); text-decoration: none; }
a:hover { color: rgb(239, 108, 0); text-decoration: none; border-bottom: none; }
.link { background-image: linear-gradient(to right, rgb(253, 216, 161), rgb(253, 216, 161)); background-position: 0px 95%; background-size: 10px 1px; background-repeat: repeat-x; }
.dot { background-image: linear-gradient(to left, transparent 40%, rgb(255, 194, 102) 1%, rgb(255, 194, 102) 59%); background-size: 5px 1px; }
.noborder { border-bottom: none; }
.navbar-transparent a { text-decoration: none; border-bottom: none; }
.site-footer a { text-decoration: none; border-bottom: none; }
.navbar-transparent { background-color: transparent; color: rgb(0, 0, 0); top: 0px; right: 0px; left: 0px; z-index: 1001; padding: 15px 0px; border-bottom: 2px solid rgb(228, 228, 228); }
.navbar-transparent .brand { opacity: 0.87; margin-left: -15px; padding-left: 15px; padding-right: 15px; }
.navbar-transparent .navbar-text { color: rgb(68, 68, 68); }
.navbar-transparent .navbar-nav > li > a { color: rgb(0, 0, 0); opacity: 0.87; text-transform: uppercase; font-weight: bold; font-size: 17px; }
.navbar-transparent .navbar-nav > li > a:hover, .navbar-transparent .navbar-nav > li > a:focus { }
.navbar-transparent .navbar-nav > li > a.active { cursor: default; color: rgb(0, 0, 0); border-radius: 3px; }
.navbar-transparent .navbar-nav > li > a.active:hover { background: none; text-shadow: none; }
.navbar-transparent .navbar-nav > .active > a, .navbar-transparent .navbar-nav > .active > a:hover, .navbar-transparent .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }
.navbar-transparent .navbar-nav > .disabled > a, .navbar-transparent .navbar-nav > .disabled > a:hover, .navbar-transparent .navbar-nav > .disabled > a:focus { color: rgb(68, 68, 68); background-color: transparent; }
.navbar-transparent .navbar-toggle { border-color: rgb(227, 227, 227); background-color: rgb(255, 255, 255); display: none; }
.navbar-transparent .navbar-toggle:hover, .navbar-transparent .navbar-toggle:focus { background-color: rgba(176, 186, 191, 0.2); }
.navbar-transparent .navbar-toggle .icon-bar { background-color: rgb(176, 186, 191); }
.navbar-transparent .navbar-collapse, .navbar-transparent .navbar-form { border-color: rgb(227, 227, 227); }
.navbar-transparent .navbar-nav > .open > a, .navbar-transparent .navbar-nav > .open > a:hover, .navbar-transparent .navbar-nav > .open > a:focus { color: rgb(255, 255, 255); background-color: rgb(45, 50, 53); opacity: 0.7; }
.navbar-right a { color: rgb(0, 0, 0); }
.jumbotron { margin: 0px; padding: 0px; font-size: 21px; line-height: 2.14286; }
.jumbotron h1, .jumbotron .h1 { color: rgb(0, 0, 0); line-height: 1; margin-left: -2px; font-size: 35pt; }
.jumbotron .drivers1 h1 { color: rgb(255, 255, 255); line-height: 1; margin-left: -2px; text-shadow: rgb(0, 0, 0) 0px 0px 6px; font-size: 42pt; }
.jumbotron h1.framed, .jumbotron .h1.framed { color: rgb(255, 255, 255); line-height: 1; padding: 20px; border: 3px solid rgb(255, 255, 255); display: inline; font-size: 30px; text-transform: uppercase; }
.jumbotron p { line-height: 1.3; color: rgb(255, 255, 255); opacity: 0.8; margin-bottom: 15px; }
.jumbotron em { font-family: Georgia, serif; color: rgb(139, 197, 235); font-size: 16px; opacity: 1; }
.jumbotron .small { font-size: 14px; }
.container .jumbotron { border-radius: 6px; }
.jumbotron .container { max-width: 100%; padding-top: 20px; }
.jumbotron .wrapper { width: 100%; height: 250px; margin: 0px auto; animation: 0.5s ease 0s 1 normal none running aniload; }
.jumbotron .wrapper h1 { margin-bottom: 50px; }
a.half-dark { border-bottom: none; margin-top: 10px; padding: 10px 20px; background-color: rgba(110, 126, 135, 0.3); color: rgb(51, 51, 51); text-transform: uppercase; font-size: 12pt; font-weight: bold; letter-spacing: 0.7px; border-radius: 3px; }
a.half-dark:hover { background-color: rgba(255, 155, 0, 0.7); color: rgb(0, 0, 0); text-decoration: none; }
a.half-opaque { padding: 10px 20px; background-color: rgba(255, 255, 255, 0.7); color: rgb(0, 0, 0); text-transform: uppercase; font-size: 12pt; font-weight: bold; letter-spacing: 1px; border-radius: 3px; }
a.half-opaque:hover { background-color: rgba(255, 155, 0, 0.7); text-shadow: rgb(0, 0, 0) 1px 1px 1px; color: rgb(255, 255, 255); text-decoration: none; }
.tint { position: absolute; height: 400px; width: 100%; opacity: 0.1; }
.jumbotron .bridge { height: 400px; background-color: rgba(64 48 224); border-bottom: 1px solid rgb(211, 211, 211); animation: 1s ease 0s 1 normal none running fadein; }
#light h1 { color: rgb(110, 126, 135); line-height: 1.1; font-size: 36px; margin-bottom: 28px; }
#light { padding: 28px 0px; background-color: rgba(176, 186, 191, 0.1); border-bottom: 1px solid rgb(218, 223, 225); }
.justify { text-align: justify; }
.justify-last { text-align-last: justify; }
.justify-last::after { content: ""; display: inline-block; width: 100%; }
#light p { color: rgb(110, 126, 135); text-align: justify; font-size: 10pt; line-height: 1.1; font-family: "PT Serif", Cambria, "Droid Serif", Optima, serif; }
.cities-list { padding: 10px; background-color: rgba(176, 186, 191, 0.1); border: 1px solid rgb(218, 223, 225); }
.cities-list span { display: block; margin-right: 1em; font-family: "PT Serif", Cambria, "Droid Serif", Optima, serif; font-size: 11pt; line-height: 1.5; opacity: 0.87; }
.desc { margin-top: 10px; }
.desc h2 { margin-top: 20px; margin-bottom: 20px; opacity: 0.87; font-size: 20pt; font-weight: normal; }
.desc h4 { margin: 30px 0px; font-family: "PT Serif", Cambria, "Droid Serif", Optima, serif; font-size: 16pt; }
.desc p { text-align: justify; font-size: 12pt; line-height: 1.5; font-family: "PT Serif", Cambria, "Droid Serif", Optima, serif; }
.centered p { text-align: center; }
.desc .small { font-size: 80%; opacity: 0.64; }
.screenshot { width: 360px; height: 100px; }
.icon { width: 160px; height: 160px; margin-top: 30px; }
.screenshot1 { background: url("/images/screen1.png"); }
.screenshot2 { background: url("/images/noscreen.png"); }
.screenshot3 { background: url("/images/noscreen.png"); }
.icon1 { background: url("/images/icon1.png"); }
.icon2 { background: url("/images/icon2.png"); }
.section-name{ font-size: 13px; text-transform: uppercase; color: rgb(136, 136, 136); }
.footer-link { font-size: 13px; display: block; margin-top: 0.5em; margin-bottom: 0.5em; text-transform: uppercase; color: rgb(136, 136, 136); }
.footer-top-link { font-size: 17px; margin-top: 1em; margin-bottom: 1em; color: rgb(102, 102, 102); display: block; text-transform: uppercase; font-weight: bold; }
.social-footer { color: rgb(102, 102, 102); font-size: 13px; text-transform: uppercase; }
.footer-write a { display: block; transition: all 2s ease 0s; white-space: nowrap; overflow: hidden; }
a:hover .footer-collapse { display: inline; }
.footer-write .footer-collapse { display: none; }
.copyright { color: rgb(102, 102, 102); font-size: 13px; text-transform: uppercase; }
.vcenter { display: inline-block; vertical-align: middle; float: none; }
.site-footer { margin-top: 25px; padding-top: 10px; border-top: 2px solid rgb(228, 228, 228); }
.city-button { cursor: pointer; line-height: normal; margin-top: 12px; border-bottom: 1px dashed rgb(0, 0, 0); }
.open .city-button { border-bottom: none; }
.city-region { font-size: 9pt; float: right; opacity: 0.7; }
.dropdown-header { padding: 3px 12px; text-transform: uppercase; letter-spacing: 0.3px; }
.dropdown-menu > li > a { padding: 3px 25px; }
.dropdown-menu .divider { margin: 9px 0px 5px; }
.page-section { padding: 40px 0px; }
#intro { padding: 90px 0px 30px; text-align: center; }
#intro h4 { line-height: 1.25; font-size: 22pt; letter-spacing: 0.5px; font-family: "PT Serif", Cambria, "Droid Serif", Optima, serif; }
.page-section h3 { text-align: center; background: url("/images/divider.png") 0px 50% repeat-x transparent; margin-bottom: 30px; }
.page-section h3 > span { display: inline-block; background-color: rgb(252, 252, 252); color: rgba(0, 0, 0, 0.87); margin: 0px auto; padding: 0px 15px; font-weight: bold; font-style: normal; font-size: 30px; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
.page-section .content { padding: 0px 40px; }
.content-centered { margin-top: 40px; }
.content-centered p { text-align: center; padding: 0px 100px; }
#content-intro { font-size: 25px; text-align: center; margin-bottom: 30px; }
#content-badges img { padding-left: 0.5em; padding-right: 0.5em; }
abbr { text-transform: lowercase; font-variant: small-caps; font-size: 110%; letter-spacing: 0.06em; line-height: 1; }
a.button.cta_animate, button.button.cta_animate { min-width: 120px; margin-bottom: 0px; font-weight: bold; font-size: 16px; letter-spacing: 1px; color: rgb(255, 255, 255); float: none; display: inline-block; border: 2px solid rgb(255, 153, 0); transition: all 0.2s ease 0s; background: none rgb(255, 153, 0); text-align: center; text-transform: uppercase; font-family: "Open Sans", Arial, Helvetica; }
a.button.cta_animate.medium { padding: 11px 0px !important; width: 250px !important; }
a.button.cta_animate.sm { padding: 11px 0px !important; width: 200px !important; }
a.button.cta_animate.gray, button.button.cta_animate.gray { background-color: rgb(132, 132, 132); border-color: rgb(132, 132, 132); }
a.button.cta_animate.gray:hover, button.button.cta_animate.gray:hover { background-color: rgb(255, 255, 255); color: rgb(132, 132, 132); border-color: rgb(255, 255, 255); }
a.button.cta_animate.gray::after, button.button.cta_animate.gray::after { border-bottom: 2px solid rgb(132, 132, 132); border-right: 2px solid rgb(132, 132, 132); }
a.button.cta_animate::after, button.button.cta_animate::after { transition: all 0.2s ease 0s; opacity: 0; transform: rotate(-45deg); border-bottom: 2px solid rgb(255, 153, 0); border-right: 2px solid rgb(255, 153, 0); content: " "; display: inline-block; width: 8px; height: 8px; margin-left: -8px; }
a.button.cta_animate:hover, button.button.cta_animate:hover { background-color: rgb(255, 255, 255); color: rgb(255, 153, 0); }
a.button.cta_animate:hover::after, button.button.cta_animate:hover::after { opacity: 1; margin-left: 10px; }
a.button.cta_animate.small, button.button.cta_animate.small { padding: 11px 0px !important; width: 200px !important; }
.conditions td { vertical-align: top; }
p.md-center, div.md-center { text-align: center; }
.sm-center p { text-align: center; }
p.sm-right { text-align: right; }
#download { text-align: center; margin-top: 60px; }
.rouble { background-image: linear-gradient(to right, rgb(33, 33, 33), rgb(33, 33, 33)); background-position: 18% 60%; background-size: 5.5pt 0.9pt; background-repeat: no-repeat; }
li .rouble { background-position: 0% 60%; }
h2 .rouble { background-image: linear-gradient(to right, rgb(51, 51, 51), rgb(51, 51, 51)); background-position: 0% 66%; background-size: 10pt 2pt; }
.bonus-block { text-align: center; }
.bonus-block img { max-width: 100%; padding: 40px 10px; }
/*@media (max-width: 1199px) {
  .jumbotron h1 { text-align: center; }
  .jumbotron .container { padding-top: 90px; }
  .jumbotron .bridge { height: 300px; margin-bottom: 50px !important; }
  .jumbotron .drivers { height: 300px; }
}
@media (max-width: 991px) {
  p.md-center { text-align: justify; }
  .jumbotron h1 { font-size: 35pt; }
  .jumbotron .container { padding-top: 50px; }
  .jumbotron .bridge { height: 200px;  margin-bottom: 0px !important;}
  .jumbotron .drivers { height: 200px; }
}
@media (max-width: 991px) and (min-height: 691px) {
  .jumbotron .container { padding-top: 90px; }
  .jumbotron h1 { font-size: 38pt; }
  .jumbotron .bridge { height: 300px;  margin-bottom: 0px !important;}
  .jumbotron .drivers { height: 300px; }
}*/
@media (max-width: 767px) {
	.jumbotron .container { padding-bottom: 62.5%; }
	.jumbotron .bridge { height: 285px;  margin-bottom: 0px !important;}
	.navbar-contacts { display: none; }
  /*.jumbotron .container { padding-top: 35px; }  
  .jumbotron .drivers { height: 200px; }
  .jumbotron h1 { font-size: 32pt; }
  p.sm-right { text-align: left; }
  .navbar-right { float: right; }
  .navbar-nav li { float: left; }
  .navbar-transparent { padding: 0px; }
  #light h1 { font-size: 28px; }
  #download { margin-top: 20px; }
  #intro h4 { font-size: 16pt; text-align: justify; }
  .page-section { padding: 20px 0px; }
  #intro { padding: 50px 0px 10px; }
  .page-section h3 { text-align: left; background: none; }
  .page-section h3 > span { text-align: left; padding: 0px; font-size: 26px; }
  #content-intro { text-align: left; }
  .sm-center p { text-align: justify; }
*/}
@media (max-width: 320px) {
  /*.jumbotron h1 { font-size: 28pt; }
  .jumbotron .bridge { height: 250px;  margin-bottom: 0px;}*/
  .jumbotron .bridge { height: 250px;  margin-bottom: 0px !important;}
  /*.jumbotron .drivers { height: 190px; }
  .navbar-transparent .navbar-nav > li > a { font-size: 13px; }
  #download { text-align: left; }
  #intro h4 { font-size: 16pt; }
  .page-section h3 > span { font-size: 24px; }
  .desc h2 { font-size: 18pt; }*/
}
.image_ekran {
    position: relative;
}

/* Create a pseudo element that uses padding-bottom to take up space */
.image_ekran::after {
    display: block;
    content: '';
    /* 16:9 aspect ratio */
    padding-bottom: 75%;
}

/* Image is positioned absolutely relative to the parent element */
.image_ekran img {
    /* Image should match parent box size */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: 200;
}