@font-face {
  font-family: Lato;
  src: url('Lato-Light.ttf') format('truetype');
}

@font-face {
  font-family: Lato;
  src: url('Lato-Regular.ttf') format('truetype');
  font-weight: bold;
}

html {
  /*overflow-y: scroll;*/
}

html, body {
  margin: 0;
  padding: 0;
  font-family: Lato;
  /*overflow: hidden;*/
  /*overflow: hidden;*/
  font-size: 16px;
  width: 100%;
}

body {
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #333;
}

/* ---------------------------------------------------------- */

.helperClear {
  clear: both;
}

.helperVertCenter {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.helperSpacer {
  height: 100px;
}

/*
@media all and (max-width: 415px) {
  .helperSpacer { height: 40px; }
}

@media all and (min-width: 416px) and (max-width: 641px) {
  .helperSpacer { height: 50px; }
}
*/

@media all and (max-width: 641px) {
  .helperSpacer { height: 50px; }
}

/* ---------------------------------------------------------- */

.button {
  font-weight: bold;
  font-size: 24px;
  width: 248px;
  height: 64px;
  line-height: 64px;
  background-color: #ff9600;
  color: white;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  
  animation: glow 1.5s ease-in-out infinite alternate;
}

.button:hover {
  background-color: #ffab33;
  
  animation: 0;
}

@media all and (max-width: 415px) {
  .button { font-size: 17px; width: 164px; height: 42px; line-height: 42px; }
}

@media all and (min-width: 416px) and (max-width: 641px) {
  .button { font-size: 20px; width: 186px; height: 48px; line-height: 48px; }
}

#hamburgermenu {
  color: white;
  font-weight: bold;
  font-size: 20px;
}

#hamburgermenu .menuRight {
  float: none;
}

#hamburgermenu .menuItem {
  width: 100%;
}

.startMenu {
  width: 100%;
  /*position: absolute;*/
  top: 0;
  left: 0;
  padding-top: 30px;
  text-align: center;
  position: fixed;
  z-index: 20;
}

.startMenu .startMenuContainer {
  font-weight: bold;
  width: 100%;
  font-size: 20px;
  /* max-width: 990px; */
  /* max-width: 1090px; */
  max-width: 1190px;
  display: inline-block;
}
.startMenu .startMenuContainer .ClassKlienci {color: #dd8500;}

.menuLeft {
  float: left;
  padding: 6px 10px;
  width: 152px;
  height: 33px;
  /*
  background-image: url('planbus_logo-W.png');
  background-repeat: no-repeat;
  background-position: center center;
  */
  cursor: pointer;
  margin-left: 10px;
}

.menuLeft > img {
  width: 100%;
  height: 100%;
}
.menuLeft:hover {
  color: #ff9600;
  transition: all 1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.menuRight {
  float: right;
  margin-right: 10px;
}

.menuItem {
  margin-left: 0px;
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  padding-left: 5px;
}
a.menuItemHref {
  color: white;
  text-decoration: none;

}
a.menuItemHref:hover,
.menuItem:hover {
  color: #ff9600;
  transition: all 1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

a.menuItemHrefKlienci {
  color: #ffce87;
  text-decoration: none;

}
a.menuItemHrefKlienci:hover,
.menuItem:hover {
  color: #ff9600;
  transition: all 1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}



#menuAlt {
  display: none;
}

#menuAlt .menuItem {
  margin-left: 8px;
}

#menuAlt .menuItem .circle {
  display: inline-block;
  /*border: 2px solid white;*/
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #eee;
}

#menuAlt .menuItem:hover .circle {
  background-color: #ff9600; /*rgb(255,150,0); = #ff9600 */
  transition: all 1s ease-out;
}

@media all and (max-width: 470px) {
  #menuNormal {
    display: none;
  }
  
  #menuAlt {
    display: block;
  }
  
  .menuItem {
    padding: 10px 5px;
  }
}

@media all and (min-width: 471px) and (max-width: 900px) {
  #menuNormal {
    display: none;
  }
  
  #menuAlt {
    display: block;
  }
}

/* ---------------------------------------------------------- */

#all {
  /*overflow: hidden;*/
}

/*
#prlx {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  perspective: 300px;
}

#prlx2 {
  position: relative;
  transform-style: preserve-3d;
}
*/

