body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000; }

h2 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  text-transform: uppercase; }

a {
  text-decoration: none;
  color: #000; }
  a:hover {
    color: #2aacc8; }

.wrapper-header {
  width: 100%;
  background: #e8ebf1; }

.header {
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0; }
  .header .logo {
    float: left; }
  .header .navigation {
    float: right; }
    .header .navigation .menu {
      margin: 0;
      padding: 0;
      padding-top: 5px;
      list-style: none;
      text-transform: uppercase; }
      .header .navigation .menu > li {
        position: relative;
        display: inline-block;
        margin-left: 40px;
        border-top: 4px solid #e8ebf1; }
        .header .navigation .menu > li a {
          display: block;
          padding: 5px;
          font-weight: bold; }
          .header .navigation .menu > li a.submenu-exist:after {
            content: url(../img/icons/arrow-down.png);
            font-size: 0;
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px; }
        .header .navigation .menu > li.submenu:hover {
          border-top: 4px solid #2aacc8;
          background: #fff; }
          .header .navigation .menu > li.submenu:hover .sub-menu {
            display: block; }
        .header .navigation .menu > li .sub-menu {
          position: absolute;
          left: 0;
          top: 25px;
          display: none;
          width: 200px;
          margin: 0;
          padding: 0;
          list-style: none;
          text-transform: none; }
          .header .navigation .menu > li .sub-menu li {
            background: #fff; }
            .header .navigation .menu > li .sub-menu li a {
              display: block;
              margin: 0 10px;
              padding: 6px 0;
              border-bottom: 1px solid #e8ebf1;
              font-weight: normal; }
            .header .navigation .menu > li .sub-menu li:last-child {
              border-bottom: 4px solid #2aacc8; }
              .header .navigation .menu > li .sub-menu li:last-child a {
                border-bottom: none; }

.wrapper-slider {
  width: 100%;
  background: #81e4ed; }

.slider {
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px; }
  .slider .slider-switcher {
    text-align: center; }
    .slider .slider-switcher .switcher {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: 14px 7px;
      border: 1px solid silver;
      border-radius: 50px;
      background: #e8ebf1; }
    .slider .slider-switcher .switcher:hover,
    .slider .slider-switcher .switcher.active {
      background: #fff; }

.wrapper-panel {
  width: 100%;
  background: #e8ebf1; }

.panel {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0; }
  .panel .features {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding: 0 12px; }
    .panel .features i {
      display: inline-block;
      vertical-align: middle;
      padding-right: 8px; }
    .panel .features .icon1:before {
      content: url(../img/icons/panel-icon1.png); }
    .panel .features .icon2:before {
      content: url(../img/icons/panel-icon2.png); }
    .panel .features .icon3:before {
      content: url(../img/icons/panel-icon3.png); }
    .panel .features .icon4:before {
      content: url(../img/icons/panel-icon4.png); }
    .panel .features .read-more {
      padding-top: 15px; }
    .panel .features .read-more:before {
      content: url(../img/icons/read-more.png);
      position: relative;
      top: -1px;
      padding-right: 12px; }
    .panel .features a {
      font-weight: bold;
      color: #2aacc8; }

.wrapper-content {
  width: 100%; }

.content {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0; }
  .content .latest-works h2 {
    margin-bottom: 10px; }
    .content .latest-works h2:before {
      content: url(../img/icons/latest-works.png);
      display: inline-block;
      vertical-align: middle;
      padding-right: 8px; }
  .content .latest-works .arrows {
    float: right; }
    .content .latest-works .arrows .arrow-left, .content .latest-works .arrows .arrow-right {
      display: inline-block;
      width: 20px;
      height: 20px;
      cursor: pointer;
      background: url(../img/icons/arrow-left.png);
      border-radius: 20px; }
      .content .latest-works .arrows .arrow-left:hover, .content .latest-works .arrows .arrow-right:hover {
        opacity: 0.7; }
      .content .latest-works .arrows .arrow-left:active, .content .latest-works .arrows .arrow-right:active {
        box-shadow: 0 0 8px #E9E903; }
    .content .latest-works .arrows .arrow-right {
      background: url(../img/icons/arrow-right.png); }
  .content .latest-works .works-preview {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0; }
    .content .latest-works .works-preview .works-container {
      transition: 1s; }
      .content .latest-works .works-preview .works-container img {
        width: 200px;
        margin: 0 25px; }
  .content .additional-panel .testimonials {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 20px 0 0; }
    .content .additional-panel .testimonials .testimonials-icon:before {
      content: url(../img/icons/testimonials.png);
      display: inline-block;
      vertical-align: middle;
      padding-right: 8px; }
    .content .additional-panel .testimonials .author {
      font-weight: bold;
      font-style: italic; }
  .content .additional-panel .clients {
    float: right;
    box-sizing: border-box;
    width: 50%;
    padding: 20px 0 0 20px; }
    .content .additional-panel .clients .clients-icon:before {
      content: url(../img/icons/clients.png);
      display: inline-block;
      vertical-align: middle;
      padding-right: 8px; }
    .content .additional-panel .clients .clients-logo {
      margin-top: 20px; }
      .content .additional-panel .clients .clients-logo img {
        float: left;
        width: 33%; }
  .content .bottom-panel {
    margin-top: 30px;
    padding: 35px 30px;
    border: 1px solid #2aacc8;
    background: #81e4ed; }
    .content .bottom-panel button {
      float: right;
      display: inline-block;
      border: 1px solid #2aacc8;
      padding: 10px 20px;
      margin-left: 40px;
      border-radius: 5px;
      font-weight: bold;
      text-transform: uppercase;
      box-shadow: 0 2px 8px silver;
      background: #2aacc8;
      background: linear-gradient(to bottom, #80e3ed, #33b1cc); }
      .content .bottom-panel button .download-icon:before {
        content: url(../img/icons/download.png);
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px; }
      .content .bottom-panel button span {
        display: inline-block;
        vertical-align: middle; }
      .content .bottom-panel button:hover {
        box-shadow: 0 0 8px gold; }
      .content .bottom-panel button:active {
        box-shadow: 0 0 8px gold;
        position: relative;
        left: 1px;
        top: 1px;
        background: linear-gradient(to top, #80e3ed, #33b1cc); }
      .content .bottom-panel button:focus {
        outline: none; }

.wrapper-footer {
  width: 100%;
  background: #e8ebf1; }

.footer {
  width: 1000px;
  margin: 0 auto;
  padding-top: 30px; }
  .footer .footer-column {
    float: left;
    box-sizing: border-box;
    width: 15%;
    padding-right: 30px; }
    .footer .footer-column ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .footer .footer-column ul li {
        margin: 10px 0; }
    .footer .footer-column:first-child {
      width: 35%; }
    .footer .footer-column.last-column {
      width: 20%; }
    .footer .footer-column .social-buttons {
      margin-top: 10px; }
      .footer .footer-column .social-buttons a {
        margin: 0 0px; }
  .footer .copyright {
    padding: 30px 0; }
    .footer .copyright .logo-footer {
      float: right;
      margin-right: 30px; }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

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