.button,
button {
  padding: 8px 24px;
  background-color: #e5e5e5;
  border: none;
  border-radius: 4px;
  border-bottom: 2px solid #acacac;
  color: #484848;
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.2s;
}
.button:hover,
button:hover {
  color: inherit;
  text-decoration: none;
  background-color: #f0f0f0;
}
.button.button-2,
button.button-2 {
  background-color: #ff535f;
  color: white;
  font-size: 1.2em;
  border: none;
  text-shadow: none;
  border-bottom: 2px solid #c8454a;
}
.button.button-2:hover,
button.button-2:hover {
  color: white;
  text-decoration: none;
  background-color: #ff737d;
}
.button.button-3,
button.button-3 {
  background-color: #00b3ff;
  color: white;
  border-bottom: 2px solid #00b3ff;
}
.button.button-3:hover,
button.button-3:hover {
  background-color: #00c6fc;
}
.vcenter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 100%;
  padding: inherit;
}
.imago {
  display: block;
  margin: 64px auto 32px auto;
}
[data-role=slider] {
  position: relative;
  height: 500px;
  overflow: hidden;
  margin-bottom: 64px;
}
[data-role=slider] [data-role=slider-nav] {
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 60px;
  font-size: 30px;
  border-radius: 50%;
  background-color: #00b3ff;
  color: white;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: linear-gradient(to right,#009de6 0%,#00c6fc 100%);
  background: -webkit-linear-gradient(to right,#009de6 0%,#00c6fc 100%);
}
[data-role=slider] [data-role=slider-nav] span {
  transition: margin 0.3s;
}
[data-role=slider] [data-role=slider-nav].prevSlide {
  left: 0;
}
[data-role=slider] [data-role=slider-nav].prevSlide:hover span {
  margin-left: -20px;
}
[data-role=slider] [data-role=slider-nav].nextSlide {
  right: 0;
}
[data-role=slider] [data-role=slider-nav].nextSlide:hover span {
  margin-left: 20px;
}
[data-role=slider] [data-role=slides] {
  position: relative;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
[data-role=slider] [data-role=slide] {
  position: absolute;
  width: 33%;
  transition: left 0.3s;
  -webkit-transition: left 0.3s;
}
[data-role=slider] [data-role=slide] img {
  max-width: 100%;
}
[data-role=slider] [data-role=slide] .readmore {
  display: block;
  text-align: right;
  color: #ff535f;
}
[data-role=slider] [data-role=slide] p {
  text-align: justify;
}
body>aside.top {
  background-color: #00b3ff;
  color: white;
  padding: 8px;
}
body>aside.top a {
  color: white;
}
body>aside.top .lang {
  text-align: right;
}
body>aside.top .contact>span {
  display: inline-block;
}
body>aside.top .contact>span:first-child {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 2px solid white;
}
body>nav {
  width: 100%;
  margin-bottom: 0 !important;
}
body>nav a {
  color: #333;
}
body>nav li {
  padding: 8px;
}
body>nav li a:not(.button),
body>nav li a:hover:not(.button) {
  background: none !important;
}
body>nav li a.button {
  padding: 8px 24px;
}
body>nav li a.button:active {
  background-color: #ff737d;
}
body>nav .navbar-collapse:not(.in) a {
  height: 100%;
}
body>nav .navbar-header {
  padding: 8px;
}
body>nav .navbar-header .navbar-brand {
  max-height: 100%;
  padding: 8px;
}
body>nav .navbar-header .navbar-brand img {
  max-height: inherit;
}
body>footer {
  margin-top: 32px;
}
body>footer a {
  color: white;
  font-weight: bold;
}
body>footer a:hover {
  color: inherit;
}
body>footer>.contact {
  height: 150px;
  background-color: #ff535f;
  color: white;
  text-align: center;
  position: relative;
  font-size: 2.0em;
}
body>footer .contact-white {
  color: #ff535f;
  background-color: #fff;
  margin-bottom: 25px;
}
body>footer .contact-white a {
  color: #ff535f;
}
body>footer>.copyright {
  height: 100px;
  background-color: black;
  color: white;
  position: relative;
  text-align: center;
}
body>footer>.copyright b {
  color: #00b3ff;
}
body>footer>.footer {
  height: 450px;
  background-image: url("img/footer1.png");
  background-size: cover;
  background-position: center;
  position: relative;
  color: white;
}
body>footer>.footer h4 {
  margin-bottom: 16px;
}
body>footer>.footer .filter {
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body>footer>.footer img.logo {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
body>footer>.footer table.contact {
  width: 100%;
}
body>footer>.footer table.contact tr td:first-child {
  padding-right: 32px;
  font-size: 2.0em;
}
body>footer>.footer table.contact tr td {
  padding-top: 16px;
}
body>footer>.footer .partners {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
body>footer>.footer .partners img {
  margin: 8px;
}
body>header {
  background-size: cover;
  background-position: center;
  color: white;
  position: relative;
  text-align: center;
}
body>header>div.filter {
  background-color: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body>main {
  margin-top: 48px;
}
body>main header {
  text-align: center;
}
body main section>header {
  position: relative;
  width: 65%;
  margin: 48px auto;
}
body main section>header::after {
  content: "";
  position: absolute;
  top: 120%;
  left: 40%;
  right: 40%;
  height: 2px;
  background-color: #ccc;
}
[data-role=vmap] {
  border-radius: 50%;
  border: 2px solid #333;
  width: 350px;
  height: 350px;
}
[data-role=vmap] g {
  transform: translateX(-350px) translateY(-250px) scale(1.3);
  -webkit-transform: translateX(-350px) translateY(-250px) scale(1.3);
}
b.b {
  color: #00b3ff;
}
b.r {
  color: #ff535f;
}
form .row:not(:first-child) {
  margin-top: 16px;
}
form .row:not(:first-child) .send {
  text-align: right;
}
form input:not([type=radio]):not([type=checkbox]),
form textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
}
form textarea {
  height: 100px;
}
[data-role=gmap] {
  height: 100%;
}
body.page-home>header {
  height: 350px;
  background-image: url("img/header1.png");
}
body.page-home>header .goToBottom {
  position: absolute;
  top: 100%;
  width: 40px;
  height: 40px;
  line-height: 35px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  border: 3px solid white;
  background-color: #00b3ff;
  color: white;
}
body.page-home #section-1 .point {
  text-align: center;
}
body.page-home #section-1 .point span.glyphicon {
  width: 80px;
  height: 80px;
  line-height: 85px;
  background-color: #00b3ff;
  border-radius: 50%;
  font-size: 40px;
  color: white;
  font-weight: lighter;
}
body.page-home #section-3 .np {
  padding: 0;
}
body.page-home #section-3 .logo {
  text-align: center;
}
body.page-home #section-3 .logo img {
  height: 60px;
  margin: 16px 0;
}
body.page-home #section-3 [class^=col] {
  height: 350px;
}
body.page-home #section-3 .img-responsive-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.page-home #section-3 .img-responsive-container img {
  width: 100%;
}
body.page-home #section-3 .txt {
  padding: 48px;
}
body.page-about>header {
  height: 150px;
  background-image: url("img/header1.png");
}
body.page-about .steps .step {
  position: relative;
}
body.page-about .steps .step>span:first-child {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 50px;
  color: white;
  line-height: 75px;
  text-align: center;
  font-size: 3.0em;
  vertical-align: middle;
  background-color: #00b3ff;
  background: linear-gradient(to right,#009de6 0%,#00c6fc 100%);
  background: -webkit-linear-gradient(to right,#009de6 0%,#00c6fc 100%);
}
body.page-about .steps .step>span:last-child {
  position: absolute;
  display: inline-block;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid #00b3ff;
  height: 75px;
  vertical-align: middle;
  right: 0;
  left: 100px;
}
body.page-about .steps .step>span:last-child::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #00b3ff;
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
body.page-about .steps .step:not(:first-child) {
  margin-top: 32px;
}
body.page-about .office .map {
  padding-right: 48px;
  border-right: 2px solid #333;
}
body.page-about .office .map [data-role=vmap] {
  float: right;
}
body.page-about .office .contact {
  padding-left: 48px;
}
body.page-about .office .contact img {
  margin-bottom: 16px;
  width: 100%;
}
body.page-about .office .contact table .glyphicon {
  font-size: 1.8em;
}
body.page-about .office .contact table tr td:first-child {
  padding-right: 32px;
}
body.page-about .office .contact table tr:not(:first-child) td {
  padding-top: 16px;
}
body.page-about .ourmission {
  margin-bottom: 64px;
}
body.page-ongoing,
body.page-finished {
  position: relative;
}
body.page-ongoing>header,
body.page-finished>header {
  height: 150px;
  background-image: url("img/header1.png");
}
body.page-ongoing .project:nth-child(even)>div[class^=col]:first-child,
body.page-finished .project:nth-child(even)>div[class^=col]:first-child {
  float: right;
}
body.page-ongoing .project-img,
body.page-finished .project-img {
  text-align: center;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.page-ongoing .project-img img,
body.page-finished .project-img img {
  filter: drop-shadow(0 0 20px white) drop-shadow(0 0 10px white);
  -webkit-filter: drop-shadow(0 0 20px white) drop-shadow(0 0 10px white);
}
body.page-ongoing .txt,
body.page-finished .txt {
  padding: 48px;
  margin: 48px 0;
}
body.page-contact>header {
  height: 150px;
  background-image: url("img/header1.png");
}
body.page-contact section#section-1 table.contact {
  width: 100%;
}
body.page-contact section#section-1 table.contact tr td {
  vertical-align: middle;
}
body.page-contact section#section-1 table.contact tr td .glyphicon {
  font-size: 1.7em;
}
body.page-contact section#section-1 table.contact tr td:first-child {
  padding-right: 16px;
}
body.page-contact section#section-1 table.contact tr:not(:first-child) td {
  padding-top: 16px;
}
body.page-contact .contact-form {
  width: 50%;
  margin: 0 auto;
}
body.page-offer 
>header {
  height: 350px;
  background-image: url("img/header2.jpg");
  text-shadow: 1px 1px 5px black;
}
body.page-offer_test 
>header {
  height: 350px;
  background-image: url("img/header2.jpg");
  text-shadow: 1px 1px 5px black;
}
section.laptop {
  height: 1000px;
  background-image: url("img/offer/laptop.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 30px 0 0 0;
}
section.laptop .box {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 600px;
  padding: 30px;
  box-shadow: 3px 3px 6px #000;
}
section.laptop .box h3 {
  color: #ff535f;
  margin: 0 0 22px 0;
}
section.pink-box {
  background-color: #f73750;
  padding: 50px;
  color: #fff;
  text-align: center;
}
section.pink-box h3 {
  font-weight: bold;
  margin-bottom: 50px;
}
section.pink-box .decoration {
  background-image: url("img/offer/decoration.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 30px;
}
section.pink-box .decoration img {
  width: 25px;
  height: 25px;
}
section.pink-box .decoration .price {
  font-size: 35px;
  font-weight: bold;
  padding: 10px;
}
section.pink-box .decoration .footer {
  margin: auto;
  font-size: 14px;
  font-weight: bold;
}
section.devices {
  text-align: center;
  padding: 90px 0;
}
section.devices h3 {
  color: #454545;
  font-weight: bold;
  margin-bottom: 90px;
}
section.devices img {
  margin: auto;
}
#popuplogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
section.table {
  background-image: url("img/offer/background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#section-1 .point {
  text-align: center;
}
#section-1 .point span.glyphicon {
  width: 80px;
  height: 80px;
  line-height: 85px;
  background-color: #ff535f;
  border-radius: 0%;
  font-size: 40px;
  color: white;
  font-weight: lighter;
}
.deviceimg {
  margin-top: 50px;
}
.readmore {
  margin-top: 50px;
  font-weight: bold;
  font-size: 12px;
}
.steps .step {
  position: relative;
}
.steps .step>span:first-child {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 50px;
  color: white;
  line-height: 75px;
  text-align: center;
  font-size: 3.0em;
  vertical-align: middle;
  background-color: #00b3ff;
  background: linear-gradient(to right,#009de6 0%,#00c6fc 100%);
  background: -webkit-linear-gradient(to right,#009de6 0%,#00c6fc 100%);
}
.steps .step>span:last-child {
  position: absolute;
  display: inline-block;
  margin-left: 16px;
  padding-left: 16px;
  border-left: 1px solid #00b3ff;
  height: 75px;
  vertical-align: middle;
  right: 0;
  left: 100px;
}
.steps .step>span:last-child::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #00b3ff;
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.steps .step:not(:first-child) {
  margin-top: 32px;
}
#offer_vcenter h1 {
  text-align: right;
  margin-right: 3%;
  font-size: 28px;
  margin-top: 75px;
}
.table-button {
  text-shadow: 1px 1px #000;
  background-color: rgba(255,83,95,0.5);
  background: -moz-linear-gradient(rgba(255,83,95,0.5),rgba(189,45,55,0.5));
  font-size: 18px;
  color: #ffffff;
}
.table-button:hover {
  cursor: pointer;
}
.bronze-button:hover {
  background-color: #874b1a;
}
.silver-button:hover {
  background-color: #b5b5b5;
}
.gold-button:hover {
  background-color: #e0b441;
}
#comparetable {
  width: 100%;
  table-layout: fixed;
  text-align: center;
  margin: 4em 0;
  border-collapse: collapse;
  min-width: 600px;
}
#comparetable tr {
  background: transparent !important;
}
#comparetable td,
#comparetable th {
  padding: 10px;
  text-align: center;
}
#comparetable td.rowTitle {
  text-align: left;
}
#bronze {
  background-color: #544741;
}
#silver {
  background-color: #6b6b6b;
}
#gold {
  background-color: #e0b441;
}
.buttonDesc {
  font-size: 12px;
  color: grey;
  text-align: right !important;
}
.blank {
  background: none !important;
  border: none !important;
}
.blueshine th {
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border: 1px solid #9fb6c8;
}
.blueshine td {
  background-color: rgba(0,0,0,0.3);
  color: #fff;
  border: 1px solid #c8d6e2;
}
.blueshine td.rowTitle {
  border-left: 2x solid #333;
}