@font-face {
  font-family: 'HelveticaRegular';
  src: url('../fonts/HelveticaRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaRegular';
  src: url('../fonts/HelveticaBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

html {
  font-family: 'HelveticaRegular', Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;  
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: 'HelveticaRegular', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #fffffe;
  background-color:black;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

p {
margin:0 0 35px 0;
}

a {
  color: #fffffe;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #fffffe;
  text-decoration: underline;
  
}
a:focus {
  outline: none;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

[role="button"] {
  cursor: pointer;
}

.clearfix:before,
.clearfix:after,
 {
  display: table;
  content: " ";
}
.clearfix:after,
{
  clear: both;
}

.on {
display:block;
}

.off {
display:none;
}

/* main container structure */
.container-outer {
display:none;
margin:0;
padding:0;
transform-origin:top left;
}

.container-outer.web {
width:1400px;
height:760px;
position:fixed;

/*top:-100px;*/
font-size: 13px;
display:block;
}

.container-outer.mobile {

position:absolute;
width:641px;
height:1150px; /*auto;*/
min-height:1100px; 
font-size: 14px;
display:block;
}

.back-holder, .fixed-elements {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}

.mobile .back-holder {
overflow:hidden;
}

.logo  {
position:absolute;
top:40px;
left:30px;
}

.mobile .logo  {
position:absolute;
top:86px;
left:45px;
}

.logo  img {
padding:0 2px;
width:141px;
}

.mobile  .logo  img {
width:156px;
}

.copyright  {
position:absolute;
bottom:0px;
left:30px;
height:76px;
font-size:10px;
line-height:1.4;
color:#989898;
}

.mobile  .copyright  {
font-size:11px;
left:45px;
}

.menu {
position:absolute;
top:139px;
left:30px;
}

.mobile .menu {
position:absolute;
top:196px;
left:45px;
}


.menu  ul {
float:left;
padding:0px;
margin:-7px 0 0 0;
}

.menu  ul.col1, .order .col1 {
width:170px;
}


.mobile .menu  ul.col1, .mobile .order .col1 {
width:224px;
}

.mobile .order .col2 {
display:none;
}


.menu  ul > li {
list-style:none;
}

.menu ul > li > a {
text-decoration:none;
font-size:13px;
line-height:1.85;
}

.container-outer.mobile .menu ul > li > a {
line-height:1.85;
font-size:14px;
}


.menu ul > li > a:hover {
color:#cbcb30;
}

.menu ul > li.selected > a  {
color:#cbcb30;
}

.menu ul > li.selected > a::after {
content:'';
width:4px;
background-image:url(../images/dot.png);
margin-left:15px;
display:inline-block;
height:4px;
}

.order {
position:absolute;
top:414px;
left:0px;
right:-300px;
padding-left:30px;
border-top:1px solid #cbcb30;
}

.mobile .order {
top:908px;
padding-left:45px;
right:0px;
border-top:2px solid #cbcb30;
}

.order .column {
float:left;
}

.phone1 {
margin-top:22px;
font-size:20px;
margin-bottom:-3px;
}

.mobile  .phone1 {
font-size:22px;
}

.order a:link {
color:white;
text-decoration:none;
}

.order a:hover, a.yellow:hover {
color:#cbcb30;
text-decoration:none;
}

.order .z {
margin-top:16px;
margin-bottom:35px;
position:relative;
}

.order .z img {
position:absolute;
left:-49px;
top:-44px;
width:54px;
background-color:rgba(255,255,255,0);
border-radius:26px;
padding:12px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.order .z a:hover  img{
background-color:rgba(255,255,255,0.2);
}


.mobile .order .z {
margin-bottom:45px;
}

.mobile .order .z img {
width:32px;
left:-41px;
top:-36px;
}

.order .z a.selected {
color:#cbcb30;
}

/* special mobile buttons */

.big-btns {
position:absolute;
top:100px;
left:532px;
}

.big-btns  .bb {
margin-bottom:32px;
}

.big-btns  .bb img {
background-color:rgba(255,255,255,0);
border-radius:42px;
padding:12px;
margin:-12px;
width:85px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}

.big-btns  .bb a:hover  img{
background-color:rgba(255,255,255,0.2);
}


.pager {
left:480px;
position:absolute;
bottom:0px;
height:74px;
font-size:12px;
color:#989898;
}


.mobile .pager {
top:930px;
left:450px;
}


.pager span {
vertical-align:top;
line-height:12px;
}

.pager span.white {
color:white;
padding-left:19px;
}

.pager img {
width:28px;
}


.pager a {
display:inline-block;
margin-right:-3px;
margin-top:-11px;
margin-left:-10px;
margin-bottom:-12px;
background-color:rgba(255,255,255,0);
border-radius:26px;
padding:12px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pager a:hover {
background-color:rgba(255,255,255,0.2);
}

/* presentation screens */

.screens {
position:absolute;
top:0px;
left:460px;
right:-200px;
/*height:610px;*/
height:670px;
overflow:hidden;
}

.screen {
position:absolute;
top:40px;
left:1240px;
}

.screen.on {
display:block;
left:20px;
}

.screen.next {
display:block;
left:630px;
}

.screen.off {
display:block;
left:1240px;
}

@keyframes screen-out-keyframes {
  0% {
	opacity:1;
	left:20px;
   }
     	  	    
  50% {
	opacity:0;
	left:-630px;
	}
	
  100% {
	opacity:0;
	left:-630px;
	}
} 

@keyframes screen-in-keyframes {
  0% {
	opacity:1;
	left:630px;
   }
  
  25% {
	opacity:1;
	left:630px;
   }
	     	  	  
  100% {
	opacity:1;
	left:20px;
	}
} 

@keyframes screen-next-in-keyframes {
  0% {
	opacity:0;
	left:1240px;
   }
	     	  	  
  100% {
	opacity:1;
	left:630px;
	}
} 

 
.screen.off.animate  {
    animation-name: screen-out-keyframes;
    animation-duration: 1s;
    animation-timing-function: ease-in;
    animation-delay:0s;
    animation-iteration-count:1;
    animation-direction: forwards;
    animation-fill-mode: none; 
}

.screen.on.animate {
    animation-name: screen-in-keyframes;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay:0s;
    animation-iteration-count:1;
    animation-direction: forwards;
    animation-fill-mode: none; 
}

.screen.next.animate {
    animation-name: screen-next-in-keyframes;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay:0s;
    animation-iteration-count:1;
    animation-direction: forwards;
    animation-fill-mode: none; 
}

@keyframes screen-out-keyframes2 {
  0% {
	opacity:1;
	left:630px;
   }
     	  	    
	
  100% {
	opacity:0;
	left:1240px;
	}
} 

@keyframes screen-in-keyframes2 {
  0% {
	opacity:0;
	left:-630px;
   }
  
	     	  	  
  100% {
	opacity:1;
	left:20px;
	}
} 


@keyframes screen-next-in-keyframes2 {
  0% {
	opacity:1;
	left:20px;
   }
   
  25% {
	opacity:1;
	left:20px;
   }
	     	  	  
  100% {
	opacity:1;
	left:630px;
	}
} 

 
.screen.off.animate2  {
    animation-name: screen-out-keyframes2;
    animation-duration: 1s;
    animation-timing-function: ease-in;
    animation-delay:0s;
    animation-iteration-count:1;
    animation-direction: forwards;
    animation-fill-mode: none; 
}

.screen.on.animate2 {
    animation-name: screen-in-keyframes2;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay:0s;
    animation-iteration-count:1;
    animation-direction: forwards;
    animation-fill-mode: none; 
}


.screen.next.animate2 {
    animation-name: screen-next-in-keyframes2;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay:0s;
    animation-iteration-count:1;
    animation-direction: forwards;
    animation-fill-mode: none; 
}



.screen .top-text, .form-screen .top-text {
position:absolute;
top:-3px;
left:0;
width:240px;
font-size:11px;
display:none;
}

/* now no top text  - hide it allways */
/*
.screen.on .top-text, .form-screen.on .top-text {
display:block;
}
*/

.screen .title {
font-size:80px;
line-height:85px;
position:absolute;
top:100px;
left:0;
width:450px;
margin-top:-10px;
font-weight:bold;
}

.screen .text1 {
font-size:20px;
line-height:1.25;
position:absolute;
}

.screen .btn {
display:none;
cursor:pointer;
padding:12px;
background-color:rgba(255,255,255,0);
border-radius:26px;
margin:-12px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.screen .btn:hover {
background-color:rgba(255,255,255,0.2);
}

.screen .btn img {
width:28px;
}

.screen.next  .btn {
display:block;
}

.screen .more {
display:block;
cursor:pointer;
width:80px;
height:80px;
border-radius:40px;
padding:20px;
background-color:rgba(0,0,0,0.4);
}

.screen .more img {
width:40px;
height:40px;
padding:6px;
border-radius:20px;
background-color:rgba(255,255,255,1);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}

.screen .more a:hover img {
background-color:rgba(255,255,255,0);
}

.screen.next .more {
display:none;
cursor:pointer;
}

.screen .dots {
position:absolute;
font-size:0;
left:-11px;
top:237px;
width:300px;
display:none;
}

.screen.on .dots {
display:block;
}

.screen .dots .dot {
padding:6px;
margin:5px;
height:30px;
width:30px;
display:inline-block;
font-size:8px;
cursor:pointer;
}

.screen .dots .dot > span {
background-color:rgba(255,255,255,0.5);
border:1px solid rgba(255,255,255,0.2);
border-radius:4px;
display:inline-block;
width:8px;
height:8px;
}

.screen .dots .dot.active > span {
background-color:rgba(255,255,255,1);
border:1px solid rgba(255,255,255,1);
}

.screen .slogans-holder {
position:absolute;
left:0;
top:282px;
display:none;
}

.screen.on .slogans-holder {
display:block;
}

.screen .slogans-holder .slogan {
display:none;
position:absolute;
font-size:35px;
line-height:1.28;
width:400px;
cursor:pointer;
}

.screen .slogans-holder .slogan.active {
display:block;
}

.text-popup, .popup {
position:relative;
background-color:#212227;
padding:35px 40px 40px 40px;
width:100%;
top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.popup.popup-send {
background-color:#cbcb30;
}

.mobile  .popup {
padding:80px 45px 45px 45px;
top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
/*min-height:100vh;*/
}

/* @@@ */
.mobile .text-popup {
padding:80px 7% 45px 7%;
/*font-size:20px;*/
font-size:24px;
top:0;
-ms-transform:translateY(0%);
-webkit-transform:translateY(0%);
transform:translateY(0%);
/*min-height:100vh;*/
max-height:100%;
overflow-y:auto;
}

.screen.off .text-popup, .screen.next .text-popup  {
display:none;
}

.text-popup .header {
color:#cbcb30;
margin-top:0px;
margin-bottom:20px;
}

.text-popup p {
margin-bottom:10px;
}

.highlight {
color:#color:#cbcb30;
}

/* screen 1 - о компании */

#s1 .text1 {
top:290px;
left:0;
width:170px;
}

#s1 .text2 {
font-size:47px;
line-height:1;
position:absolute;
top:290px;
left:205px;
}

#s1 .more {
position:absolute;
top:236px;
left:410px;
}

/* screen 2 - почему  мы*/

#s2 .text1 {
left:59px;
top:60px;
width:150px;
margin-top:-5px;
}

#s2 .digit {
font-weight:bold;
font-size:68px;
line-height:1;
position:absolute;
top:51px;
left:0;
display:inline-block;
}

#s2 .more {
position:absolute;
top:415px;
left:305px;
}

#s2 .btn {
position:absolute;
left:179px;
top:163px;
}

/* screen 3 -  partners */

#s3 .title {
left:0px;
font-size:40px;
line-height:1.125;
top:100px;
width:470px;
}

#s3 .text1 {
left:150px;
top:260px;
width:320px;
margin-top:-5px;
}

