body {
  margin: 0;
  font-family: Helvetica, sans-serif;
}
h1 {
  margin: 0 0 30px 0;
  font-size: 24px;
  color: #e64c3d;
  font-weight: 300;
}
h2 {
  margin: 0;
  font-size: 18px;
  color: #666666;
  font-weight: 300;
}
p {
  font-size: 14px;
  color: #666666;
}
ul {
  margin: 0;
  padding: 0;
}
.divider {
  width: 100%;
  height: 1px;
  margin: 20px 0;
  background: #b3b3b3;
}
.wrapper {
  width: 950px;
  display: table;
  margin: 0 auto;
}
header {
  position: fixed;
  width: 100%;
  height: 75px;
  background: #e64c3d;
  -webkit-box-shadow: 0 0 15px 1px #2f2f2f;
  -moz-box-shadow: 0 0 15px 1px #2f2f2f;
  box-shadow: 0 0 15px 1px #2f2f2f;
  z-index: 1;
}
header img {
  position: absolute;
  top: 17px;
  left: 17px;
}
header nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-family: Helvetica, sans-serif;
  font-weight: 600;
}
header nav ul {
  list-style: none;
}
header nav ul li {
  display: inline-block;
  color: #fff;
}
header nav ul a {
  padding: 0 70px 7px 0;
  color: inherit;
  display: inline-block;
  text-decoration: none;
  border-bottom: 5px solid transparent;
}
header nav ul a:hover,
header nav ul a.active {
  border-bottom: 5px solid white;
}
header nav .usage {
  position: relative;
}
header nav .usage:hover .sub-menu-wrapper {
  display: block;
}
header nav .usage .sub-menu-wrapper {
  display: none;
  position: absolute;
}
header nav .usage ul {
  width: 196px;
  margin-top: 6px;
  padding: 12px 0 0 12px;
  text-align: left;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
header nav .usage ul li {
  color: #e64c3d;
}
header nav .usage ul a:hover {
  text-decoration: underline;
}
header .login {
  position: absolute;
  top: 11px;
  right: 40px;
  width: 60px;
  height: 20px;
  background: url('../images/login-icon.png') left center no-repeat;
  text-align: right;
  font-family: Raleway;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
  line-height: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#welcome {
  height: 560px;
  padding: 180px 80px 0 0;
  background: url('../images/background-welcome.jpg') center center no-repeat;
  background-size: cover;
}
#welcome img {
  float: right;
  margin-bottom: 17px;
}
#welcome .heading {
  width: 315px;
  float: right;
  clear: both;
  font-size: 19px;
  text-align: right;
  color: #fff;
}
#about-system {
  background-color: #fff;
}
#about-system .wrapper {
  padding: 90px 0 85px 0;
  border-bottom: 1px solid #e64c3d;
}
#about-system .wrapper h1 {
  margin-top: 23px;
}
#about-system .left {
  width: 390px;
  float: left;
}
#about-system .left p {
  font-family: Raleway, Helvetica, sans-serif;
}
#about-system .right {
  width: 480px;
  float: right;
  font-family: Raleway, Helvetica, sans-serif;
}
#about-system .box {
  position: relative;
  width: 230px;
  height: 230px;
  float: right;
  margin: 0 0 10px 10px;
}
#about-system .box.first {
  background: #9b8989 url('../images/icons-system.svg') -166px 40px no-repeat;
}
#about-system .box.second {
  background: #9b8989 url('../images/icons-system.svg') 60px 40px no-repeat;
}
#about-system .box.third {
  background: #9b8989 url('../images/icons-system.svg') -618px 40px no-repeat;
}
#about-system .box.fourth {
  background: #9b8989 url('../images/icons-system.svg') -400px 40px no-repeat;
}
#about-system .box p {
  position: absolute;
  width: 140px;
  bottom: 18px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