.slide {
  text-align: center;
  position: relative;
  z-index: 10;
  overflow: hidden;
  /*transform-style: preserve-3d;*/
  /*transform: translate3d(700px, 0, -800px) rotateY(30deg);*/
}

.slide .slideWrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  /*transform: translateZ(0);*/
  overflow: hidden;
  /*border: 1px dashed black;*/
}

.slide .slideContainer {
  display: inline-block;
  vertical-align: middle;
  z-index: 10;
}

.slide .slideBackground {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: white;
  /*transform: translateZ(0);*/
  /*transform: translateZ(-300px) scale(2);*/
}

#slideStart.slide .slideBackground {
  background: url('hdr-ng.jpg') no-repeat center center #333; /* #00446d; */
  background-size: cover;
  /*background-attachment: fixed;*/
  /* no-repeat fixed center center / cover  #00446d; */
  /*transform: translateZ(-300px) scale(2);*/
}

#slideEnd {
  color: white;
  z-index: 2;
}

#slideEnd.slide .slideBackground {
  background-color: #333; /*#e5e5e5;*/
}

#slideEnd .slideWrapper {
  position: fixed;
  bottom: 0;
  top: auto;
  width: 100%;
  z-index: 2;
}

#slide1 .slideBackground,
#slide3 .slideBackground,
#slide4 .slideBackground,
#slide5 .slideBackground {
  background-color: #eee;
}

/*
#slide2 .slideBackground,
#slide4 .slideBackground {
  background-color: #ddd;
}
*/

.slide .slidetitle {
  font-size: 55px;
  /*margin-top: 100px;*/
  margin-bottom: 40px;
  margin-left: 10px;
  margin-right: 10px;
}

#slideStart.slide .slidetitle {
  max-width: 980px;
}

@media all and (max-width: 415px) {
  .slide .slidetitle { font-size: 30px; font-weight: bold; /*margin-top: 40px;*/ margin-bottom: 25px; }
}

@media all and (min-width: 416px) and (max-width: 641px) {
  .slide .slidetitle { font-size: 40px; font-weight: bold; /*margin-top: 50px;*/ margin-bottom: 30px; }
}

.slide .slidesubtitle {
  display: inline-block;
  font-size: 24px;
  margin-bottom: 55px;
  max-width: 890px;
  margin-left: 10px;
  margin-right: 10px;
}

@media all and (max-width: 415px) {
  .slide .slidesubtitle { font-size: 16px; margin-bottom: 35px; }
}

@media all and (min-width: 416px) and (max-width: 641px) {
  .slide .slidesubtitle { font-size: 20px; margin-bottom: 45px; }
}

.functTextBoxMini {
  max-width: 700px;
  display: inline-block;
}

.imageItemTitle,
.imageItemText {
  max-width: 700px;
}

/* ---------------------------------------------------------- */

.smallboxContainer {
  display: inline-block;
}

.smallbox {
  margin: 26px 0;
  float: left;
}

.smallbox .smallboxtitle,
.othertitle,
.imageItemTitle {
  font-weight: bold;
  font-size: 20px;
  margin: 20px 26px;
}

.smallbox .smallboxtext {
  margin: 0 26px;
}

#promo .smallbox .smallboxtext {
  margin: 0 16px;
}

.smallbox .smallboximg {
  height: 65px;
}