#s3 .btn2 {
position:absolute;
left:0;
top:260px;
}

#s3 .btn2 img { 
width:84px;
padding:12px;
background-color:rgba(255,255,255,0);
border-radius:42px;
margin:-12px -12px -2px -12px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}

#s3 .btn2 a { text-decoration:none;}



#s3 .btn2:hover img {
background-color:rgba(255,255,255,0.2);
}


#s3 .btn {
position:absolute;
left:50px;
top:415px;
}

#s3 .more {
position:absolute;
top:425px;
left:50px;
}


/* screen 4 -  contacts */

#s4 .text1 {
top:200px;
left:0;
width:170px;
}

#s4 .text2 {
font-size:20px;
line-height:1.25;
position:absolute;
top:200px;
left:205px;
width:250px;
}

#s4 .more {
position:absolute;
top:335px;
left:50px;
}

#s4 .btn {
position:absolute;
left:-20px;
top:315px;
}

/* ------------------------------------------------------ */
#s5 .title, #s6  .title, #s7 .title, #s8 .title {
position:absolute;
left:150px;
font-size:40px;
line-height:1.125;
top:90px; 
}

#s9 .title {
position:absolute;
left:150px;
font-size:40px;
line-height:1.125;
top:70px;
}

#s5 .text1, #s6  .text1, #s7 .text1, #s8 .text1, #s9 .text1 {
position:absolute;
top:200px;
left:0;
width:450px;
}

