@import url(bootstrap-theme.css);
@import url(bootstrap.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.css);
@import url(https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css);
@import url(https://resources/demos/style.css);
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:wght@300&family=Source+Sans+Pro:wght@300&display=swap");
@keyframes wobble-vertical-on-hover {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px); }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px); }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
h3 {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  margin-top: 34px;
  margin-bottom: 40px;
  color: #333b46;
  letter-spacing: 2px;
  font-weight: 300; }

p {
  color: #81868e;
  line-height: 28px; }

.comment {
  max-width: 480px;
  margin: auto;
  margin-bottom: 60px; }

.contrast-bg {
  background-color: #19bd9a; }

.contrast-font {
  color: #19bd9a; }

.d-flex {
  display: flex;
  flex-wrap: wrap; }

.j-content-center {
  justify-content: center; }

.j-space-betw {
  justify-content: space-between; }

.form-control {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #81868e;
  height: 40px;
  -webkit-box-shadow: none;
  outline: none;
  background-color: transparent; }

.btn {
  border-radius: 0px;
  background-color: #19bd9a;
  color: white;
  border: none;
  font-weight: 300; }

@media screen and (max-width: 768px) {
  .mobile-center {
    text-align: center; } }

body {
  font-family: "Open Sans", sans-serif; }
  body .main_page {
    background-image: url("../images/main_bg_01.jpg");
    height: 100vh;
    background-size: cover;
    align-items: center;
    position: relative; }
    @media screen and (max-width: 768px) {
      body .main_page {
        background-image: url("../images/main-bg-mobile.jpg"); } }
    body .main_page header {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 100%; }
      body .main_page header .navbar-default {
        background-color: transparent;
        border: none;
        background-image: none;
        box-shadow: none;
        padding-top: 30px; }
        @media screen and (max-width: 740px) {
          body .main_page header .navbar-default .navbar-collapse {
            background-color: rgba(38, 41, 49, 0.9);
            border-color: #262931; } }
        body .main_page header .navbar-default li {
          padding-top: 7px;
          padding-bottom: 7px; }
          body .main_page header .navbar-default li a {
            font-size: 16px;
            color: white;
            text-shadow: none;
            border: 1px solid transparent;
            border-radius: 50px;
            padding: 8px 18px; }
            @media screen and (max-width: 823px) {
              body .main_page header .navbar-default li a {
                padding: 8px 15px; } }
            body .main_page header .navbar-default li a:hover {
              border: 1px solid white;
              color: white; }
              @media screen and (max-width: 768px) {
                body .main_page header .navbar-default li a:hover {
                  border: none; } }
            body .main_page header .navbar-default li a:focus {
              color: white; }
      body .main_page header .navbar-toggle {
        border: none; }
        body .main_page header .navbar-toggle .icon-bar {
          background-color: white; }
        body .main_page header .navbar-toggle:focus, body .main_page header .navbar-toggle:hover {
          background-color: transparent; }
    body .main_page .main-screen {
      align-content: center;
      height: 100%; }
      body .main_page .main-screen h1 {
        font-family: "Roboto", sans-serif;
        color: white;
        font-size: 35px;
        font-weight: 300;
        margin-bottom: 36px;
        letter-spacing: 10px;
        width: 100%;
        line-height: 65px; }
      body .main_page .main-screen p {
        max-width: 620px;
        font-size: 16px;
        color: white;
        text-align: center;
        margin: auto;
        line-height: 26pt;
        letter-spacing: 1px; }
      body .main_page .main-screen .chevron {
        position: absolute;
        width: 36px;
        height: 36px;
        border-radius: 50px;
        background-color: #19bd9a;
        left: 50%;
        bottom: 76px;
        margin-left: -18px;
        text-align: center; }
        body .main_page .main-screen .chevron i {
          color: white;
          font-size: 16px;
          padding-top: 12px; }
    body .main_page .wobble-vertical-on-hover:hover, body .main_page .wobble-vertical-on-hover:focus, body .main_page .wobble-vertical-on-hover:active {
      animation: wobble-vertical-on-hover 1s ease-in-out;
      animation-iteration-count: 1; }
    body .main_page #back-top {
      position: fixed;
      bottom: 5%;
      right: 5%;
      padding: 0;
      z-index: 100; }
    body .main_page #back-top a {
      font-size: 50px;
      line-height: 50px;
      display: block;
      color: #b8b8b8;
      text-decoration: none;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      -ms-transition: all linear 0.2s;
      -o-transition: all linear 0.2s;
      transition: all linear 0.2s;
      text-align: center; }
      @media screen and (max-width: 768px) {
        body .main_page #back-top a {
          font-size: 30px;
          line-height: 30px; } }

.this-is-bouncy {
  padding-top: 80px;
  padding-bottom: 76px; }
  .this-is-bouncy p {
    margin-bottom: 46px; }
  .this-is-bouncy a {
    display: inline-block;
    border: 1px solid #333b46;
    border-radius: 50px;
    padding: 8px 30px;
    font-size: 16px;
    color: #333b46;
    text-decoration: none;
    margin-bottom: 20px; }
    .this-is-bouncy a:hover {
      border: 1px solid #19bd9a;
      background-color: #19bd9a;
      color: white; }

.details-about-B {
  background-color: #f3f3f3;
  padding-top: 78px; }
  .details-about-B .tabs, .details-about-B .nav, .details-about-B .nav-tabs {
    border-bottom: none; }
    .details-about-B .tabs li, .details-about-B .nav li, .details-about-B .nav-tabs li {
      display: inline-block;
      float: none;
      margin: 10px 14px; }
      .details-about-B .tabs li.active a, .details-about-B .nav li.active a, .details-about-B .nav-tabs li.active a {
        background-color: #19bd9a; }
        .details-about-B .tabs li.active a:hover, .details-about-B .nav li.active a:hover, .details-about-B .nav-tabs li.active a:hover {
          background-color: #19bd9a; }
        .details-about-B .tabs li.active a:focus, .details-about-B .nav li.active a:focus, .details-about-B .nav-tabs li.active a:focus {
          background-color: #19bd9a; }
      .details-about-B .tabs li a, .details-about-B .nav li a, .details-about-B .nav-tabs li a {
        display: block;
        width: 54px;
        height: 54px;
        background-color: #81868e;
        border-radius: 50%;
        margin-bottom: 18px;
        text-align: center;
        padding: 12px 0px; }
        .details-about-B .tabs li a.active, .details-about-B .tabs li a:hover, .details-about-B .nav li a.active, .details-about-B .nav li a:hover, .details-about-B .nav-tabs li a.active, .details-about-B .nav-tabs li a:hover {
          background-color: #19bd9a; }
        .details-about-B .tabs li a i, .details-about-B .nav li a i, .details-about-B .nav-tabs li a i {
          font-size: 30px;
          color: white; }
  .details-about-B h4 {
    font-size: 20px;
    color: #464646;
    margin-bottom: 40px;
    letter-spacing: 1px;
    text-align: left; }
  .details-about-B .p-16 {
    font-size: 16px; }
  .details-about-B span {
    font-weight: bold; }

.featured-pj {
  padding-top: 78px; }
  .featured-pj .project-example {
    display: flex;
    flex-wrap: wrap; }
    .featured-pj .project-example .photo-example {
      width: 25%;
      position: relative;
      transition: 1s; }
      @media screen and (max-width: 768px) {
        .featured-pj .project-example .photo-example {
          width: 50%; } }
      .featured-pj .project-example .photo-example img {
        width: 100%; }
      .featured-pj .project-example .photo-example:after {
        content: "";
        display: block;
        transition: 0.5s; }
      .featured-pj .project-example .photo-example:hover::after {
        width: 100%;
        display: block;
        height: 100%;
        background-color: rgba(21, 21, 21, 0.85);
        position: absolute;
        top: 0;
        color: white;
        z-index: 1; }
      .featured-pj .project-example .photo-example:before {
        content: "";
        display: block; }
      .featured-pj .project-example .photo-example:hover::before {
        content: "VINTAGE";
        color: white;
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 2px;
        display: block;
        height: 20px;
        position: absolute;
        top: 46%;
        left: 50%;
        margin-left: -50px;
        z-index: 2; }
    .featured-pj .project-example .wide {
      width: 50%; }
      @media screen and (max-width: 768px) {
        .featured-pj .project-example .wide {
          width: 100%; } }
      .featured-pj .project-example .wide img {
        width: 100%; }
  .featured-pj .bg {
    background-image: url("../images/green-bg-example_02.jpg");
    background-size: cover;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px; }
    .featured-pj .bg .submit {
      align-items: center;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .featured-pj .bg .submit {
          justify-content: center; } }
      .featured-pj .bg .submit p {
        color: white;
        font-size: 20px;
        margin: 0px; }
        .featured-pj .bg .submit p span {
          font-weight: bold; }
        @media screen and (max-width: 768px) {
          .featured-pj .bg .submit p {
            text-align: center; } }
      .featured-pj .bg .submit a {
        display: inline-block;
        border: 1px solid white;
        border-radius: 50px;
        padding: 8px 30px;
        font-size: 16px;
        color: white;
        text-decoration: none;
        margin-top: 10px;
        margin-bottom: 10px; }
        .featured-pj .bg .submit a:hover {
          background-color: white;
          color: #19bd9a; }

.services {
  padding-top: 80px; }
  .services .row {
    display: inline-block; }
  .services .tabs, .services .nav, .services .nav-tabs {
    border-bottom: none; }
    .services .tabs li.active a, .services .nav li.active a, .services .nav-tabs li.active a {
      background-color: #19bd9a; }
      .services .tabs li.active a:hover, .services .nav li.active a:hover, .services .nav-tabs li.active a:hover {
        background-color: #19bd9a; }
      .services .tabs li.active a:focus, .services .nav li.active a:focus, .services .nav-tabs li.active a:focus {
        background-color: #19bd9a; }
    .services .tabs li a, .services .nav li a, .services .nav-tabs li a {
      display: block;
      width: 54px;
      height: 54px;
      background-color: #81868e;
      border-radius: 50%;
      margin-bottom: 18px;
      text-align: center;
      padding: 12px 0px; }
      .services .tabs li a.active, .services .tabs li a:hover, .services .nav li a.active, .services .nav li a:hover, .services .nav-tabs li a.active, .services .nav-tabs li a:hover {
        background-color: #19bd9a; }
      .services .tabs li a i, .services .nav li a i, .services .nav-tabs li a i {
        font-size: 30px;
        color: white; }
  .services .serv-parts {
    padding-bottom: 120px; }
    .services .serv-parts .nav-tabs {
      max-width: 80px;
      display: inline-block; }
    .services .serv-parts .tab-content h4 {
      font-size: 20px;
      color: #464646;
      margin-bottom: 40px;
      letter-spacing: 1px; }
    .services .serv-parts .tab-content .p-16 {
      font-size: 16px; }
    .services .serv-parts .tab-content span {
      font-weight: bold; }
    .services .serv-parts .right-part {
      padding-top: 40px; }
      .services .serv-parts .right-part .percents {
        width: 32%;
        display: inline-block; }
        .services .serv-parts .right-part .percents img {
          width: 100%; }
        .services .serv-parts .right-part .percents p {
          width: 100%; }

.impressed {
  background-image: url("../images/imressed-bg_02.jpg");
  background-size: cover;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px; }
  .impressed h3 {
    color: white;
    margin-bottom: 60px; }
  .impressed p {
    color: #b2b3b3; }
  .impressed .by-line {
    color: #b2b3b3;
    margin-top: 30px; }
    .impressed .by-line span {
      font-weight: bold; }
    .impressed .by-line .contrast-font {
      font-weight: normal; }
  .impressed .relative {
    position: relative; }
    @media screen and (max-width: 768px) {
      .impressed .relative {
        display: none; } }
    .impressed .relative .mac-comp {
      position: absolute;
      width: 100%;
      right: 0;
      top: -130px; }

.portfolio {
  background-color: #f3f3f3;
  padding-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.grid-container {
  columns: 4 200px;
  max-width: 1170px;
  column-gap: 1.5rem;
  margin: 0 auto; }
  .grid-container .gal-photo {
    margin: 0 10px 10px 0;
    display: inline-block;
    width: 100%;
    transition: 0.5s;
    position: relative; }
    .grid-container .gal-photo:hover .overlay {
      opacity: 1; }
    .grid-container .gal-photo .text-hover {
      position: absolute;
      padding: 14% 30px 0px;
      text-align: center; }
      .grid-container .gal-photo .text-hover h3 {
        margin: 0px 0px 10px; }
        .grid-container .gal-photo .text-hover h3:after {
          content: "";
          display: block;
          border-bottom: 1px solid #19bd9a;
          width: 26px;
          padding-top: 10px; }
      .grid-container .gal-photo .text-hover p {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 20px;
        color: #b2b3b3; }
      .grid-container .gal-photo .text-hover a {
        display: inline-block;
        width: 30px;
        height: 30px;
        background-color: black;
        border-radius: 50%;
        margin-right: 10px;
        text-align: center; }
        .grid-container .gal-photo .text-hover a i {
          font-size: 16px;
          color: white;
          padding-top: 6px; }
    .grid-container .gal-photo img {
      width: 100%;
      transition: 1s; }
    .grid-container .gal-photo .overlay {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: 1s ease;
      background-color: rgba(21, 21, 21, 0.85); }

.start-pj {
  background-image: url("../images/start-pj-bg_03.jpg");
  background-size: cover;
  width: 100%;
  padding: 60px 15px;
  margin-top: 30px;
  margin-bottom: 100px; }
  .start-pj p {
    color: white;
    font-size: 20px;
    margin-bottom: 40px;
    letter-spacing: 1px; }
  .start-pj a {
    border: 1px solid white;
    border-radius: 50px;
    padding: 8px 30px;
    font-size: 16px;
    color: white;
    text-decoration: none; }
    .start-pj a:hover {
      background-color: white;
      color: #19bd9a; }

.team {
  padding-top: 50px; }
  .team .person-name {
    font-size: 20px;
    line-height: 28px;
    position: relative;
    margin-top: 20px; }
    .team .person-name .f-14 {
      font-size: 14px; }
  .team .scrollbar {
    height: 300px;
    overflow-y: scroll;
    padding-right: 30px; }
    @media screen and (max-width: 812px) {
      .team .scrollbar {
        margin: 15px 18px 0px; } }
    .team .scrollbar::-webkit-scrollbar {
      width: 6px;
      background-color: #F5F5F5; }
    .team .scrollbar::-webkit-scrollbar-thumb {
      background-color: #19bd9a; }
  .team .owl-dots {
    margin-top: 30px;
    text-align: center; }
    .team .owl-dots .owl-dot {
      outline: none;
      margin: 15px 5px; }
      .team .owl-dots .owl-dot span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 1px solid #19bd9a; }
      .team .owl-dots .owl-dot.active span {
        background-color: #19bd9a; }
  .team .d-flex {
    display: flex;
    justify-content: space-between; }
    .team .d-flex p {
      margin: 0;
      letter-spacing: 1px;
      font-size: 16px; }
  .team .progress {
    border-radius: 0;
    height: 4px;
    box-shadow: none; }
    .team .progress .progress-bar {
      background-color: #19bd9a;
      background-image: none;
      box-shadow: none; }
  .team .bg-img {
    margin-top: 80px;
    background-image: url("../images/bg-img-team_10.jpg");
    background-size: cover;
    width: 100%;
    height: 200px;
    padding-top: 58px; }
    .team .bg-img p {
      color: white;
      font-size: 20px;
      margin-bottom: 38px; }
    .team .bg-img a {
      border: 1px solid white;
      border-radius: 50px;
      padding: 8px 30px;
      font-size: 16px;
      color: white;
      text-decoration: none; }
      .team .bg-img a:hover {
        background-color: white;
        color: black; }
  .team .testimonials {
    background-color: #f3f3f3;
    padding-top: 46px;
    padding-bottom: 100px; }
    .team .testimonials .feedback {
      background-color: white;
      padding-top: 50px;
      padding-bottom: 40px; }
      .team .testimonials .feedback .img-circle {
        margin-bottom: 10px; }
      .team .testimonials .feedback .owl-dots {
        margin-top: 0; }
      .team .testimonials .feedback .f-16 {
        font-size: 16px; }
        .team .testimonials .feedback .f-16 span {
          font-size: 14px; }
      .team .testimonials .feedback .img-circle {
        width: 130px;
        height: 130px; }

.blog {
  background-image: url("../images/blog-bg_10.jpg");
  background-size: cover;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px; }
  .blog h3 {
    color: white; }
  .blog .comment {
    color: #b2b3b3;
    margin-left: 0; }
  .blog h4 {
    color: #e1e4e9;
    font-size: 20px;
    padding-left: 1px; }
  .blog h5 {
    font-family: "Roboto", sans-serif;
    color: #81868e;
    margin-bottom: 56px; }
    .blog h5 .note {
      color: #464646; }
  .blog p {
    max-width: 600px;
    margin-right: 20px; }
  .blog .read_more {
    display: inline-block;
    margin-top: 30px;
    color: #b2b3b3;
    text-decoration: none; }
    .blog .read_more:hover {
      color: white; }
  .blog .hidden-text {
    display: none; }
  .blog .owl-carousel .owl-dots {
    margin-top: 30px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 40px; }
    .blog .owl-carousel .owl-dots .owl-dot {
      outline: none;
      margin: 10px 5px;
      display: block; }
      .blog .owl-carousel .owl-dots .owl-dot span {
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 1px solid #b2b3b3; }
      .blog .owl-carousel .owl-dots .owl-dot.active span {
        background-color: #b2b3b3; }

.price {
  background-color: #f3f3f3;
  padding-top: 50px;
  padding-bottom: 90px; }
  .price .offer-price {
    max-width: 236px;
    width: 100%;
    display: inline-block;
    height: 300px;
    background-color: white;
    margin: 10px 32px;
    position: relative; }
    .price .offer-price:hover .price-hover {
      opacity: 1; }
    @media screen and (max-width: 414px) {
      .price .offer-price {
        margin: 15px;
        max-width: none; } }
    .price .offer-price h4 {
      display: inline-block;
      font-size: 20px;
      font-weight: bold;
      color: white;
      background-color: #19bd9a;
      width: 100%;
      padding-top: 26px;
      padding-bottom: 26px;
      margin: 0; }
    .price .offer-price span {
      display: inline-block;
      font-size: 42px;
      font-family: "Roboto", sans-serif;
      margin-top: 66px;
      font-weight: bold; }
    .price .offer-price .price-note {
      font-size: 20px; }
  .price .price-hover {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between; }
    .price .price-hover p {
      padding: 34px 34px 10px; }
    .price .price-hover a {
      display: inline-block;
      width: 100%;
      color: white;
      background-color: #19bd9a;
      font-size: 16px;
      text-decoration: none;
      padding-top: 26px;
      padding-bottom: 26px; }
      .price .price-hover a:hover {
        color: #044548; }

.subscribe {
  background-image: url("../images/blog-bg_10.jpg");
  background-size: cover;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 90px; }
  .subscribe h3 {
    color: white; }
  .subscribe .form-group {
    max-width: 360px;
    width: 100%; }
    @media screen and (max-width: 414px) {
      .subscribe .form-group {
        max-width: none; } }
    .subscribe .form-group .form-control {
      color: white;
      width: 100%;
      -webkit-box-shadow: none;
      outline: none; }
  .subscribe .btn {
    margin-left: 8px;
    height: 40px;
    max-width: 152px;
    width: 100%; }
    .subscribe .btn:hover {
      background-color: transparent;
      border: 1px solid #19bd9a;
      color: white; }
    @media screen and (max-width: 768px) {
      .subscribe .btn {
        margin-left: 0px;
        max-width: 360px;
        margin-top: 16px; } }
    @media screen and (max-width: 414px) {
      .subscribe .btn {
        max-width: none; } }

.contact .our_contacts {
  background-color: #f3f3f3;
  padding-top: 50px;
  padding-bottom: 90px; }
.contact .contact-info {
  display: inline-block;
  max-width: 280px;
  height: 274px;
  background-color: white;
  margin: 20px; }
  .contact .contact-info:hover img {
    filter: grayscale(0); }
  @media screen and (max-width: 414px) {
    .contact .contact-info {
      margin: 20px 0px;
      max-width: none; } }
  .contact .contact-info img {
    width: 100%;
    margin-bottom: 20px;
    filter: grayscale(100%);
    transition: 0.5s; }
  .contact .contact-info p {
    line-height: 20px; }
.contact form {
  margin-top: 80px;
  margin-bottom: 110px; }
.contact .form-group {
  width: 30%; }
  @media screen and (max-width: 414px) {
    .contact .form-group {
      width: 100%; } }
.contact .form-control {
  border: 1px solid #d8dce0;
  resize: none;
  margin-bottom: 30px;
  -webkit-box-shadow: none;
  outline: none; }
.contact .btn {
  height: 54px;
  width: 100%;
  font-weight: 400; }
  .contact .btn:hover {
    background-color: transparent;
    border: 1px solid #19bd9a;
    color: #19bd9a; }
.contact .map {
  height: 494px;
  position: relative;
  margin: auto;
  transition: 1s; }
  .contact .map:hover .map-hover {
    opacity: 0; }
  .contact .map .map-hover {
    position: absolute;
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(21, 21, 21, 0.85);
    align-content: center;
    transition: 1s; }
    .contact .map .map-hover h3 {
      color: white; }

footer {
  background-color: #f3f3f3;
  padding: 80px 15px; }
  footer p {
    margin-top: 24px;
    margin-bottom: 30px; }
  footer .soc-item {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-color: #3b5998;
    border-radius: 50%;
    margin: 5px;
    line-height: 26px; }
    footer .soc-item:hover {
      background-color: #19bd9a; }
    footer .soc-item i {
      font-size: 12px;
      color: white; }
  footer .twitter {
    background-color: #26a6d1; }
  footer .insta {
    background-color: #0e76a8; }
  footer .linkedin {
    background-color: #0e76a8; }
  footer .vimeo {
    background-color: #86c9ef; }

#more {
  display: none; }

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px; }

.circle-bg {
  fill: none;
  stroke: #046165;
  stroke-width: 1; }

.circle {
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
  stroke: #19bd9a; }

@keyframes progress {
  0% {
    stroke-dasharray: 0,100; } }
.percentage {
  fill: #81868e;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle; }

/*# sourceMappingURL=style.css.map */