/**
 * Responsive mixin. The media breakpoints are as defined
 * in the twitter bootstrap framework:
 *
 * - phone
 * - tablet-portrait
 * - tablet-landscape-desktop
 * - large-desktop
 *
 * Additional parameters for tagetting retina and non-retina
 * devices
 *
 * - retina
 * - non-retina
 *
 * Moreover, a specific value in px can be passed which is
 * used to generate a max-width media query.
 */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format("woff2"), url(https://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg13YhjbSpvc47ee6xR_80Hnw.woff) format("woff"), url(https://fonts.gstatic.com/s/roboto/v15/Jzo62I39jc0gQRrbndN6nXYhjbSpvc47ee6xR_80Hnw.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format("woff2"), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format("woff"), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfSZ2oysoEQEeKwjgmXLRnTc.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format("woff2"), url(https://fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format("woff"), url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format("truetype"), url(https://fonts.gstatic.com/s/roboto/v15/5YB-ifwqHP20Yn46l_BDhA.eot);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

.animation, .left-wrap:hover, .right-wrap:hover, .mobile-left-wrap, .mobile-right-wrap, .btn-lined {
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out;
  -webkit-transition-delay: 0s;
  transition: all 0.2s ease-out 0s; }

.main-wrap, body, html, .main-inner-wrap {
  position: absolute;
  height: 100%;
  width: 100%; }

.inner-wrap {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center; }

.wrap {
  display: table;
  width: 100%;
  height: 100%; }

.center-wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.wrap-hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.inner-wrap:hover .wrap-hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
.inner-wrap:hover .wrap-visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: none; }
.inner-wrap .wrap-visible {
  position: relative;
  top: -163px; }
.inner-wrap img {
  display: block;
  margin: 0 auto 40px;
  /* mini phones and down */ }
  @media (max-width: 481px) {
    .inner-wrap img {
      width: 50%; } }

.left-wrap:hover {
  background-color: #000;
  color: #fff; }

.right-wrap:hover {
  background-color: #34b2e4;
  color: #fff; }

.mobile-left-wrap {
  background-color: #000;
  color: #fff; }
  .mobile-left-wrap:hover, .mobile-left-wrap:focus {
    color: #fff; }

.mobile-right-wrap {
  background-color: #34b2e4;
  color: #fff; }
  .mobile-right-wrap:hover, .mobile-right-wrap:focus {
    color: #fff; }

.logo {
  position: absolute;
  height: 180px;
  width: 180px;
  left: 50%;
  top: 50%;
  margin-left: -90px;
  margin-top: -90px;
  background-color: #fff;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  z-index: 9999;
  /* mini phones and down */
  /* mini phones and down */ }
  @media (max-width: 767px) {
    .logo {
      top: 40%;
      height: 90px;
      width: 90px;
      margin-left: -45px;
      margin-top: -45px; } }
  @media (max-width: 481px) {
    .logo {
      top: 14%; } }
  .logo span {
    background: url(../images/logo_square.png) no-repeat 50% 50%;
    display: block;
    height: 100px;
    width: 100px;
    text-indent: -1000000px;
    margin: 35px 40px;
    /* mini phones and down */ }
    @media (max-width: 767px) {
      .logo span {
        height: 50px;
        width: 50px;
        margin: 15px 20px;
        background-size: 50px 50px; } }

.btn-lined {
  border: 1px solid #fff;
  padding: 10px 40px;
  color: #fff;
  margin-top: 40px;
  cursor: pointer;
  /* mini phones and down */ }
  .btn-lined:hover, .btn-lined:focus {
    background-color: #fff;
    color: #000; }
  @media (max-width: 481px) {
    .btn-lined {
      padding: 10px 20px; } }

.footer {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center; }
  .footer a {
    color: #555; }
    .footer a:hover {
      color: rgba(85, 85, 85, 0.7); }
  .footer .list-inline {
    margin-left: -20px; }

.mobile-footer a {
  color: #fff; }
  .mobile-footer a:hover {
    color: rgba(255, 255, 255, 0.7); }