#s5 .text2, #s6  .text2, #s7 .text2, #s8 .text2, #s9 .text2{
font-size:20px;
line-height:1.25;
position:absolute;
top:250px;
width:450px;
}

#s5 .image, #s6  .image, #s7 .image, #s8 .image, #s9 .image  {
position:relative;
left:0px;
top:60px;
}


#s5 .more, #s6 .more , #s7 .more , #s8 .more , #s9 .more {
position:absolute;
left:50px;
}

#s5 .more  {
top:410px;
}


#s6 .more {
top:415px;
}

#s7 .more {
top:435px;
}

#s8 .more  {
top:365px;
}

#s9 .more  {
top:415px;
}

#s5 .btn, #s6 .btn, #s7 .btn, #s8 .btn, #s9 .btn{
position:absolute;
left:-20px;
top:415px;
}

#s6 .btn {
top:385px;
}

#s7 .btn {
top:445px;
}


#s8 .btn {
top:385px;
}

#s9 .btn {
top:415px;
}

.fs13 {
font-size:13px;
}

/* forms */

.form-screens {
}

.form-screen {
position:absolute;
top:40px;
left:480px;
display:none;
}

.mobile  .form-screen {
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.5);
}

.form-screen.on {
display:block;
}

.popup-align {
position:absolute;
height:610px;
width:490px;
}