@media all and (max-width: 573px) {
  .smallbox { clear: both; width: 100%; }
  
  #promo .smallbox {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}

@media all and (min-width: 574px) and (max-width: 623px) {
  .smallbox { width: 225px; }
  .smallbox.smallbox3 { clear: both; }
}

@media all and (min-width: 624px) and (max-width: 723px) {
  .smallbox {
    width: 250px;
  }
  .smallbox.smallbox3 { clear: both; }
}

@media all and (min-width: 724px) and (max-width: 823px) {
  .smallbox { width: 300px; }
  .smallbox.smallbox3 { clear: both; }
}

@media all and (min-width: 824px) and (max-width: 973px) {
  .smallbox { width: 350px; }
  .smallbox.smallbox3 { clear: both; }
}

@media all and (min-width: 974px) and (max-width: 1127px) {
  .smallbox {
    width: 425px;
  }
  .smallbox.smallbox3 { clear: both; }
}

@media all and (min-width: 1128px) and (max-width: 1227px) {
  .smallbox { width: 225px; }
}

@media all and (min-width: 1228px) and (max-width: 1427px) {
  .smallbox { width: 250px; }
}

@media all and (min-width: 1428px) {
  .smallbox { width: 300px; }
}

/* ---------------------------------------------------------- */

.imgContainer {
  margin: 0 10px;
}

.imgContainer .imgContainerIn {
  display: inline-block;
  position: relative;
}

.imgContainer .imgContainerIn img {

}

.imgContainer .imgContainerIn .imgText {
  position: absolute;
  font-weight: bold;
  white-space: nowrap;
}

.imgContainer .imgContainerIn .imgText .captionIn {
  position: absolute;
}

.imgContainer .imgContainerIn .imgText .captionSize {
  opacity: 0;
}

.imgContainer .imgContainerIn .imgText .captionReal {
  position: absolute;
  left: 0;
  top: 0;
}

@media all and (max-width: 415px) {
  .imgContainer .imgContainerIn .imgText { font-size: 12px; }
}

@media all and (min-width: 416px) and (max-width: 641px) {
  .imgContainer .imgContainerIn .imgText { font-size: 14px; }
}

/* ---------------------------------------------------------- */

/*
.caption0 { left: 109.13%; top: 23.50%; }
.caption0 .captionIn { right: 0; bottom: 0; }
*/

.caption0 { left: 101.87%; top: 36.64%; }
.caption0 .captionIn { left: 0; top: 0; }

.caption1 { left: 49.47%; top: 83.00%; }
.caption1 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption1 .captionReal { left: -50%; }

.caption2 { left: -1.07%; top: 27.48%; }
.caption2 .captionIn { right: 0; bottom: 0; }

.caption3 { left:  9.73%; top: 79.13%; }
.caption3 .captionIn { right: 0; top: 0; }

.caption4 { left: 29.60%; top: 15.01%; }
.caption4 .captionIn { right: 0; bottom: 0; }

.caption5 { left: 70.40%; top: 25.45%; }
.caption5 .captionIn { left: 0; bottom: 0; }

.caption6 { left: 92.13%; top: 82.19%; }
.caption6 .captionIn { left: 0; top: 0; }

/*
.caption0 { left: 100.00%; top: 23.50%; }
.caption0 .captionIn { right: 0; bottom: 0; left: auto; top: auto; }

.caption2 { left: 0; top: 12.48%; }
.caption2 .captionIn { left: 0; bottom: 0; right: auto; }
 */

@media all and (max-width: 802px) {
  .caption0 { left: 100.00%; top: 23.50%; }
  .caption0 .captionIn { right: 0; bottom: 0; left: auto; top: auto; }
  
  .caption2 { left: 6.40%; top: 12.48%; }
  .caption2 .captionIn { left: 0; bottom: 0; right: auto; }
  .imgContainer .imgContainerIn .imgText.caption2 .captionReal { left: -50%; }
  
  .caption3 { left: 22.50%; top: 102.5%; }
  .caption3 .captionIn { left: 0; top: 0; right: auto; }
  .imgContainer .imgContainerIn .imgText.caption3 .captionReal { left: -50%; }
  
  .caption4 { left: 37.47%; top: -2.5%; }
  .caption4 .captionIn { left: 0; bottom: 0; right: auto; }
  .imgContainer .imgContainerIn .imgText.caption4 .captionReal { left: -50%; }
  
  .caption5 { left: 61.87%; top: 13.78%; }
  .caption5 .captionIn { left: 0; bottom: 0; }
  .imgContainer .imgContainerIn .imgText.caption5 .captionReal { left: -50%; }
  
  .caption6 { left: 81.73%; top: 102.5%; }
  .caption6 .captionIn { left: 0; top: 0; }
  .imgContainer .imgContainerIn .imgText.caption6 .captionReal { left: -50%; }
}

@media all and (min-width: 803px) and (max-width: 1069px) {
  .caption0 { left: 93.07%; top: 23.50%; }
  .caption0 .captionIn { bottom: 0; left: 0; top: auto; }
  .imgContainer .imgContainerIn .imgText.caption0 .captionReal { left: -50%; }
  
  .caption2 { left: 6.40%; top: 12.48%; }
  .caption2 .captionIn { left: 0; bottom: 0; right: auto; }
  .imgContainer .imgContainerIn .imgText.caption2 .captionReal { left: -50%; }
  
  .caption3 { left: 22.50%; top: 102.5%; }
  .caption3 .captionIn { left: 0; top: 0; right: auto; }
  .imgContainer .imgContainerIn .imgText.caption3 .captionReal { left: -50%; }
  
  .caption4 { left: 37.47%; top: -2.5%; }
  .caption4 .captionIn { left: 0; bottom: 0; right: auto; }
  .imgContainer .imgContainerIn .imgText.caption4 .captionReal { left: -50%; }
  
  .caption5 { left: 61.87%; top: 13.78%; }
  .caption5 .captionIn { left: 0; bottom: 0; }
  .imgContainer .imgContainerIn .imgText.caption5 .captionReal { left: -50%; }
  
  .caption6 { left: 81.73%; top: 102.5%; }
  .caption6 .captionIn { left: 0; top: 0; }
  .imgContainer .imgContainerIn .imgText.caption6 .captionReal { left: -50%; }
}

/*
@media all and (min-width: 905px) and (max-width: 1069px) {
  .caption0 { left: 109.13%; top: 23.50%; }
  .caption0 .captionIn { right: 0; bottom: 0; left: auto; top: auto; }
}
*/

/* ---------------------------------------------------------- */

#chartOneDyna { display: none; }

@media all and (max-width: 1075px) {
  #chartOneDyna { display: block; }
  #chartOneFull { display: none; }
}

.caption10 { left: 100%; top: 12.58%; }
.caption10 .captionIn { right: 0; bottom: 0; }
.imgContainer .imgContainerIn .imgText.caption10 .captionReal {  }

.caption11 { left: 49.74%; top: 53.81%; }
.caption11 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption11 .captionReal { left: -50%; }

.caption12 { left: 7.56%; top: 100%; }
.caption12 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption12 .captionReal { left: -50%; }

.caption13 { left: 19.36%; top: 45.53%; }
.caption13 .captionIn { left: 0; bottom: 0; }
.imgContainer .imgContainerIn .imgText.caption13 .captionReal { left: -50%; }

.caption14 { left: 36.54%; top: 0%; }
.caption14 .captionIn { left: 0; bottom: 0; }
.imgContainer .imgContainerIn .imgText.caption14 .captionReal { left: -50%; }

.caption15 { left: 58.97%; top: 4.14%; }
.caption15 .captionIn { left: 0; bottom: 0; }
.imgContainer .imgContainerIn .imgText.caption15 .captionReal { left: -50%; }

.caption16 { left: 83.08%; top: 92.05%; }
.caption16 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption16 .captionReal { left: -50%; }

.caption17 { left: 41.67%; top: 100%; }
.caption17 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption17 .captionReal { left: -50%; }

.caption18 { left: 17.69%; top: 18.21%; }
.caption18 .captionIn { left: 0; bottom: 0; }
.imgContainer .imgContainerIn .imgText.caption18 .captionReal { left: -50%; }

.caption19 { left: 81.79%; top: 58.28%; }
.caption19 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption19 .captionReal { left: -50%; }

/* ---------------------------------------------------------- */

#chartTwoDyna { display: none; margin-top: 50px; }
.hdrVSmaller  { display: none; }

@media all and (max-width: 500px) {
  #chartTwoDyna { display: block; }
  #chartTwoFull { display: none; }
  #chartTwoDyna.imgContainer .imgContainerIn .imgText { font-size: 10px; }
  
  .hdrVSmaller  { display: block; }
  .hdrVBigger   { display: none; }
}

@media all and (min-width: 501px) and (max-width: 675px) {
  #chartTwoDyna { display: block; }
  #chartTwoFull { display: none; }
  #chartTwoDyna.imgContainer .imgContainerIn .imgText { font-size: 12px; }
  
  .hdrVSmaller  { display: block; }
  .hdrVBigger   { display: none; }
}

@media all and (min-width: 676px) and (max-width: 1075px) {
  #chartTwoDyna { display: block; }
  #chartTwoFull { display: none; }
}

.caption20 { left: 9.19%; top: 28.01%; }
.caption20 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption20 .captionReal { left: -50%; top: -50%; }

.caption21 { left: 9.19%; top: 55.20%; }
.caption21 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption21 .captionReal { left: -50%; top: -50%; }

.caption22 { left: 9.19%; top: 82.21%; }
.caption22 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption22 .captionReal { left: -50%; top: -50%; }

.caption23 { left: 49.82%; top: 28.01%; }
.caption23 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption23 .captionReal { left: -50%; top: -50%; }

.caption24 { left: 49.82%; top: 55.20%; }
.caption24 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption24 .captionReal { left: -50%; top: -50%; }

.caption25 { left: 49.82%; top: 82.21%; }
.caption25 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption25 .captionReal { left: -50%; top: -50%; }

.caption26 { left: 90.96%; top: 28.01%; }
.caption26 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption26 .captionReal { left: -50%; top: -50%; }

.caption27 { left: 90.96%; top: 55.20%; }
.caption27 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption27 .captionReal { left: -50%; top: -50%; }

.caption28 { left: 90.96%; top: 82.21%; }
.caption28 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption28 .captionReal { left: -50%; top: -50%; }

.caption30 { left: 0%; top: 8.94%; }
.caption30 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption30 .captionReal { top: -50%; }
/*  .caption30.hdrVBigger { left: 9.19%;}
.imgContainer .imgContainerIn .imgText.caption30.hdrVBigger .captionReal { left: -50%; }
*/

.caption31 { left: 49.82%; top: 8.94%; }
.caption31 .captionIn { left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption31 .captionReal { top: -50%; left: -50%; }

.caption32 { left: 100%; top: 8.94%; }
.caption32 .captionIn { right: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption32 .captionReal { top: -50%; }
/*  .caption32.hdrVBigger { left: 90.96%; }
.caption32.hdrVBigger .captionIn { right: ''; left: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption32.hdrVBigger .captionReal { left: -50%; }
*/

.caption33 { left: 8.22%; top: 42.52%; color: #666; font-size: smaller; }
.caption33 .captionIn { right: 0; top: 0; }
.imgContainer .imgContainerIn .imgText.caption33 .captionReal { top: -50%; }

/* ---------------------------------------------------------- */


.ftrBox {
  float: left;
  text-align: left;
  margin: 40px 10px 40px 10px;
}

.ftrBoxL {
  width: 415px;
}

.ftrBoxR {
  width: 266px;
  margin-left: 80px;
  font-size: 20px;
}

.ftrBox .ftrTitle {
  font-size: 28px;
  margin-bottom: 25px;
  font-weight: bold;
}

.ftrBox .ftrText {
  color: #ccc; /*#666;*/
}

.ftrBox .ftrText .ftrrow {
  height: 30px;
  margin-bottom: 10px;
}

.ftrBox .ftrText .text {
  vertical-align: middle;
  display: inline-block;
}

.ftrBox .ftrText .img {
  vertical-align: middle;
  margin-right: 10px;
}

@media all and (max-width: 769px) {
  .ftrBoxR { margin-left: 10px; margin-top: 0; }
  .ftrBox { clear: both; margin: 20px 10px 20px 10px; }
  .ftrBoxL { width: auto; max-width: 415px; }
  .ftrBox .ftrTitle { font-weight: bold; }
}

/*
@media all and (min-width: 638px) and (max-width: 769px) {
  .ftrBoxL { width: 266px; }
  .ftrBoxR { margin-left: 40px; }
}
*/

@media all and (min-width: 770px) and (max-width: 849px) {
  .ftrBoxR { margin-left: 40px; }
}

/* ---------------------------------------------------------- */

#slideStart {
  text-align: center;
  color: white;
}

#topMenu {
  color: white;
  height: 48px;
}

#ss0 {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

#ss1 {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

#ss2 {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}

@keyframes glow {
  from {
    /*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;*/
    background-color: #ff9600;
  }
  to {
    /*text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;*/
    background-color: #ffa11a;
  }
}

@keyframes glow2 {
  from {
    /*text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177;*/
    background-color: #ffab33;
  }
  to {
    /*text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177;*/
    background-color: #ffb64d;
  }
}

.ssCircleContainer {
  text-align: center;
}

.ssCircle {
  cursor: pointer;
  display: inline-block;
}

.ssCircle .ssCircleInner { 
  display: inline-block;
  /*border: 2px solid white;*/
  width: 14px;
  height: 14px;
  border-radius: 14px;
  /* background-color: #eee; */
  /*background-color: grey;*/
  background-color: #aaa;
  margin: 10px 8px;
  cursor: pointer;
}

.ssCircle:hover .ssCircleInner {
  background-color: #ff9600; /*rgb(255,150,0); = #ff9600 */
  transition: all 1s ease-out;
}

.ssCircle.ssCircleHighlight .ssCircleInner {
  background-color: #ff9600; /*rgb(255,150,0); = #ff9600 */
  transition: all 0.25s ease-out;
}

input[type=text],
input[type=password],
textarea {
  font-family: Lato;
  font-size: 18px;
  border: 1px solid #cccccc;
  width: 250px;
  margin-bottom: 7px;
  border-radius: 3px;
  box-shadow: none;
  background: #fff;
  -webkit-user-modify: read-write-plaintext-only;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: text;
  
  font-weight: bold;
  
  width: 286px;
}

input[type=text],
input[type=password] {
  line-height: 34px;
  height: 34px;
  padding: 4px 9px 4px 9px;
}

textarea {
  padding: 9px;
  height: 120px;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #007FE1;
}

.ftrForm {
  display: inline-block;
  text-align: left;
}

.ftrForm span {
  /*margin-top: 8px;
  vertical-align: top;
  width: 140px;*/
  display: block;
  /*text-align: right;
  margin-right: 7px;*/
 font-size: 16px;
 margin-bottom: 2px;
}

.ftrForm .button,
.button.button2 {
  width: 160px;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
}

.font16 {font-size: 16px;}
.mb20 {margin-bottom: 20px;}

.iclogo {
  position: absolute; bottom: 110px; left: 0; width: 100%;
}
.helperSlide1 {
  height: 200px;
}

@media all and (max-height: 700px) {
  .iclogo {
    bottom: 31px;
  }
  .helperSlide1 {
    height: 140px;
  }
}

#pricelistMobile {
  margin: 0 10px;
  display: none;
}

#pricelistMobile .pricelistBox {
  margin: 0;
  border-radius: 0 3px 3px 3px;
  margin-bottom: 7px;
  margin-top: 7px;
}

