* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  outline: none !important;
  box-sizing: border-box;
}
a {
  outline: 0 !important;
}
a:visited,
a:focus,
a:active {
  text-decoration: none !important;
}
body {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  font-size: 10px;
  font-family: 'Proxima Nova';
}
/* FONTS */
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proximanovabold.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/proximanovabold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/proximanovabold.woff') format('woff'), /* Modern Browsers */ url('../fonts/proximanovabold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/proximanovabold.svg#d1e00a8fb1fd9b428ab6b90409479fde') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proximanovaregular.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/proximanovaregular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/proximanovaregular.woff') format('woff'), /* Modern Browsers */ url('../fonts/proximanovaregular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/proximanovaregular.svg#2c1459d58560f08b4b0586fbe80aa4cd') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
}
.hidden {
  display: none;
}
/* STYLE */
/* COMMON */
.wrapper {
  max-width: 95em;
  margin: 0 auto;
  position: relative;
  clear: both;
}
.share {
  vertical-align: middle;
  text-align: right;
}
.share span {
  line-height: 33px;
  background: 0 0;
  color: #00539b;
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.8em;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  float: left;
}
.share a {
  display: inline-block;
  width: 33px;
  height: 33px;
  padding: 0 !important;
  border: none !important;
  margin-left: 1em;
  float: left !important;
}
.share .draugiem {
  background: url(../img/ico-draugiem.png) no-repeat center center scroll;
  background-size: contain;
}
.share .facebook {
  background: url(../img/ico-facebook.png) no-repeat center center scroll;
  background-size: contain;
}
.share .twitter {
  background: url(../img/ico-twitter.png) no-repeat center center scroll;
  background-size: contain;
}
header .container-fluid {
  padding: 0;
  width: 100%;
}
header .container-fluid .left-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -1.3%;
  bottom: 0;
  z-index: 5;
}
header .container-fluid .right-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  right: 0;
  top: 55%;
  margin-top: -1.3%;
  bottom: 0;
  z-index: 5;
}
header #logo {
  width: 100%;
  display: block;
  margin-top: 2em;
  background: url(../img/logo.jpg) no-repeat center center scroll;
  background-size: contain;
  height: 0;
  padding-bottom: 20%;
  position: relative;
}
header #logo a {
  display: block;
  position: absolute;
  width: 46.5%;
  height: 0;
  left: 13.5%;
  padding-bottom: 28%;
}
header #logo img {
  width: 100%;
  display: block;
  min-width: 300px;
}
.paraksts {
  position: relative;
  top: -4em;
  margin-bottom: -6em;
}
.paraksts input {
  position: relative;
  border: 3px solid #00539b;
  background: #FFF;
  padding-left: 1.75em;
  padding-right: 1.5em;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: 1.8em;
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
  line-height: 1em;
  display: block;
  width: 50%;
}
.gifs {
  mix-blend-mode: multiply;
  margin-bottom: -3em;
}
.gifs,
.banners {
  width: 100%;
  clear: both;
  display: block;
  position: relative;
}
.gifs .left-b,
.banners .left-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  z-index: 5;
}
.gifs .right-b,
.banners .right-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  z-index: 5;
}
.gifs .container-fluid,
.banners .container-fluid {
  width: 100%;
  padding: 0;
}
.gifs img,
.banners img {
  display: block;
  width: 100%;
}
.hiddendiv,
#headline-hidden {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
}
.headlines-ct {
  position: relative;
  background: #fef3e1;
  padding-bottom: 3.5em;
  padding-top: 2em;
}
.headlines-ct .left-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  z-index: 5;
}
.headlines-ct .right-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  z-index: 5;
}
ul.steps {
  line-height: 3em;
}
ul.steps li {
  font-size: 2em;
  text-transform: uppercase;
  position: relative;
  list-style: none;
}
ul.steps li:before {
  content: '';
  position: absolute;
  display: block;
  left: -1em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 11px solid #00539b;
}
.cta-buttons {
  padding-top: 3em;
  padding-bottom: 1em;
}
.cta-buttons .btn-ct {
  width: 50%;
  float: left;
  position: relative;
  font-weight: bold;
}
.cta-buttons .btn-ct:hover .tip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0em);
}
.cta-buttons .btn-ct .tip {
  position: absolute;
  display: block;
  background: #fbc168;
  color: #FFF;
  top: -12.5em;
  right: -0.5em;
  width: 27.5em;
  height: 10em;
  margin: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
  padding-top: 2em;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-3em);
  transition: all 0.3s ease;
  font-weight: normal;
}
.cta-buttons .btn-ct .tip:after {
  display: block;
  content: '';
  margin: auto;
  margin-bottom: -3em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1em;
  width: 0;
  height: 0;
  border-left: 1.2em solid transparent;
  border-right: 1.2em solid transparent;
  border-top: 2em solid #fbc168;
}
.cta-buttons .btn-ct .tip span {
  font-size: 1.8em;
  line-height: 1.666em;
}
.cta-buttons a {
  display: inline-block;
  font-size: 1.8em;
  padding-right: 2.66em;
  padding-left: 2.66em;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  float: right;
  height: 75px;
  text-decoration: none;
  color: #FFF;
  letter-spacing: -0.01em;
  border: 3px solid #00539b;
  position: relative;
  z-index: 5;
}
.cta-buttons a:hover {
  border-left: 0px solid #2298d5;
}
.cta-buttons a:hover span {
  left: -4em;
  opacity: 1;
}
.cta-buttons a span {
  position: absolute;
  left: 0px;
  top: -3px;
  bottom: -3px;
  width: 100%;
  z-index: -1;
  opacity: 0;
}
.cta-buttons .headlines {
  background: #94b653;
}
.cta-buttons .headlines span {
  background: url(../img/hand-gr.png) no-repeat left center scroll;
  background-size: contain;
}
.cta-buttons .plain {
  border: solid 3px transparent;
  background: transparent;
  color: #00539b;
  float: left;
  padding-left: 0;
  padding-right: 0;
}
.cta-buttons .plain:hover {
  border: solid 3px transparent;
  text-decoration: underline;
}
.cta-buttons .society {
  background: #2298d5;
}
.cta-buttons .society span {
  background: url(../img/hand-bl.png) no-repeat left center scroll;
  background-size: contain;
}
.society-ct {
  position: relative;
  background: #fef3e1;
  padding-bottom: 3em;
  padding-top: 6em;
}
.society-ct .left-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  z-index: 5;
}
.society-ct .right-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  z-index: 5;
}
.society-ct p {
  font-size: 2em;
  line-height: 1.2em;
  color: #333;
  margin: 0;
}
.society-ct h1 {
  text-transform: uppercase;
  font-size: 3em;
  margin-bottom: 0.75em;
  position: relative;
}
.society-ct h1 .icon {
  display: block;
  width: 152px;
  height: 152px;
  position: absolute;
  left: -172px;
  top: -65px;
}
.society-ct h1 .icon img {
  display: block;
  width: 100%;
}
.society-ct .txt-ct {
  width: 65%;
  margin-left: 27.5%;
  border-bottom: 6px solid #00539b;
  padding-bottom: 3em;
  margin-bottom: 3em;
}
.container-fluid {
  max-width: 95em;
  width: 90%;
  margin: 0 auto;
  position: relative;
  clear: both;
}
.container-fluid:after {
  content: '';
  width: 100%;
  clear: both;
  display: block;
  height: 0;
}
.clearfix {
  display: block;
  width: 100%;
  clear: both;
  position: relative;
}
.start {
  position: relative;
  background: #fef3e1;
  padding-bottom: 3em;
  padding-top: 6em;
}
.start .left-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  z-index: 5;
}
.start .right-b {
  width: 4px;
  background: #00539b;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
  bottom: 0;
  z-index: 5;
}
.start p {
  font-size: 2em;
  line-height: 1.5em;
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.start .smal {
  font-size: 1.4em;
  text-align: right;
}
.start h1 {
  text-transform: uppercase;
  font-size: 3em;
  margin-bottom: 0.75em;
  position: relative;
}
.start h1 .icon {
  display: block;
  width: 152px;
  height: 152px;
  position: absolute;
  left: -172px;
  top: -65px;
}
.start h1 .icon img {
  display: block;
  width: 100%;
}
.start .txt-ct {
  width: 75%;
  margin-left: 25%;
  border-bottom: 6px solid #00539b;
  padding-bottom: 3em;
}
.headlines-ct p {
  color: #000;
  font-size: 1.6em;
  line-height: 1em;
  text-transform: none;
}
.headlines-ct .container-fluid {
  width: 70%;
}
.editable {
  margin-top: 3em;
  position: relative;
  border: 6px solid #00539b;
}
.editable .textarea-tip {
  background: url(../img/type-tip.png) no-repeat center right scroll;
  background-size: contain;
  width: 100%;
  height: 53px;
  right: 0;
  bottom: 0;
  margin-top: 0;
  margin-right: 10em;
  display: block;
  float: right;
  z-index: 10;
  margin-bottom: 1em;
}
.headline-text {
  padding-bottom: 0 !important;
  background: transparent !important;
}
.headline-text > div {
  text-decoration: line-through;
}
.common {
  resize: none;
  padding: 0.75em;
  display: block;
  width: 100%;
  font-size: 3.6em;
  text-transform: uppercase;
  color: #333;
  font-weight: bold;
  line-height: 1.25em;
  position: relative;
  border: none;
  z-index: 0;
  background: #FFF;
}
.common span {
  display: block;
  font-size: 0.5em;
  text-align: right;
  line-height: 1em;
  text-decoration: none !important;
}
footer {
  display: block;
  background: #00539b;
  color: #FFF;
  padding-top: 2.6em;
  padding-bottom: 2.6em;
  margin-bottom: 2em;
}
footer .fb {
  display: inline-block;
  float: left;
  margin-top: 3.3em;
}
footer .fb a {
  font-size: 1.4em;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}
footer .fb a .ico {
  height: 4.07em;
  width: 4.07em;
  line-height: 3em;
  display: inline-block;
  margin-bottom: -1.6em;
  margin-left: 1em;
}
footer .fb a .ico img {
  width: 100%;
  height: 100%;
  display: block;
}
footer .fb a:hover {
  color: #FFF;
  text-decoration: none;
}
footer .logo {
  float: right;
}
footer .logo img {
  margin-top: 3em;
}
footer .contacts {
  float: left;
}
footer .contacts .ico {
  float: left;
  width: 10em;
  margin-right: 1em;
}
footer .contacts .ico img {
  width: 100%;
  display: block;
}
footer .contacts h3 {
  text-transform: uppercase;
  font-size: 1.4em;
  margin: 0;
  margin-top: 2em;
  padding: 0;
  display: block;
  vertical-align: middle;
  line-height: 1.7em;
}
footer .contacts p {
  font-size: 1.4em;
  line-height: 1em;
  margin: 0;
  padding: 0;
  display: block;
  vertical-align: middle;
  line-height: 1.7em;
}
footer a {
  color: #FFF;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
  color: #FFF;
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .cta-buttons a {
    font-size: 1.2em;
    height: inherit;
    width: 95%;
    text-align: center;
  }
  .cta-buttons a:hover {
    border: 3px solid #00539b;
  }
  .cta-buttons a:hover span {
    display: none;
  }
  .cta-buttons .btn-ct {
    width: 100%;
  }
  .cta-buttons .btn-ct .tip {
    height: 7em;
    top: -9em;
    width: 95%;
    right: 0;
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-top: 1.25em;
  }
  .cta-buttons .btn-ct .tip span {
    font-size: 1.3em;
    line-height: 1.25em;
  }
  .cta-buttons .btn-ct .tip span br {
    display: none;
  }
  .start p,
  .society-ct .desc-ct p {
    font-size: 1.5em;
  }
  .share span {
    font-size: 1.2em;
    line-height: 0em;
  }
  .share a {
    width: 2em !important;
    height: 2em;
    display: inline-block;
  }
  .common {
    font-size: 2em;
  }
  .headlines-ct .container-fluid {
    width: 100%;
  }
  .society-ct .txt-ct {
    width: 100%;
    margin-left: 0;
  }
  .society-ct h1 {
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: .75em;
    position: relative;
    padding-left: 2.4em;
  }
  .society-ct h1 .icon {
    display: block;
    width: 3em;
    height: 2em;
    position: absolute;
    left: -1em;
    top: -1em;
  }
  .society-ct p {
    font-size: 1.5em;
    line-height: 1.2em;
    color: #333;
    margin: 0;
  }
  .society-ct {
    padding-top: 3em;
  }
  ul.steps li {
    font-size: 1.5em;
    line-height: 1.2em;
    text-transform: uppercase;
    position: relative;
    list-style: none;
    margin-bottom: 1em;
  }
  .headlines-ct .container-fluid {
    width: 100%;
  }
  .common {
    font-size: 1.5em;
  }
  .editable .textarea-tip {
    margin-top: -28px;
  }
  .paraksts input {
    width: 100%;
    margin-top: 4em;
  }
  .cta-buttons a {
    padding-right: 0.66em;
    padding-left: 0.66em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin: 2.5%;
    width: 97%;
  }
  .container-fluid {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 992px) {
  .common {
    font-size: 3em;
  }
}
.lg-1-4 {
  width: 25%;
  float: left;
}
.lg-1-3 {
  width: 33.33%;
  float: left;
}
.lg-1-2 {
  width: 50%;
  float: left;
}
.lg-1-1 {
  width: 100%;
  float: left;
}
.lg-2-3 {
  width: 66.66%;
  float: left;
}
.lg-3-4 {
  width: 75%;
  float: left;
}
#calculate {
  position: absolute;
  z-index: -999999;
  opacity: 0;
}
#calculate .editable {
  border: none;
}
#calculate .editable .textarea-tip {
  display: none;
}
#calculate .common {
  text-align: center;
}
@media print {
  header,
  footer,
  .headlines-ct p,
  .headlines-ct a,
  .gifs {
    display: none;
  }
  .common {
    text-align: center;
  }
  .headlines-ct .editable {
    border: none;
  }
  .headlines-ct .editable .textarea-tip {
    display: none;
  }
}