.mobile .popup-align {
width:641px;
height:100%;
}

.header-mobile {
display:none;
}

.mobile .header-mobile {
color:#cbcb30;
margin-top:0px;
margin-bottom:40px;
display:block;
font-size:24px;
}


.text-popup-holder {
}

.text-popup-align1 {
position:absolute;
top:40px;
left:0;
height:610px;
z-index:1000;
}

.mobile  .text-popup-align1 {
position:fixed;
top:0;
left:0;
width:641px !important;
/*height:100vh;*/
height:100%;
background-color:rgba(0,0,0,0.5);
}


.popup .close, .text-popup .close {
position:absolute;
width:80px;
height:80px;
top:-30px;
right:-30px;
border-radius:40px;
background-color:transparent;
border:transparent;
padding:20px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
cursor:pointer;
}

.mobile .popup .close,  .mobile .text-popup .close {
top:0px;
right:10px;
width:120px;
height:120px;
border-radius:60px;
padding:30px;
}

.popup .close > SPAN, .text-popup .close > SPAN {
display:inline-block;
width:40px;
height:40px;
border-radius:40px;
color:transparent;
/*background-color:#25272c;*/
background-color:white;
background-image:url(../images/close_b.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-size:10px 10px;
}


.mobile .popup .close > SPAN, .mobile .text-popup .close > SPAN {
background-size:20px 20px;
width:60px;
height:60px;
border-radius:60px;
}

.popup .close:hover, .text-popup .close:hover {
/*width:80px;
height:80px;*/
top:-30px;
right:-30px;
/*border-radius:40px;*/
background-color:rgba(0,0,0,0.4);
}

.mobile .popup .close:hover,  .mobile .text-popup .close:hover {
top:0px;
right:10px;
}

.popup .form-group {
height:28px; /*26*/
margin-bottom:2px; /*4*/
vertical-align:top;
}

.mobile .popup .form-group {
font-size:24px;
line-height:26px;
min-height:40px;
margin-bottom:16px;
vertical-align:top;
}

.popup .form-group.spaced {
margin-top:33px;
margin-bottom:40px;
}

.popup .spaced2, .text-popup .spaced2 {
margin-top:33px;
}

.text-popup .spaced2 {
width:100%;
}

.popup .form-group label {
width:200px;
display:inline-block;
height:28px;
vertical-align:top;
}

 .mobile .popup .form-group label {
width:282px;
/*height:42px;*/
font-size:24px;
line-height:24px;
}
  .mobile .popup  #rasch_kredit .form-group label {
width:350px;
}