#how-it-works {
  background-color: #fff;
}
#how-it-works .wrapper {
  padding: 90px 0 85px 0;
}
#how-it-works .wrapper h1 {
  margin-top: 23px;
}
#how-it-works .right {
  width: 380px;
  float: right;
}
#how-it-works .right p {
  font-family: Raleway, Helvetica, sans-serif;
}
#how-it-works .left {
  float: left;
  width: 480px;
}
#how-it-works .left .box {
  position: relative;
  width: 150px;
  height: 150px;
  float: left;
  margin: 0 10px 10px 0;
}
#how-it-works .left .box.first {
  background: #9b8989 url('../images/icons-how-it-works.svg') 55px center no-repeat;
}
#how-it-works .left .box.second {
  background: #9b8989 url('../images/icons-how-it-works.svg') -107px 44px no-repeat;
}
#how-it-works .left .box.third {
  background: #9b8989 url('../images/icons-how-it-works.svg') -258px 44px no-repeat;
}
#how-it-works .left .box.fourth {
  background: #9b8989 url('../images/icons-how-it-works.svg') -413px 44px no-repeat;
}
#how-it-works .left .box.fifth {
  background: #e64c3d url('../images/icons-how-it-works.svg') -568px 33px no-repeat;
}
#how-it-works .left .box.sixth {
  background: #9b8989 url('../images/icons-how-it-works.svg') -719px 44px no-repeat;
}
#how-it-works .left .box.seventh {
  background: #9b8989 url('../images/icons-how-it-works.svg') -870px 44px no-repeat;
}
#how-it-works .left .box.eighth {
  background: #9b8989 url('../images/icons-how-it-works.svg') -1020px 44px no-repeat;
}
#how-it-works .left .box.ninth {
  background: #9b8989 url('../images/icons-how-it-works.svg') -1176px 44px no-repeat;
}
#diagram {
  background: #e64c3d;
}
#diagram p {
  font-family: Raleway, Helvetica, sans-serif;
}
#diagram .wrapper {
  padding: 90px 0 98px 0;
}
#diagram .wrapper .heading {
  width: 470px;
}
#diagram .wrapper .heading h1,
#diagram .wrapper .heading h2,
#diagram .wrapper .heading p {
  color: #fff;
}
#diagram .wrapper .heading h1 {
  margin-bottom: 0;
}
#diagram .wrapper .heading .divider {
  margin: 5px 0 10px 0;
  background: #fff;
}
#diagram .wrapper .flow-chart {
  position: relative;
  display: table;
  width: 100%;
  margin-top: 50px;
}
#diagram .wrapper .flow-chart .left {
  width: 310px;
  float: left;
}
#diagram .wrapper .flow-chart .right {
  width: 310px;
  float: right;
}
#diagram .wrapper .flow-chart .box {
  width: 100%;
  height: 70px;
  margin-bottom: 10px;
  display: table;
}
#diagram .wrapper .flow-chart .box.global {
  background: #ffffff url('../images/icons-diagram.svg') 45px 2px no-repeat;
}
#diagram .wrapper .flow-chart .box.regional {
  background: #ffffff url('../images/icons-diagram.svg') 45px -105px no-repeat;
}
#diagram .wrapper .flow-chart .box.local {
  background: #ffffff url('../images/icons-diagram.svg') 45px -210px no-repeat;
}
#diagram .wrapper .flow-chart .box.pharmacy {
  background: #ffffff url('../images/icons-diagram.svg') 45px -527px no-repeat;
}
#diagram .wrapper .flow-chart .box.pharmacy :hover {
  background: #cccccc url('../images/icons-diagram.svg') 45px -527px no-repeat;
}
#diagram .wrapper .flow-chart .box.retail {
  background: #ffffff url('../images/icons-diagram.svg') 45px -315px no-repeat;
}
#diagram .wrapper .flow-chart .box.retail :hover {
  background: #cccccc url('../images/icons-diagram.svg') 45px -315px no-repeat;
}
#diagram .wrapper .flow-chart .box.catering {
  background: #ffffff url('../images/icons-diagram.svg') 45px -420px no-repeat;
}
#diagram .wrapper .flow-chart .box.catering :hover {
  background: #cccccc url('../images/icons-diagram.svg') 45px -420px no-repeat;
}
#diagram .wrapper .flow-chart .box h2 {
  display: table-cell;
  padding-left: 160px;
  vertical-align: middle;
  color: #e64c3d;
}
#diagram .wrapper .flow-chart a.box {
  height: 68px;
  border: 1px solid white;
  text-decoration: none;
}
#diagram .wrapper .flow-chart a.box :hover {
  text-decoration: underline;
}
#diagram .wrapper .flow-chart p {
  width: 285px;
  color: #fff;
}
#diagram .wrapper .flow-chart img {
  position: absolute;
}
#diagram .wrapper .flow-chart img.arrows-left {
  top: 107px;
  left: 327px;
}
#diagram .wrapper .flow-chart img.logo-center {
  top: 45px;
  left: 423px;
}
#diagram .wrapper .flow-chart img.arrows-right {
  top: 107px;
  left: 565px;
}
#pharmaceutical-industry .wrapper {
  padding: 90px 0 98px 0;
  border-bottom: 1px solid #e64c3d;
  /*.software {
            width: 85px;
            float: left;
            margin-top: 37px;

            p {
                margin: 0;
            }
        }*/
}
#pharmaceutical-industry .wrapper .about {
  width: 390px;
  float: left;
  margin-right: 90px;
}
#pharmaceutical-industry .wrapper .about p {
  font-family: Raleway, Helvetica, sans-serif;
}
#pharmaceutical-industry .wrapper .about button {
  width: 220px;
  height: 60px;
  margin-top: 55px;
  padding: 0 0 0 20px;
  text-align: left;
  outline: none;
  border: 0;
  background: #e64c3d;
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 9px -1px #1f1f1f;
  -moz-box-shadow: 2px 2px 9px -1px #1f1f1f;
  box-shadow: 2px 2px 9px -1px #1f1f1f;
}
#pharmaceutical-industry .wrapper .about button h2 {
  color: #fff;
}
#pharmaceutical-industry .wrapper .about button p {
  margin: 0;
  color: #fff;
}
#pharmaceutical-industry .wrapper .companies {
  width: 328px;
  float: right;
  margin-top: 23px;
  font-family: Raleway, Helvetica, sans-serif;
}
#pharmaceutical-industry .wrapper .companies p {
  text-align: right;
}
#pharmaceutical-industry .wrapper .companies .box {
  width: 70px;
  height: 70px;
  float: left;
  margin: 0 0 10px 10px;
  border: 1px solid #e64c3d;
}
#pharmaceutical-industry .wrapper .companies .box.first {
  background: url('../images/companies.png') 5px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.second {
  background: url('../images/companies.png') -79px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.third {
  background: url('../images/companies.png') -164px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.fourth {
  background: url('../images/companies.png') -250px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.fifth {
  background: url('../images/companies.png') -335px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.sixth {
  background: url('../images/companies.png') -420px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.seventh {
  background: url('../images/companies.png') -504px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.eighth {
  background: url('../images/companies.png') -590px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.ninth {
  background: url('../images/companies.png') -671px center no-repeat;
}
#pharmaceutical-industry .wrapper .companies .box.tenth {
  background: url('../images/companies.png') -929px center no-repeat;
}
#retail .wrapper {
  padding: 90px 0 62px 0;
  border-bottom: 1px solid #e64c3d;
}
#retail .left {
  width: 450px;
  height: 150px;
  float: left;
  border: 1px solid #e64c3d;
  background: url('../images/nelt.png') center center no-repeat;
}
#retail .right {
  width: 390px;
  float: right;
}
#retail .right h1 {
  margin-top: 23px;
}
#retail p {
  font-family: Raleway, Helvetica, sans-serif;
}
#catering .wrapper {
  padding: 90px 0 62px 0;
}
#catering .left {
  width: 470px;
  float: left;
}
#catering .left h1 {
  margin-top: 23px;
}
#catering .right {
  width: 310px;
  height: 150px;
  float: right;
  border: 1px solid #e64c3d;
  background: url('../images/unodrop.png') center center no-repeat;
}
#catering p {
  font-family: Raleway, Helvetica, sans-serif;
}
footer {
  display: table;
  width: 100%;
  background: #e64c3d;
}
footer .wrapper {
  margin: 60px auto 80px;
}
footer .left {
  width: 475px;
  float: left;
}
footer .left h2 {
  margin-bottom: 35px;
  color: #fff;
}
footer .left input,
footer .left textarea {
  width: 100%;
  padding: 5px 35px 5px 10px;
  font-family: Helvetica, sans-serif;
  color: #666666;
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
footer .left input::-webkit-input-placeholder,
footer .left textarea::-webkit-input-placeholder {
  font-size: 14;
  color: #cccccc;
}
footer .left input:-moz-placeholder,
footer .left textarea:-moz-placeholder {
  font-size: 14;
  color: #cccccc;
}
footer .left input::-moz-placeholder,
footer .left textarea::-moz-placeholder {
  font-size: 14;
  color: #cccccc;
}
footer .left input:-ms-input-placeholder,
footer .left textarea:-ms-input-placeholder {
  font-size: 14;
  color: #cccccc;
}
footer .left input {
  height: 40px;
  border-width: 1px;
  margin-bottom: 10px;
  background: #ffffff url('../images/email-submit-icons.svg') right 7px top 7px no-repeat;
}
footer .left input:focus {
  background: #ffffff url('../images/email-submit-icons.svg') right 7px top -97px no-repeat;
}
footer .left textarea {
  height: 213px;
  margin-bottom: 20px;
  resize: none;
  background: #ffffff url('../images/textarea-icon.svg') right 7px top 7px no-repeat;
}
footer .left textarea:focus {
  background: #ffffff url('../images/textarea-active-icon.svg') right 7px top 7px no-repeat;
}
footer .left button {
  width: 233px;
  height: 48px;
  border: 1px solid #fff;
  padding: 0 0 0 20px;
  font-size: 18px;
  color: #e64c3d;
  text-align: left;
  outline: none;
  background: #ffffff url('../images/email-submit-icons.svg') right 10px top -39px no-repeat;
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 9px -1px #1f1f1f;
  -moz-box-shadow: 2px 2px 9px -1px #1f1f1f;
  box-shadow: 2px 2px 9px -1px #1f1f1f;
}
footer .left button:hover {
  background: #cccccc url('../images/email-submit-icons.svg') right 10px top -143px no-repeat;
}
footer .right {
  width: 310px;
  float: right;
}
footer .right h1 {
  color: #fff;
}
footer .right .divider {
  margin: 20px 0 37px;
  background: #fff;
}
footer p {
  font-size: 12px;
  line-height: 23px;
  color: #FFF8F8;
}
footer p.copyright {
  display: table;
}
footer p.copyright img {
  margin: 2px 0 0 15px;
  float: right;
}
/*# sourceMappingURL=main.css.map */