@media all and (max-width: 680px) {
  #pricelistMobile {
    display: inline-block;
  }
  
  #pricelist {
    display: none;
  }
}

#pricelistMobile .pricelistTextMain {
  font-size: 48px;
  margin: 12px 0 5px 0;
}

#pricelistMobile .pricelistTextFoot {
  padding: 0 5px 15px 5px;
}

#pricelistMobile .pricelistTextHead {
  border-radius: 3px 0 0 3px;
  padding: 10px 7px;
  height: 100%;
  margin-top: 7px;
}

.pricelistBox {
  background-color: #ff9600; border-radius: 3px; margin: 10px; display: inline-block;
  width: 200px;
}

.pricelistTextMain {
  font-weight: bold; font-size: 60px; color: white;
  margin: 20px 0 7px 0;
}

.pricelistTextHead {
  color: white;
  font-weight: bold;
  background-color: rgb(49, 53, 61);
  padding: 15px 10px;
  border-radius: 3px 3px 0 0;
}

.pricelistTextFoot {
  color: rgb(49, 53, 61);
  font-weight: bold;
  padding: 0 10px 30px 10px;
}

.bottomlogo {
  height: 56px;
}

.bottomlogo2 {
  height: 48px;
  margin: 0 5px;
}

@media all and (max-width: 769px) {

  .bottomlogo {
    height: 46px;
  }
  
  .bottomlogo2 {
    height: 34px;
    margin: 0;
  }

}


.menuItem {
  vertical-align: middle;
}

.menuItem .imgFade {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.menuItem .imgFade img {
  position: absolute;
  left: 0;
  top: 0;

}

.menuItem:hover .imgFade img.imgFadeNormal {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}