.popup .form-group input[TYPE=text] {

background-color:transparent;
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #393b40; 
color:#cbcbcb;
height:28px;
vertical-align:top;
padding:0 1px 2px 1px;
margin-top:-3px;
margin-right:12px;
width:75px;
}

.popup .form-group.required input[TYPE=text] {
border-bottom:1px solid #88888b;

}

.popup .form-group.fw input[TYPE=text] {
width:210px;
margin-right:0;
}

 .mobile .popup .form-group.fw input[TYPE=text] {
width:255px;
}


.mobile .popup .form-group input[TYPE=text] {
font-size:24px;
height:42px;
border-bottom:2px solid #393b40; 
margin-top:-6px;
}

.popup .form-group.required  label, span.required {
color:#cbcb30;
}

.popup .form-group input[type="radio"] {
display:none;
}

.popup .form-group input[type="radio"] + label {
width:auto;
color:#666666;
margin-right:10px;
cursor:pointer;
}

.popup .form-group input[type="radio"]:checked + label {
color:#cbcbcb;
}

.mobile .popup .form-group.new-line {
min-height:60px;
}

.mobile  label.new-line {
margin-left:290px;
display:block;
height:50px;
}

.popup  .ok-btn, .text-popup  .ok-btn {
width:74px;
height:74px;
padding:12px;
margin:-12px;
/*background-color:rgba(255,255,255,0);*/
background-color:transparent;
border-radius:37px;
border:transparent;
cursor:pointer;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}

.text-popup  .ok-btn {
width:100%;
}

.popup  .ok-btn:hover, .text-popup  .ok-btn:hover {
background-color:rgba(255,255,255,0.2);
background-color:rgba(0,0,0,0.6) !important;
}

.popup  .ok-btn  > span, .text-popup  .ok-btn  > span{
display:inline-block;
width:50px;
height:50px;
/*background-color:black;*/
/*color:#666666;*/
background-color:white;
color:black;
border-radius:25px;
border:transparent;
cursor:pointer;
line-height:50px;
}

.text-popup  .ok-btn  > span {
width:100%;
font-size:15px;
text-transform:uppercase;
font-weight:bold;
}

.mobile .popup  .ok-btn  > span, .mobile .text-popup  .ok-btn  > span {
font-weight:bold;
}

.mobile .text-popup  .ok-btn  > span {
font-size:24px;
}

.popup .btn3 {
display:inline-block;
padding:12px;
background-color:rgba(255,255,255,0);
border-radius:37px;
margin:-12px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}

.popup  .btn3:hover {
background-color:rgba(255,255,255,0.2);
}

.popup .comment {
display:inline-block;
margin-left:18px;
padding-top:10px;
vertical-align:top;
font-size:10px;
}

.mobile .popup .comment {
font-size:20px;
line-height:20px;
}

.popup .help {
display:inline-block;
width:15px;
height:15px;
cursor:pointer;
background-color:black;
color:#989898;
border-radius:7px;
text-align:center;
font-size:10px;
padding-top:1px;
margin-left:17px;
position:relative;
}

.mobile .popup .help {
font-size:20px;
width:25px;
height:25px;
border-radius:13px;
}

.popup .help:hover {
background-color:#cbcb30;
}

.popup .help .text {
position:absolute;
left:-33px;
top:30px;
z-index:100;
background-color:rgba(0,0,0,0.9);
width:240px;
padding:30px 35px 35px 35px;
color:#cbcbcb;
font-size:12px;
text-align:left;
display:none;
}

.mobile .popup .help .text {
font-size:20px;
width:340px;
left:-28px;
top:40px;
}

.popup .help .text::before {
position:absolute;
content:'';
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid rgba(0,0,0,0.9);
width:20px;
height:10px;
top:-10px;
left:30px;
}

.popup .help:hover .text {
display:block;
}

.w18 {
width:18px !important;
}

.mobile .w18 {
width:36px !important;
}

.w15 {
width:18px !important;
}

.mobile .w15 {
width:36px !important;
}

.w24 {
width:24px !important;
}

.mobile .w24 {
width:48px !important;
}

.w30 {
width:33px !important;
}

.mobile .w30 {
width:66px !important;
}

