/*====================================================*/
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway/Raleway-Thin.eot");
  src: local("Raleway Thin"), local("Raleway-Thin"), url("../fonts/Raleway/Raleway-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway/Raleway-Thin.woff") format("woff"), url("../fonts/Raleway/Raleway-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway/Raleway-Regular.eot");
  src: local("Raleway"), local("Raleway-Regular"), url("../fonts/Raleway/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway/Raleway-Regular.woff") format("woff"), url("../fonts/Raleway/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway/Raleway-Bold.eot");
  src: local("Raleway Bold"), local("Raleway-Bold"), url("../fonts/Raleway/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Raleway/Raleway-Bold.woff") format("woff"), url("../fonts/Raleway/Raleway-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
/*====================================================*/
/*====================================================*/
body {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: normal; }

#page header {
  height: 100%;
  width: 100%;
  position: relative;
  background: #0a53be; }
  #page header nav {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 16.66666667%; }
    #page header nav .wrap .logo {
      line-height: 0;
      text-align: center;
      margin-bottom: 20px; }
    #page header nav .wrap ul {
      margin: 0 0 20px;
      padding: 0;
      list-style: none;
      text-align: center; }
      #page header nav .wrap ul li {
        margin-bottom: 15px; }
        #page header nav .wrap ul li a {
          color: #f9f9f9;
          text-decoration: none;
          border-bottom: 1px dashed #f9f9f9;
          font-weight: normal;
          font-size: 18px; }
      #page header nav .wrap ul li:last-child {
        margin: 0; }
    #page header nav .wrap .phone {
      margin-bottom: 20px;
      text-align: center; }
      #page header nav .wrap .phone a {
        color: #ffd000;
        text-decoration: none;
        border-bottom: 1px dashed #ffd000;
        font-weight: bold;
        font-size: 18px;
        font-family: Verdana,sans-serif; }
    #page header nav .wrap .callback {
      text-align: center; }
      #page header nav .wrap .callback button {
        background: #ffd000;
        color: #0a53be;
        font-size: 18px;
        border-radius: 10px;
        border: none;
        font-weight: bold; }
#page .header-content {
  position: relative;
  z-index: 10;
  min-height: 920px;
  padding: 0; }
  #page .header-content .header-background {
    background: url("../images/header-bg.jpg");
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -5; }
  #page .header-content .wrap {
    padding: 100px 0 0; }
    #page .header-content .wrap .nav-arrow {
      text-align: center; }
      #page .header-content .wrap .nav-arrow a {
        display: block;
        padding: 35px 0 0; }
        #page .header-content .wrap .nav-arrow a i {
          transition: all ease-in 0.4s;
          opacity: 1;
          font-size: 8em;
          position: relative;
          top: -65px;
          color: #fff; }
          #page .header-content .wrap .nav-arrow a i:hover {
            opacity: 0.5; }
    #page .header-content .wrap .image {
      text-align: center; }
  #page .header-content img.header-element-right {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    max-height: 425px; }
  #page .header-content img.header-element-left {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    max-height: 425px; }
  #page .header-content img.header-element-top {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    max-height: 425px; }
  #page .header-content img.header-element-bottom {
    position: absolute;
    z-index: 5;
    bottom: 0;
    right: 0;
    max-height: 425px; }
#page main {
  background: url("http://www.lenagold.ru/fon/flo/rom/daisy119.jpg");
  padding-bottom: 100px; }
#page section {
  padding: 100px 0 0; }
#page .section-content .wrap {
  background: #fff;
  padding: 60px;
  border-radius: 10px; }
  #page .section-content .wrap .title h1, #page .section-content .wrap .title h2 {
    font-size: 3em;
    margin: 0 0 20px;
    font-weight: bold;
    color: #0a53be; }
  #page .section-content .wrap .content-wrap p {
    line-height: 1.5;
    margin: 0 0 15px; }
    #page .section-content .wrap .content-wrap p strong, #page .section-content .wrap .content-wrap p b {
      color: #873b7c; }
  #page .section-content .wrap .content-product {
    margin-top: 40px; }
    #page .section-content .wrap .content-product .product-wrap {
      padding: 60px;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
      #page .section-content .wrap .content-product .product-wrap .product-image {
        width: 300px;
        height: 300px;
        overflow: hidden;
        margin: 0 auto; }
        #page .section-content .wrap .content-product .product-wrap .product-image img {
          width: 100%;
          height: auto; }
      #page .section-content .wrap .content-product .product-wrap h3 {
        font-weight: bold;
        color: #0a53be;
        margin: 20px 0;
        text-align: center; }
      #page .section-content .wrap .content-product .product-wrap .text-wrap {
        text-align: justify; }
#page footer {
  background-color: #0c4128;
  padding: 100px 0; }
  #page footer section {
    padding: 0; }
    #page footer section .wrap {
      padding: 0 60px; }
      #page footer section .wrap .title h2 {
        font-size: 3em;
        font-weight: bold;
        color: #fff;
        margin: 0 0 20px; }
      #page footer section .wrap .content-wrap p {
        color: #fff; }

/*====================================================*/
/*====================================================*/
@media (max-width: 991.98px) {
  #page header nav {
    display: block; }
  #page .header-content {
    min-height: auto; } }
/*====================================================*/

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