html {
  background: #fff;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body { margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
 }


audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }


input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }


fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }


/* FONT STYLES */
@font-face {
  font-family: 'Rubik';
  src: url('../font/hinted-Rubik-Medium.eot');
  src: local('Rubik Medium'), local('Rubik-Medium'),
  url('../font/hinted-Rubik-Medium.eot?#iefix') format('embedded-opentype'),
  url('../font/hinted-Rubik-Medium.woff') format('woff'),
  url('../font/hinted-Rubik-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('../font/hinted-Rubik-Light.eot');
  src: local('Rubik Light'), local('Rubik-Light'),
  url('../font/hinted-Rubik-Light.eot?#iefix') format('embedded-opentype'),
  url('../font/hinted-Rubik-Light.woff') format('woff'),
  url('../font/hinted-Rubik-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('../font/hinted-Rubik-Regular.eot');
  src: local('Rubik Regular'), local('Rubik-Regular'),
  url('../font/hinted-Rubik-Regular.eot?#iefix') format('embedded-opentype'),
  url('../font/hinted-Rubik-Regular.woff') format('woff'),
  url('../font/hinted-Rubik-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


h1, h2, h3, h4, h5, h6 {
  font-family: "Rubik", sans-serif !important; }

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Saira", sans-serif !important;
  overflow-y: scroll;
  background: #fff;
  background-image: linear-gradient(15deg, #FFFFFF 19%, #F4F4F4 100%);
  height: 100%;
}

.wrap {
  background: url("../img/bg-web.svg") no-repeat 100% 0;
  height: 100%;
}

.container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 940px;
  max-width: none !important; }

a { outline: 0 !important; }

.header {
  padding: 70px 0 0 0;
}

.brand {
  background: url("../img/nanoweb-brand.svg") no-repeat 0 0;
  width: 229px;
  height: 40px;
}

.contact {
  margin: 0;
  padding: 42px 0;
  list-style-type: none;
  max-width: 420px;
}

.contact li {
  display: block;
  position: relative;
  padding: 18px 0 18px 57px;
}

.contact li:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, #DCDCDC 0%, rgba(220,220,220,0.00) 99%);
  width: 100%;
  height: 1px;
}

.contact li:last-child:after {
  display: none;
}

.contact label {
  display: block;
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #909090;
}

.contact p {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
  color: #202020;
}

.contact p a {
  text-decoration: none;
  color: #202020;
}

.contact p a:hover {
  color: #F57F17;
}

.contact .ico {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 28px;
  height: 30px;
}

.ico-phone {
  background: url("../img/ico-phone-orange.svg") no-repeat 50% 50%;
}

.ico-email {
  background: url("../img/ico-email-orange.svg") no-repeat 50% 50%;
}

.company {
  background: #F5F5F5;
  max-width: 420px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.company-list {
  margin: 0;
  padding: 18px 20px;
  list-style-type: none;
  border-bottom: solid 2px #fff;
}

.company-list:last-child {
  border-bottom: none;
}

.company-list li {
  float: left;
  width: 33.3%;
}

.company-list.wide li {
  float: none;
  width: 100%;
}

.company-list label {
  display: block;
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #909090;
}

.company-list p {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #202020;
}

/* CLEARFIX */
.cf:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
* html .cf             { zoom: 1; }
*:first-child+html .cf { zoom: 1; }

/* TABLET */
@media (max-width: 1015px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
    width: auto;
  }

  .wrap {
    background-size: 50%;
  }
}

/* PHONE */
@media (max-width: 640px) {
  .header {
    padding-top: 30px;
  }

  .wrap {
    background-size: 60%;
    background-position: 100% -111px;
  }

  .brand {
    background-size: 100%;
    width: 179px;
    height: 31px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content {
    padding-bottom: 20px;
  }

  .company-list {
    padding: 0;
    border: 0;
  }

  .company-list li {
    float: none;
    padding: 18px 20px;
    border-bottom: solid 2px #fff;
    width: auto !important;
  }
}