.w60 {
width:60px !important;
}

.mobile .w60 {
width:120px !important;
}

.popup .subtitle {
font-size:20px;
color:white;
margin-top:47px;
margin-bottom:19px;
}
.popup.popup-send .subtitle {
color:black;
}

.mobile .popup .subtitle {
font-size:30px;
}

.popup .calc-group {
height:29px;
margin-bottom:1px;
vertical-align:top;
}

.mobile .popup .calc-group {
height:44px;
margin-bottom:5px;
font-size:24px;
}

.popup .calc-group label {
width:200px;
display:inline-block;
height:26px;
vertical-align:top;
}

 .mobile .popup .calc-group label {
height:41px;
font-size:24px;
width:320px;/*250px;*/
}

.popup .calc-group .calculated {
float:right;
font-size:15px;
color:#cbcbcb;
border-bottom:1px solid #3b3d42;
text-align:right;
width:210px;
height:25px;
}

 .mobile .popup .calc-group .calculated {
width:200px;/*255px;*/
height:42px;
font-size:24px;
border-bottom:2px solid #3b3d42;
}

.popup .calc-group .calculated.last {
border-bottom:none;
}

/* mobile only styles */
.mobile-block { 
display:none;
}

.mobile  .mobile-block { 
display:block;
}


.mobile .screens {
position:relative;
margin-left:45px;
margin-right:45px;
top:345px;
left:0;
width:550px;
height:585px;
overflow:hidden;
}

.mobile .screen {
position:absolute;
top:-40px;
left:1220px;
}

.mobile .screen.on {
display:block;
left:0px;
}

.mobile .screen.next {
display:block;
left:630px;
}

.mobile .screen.off {
display:block;
left:1220px;
}

.mobile  .screen .title {
font-size:88px;
line-height:92px;
margin-top:-10px;
font-weight:bold;
width:550px;
}

.mobile  .screen .text1 {
font-size:22px;
line-height:1.27;
width:240px;
top:317px;
left:232px;
}

.mobile #s1 .title {
left:0px;
}

.mobile #s1 .text1 {
width:240px;
top:317px;
}

.mobile #s1 .text2 {
font-size:52px;
line-height:1;
color:#cbcb30;
width:305px;
left:232px;
top:317px;
}

.mobile #s1 .more {
position:absolute;
top:500px;
left:70px;
}

.mobile #s2 .digit {
font-size:120px;
line-height:1;
top:70px;
}

.mobile #s2  .text1 {
top:95px;
left:80px;
width:200px;
}


.mobile #s3 .text1 {
left:232px;
}

.mobile #s3 .more {
position:absolute;
left:320px;
top:500px;
}

.mobile #s3  .btn2 {
left:70px;
}

.mobile #s4 .text2 {
left:232px;
}

.mobile #s7 .more {
top:460px;
}


 .mobile .screen .slogans-holder .slogan {
width:550px;
}
.has-error {
  border: 1px solid red !important;
  color: red !important;  
}


.map-container {
height:300px;
margin-top:5px;
}

.mobile .map-container {
height:600px
}

@keyframes pulse-keyframes {
  0% {
	transform:scale(1,1);
   }
	     	  	  
  50% {
	transform:scale(1.2,1.2);
	}

100% {
	transform:scale(1,1);
	}
} 

 
.pulse  {
    animation-name: pulse-keyframes;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count:infinite;

}

@keyframes pulse2-keyframes {
  0% {
	background-color:transparent;
   }
	     	  	  
  50% {
	background-color:rgba(0,0,0,0.6);
	}

100% {
	background-color:transparent;
	}
} 

 
.pulse2  {
    animation-name: pulse2-keyframes;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count:infinite;

}

.copyright a {
text-decoration:none;
color: rgb(152, 152, 152);
}

.copyright img {
padding-right:5px;
}

.red {
color:red !important;
}

.yellow {
color: #cbcb30 !important;
}

.text-popup ul {
margin-top:-10px;
margin-bottom:10px;
padding-left:15px;
}

.mobile .popup p , .mobile .popup ul{
font-size:24px;
}

.ok-message {
display:none;
}

.text-popup .subtitle {
font-size:20px;
color:white;
margin-top:0;
margin-bottom:19px;
}

.mobile .text-popup .subtitle {
font-size:30px;
}

.mobile .mob-break {
display:block;
}