/* Document */
body {
 font-family: 'Open Sans', sans-serif;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #717171;
	font-family: 'Open Sans', sans-serif;
}

h4 {
  font-size: 20px;
  line-height: 150%;
	margin-bottom: 15px;
  font-weight: 600;
}

/* Header logo */
a .logo {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

a:hover .logo {
  opacity: .6;
}

/* Colors */
.bgBlue {
  background-color: #2e6294;
}

.bgDarkBlue {
  background-color: #275c8f;
}

.bgBlack {
  background-color: #202020;
  color: #ededed!important;
}

.bgLightBlack {
  background-color: #262424;
}

.bgGrey {
  background-color: #2c2c2c;
  color: #ededed;
}

/* Content */
a:hover,
a:focus {
  color: #5EBCE3;
  text-decoration: none;
}

a,
img {
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.inner {
  padding-top: 120px;
  padding-bottom: 120px;
}
.inner-md {
  padding-top: 100px;
  padding-bottom: 100px;
}
.inner-sm {
  padding-top: 80px;
  padding-bottom: 80px;
}
.inner-xs {
  padding-top: 40px;
  padding-bottom: 40px;
}
.inner-top {
  padding-top: 120px;
}
.inner-top-md {
  padding-top: 100px;
}
.inner-top-sm {
  padding-top: 80px;
}
.inner-top-xs {
  padding-top: 40px;
}
.inner-bottom {
  padding-bottom: 120px;
}
.inner-bottom-md {
  padding-bottom: 100px;
}
.inner-bottom-sm {
  padding-bottom: 80px;
}
.inner-bottom-xs {
  padding-bottom: 40px;
}
.inner-left {
  padding-left: 75px;
}
.inner-left-md {
  padding-left: 60px;
}
.inner-left-sm {
  padding-left: 45px;
}
.inner-left-xs {
  padding-left: 30px;
}
.inner-right {
  padding-right: 75px;
}
.inner-right-md {
  padding-right: 60px;
}
.inner-right-sm {
  padding-right: 45px;
}
.inner-right-xs {
  padding-right: 30px;
}
.outer {
  margin-top: 120px;
  margin-bottom: 120px;
}
.outer-md {
  margin-top: 100px;
  margin-bottom: 100px;
}
.outer-sm {
  margin-top: 80px;
  margin-bottom: 80px;
}
.outer-xs {
  margin-top: 40px;
  margin-bottom: 40px;
}
.outer-top {
  margin-top: 120px;
}
.outer-top-md {
  margin-top: 100px;
}
.outer-top-sm {
  margin-top: 80px;
}
.outer-top-xs {
  margin-top: 40px;
}
.outer-bottom {
  margin-bottom: 120px;
}
.outer-bottom-md {
  margin-bottom: 100px;
}
.outer-bottom-sm {
  margin-bottom: 80px;
}
.outer-bottom-xs {
  margin-bottom: 40px;
}

/* Header */
.lang {
  font-size: 12px;
  margin: 0;
}

@media (min-width: 768px) {
  .navbar-nav > li {
    margin: 0 10px;
  }
}

/* "Software" menu */
@media (max-width: 1200px) {
  .megaMenu-fullwidth ul {
    font-size: 12px;
    padding: 0;
  }
  .megaMenu-fullwidth h2 {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .navbar .megaMenu-fullwidth .dropdown-menu:not(.firstMenu-dropdown-menu) .bgpaper li a {
    color: inherit;
  }
  .navbar-collapse .megaMenu-content {
    text-align: left;
  }
}

/* Footer */
footer .social ul li {
  display: inline-block;
}

footer .social ul li a {
  width: 42px;
  height: 42px;
}

footer .social ul li a img {
  vertical-align: inherit;
}

footer .circle-icon-facebook {
  background-color: #144783;
  width: 30px;
  height: 30px;
  padding-top: 9px;
  padding-left: 11px;
  display: block;
  float: left;
  margin: 2px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
}

footer .icon-facebook {
  color: white !important;
  font-size: 22px !important;
}

footer .circle-icon-twitter {
  background-color: #0893e1;
  width: 30px;
  height: 30px;
  padding-top: 9px;
  padding-left: 10px;
  display: block;
  float: left;
  margin: 2px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
}

footer .icon-twitter {
  color: white !important;
  font-size: 22px !important;
}

footer .circle-icon-blogger {
  background-color: #ff9b4a;
  width: 30px;
  height: 30px;
  padding-top: 9px;
  padding-left: 10px;
  display: block;
  float: left;
  margin: 2px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
}

footer .icon-blogger {
  color: white !important;
  font-size: 22px !important;
}

footer .circle-icon-googleplus2 {
  background-color: #dd4c39;
  width: 30px;
  height: 30px;
  padding-top: 9px;
  padding-left: 9px;
  display: block;
  float: left;
  margin: 2px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
}

footer .icon-googleplus2 {
  color: white !important;
  font-size: 22px !important;
}

footer ul {
  padding-left: 0;
}

footer a {
  color: inherit;
}