/** @format */

@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&family=Oswald&family=Roboto:wght@300;700&family=Source+Sans+Pro:wght@300;400;600&display=swap";

* {
  margin: 0;

  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

html,
body {
  font-family: "Source Sans Pro", sans-serif;

  font-size: 16px;
}

header {
  min-height: 130px;
}

.mrg-t-3 {
  margin-top: 3px;
}

.mr-8 {
  margin-right: 8px;
}

.currency-blue-bg {
  background-color: #ddf7ff !important;
}

.display-none {
  display: none !important;
}

.no-border {
  border: none;
}

.relative-position {
  position: relative;
}

.m-p-set {
  margin: 0.5em 0 0;

  padding: 0;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-h-200 {
  min-height: 200px;
}

.m-h-100 {
  min-height: 100px;
}

.full-width {
  width: 100%;
}

.form-cls {
  background-color: #fff;

  border-radius: 10px;

  padding: 10px;
}

.forgot-password {
  text-transform: none;

  border: none;
}

.ucartz-footer-bottem-menu-holder {
  text-align: right;
}

.ucartz-footer-bottem-menu-holder ul {
  margin-right: 40px;
}

#solutions-menu {
  height: 420px;
}

@media (min-width: 600px) {
  body#newSite {
    margin-top: -7px !important;
  }
}

@media (max-width: 600px) {
  #header20 .s-hide {
    display: none;
  }

  #header20 .m-show {
    display: none;
  }

  #header20 .l-show {
    display: none;
  }

  #header20 .s-show {
    display: block;
  }

  #header20 .col-s-center {
    margin-left: auto !important;

    margin-right: auto !important;

    float: none;
  }
}

#header20 {
  z-index: 999;
}

#header20 .pointer {
  cursor: pointer;
}

#header20 * {
  line-height: 27px;

  text-align: left;
}

#header20 .link20 {
  font-weight: 600;

  color: #0050d7;

  text-decoration: none;
}

#header20 .link20:hover {
  color: #0056b3;
}

#header20 .baseline {
  color: #555;

  font-size: 14px;

  font-weight: 400;

  line-height: 22px;

  display: block;

  cursor: pointer;
}

#header20 .menu20Content a {
  position: relative;

  z-index: 9;
}

#header20 .westSide .baseline {
  margin-left: 0.5em;
}

#header20 .white {
  color: #fff !important;
}

#header20 .col-s-1 {
  width: calc((1 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-1:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-1.noMargin {
  width: calc(1 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-1.noMargin-s {
  width: calc(1 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-1.border {
  width: calc((1 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-1.borderWithMargin {
  width: calc((1 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-2 {
  width: calc((2 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-2:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-2.noMargin {
  width: calc(2 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-2.noMargin-s {
  width: calc(2 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-2.border {
  width: calc((2 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-2.borderWithMargin {
  width: calc((2 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-3 {
  width: calc((3 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-3:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-3.noMargin {
  width: calc(3 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-3.noMargin-s {
  width: calc(3 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-3.border {
  width: calc((3 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-3.borderWithMargin {
  width: calc((3 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-4 {
  width: calc((4 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-4:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-4.noMargin {
  width: calc(4 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-4.noMargin-s {
  width: calc(4 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-4.border {
  width: calc((4 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-4.borderWithMargin {
  width: calc((4 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-5 {
  width: calc((5 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-5:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-5.noMargin {
  width: calc(5 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-5.noMargin-s {
  width: calc(5 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-5.border {
  width: calc((5 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-5.borderWithMargin {
  width: calc((5 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-6 {
  width: calc((6 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-6:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-6.noMargin {
  width: calc(6 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-6.noMargin-s {
  width: calc(6 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-6.border {
  width: calc((6 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-6.borderWithMargin {
  width: calc((6 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-7 {
  width: calc((7 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-7:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-7.noMargin {
  width: calc(7 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-7.noMargin-s {
  width: calc(7 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-7.border {
  width: calc((7 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-7.borderWithMargin {
  width: calc((7 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-8 {
  width: calc((8 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-8:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-8.noMargin {
  width: calc(8 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-8.noMargin-s {
  width: calc(8 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-8.border {
  width: calc((8 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-8.borderWithMargin {
  width: calc((8 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-9 {
  width: calc((9 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-9:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-9.noMargin {
  width: calc(9 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-9.noMargin-s {
  width: calc(9 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-9.border {
  width: calc((9 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-9.borderWithMargin {
  width: calc((9 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-10 {
  width: calc((10 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-10:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-10.noMargin {
  width: calc(10 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-10.noMargin-s {
  width: calc(10 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-10.border {
  width: calc((10 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-10.borderWithMargin {
  width: calc((10 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-11 {
  width: calc((11 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-11:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-11.noMargin {
  width: calc(11 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-11.noMargin-s {
  width: calc(11 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-11.border {
  width: calc((11 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-11.borderWithMargin {
  width: calc((11 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 .col-s-12 {
  width: calc((12 / 12 * 100%) - (8px * 2) - 0 * 1px);
}

#header20 .col-s-12:not(.noMargin) {
  margin: 0 8px;
}

#header20 .col-s-12.noMargin {
  width: calc(12 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-12.noMargin-s {
  width: calc(12 / 12 * 100% - 0 * 1px);
}

#header20 .col-s-12.border {
  width: calc((12 / 12 * 100%) - 1px - 0 * 1px);
}

#header20 .col-s-12.borderWithMargin {
  width: calc((12 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
}

#header20 ul li {
  margin-left: 0;
}

.bg-muted {
  background-color: #f8faff;

  padding-top: 1.5rem !important;

  padding-bottom: 3rem !important;
}

@media (max-width: 991px) {
  .menu20 .menu20Content .title {
    box-sizing: border-box;
  }

  .menu20 .menu20Content .title a {
    padding-left: 0.5em !important;
  }
}

@media (min-width: 768px) {
  #header20 .col-m-1 {
    width: calc((1 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-1:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-1.noMargin {
    width: calc(1 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-1.noMargin-s {
    width: calc(1 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-1.border {
    width: calc((1 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-1.borderWithMargin {
    width: calc((1 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-2 {
    width: calc((2 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-2:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-2.noMargin {
    width: calc(2 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-2.noMargin-s {
    width: calc(2 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-2.border {
    width: calc((2 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-2.borderWithMargin {
    width: calc((2 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-3 {
    width: calc((3 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-3:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-3.noMargin {
    width: calc(3 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-3.noMargin-s {
    width: calc(3 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-3.border {
    width: calc((3 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-3.borderWithMargin {
    width: calc((3 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-4 {
    width: calc((4 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-4:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-4.noMargin {
    width: calc(4 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-4.noMargin-s {
    width: calc(4 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-4.border {
    width: calc((4 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-4.borderWithMargin {
    width: calc((4 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-5 {
    width: calc((5 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-5:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-5.noMargin {
    width: calc(5 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-5.noMargin-s {
    width: calc(5 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-5.border {
    width: calc((5 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-5.borderWithMargin {
    width: calc((5 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-6 {
    width: calc((6 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-6:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-6.noMargin {
    width: calc(6 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-6.noMargin-s {
    width: calc(6 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-6.border {
    width: calc((6 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-6.borderWithMargin {
    width: calc((6 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-7 {
    width: calc((7 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-7:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-7.noMargin {
    width: calc(7 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-7.noMargin-s {
    width: calc(7 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-7.border {
    width: calc((7 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-7.borderWithMargin {
    width: calc((7 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-8 {
    width: calc((8 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-8:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-8.noMargin {
    width: calc(8 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-8.noMargin-s {
    width: calc(8 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-8.border {
    width: calc((8 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-8.borderWithMargin {
    width: calc((8 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-9 {
    width: calc((9 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-9:not(.noMargin) {
    margin: 0 8px 0 0;
  }

  #header20 .col-m-9.noMargin {
    width: calc(9 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-9.noMargin-s {
    width: calc(9 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-9.border {
    width: calc((9 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-9.borderWithMargin {
    width: calc((9 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-10 {
    width: calc((10 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-10:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-10.noMargin {
    width: calc(10 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-10.noMargin-s {
    width: calc(10 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-10.border {
    width: calc((10 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-10.borderWithMargin {
    width: calc((10 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-11 {
    width: calc((11 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-11:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-11.noMargin {
    width: calc(11 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-11.noMargin-s {
    width: calc(11 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-11.border {
    width: calc((11 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-11.borderWithMargin {
    width: calc((11 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-m-12 {
    width: calc((12 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-m-12:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-m-12.noMargin {
    width: calc(12 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-12.noMargin-s {
    width: calc(12 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-m-12.border {
    width: calc((12 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-m-12.borderWithMargin {
    width: calc((12 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }
}

@media (min-width: 992px) {
  #header20 .col-l-1 {
    width: calc((1 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-1:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-1.noMargin {
    width: calc(1 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-1.noMargin-s {
    width: calc(1 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-1.border {
    width: calc((1 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-1.borderWithMargin {
    width: calc((1 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-2 {
    width: calc((2 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-2:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-2.noMargin {
    width: calc(2 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-2.noMargin-s {
    width: calc(2 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-2.border {
    width: calc((2 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-2.borderWithMargin {
    width: calc((2 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-3 {
    width: calc((3 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-3:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-3.noMargin {
    width: 250px;
  }

  #header20 #cloud_vps_20 {
    width: 250px;
  }

  #header20 .col-l-3.noMargin-s {
    width: calc(3 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-3.border {
    width: calc((3 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-3.borderWithMargin {
    width: calc((3 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-4 {
    width: calc((4 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-4:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-4.noMargin {
    width: calc(4 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-4.noMargin-s {
    width: calc(4 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-4.border {
    width: calc((4 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-4.borderWithMargin {
    width: calc((4 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-5 {
    width: calc((5 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-5:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-5.noMargin {
    width: calc(5 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-5.noMargin-s {
    width: calc(5 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-5.border {
    width: calc((5 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-5.borderWithMargin {
    width: calc((5 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-6 {
    width: calc((6 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-6:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-6.noMargin {
    width: calc(6 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-6.noMargin-s {
    width: calc(6 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-6.border {
    width: calc((6 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-6.borderWithMargin {
    width: calc((6 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-7 {
    width: calc((7 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-7:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-7.noMargin {
    width: calc(7 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-7.noMargin-s {
    width: calc(7 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-7.border {
    width: calc((7 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-7.borderWithMargin {
    width: calc((7 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-8 {
    width: calc((8 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-8:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-8.noMargin {
    width: calc(8 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-8.noMargin-s {
    width: calc(8 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-8.border {
    width: calc((8 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-8.borderWithMargin {
    width: calc((8 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-9 {
    width: calc((9 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-9:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-9.noMargin {
    width: calc(9 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-9.noMargin-s {
    width: calc(9 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-9.border {
    width: calc((9 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-9.borderWithMargin {
    width: calc((9 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-10 {
    width: calc((10 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-10:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-10.noMargin {
    width: calc(10 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-10.noMargin-s {
    width: calc(10 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-10.border {
    width: calc((10 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-10.borderWithMargin {
    width: calc((10 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-11 {
    width: calc((11 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-11:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-11.noMargin {
    width: calc(11 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-11.noMargin-s {
    width: calc(11 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-11.border {
    width: calc((11 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-11.borderWithMargin {
    width: calc((11 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .col-l-12 {
    width: calc((12 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #header20 .col-l-12:not(.noMargin) {
    margin: 0 8px;
  }

  #header20 .col-l-12.noMargin {
    width: calc(12 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-12.noMargin-s {
    width: calc(12 / 12 * 100% - 0 * 1px);
  }

  #header20 .col-l-12.border {
    width: calc((12 / 12 * 100%) - 1px - 0 * 1px);
  }

  #header20 .col-l-12.borderWithMargin {
    width: calc((12 / 12 * 100%) - (8px * 2) - 2px - 0 * 1px);
  }

  #header20 .l-hide {
    display: none;
  }

  #header20 #header20 .offBg .row div.col-s-12.col-m-12.col-l-3 {
    margin-right: 0 !important;
  }
}

#header20 {
  position: relative;

  top: 0;

  width: 100%;
}

#header20 .clear:before,
#header20 .flex:before,
#header20 .row:before,
#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
  content: "";
  display: table;
}

#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
  clear: both;
}

#header20 .txtRight {
  text-align: right;
}

#header20 #direction .item {
  flex-wrap: wrap;
}

#header20 div.wrapper,
#header20 div.row {
  max-width: 1280px;

  width: 100%;

  margin: 0 auto;
}

#header20 .mobileSupportMenu {
  display: none;
}

#header20 .clear:before,
#header20 .flex:before,
#header20 .row:before,
#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
  content: "";

  display: table;

  width: 0 !important;
}

#header20 .clear:after,
#header20 .flex:after,
#header20 .row:after {
  clear: both;
}

#header20 .col-s-12,
#header20 .col-m-12,
#header20 .col-l-12,
#header20 .col-s-11,
#header20 .col-m-11,
#header20 .col-l-11,
#header20 .col-s-10,
#header20 .col-m-10,
#header20 .col-l-10,
#header20 .col-s-9,
#header20 .col-m-9,
#header20 .col-l-9,
#header20 .col-s-8,
#header20 .col-m-8,
#header20 .col-l-8,
#header20 .col-s-7,
#header20 .col-m-7,
#header20 .col-l-7,
#header20 .col-s-6,
#header20 .col-m-6,
#header20 .col-l-6,
#header20 .col-s-5,
#header20 .col-m-5,
#header20 .col-l-5,
#header20 .col-s-4,
#header20 .col-m-4,
#header20 .col-l-4,
#header20 .col-s-3,
#header20 .col-m-3,
#header20 .col-l-3,
#header20 .col-s-2,
#header20 .col-m-2,
#header20 .col-l-2,
#header20 .col-s-1,
#header20 .col-m-1,
#header20 .col-l-1 {
  float: left;

  position: relative;

  min-height: 1px;
}

#header20 div.wrapper,
#header20 div.row {
  max-width: 1280px;

  width: 100%;

  margin: 0 auto;
}

#header20 .full {
  width: 100%;
}

#header20 .half {
  width: 50% !important;
}

#header20 .row.wrapper {
  max-width: 1280px;

  margin: 0 auto;
}

#header20 .fw100 {
  font-weight: 100;
}

#header20 .fw200 {
  font-weight: 200;
}

#header20 .fw400 {
  font-weight: 700;
}

#header20 .fw600 {
  font-weight: 600;
}

#header20 .fw700 {
  font-weight: 700;
}

#header20 .fw900 {
  font-weight: 900;
}

#header20 .row,
#header20 .wrapper {
  margin: 0 auto;

  padding: 0 8px;

  box-sizing: border-box;
}

#header20 #profilIcon,
#header20 #profileContainer {
  display: none;
}

#header20 #profilIcon *,
#header20 #profileContainer * {
  text-align: center;
}

#header20 .support {
  line-height: 62px;

  text-align: right;

  color: #fff;
}

#header20 .support .menuLink {
  color: #fff !important;
}

#header20 .support .headerHelpMenu {
  color: #fff !important;
}

#header20 .support .headerHelpMenu .menuLink {
  color: #0d55d4 !important;
}

#header20 .support * {
  color: #fff;

  text-decoration: none;

  font-weight: 700;

  font-size: 14px;

  vertical-align: middle;
}

#header20 .support * .chLangTitl {
  color: #051d62 !important;
}

#header20 #changeLanguage {
  top: 50px !important;
}

#header20 #languageChooser {
  margin-bottom: 3px !important;
}

#header20 #languageChooser + .menu20Content ul li {
  width: 100%;
}

#header20 .noMargin {
  margin: 0;
}

#header20 .noPadding {
  padding: 0;
}

#header20 .headerHelpMenu {
  display: inline-block;

  position: relative;

  box-sizing: border-box;

  line-height: 2em;

  cursor: default;
}

#header20 .headerHelpMenu * {
  box-sizing: border-box;
}

#header20 .support .form * {
  color: #212529 !important;

  font-weight: 400;
}

.login-box {
  position: absolute;

  left: -100px;

  padding: 10px;

  background-color: #fff;

  border: 1px solid #eee;

  border-radius: 2px;

  width: 300px;

  z-index: 99999;

  display: none;

  box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px;

  color: #0d55d4 !important;

  border-radius: 10px;
}

.login-box .btn {
  width: 100%;

  margin-top: 10px;

  background-color: #1f85ec;

  color: #fff;
}

.login-box .btn:hover {
  background-color: #136edd;
}

#header20 .headerHelpMenu ul {
  color: #0d55d4 !important;

  display: none;

  position: absolute;

  z-index: 9999999;

  background: #fff;

  border-radius: 10px;

  padding: 0;

  margin: 0 !important;

  box-shadow: rgba(0, 0, 0, 0.4) 0 0 4px;

  left: -37px;

  min-width: 115px;

  top: 30px;

  text-align: center;
}

#header20 .headerHelpMenu:hover ul {
  display: block;
}

#header20 .headerHelpMenu:hover ul:before {
  content: "";

  display: block;

  height: 10px;

  width: 10px;

  background: #fff;

  position: absolute;

  transform: rotate(45deg);

  top: -5px;

  left: calc(50% - 6px);

  box-shadow: rgba(0, 0, 0, 0.1) -3px -3px 2px;

  z-index: -1;
}

#header20 .headerHelpMenu:hover ul li {
  list-style: none;

  margin: 0 !important;
}

#header20 .headerHelpMenu:hover ul li:first-child {
  margin-top: 4px;
  border-radius: 10px 10px 0 0;
}

#header20 .headerHelpMenu:hover ul li:last-child {
  border-radius: 0 0 10px 10px;
}

#header20 .headerHelpMenu:hover ul li:last-child a:after {
  content: "";

  border-bottom: solid #b3b3b3 0;
}

#header20 .headerHelpMenu:hover ul li:hover {
  background: #c0f1fe;
}

#header20 .headerHelpMenu:hover ul li a {
  color: #0d55d4 !important;

  padding: 4px 8px;

  display: inline-block;

  width: 100%;

  text-align: center;
}

#header20 .headerHelpMenu:hover ul li a:after {
  content: "";

  display: block;

  width: 85%;

  border-bottom: solid #b3b3b3 1px;

  margin-top: 4px;

  position: absolute;
}

#header20 .headerHelpMenu:hover ul {
  text-align: center !important;
}

#header20 .fsrem1 {
  font-size: 1rem !important;
}

@media (min-width: 768px) {
  #header20 .flex-container {
    display: flex;
  }

  #header20 #direction .item {
    flex-wrap: wrap;
  }

  #header20 .flex-container .item {
    align-items: center;

    display: inherit;
  }

  #header20 .flex-container .item.stretch {
    align-items: stretch;
  }

  #header20 .row.flex-container {
    flex-direction: row;
  }

  #new_cloud_vps {
    height: 450px;
  }

  #new_asia {
    height: 425px;
  }

  #new_contact {
    height: 450px;
  }

  #audio-video-menu {
    height: 550px;
  }

  #header20 #changeLanguage * .chLangTitl {
    margin-top: 0;
  }
}

@media (max-width: 1100px) {
  #new_cloud_vps {
    /* height: 80vh; */
    height: 520px;
  }

  #solutions-menu {
    /* height: 75vh; */
    height: 470px;
  }

  #new_asia {
    /* height:70vh; */

    height: 470px;
  }

  #new_contact {
    height: 510px;
  }

  #audio-video-menu {
    min-height: 700px;
  }
}

@media (min-width: 992px) {
  #block-ocmsheaderblock #header20 .ucartzLogo img {
    margin: 7px auto !important;
  }

  #others11 {
    /* height: 35vh; */
  }

  #header20 .a6dU7ec,
  #header20 .a6dU7eb,
  #header20 .a6dU7e {
    position: relative;

    text-decoration: none;
  }

  #header20 .a6dU7ec:after,
  #header20 .a6dU7eb:after,
  #header20 .a6dU7e:after {
    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%) scaleX(0);

    transform-origin: 0 50%;

    width: 100%;

    height: 1px;

    background-color: rgba(255, 255, 255, 0.8);

    transition: transform 250ms;
  }

  #header20 .a6dU7ec:hover:after,
  #header20 .a6dU7ec.hovered:after,
  #header20 .a6dU7eb:hover:after,
  #header20 .a6dU7eb.hovered:after,
  #header20 .a6dU7e:hover:after,
  #header20 .a6dU7e.hovered:after {
    transform: translateX(-50%) scaleX(1);
  }

  #header20 .a6dU7ec:after {
    background-color: #000e9c;

    height: 1px;
  }

  #header20 .a6dU7eb:after {
    background-color: #000e9c;

    height: 3px;
  }

  #header20 .menu20 {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 7px 0;

    background: #fff;
  }

  #header20 .menu20 .contentTitle {
    line-height: 25px;

    font-size: 20px;
    text-transform: uppercase;
    color: #343399;
  }

  #header20 .menu20 .eastSide {
    background-color: #343399;

    margin: 0 0 0 8px !important;

    float: right;

    padding: 0 1em;
  }

  #header20 .menu20 a:hover {
    color: #a1a9ff !important;
  }

  #header20 .menu20 ul {
    margin: 0;
    padding: 0;
  }

  #header20 .menu20 ul.main-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  #header20 .menu20 .l2 .contentTitle {
    margin-top: -30px !important;
  }

  #header20 .menu20 ul li.l1 {
    margin: 0;
    padding: 0 7px;
  }

  #header20 .menu20 ul li,
  #header20 .menu20 ul li .menu20Content a {
    color: #343399;

    line-height: 62px;

    list-style: none;

    padding: 0 1em;

    font-weight: 700;

    font-size: 17px;
  }

  #header20 .menu20 ul li .menu20Content a {
    line-height: 20px;

    padding: 1em !important;

    width: 100%;

    text-decoration: none;
  }

  #header20 .menu20 ul li .menu20Content a b {
    color: #0050d7 !important;
  }

  #header20 .menu20 ul li .menu20Content a:hover b {
    color: #000e9c !important;
  }

  #header20 .menu20 ul li .menu20Content a span {
    color: #555;

    font-weight: 400;

    text-decoration: none !important;
  }

  #header20 .menu20 ul .menuTitle {
    color: #343399;

    line-height: 62px;

    padding: 0 0.1em;

    font-weight: 700;

    display: inline-block;

    text-decoration: none;

    font-size: 16px;
  }

  #header20 .menu20 ul .menuTitle:hover {
    color: #000e9c !important;
  }

  #header20 .menu20 ul li:hover {
    color: #000e9c;

    cursor: pointer;
  }

  #header20 .menu20 ul li:hover .menu20Content {
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 3px 3px, rgba(0, 0, 0, 0.2) 0 3px 3px;

    display: block;

    display: block;

    position: absolute;

    background: #fff;

    left: 0;

    width: 100%;

    border-radius: 0 0 10px 10px;
  }

  #header20 .menu20 .menu20Content {
    display: none;

    cursor: initial;

    overflow: hidden;

    padding: 0;
  }

  #header20 .menu20 .menu20Content .discover {
    line-height: 62px;

    font-size: 1em;

    float: none;

    cursor: pointer;
  }

  #header20 .menu20 .menu20Content .title {
    font-size: 1em;

    line-height: 1em;

    clear: both;

    padding: 0em;

    display: flex;

    box-sizing: border-box;

    color: #0050d7;
  }

  #header20 .menu20 .menu20Content .title.noL3 {
    padding: 0 !important;
  }

  #header20 .menu20 .menu20Content .title.noL3 a {
    box-sizing: border-box;

    width: 100%;

    padding: 1em;
  }

  #header20 .menu20 .menu20Content .title.noL3 a:hover {
    color: #000e9c !important;
  }

  #header20 .menu20 .menu20Content .title a {
    padding: 0;
  }

  #header20 .menu20 .menu20Content .title:hover,
  #header20 .menu20 .menu20Content .title.hovered {
    color: #fff;

    background: #343399;
  }

  #header20 .menu20 .menu20Content .title:hover a,
  #header20 .menu20 .menu20Content .title.hovered a {
    color: #fff !important;
  }

  #header20 .menu20 .menu20Content .title:hover:after,
  #header20 .menu20 .menu20Content .title.hovered:after {
    content: "";

    float: right;

    font-size: 1.6em;

    font-weight: 900;

    margin-right: 0.1em;

    background: url(../img/header/chevron-white.svg) center center no-repeat;

    height: 18px;

    width: 18px;

    top: calc(50% - 9px);

    transform: rotate(-90deg);

    position: absolute;
    right: 0;

    animation: animateleft 0.4s;
  }

  #header20 .menu20 ul li .menu20Content .right-inner-hover a {
    padding: 0 !important;
  }

  #header20 .menu20 .menu20Content .title:hover.noL3:after,
  #header20 .menu20 .menu20Content .title.hovered.noL3:after {
    background: none;

    float: none;

    display: block;
  }

  #header20 .menu20 .menu20Content .l3Title {
    margin: 1em 0 0 8px;

    width: 100%;
  }

  #header20 .menu20 .menu20Content .l3 {
    height: 100vh;
  }

  #header20 .menu20 #web23 {
    /* height: 45vh; */
  }

  #header20 .menu20 ul .l3 {
    height: 100vh;
  }

  #header20 .menu20 .menu20Content .l3 li {
    padding-left: 1em;

    box-sizing: border-box;
  }

  #header20 .menu20 .menu20Content .l3 li a:hover {
    color: #00185e !important;
  }

  #header20 .menu20 .menu20Content hr {
    width: 98%;

    clear: both;

    margin: 0;

    background-color: #ccc;

    opacity: 1;

    height: 1px;

    border: none;
  }

  #header20 .menu20 .menu20Content .quickAction {
    color: #fff;

    line-height: 72px;
    font-size: 18px !important;
  }

  #header20 .menu20 .menu20Content .offBg2 hr {
    margin-top: 0;

    border-color: #c3c3c3;
  }

  .part_quicklink a {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #fff !important;
  }

  .part_quicklink a:hover {
    color: #a1a9ff !important;
  }

  #header20 .menu20 .menu20Content .fakeColumn {
    height: 100vh;

    position: absolute;

    top: 0;

    z-index: 0;

    width: 250px;
  }

  #header20 .menu20 .menu20Content .fakeColumn.fC2 {
    margin-left: calc((4.5 / 12 * 100%) - 5 * 1px);
  }

  #header20 .menu20 .menu20Content .fakeColumn.fC3 {
    margin-left: calc(((4.5 / 12 * 100%) - 5 * 1px) * 2);
  }

  #header20 .menu20 .menu20Content ul {
    position: relative;
  }

  #header20 .menu20 .menu20Content ul:not(.l3) {
    margin: 2em 0;
  }

  #header20 .menu20 .menu20Content .l2 {
    margin: 0.5em 0 2em;

    padding: 0;
  }

  #header20 .menu20 .menu20Content div.l2 {
    margin: 0.5em 0 2em;

    padding: 0;
  }

  #header20 li .menu20Content .row > *:not(.part_quicklink) {
    padding: 4px 0 !important;
  }

  #header20 .menu20 .menu20Content ul li:not(.col-s-6) {
    width: 100%;

    float: none;

    padding: 0;
  }

  #header20 .menu20 .menu20Content ul li:not(.col-s-6) .content {
    display: none;

    position: absolute !important;

    right: 0px;

    /* padding-left: 40px; */

    top: 0;
  }

  #header20 .menu20 .menu20Content ul li:not(.col-s-6):hover .content,
  #header20 .menu20 .menu20Content ul li:not(.col-s-6).hovered .content {
    display: block;
    z-index: 1;
  }
  #header20 .offBg {
    background-color: #343399;
  }
  #header20 .offBg2 {
    background-color: #ddf7ff;
  }
  #header20 .a5efd {
    animation: opac 0.8s;
  }
  #header20 .a5etf {
    position: relative;
    animation: animatetop 0.4s;
  }
  #header20 .a5elt {
    position: relative;
    animation: animateleft 0.4s;
  }
  #header20 .oHide {
    overflow: hidden;
  }
  #header20 .rightLightBlueBorder {
    box-shadow: #343399 3px 0 0 0;
  }
  #header20 .ham {
    display: none;
  }
  #header20 .v2 .menu20Content .l2 {
    margin-top: 2em !important;
  }
  #header20 .s-hide {
    display: none;
  }
  #header20 .m-show {
    display: none;
  }
  #header20 .l-show {
    display: block;
  }
  #header20 .s-show {
    display: none;
  }
}
@media (max-width: 991px) {
  main#main {
    margin: 50px 0 0 !important;
  }
  #header20 {
    z-index: 999999999;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 0;
  }
  #header20 .baseline {
    display: none;
  }
  #header20 .contentTitle,
  #header20 hr {
    display: none;
  }
  #header20 .westSide .txtRight a {
    display: none;
  }
  #header20 .westSide .l2 a {
    color: #0050d7;
    padding: 0.5em;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
  }
  #header20 .westSide .l2 a:hover {
    color: #122844;
  }
  #header20 .westSide .l2 a span {
    display: none;
  }
  #header20 .eastSide {
    background-color: #ddf7ff;
    margin: 0 !important;
    width: 100% !important;
  }
  #header20 .eastSide .quickAction,
  #header20 .eastSide hr {
    display: none;
  }
  #header20 .eastSide a {
    color: #0050d7;
    text-decoration: none;
    padding: 0.5em 1.5em;
    font-weight: 700;
  }
  #header20 #profilIcon {
    display: block !important;
    float: right;
    margin-right: -1em;
  }
  #header20 #profileContainer {
    background: #def8ff;
    padding: 1em;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
  }
  #header20 #profileContainer .card {
    background: #fff;
    box-shadow: 0 0 6px #000e9c1a;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
  }
  #header20 #profileContainer .card p {
    text-align: left;
  }
  #header20 #profileContainer .card img {
    max-width: 120px;
    margin-top: 1em;
  }
  #header20 #profileContainer .card .link20 {
    padding: 1em;
    display: block;
  }
  #header20 .hamburger {
    display: inline-block;
    cursor: pointer;
    cursor: pointer;
    float: right;
    margin-top: 20px;
    z-index: 1;
  }
  #header20 .hamburger .line {
    width: 13px;
    height: 2px;
    background-color: #0050d7;
    display: block;
    margin: 3px auto;
    transition: all 0.3s ease-in-out;
  }
  #header20 .hamburger:hover {
    cursor: pointer;
  }
  #header20 .hamburger.is-active .line:nth-child(2) {
    opacity: 0;
  }
  #header20 .hamburger.is-active .line:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
  }
  #header20 .hamburger.is-active .line:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
  }
  #header20 .support {
    display: none;
  }
  #header20 .offBg {
    background: #fff;
    height: 51px;
  }

  #header20 .offBg .ucartzLogo img {
    display: none;
  }

  #header20 .offBg .ucartzLogo:before {
    content: "";

    background: url(../img/logo/ucartzLogo-sm.webp) center center no-repeat;

    height: 51px;

    width: 198px;

    display: inline-block;
  }

  #header20 .menu20 {
    display: none;

    position: relative;

    z-index: 9;

    background: #fff;
  }

  #header20 .menu20 .row {
    margin: 0;
    padding: 0;
  }

  #header20 .menu20.is-active {
    display: block;

    animation: animateleft 0.4s;
  }

  #header20 .menu20 .menu20Content {
    display: none;

    position: relative;

    animation: animateleft 0.4s;
  }

  #header20 .menu20 .menu20Content.is-active {
    display: block;
  }

  #header20 .menu20 .menu20Content ul.l3 {
    display: none;

    overflow: hidden;

    padding: 0 0 0 1em;
  }

  #header20 .menu20 .menu20Content ul.l3 .l3Title {
    display: none;
  }

  #header20 .menu20 .menu20Content ul.l3 li {
    position: relative;

    animation: animatetop 0.4s;
  }

  #header20 .menu20 .menu20Content ul.l3 li a {
    color: #0050d7;

    font-weight: 700;

    text-decoration: none;
  }

  #header20 .menu20 .menu20Content ul.l3 li a:hover {
    color: #00185e !important;
  }

  #header20 .menu20 .menu20Content ul.l3 li a span {
    display: none;
  }

  #header20 .menu20 .menu20Content .title,
  #header20 .menu20 .menu20Content .l2 li {
    width: 100%;
  }

  #header20 .menu20 .menu20Content .title,
  #header20 .menu20 .menu20Content .title a {
    color: #0050d7;

    padding: 0.5em;

    font-weight: 700;

    cursor: pointer;

    text-decoration: none;
  }

  #header20 .menu20 .menu20Content .title:hover,
  #header20 .menu20 .menu20Content .title a:hover {
    color: #00185e !important;
  }

  #header20 .menu20 .menu20Content .title:not(.noL3).hidd:before {
    display: none;
  }

  #header20 .menu20 .menu20Content .title a,
  #header20 .menu20 .menu20Content .title a a {
    padding: 0;
  }

  #header20 .menu20 .menu20Content .title:not(.noL3):before {
    content: "";

    float: right;

    font-size: 1.6em;

    font-weight: 900;

    margin: 0 1em 0.1em 0.5em;

    background: url(../img/header/chevron.svg) center center no-repeat;

    height: 18px;

    width: 18px;

    position: relative;

    animation: animateleft 0.4s;
  }

  #header20 .menu20 .menu20Content .title:not(.noL3).active:before {
    transform: rotate(180deg);
  }

  #header20 .menu20 .menu20Content .title:not(.noL3).nbfr:before {
    background: none;
  }

  #header20 .menu20 .menuTitle {
    cursor: pointer;

    color: #00185e;

    padding: 0.5em 1em;

    font-weight: 700;

    display: inline-block;

    width: 100%;

    border-bottom: solid #bbb 1px;

    box-sizing: border-box;

    text-decoration: none;
  }

  #header20 .menu20 .menuTitle:after {
    content: "";

    float: right;

    font-size: 1.6em;

    font-weight: 900;

    margin: 0.15em 0.1em 0;

    background: url(../img/header/chevron.svg) center center no-repeat;

    height: 18px;

    width: 18px;

    transform: rotate(-90deg);

    position: relative;

    animation: animateleft 0.4s;
  }

  #header20 .menu20 .menuTitle.active {
    color: #00185e;

    font-weight: bolder;
  }

  #header20 .menu20 .menuTitle.active:after {
    float: left;

    transform: rotate(90deg);

    margin-left: -5px;
  }

  #header20 .menu20 ul {
    padding: 0;

    margin: 0;

    width: 100%;
  }

  #header20 .menu20 ul li {
    list-style: none;

    width: 100%;
  }

  #header20 .menu20 ul li a {
    box-sizing: border-box;

    font-size: 14px;
  }

  #header20 .mobileSupportMenu {
    display: block;
  }

  #header20 .mobileSupportMenu .menu20 {
    background-color: #000e9c;
  }

  #header20 .mobileSupportMenu .menu20 .menuTitle {
    border-color: #0022b2;

    text-decoration: none;
  }

  #header20 .mobileSupportMenu .menu20 .menuTitle:after {
    background: url(../img/header/chevronW.svg) center center no-repeat;
  }

  #header20 .mobileSupportMenu .menu20 .menu20Content {
    background-color: #000e9c;
  }

  body div#main {
    margin: 50px auto 0 !important;
  }
}

div.dialog-off-canvas-main-canvas #header {
  min-height: initial !important;
}

#header #languageChooser,
header #languageChooser,
#header20 #languageChooser {
  display: inline-block;

  outline: none;
}

#header a#languageChooser,
#header span#languageChooser,
header a#languageChooser,
header span#languageChooser,
#header20 a#languageChooser,
#header20 span#languageChooser {
  background-image: url(../img/header/currency.png) !important;

  width: 30px;

  height: 26px;

  margin: -2px 10px 0 5px;

  background-size: 25px;

  border: none;

  background-repeat: no-repeat;
}

.achivements h1 {
  color: #421d95;

  font-weight: 550;

  line-height: 1.2 !important;

  font-size: 35px !important;
}

.achivements h5 {
  font-size: 18px !important;

  font-weight: 500 !important;
}

.achivements h2 {
  color: #421d95;

  font-weight: 550;
}

.txt-center {
  text-align: center;
}

.copyright {
  margin-top: 0 !important;
}

.right-border {
  border-right: 1px solid #dee2e6 !important;
}

.headerHelpMenu ul {
  list-style: none;
}

.footer_recomented_icon {
  text-align: center !important;
}

.footer_recomented_icon img {
  max-width: 50px !important;

  max-height: 64px !important;
}

.footer-text {
  padding: 5px 15px !important;
}

.main-footer {
}

#tab-1 #mit-work .mit-project-item,
#mit-services .mit-project-item {
  min-height: 195px;
}

#mit-work .mit-project-item,
#mit-services .mit-project-item {
  background-color: #fff;

  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);

  margin: 5px;

  text-decoration: none;

  display: block;

  padding: 20px;

  height: calc(100% - 20px);

  border-radius: 5px;
}

#mit-services {
  margin: 50px auto 100px !important;
}

#mit-services h2 {
  font-weight: 400;

  font-size: 27px;

  letter-spacing: 1px;

  margin-bottom: 30px;
}

#mit-services h2 {
  margin: 30px auto;
}

.fh5co-text {
  padding: 5px 0;
}

#mit-services h3 {
  font-size: 15px;

  font-weight: 400;

  color: #000;

  text-transform: uppercase;

  letter-spacing: 1px;
}

#mit-services span {
  color: #666;

  font-size: 14px;

  font-weight: 200;

  letter-spacing: 0.7px;
}

.menu_item_one {
  height: 200px;
}

footer {
  background-color: #343399;

  padding: 30px 0 0;
}

footer p {
  font-size: 16px;

  font-weight: 300;

  color: #fff;

  margin-top: 10px;
}

footer .social-media img {
  width: 25px;

  height: auto;

  margin-right: 7px;
}

footer h4,
footer h5,
footer h6 {
  font-size: 20px;

  font-weight: 600;

  color: #fff;
}

footer dl {
  margin-top: 20px;
}

footer dd a:hover {
  text-decoration: none;

  color: #d3d3d3;
}

footer dd a {
  font-size: 16px;

  font-weight: 300;

  color: #fff;
}

#footer_about {
  text-align: center;
}

#icon_div {
  text-align: right;

  margin-right: 75px;

  position: relative;
}

.copyright {
  width: 100%;

  text-align: center;

  margin-top: 0 !important;

  background-color: #000;

  padding: 7px;

  color: #fff;

  font-size: 14px;

  font-weight: 200;

  letter-spacing: 1px;
}

.banner {
  background: #ededf4;

  position: relative;
}

.bg-white {
  background-color: #fff !important;
}

.row:before,
.row:after {
  display: none !important;
}

@media (max-width: 767px) {
  #footer_services {
    display: none;
  }

  #footer_company,
  #footer_servers {
    text-align: center;

    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  #footer_about,
  #footer_servers,
  #footer_services,
  #footer_company {
  }

  .fh5co-text {
    text-align: center;
  }
}

@media (max-width: 991px) {
  header {
    min-height: 65px;
  }

  .part_quicklink {
    display: none !important;
  }

  .side-hover {
    padding-top: 0 !important;
  }

  .menu_item_one {
    height: 110px !important;
  }
}

@media (max-width: 992px) {
  #mit-work .mit-project-item,
  #mit-services .mit-project-item {
    min-height: 310px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #web_hosting_service {
    margin: 0 25%;
  }
}
@media (min-width: 992px) and (max-width: 1170px) {
  /* .right-inner-hover

		{

			padding-left:60px!important

		} */

  #mit-work .mit-project-item,
  #mit-services .mit-project-item {
    min-height: auto !important;
  }
}

@media (min-width: 979px) {
  .l1:hover > ul.full {
    position: static;
  }

  .l1,
  .noL2 {
    position: static;
  }
}

#scroll-to-top {
  display: none;

  position: fixed;

  bottom: 290px;

  left: 18px;

  z-index: 1000;

  font-size: 18px;

  border: none;

  outline: none;

  background-color: #0840ea;

  color: #fff;

  cursor: pointer;

  padding: 15px;

  border-radius: 4px;
}

#scroll-to-top:hover {
  background-color: #0050d7;
}

#scroll-to-top.show-scroll-btn {
  display: block;
}

.ucartz-new-btn {
  position: absolute;

  background-color: red;

  background: #f44336;

  letter-spacing: 1px;

  font-size: 11px;

  padding: 2px 6px;

  border-radius: 6px;

  color: #fff;

  font-weight: 100;

  line-height: 15px !important;

  left: 50%;
  transform: translateX(-50%);
}

.ucartz-new-btn-azura-cld-vps {
  right: 105px !important;
}

.ucartz-new-btn-stream-hosting {
  top: 4px;
}

.ucartz-server-new-btn {
  top: 4px !important;
}

.ucartz-solution-new-btn {
  top: 4px !important;

  left: 715px !important;

  background-color: #f70 !important;
}

.ucartz-new-btn-siberian {
  left: 240px !important;

  top: 250px !important;
}

.ucartz-new-btn-vdopanel {
  left: 200px !important;

  top: 310px !important;
}

.ucartz-new-btn-hire-expert {
  left: 100px !important;

  top: 70px !important;
}

.ucartz-new-btn-unmanaged-dedicated {
  left: 195px !important;

  top: 8px !important;
}

@media (max-width: 991px) {
  .ucartz-new-btn,
  .ucartz-best-selling,
  .ucartz-offer-ad {
    display: none !important;
  }
}

.footer-menu-list li {
  list-style: none;

  padding: 5px 0;
}

.footer-menu-list li a,
.footer-menu-list li a:hover,
.ucartz-footer-bottem-menus li a,
.ucartz-footer-bottem-menus li a:hover {
  text-decoration: none;

  color: #bac0c3;
}

.hr {
  border-top: 1px solid #bac0c3;

  opacity: 1 !important;
}

.footer-content-holder {
  padding: 0 45px;

  margin-left: 20px;
}

.ucartz-footer-bottem-menus {
  padding: 0 !important;
}

.ucartz-footer-bottem-menus li {
  list-style: none;

  display: inline-block;

  padding: 0 20px;

  text-align: center;
}

.ucartz-footer-bottem-menus li a {
  text-decoration: none;
}

.ftr-btm-p p {
  color: #bac0c3;
}

.mp-40px {
  margin-top: 40px;
}

.m-l-30px {
  margin-left: 30px;
}

.ucartz-footer-p {
  margin-left: 60px;
}

.p-t {
  padding-top: 20px !important;
}

.ucartz-footer {
  color: #fff;
}

.ucartz-footer a {
  color: #bac0c3;

  text-decoration: none;
}

.ucartz-footer a:focus,
.ucartz-footer a:hover {
  text-decoration: underline;
}

.ucartz-footer a[href^="tel"] {
  text-decoration: inherit;

  color: inherit;

  font-size: inherit;
}

.ucartz-footer li {
  list-style: none;

  margin-top: 0.75rem;

  margin-bottom: 0.75rem;
}

.ucartz-footer hr {
  border-color: #767676;
}

nav.ucartz-footer-menu {
  padding-top: 4vh;

  padding-bottom: 4vh;
}

nav.ucartz-footer-menu [data-eid-name="mobile_apps"] {
  display: none;
}

nav.ucartz-footer-menu > ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

nav.ucartz-footer-menu > ul > li {
  padding: 0 0.5%;

  outline: none;
}

nav.ucartz-footer-menu > ul > li .heading-toggle {
  font-size: 18px;

  display: block;

  position: relative;

  flex-direction: row;

  justify-content: space-between;

  font-weight: 700;
}

nav.ucartz-footer-menu > ul > li ul {
  list-style: none;

  padding: 0 0 4vh;
}

@media (max-width: 767px) {
  nav.ucartz-footer-menu > ul {
    list-style: none;

    padding: 0;
  }

  nav.ucartz-footer-menu > ul > li {
    margin: 0;

    padding: 0 0 3vh;
  }

  nav.ucartz-footer-menu > ul > li .heading-toggle:after {
    position: absolute;

    right: 15px;

    content: "+";
  }

  nav.ucartz-footer-menu > ul > li ul {
    display: none;
  }

  nav.ucartz-footer-menu > ul > li:last-child {
    padding: 0;
  }

  nav.ucartz-footer-menu > ul > li:focus-within .heading-toggle:after {
    content: "-";
  }

  nav.ucartz-footer-menu > ul > li:focus-within ul {
    display: block;
  }

  nav.ucartz-footer-menu > ul:first-of-type > li:focus-within {
    pointer-events: none;
  }

  nav.ucartz-footer-menu > ul:first-of-type > li > ul > li {
    pointer-events: all;
  }
}

@media (min-width: 768px) {
  nav.ucartz-footer-menu > ul {
    display: flex;

    justify-content: space-between;
  }

  nav.ucartz-footer-menu > ul > li {
    min-width: 50%;
  }
}

@media (min-width: 992px) {
  nav.ucartz-footer-menu > ul > li {
    min-width: unset;

    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  html[dir="rtl"] nav.ucartz-footer-menu > ul > li .heading-toggle:after {
    left: 0;

    right: unset;
  }
}

@media (max-width: 768px) {
  #icon_div {
    text-align: center !important;

    margin-right: 0 !important;
  }

  .p-t {
    padding-top: 0 !important;
  }

  .ucartz-footer-bottem-menus {
    text-align: center !important;
  }
}

@media (max-width: 575px) {
  #icon_div {
    margin-left: 19px !important;
  }
}

@media (max-width: 991px) {
  nav.ucartz-footer-menu > ul {
    flex-flow: wrap !important;
  }
}

@media (max-width: 575px) {
  #ucartz-footer-logo-holder {
    text-align: center;

    margin-bottom: 30px;
  }

  .m-l-30px {
    margin-left: 0 !important;
  }

  .footer-content-holder {
    margin-left: 0 !important;

    padding: 0 !important;
  }

  .ucartz-footer-p {
    margin: 0 20px !important;

    text-align: center;
  }

  .ucartz-footer-bottem-menus {
    margin-top: 20px;
  }

  .ucartz-footer-bottem-menu-holder {
    text-align: center;
  }

  footer .social-media img {
    width: 18px !important;
  }

  #logo-img {
    max-width: 30% !important;
  }
}

@media (min-width: 769px) and (max-width: 1199px) {
  .ucartz-footer-bottem-menu-holder {
    text-align: center;
  }

  .ucartz-footer-bottem-menu-holder ul {
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  #lang {
    margin-right: 35px;
  }
}

#close_cookie {
  display: none;
}

#close_cookie:checked + #cookie_consent_popup {
  display: none;
}

#cookie_consent_popup a {
  color: #fbb63e;
}

.manual-review {
  z-index: 0;
}

@media (max-width: 767px) {
  #cookie_consent_popup {
    padding: 20px;

    margin: 0;
  }
}

#ok_cookie_box:checked + #cookie_consent_popup {
  display: none;
}

#ok_cookie_box:active + #cookie_consent_popup {
  display: none;
}

.iCookie-whitered {
  width: 240px;

  padding: 15px;
}

.iCookie,
.iCookie label {
  line-height: 1.5;
}

.iCookie,
.iCookie * {
  box-sizing: border-box;
}

.iCookie {
  position: fixed;

  background: rgba(0, 0, 0, 0.6);

  color: #fff;

  padding: 10px 50px 10px 20px;

  border-radius: 4px;

  z-index: 10000;
}

.iCookie-whitered {
  box-shadow: 0 0 10px #000;
}

.iCookie-whitered img:first-child {
  float: left;

  margin-right: 10px;
}

.iCookie-whitered .h1 {
  margin: 0 0 10px;

  font-weight: 400;

  font-size: 20px;
}

.iCookie,
.iCookie label {
  line-height: 1.5;
}

.iCookie-more-button {
  display: inline-block;

  text-decoration: underline;
}

.iCookie-whitered label.iCookie-button {
  display: block;

  text-align: center;

  margin-top: 14px;

  transition: 0.2s linear;
}

.iCookie label.iCookie-button {
  text-decoration: none;

  padding: 6px 10px;

  font-weight: 700;

  border-radius: 4px;
}

.iCookie-whitered:after {
  width: 0;

  border-color: #6941f9 #6941f9 transparent;
}

.iCookie-whitered:after {
  position: absolute;

  top: 0;

  right: 10px;

  height: 0;

  border-style: solid;

  border-width: 13px 6px 6px;

  content: "";
}

@media (min-width: 768px) {
  #mob-header20 .col-m-12 {
    width: calc((12 / 12 * 100%) - (8px * 2) - 0 * 1px);
  }

  #mob-header20 .col-m-12:not(.noMargin) {
    margin: 0 8px;
  }
}

#mob-header20 .row,
#mob-header20 .wrapper {
  margin: 0 auto;

  padding: 0 8px;

  box-sizing: border-box;
}

@media (max-width: 991px) {
  #mob-header20 {
    z-index: 999999999;

    box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 0;
  }

  .mob-header-area {
    position: fixed !important;

    right: 0 !important;

    top: 0 !important;

    bottom: 0 !important;

    background: #fff !important;

    width: 310px !important;

    overflow-x: hidden;

    color: #555;

    margin-top: 0;

    border-left: 1px solid rgba(0, 0, 0, 0.07);

    padding-top: 0;
  }

  #mob-header20 .westSide .l2 a {
    color: #0050d7;

    padding: 0.5em;

    font-weight: 700;

    cursor: pointer;

    text-decoration: none;
  }

  #mob-header20 .westSide .l2 a:hover {
    color: #122844;
  }

  #mob-header20 .hamburger {
    display: inline-block;

    cursor: pointer;

    float: right;

    margin-top: 20px;

    z-index: 1;
  }

  #mob-header20 .hamburger .line {
    width: 13px;

    height: 2px;

    background-color: #0050d7;

    display: block;

    margin: 3px auto;

    transition: all 0.3s ease-in-out;
  }

  #mob-header20 .hamburger:hover {
    cursor: pointer;
  }

  #mob-header20 .hamburger.mob-is-active .line:nth-child(2) {
    opacity: 0;
  }

  #mob-header20 .hamburger.mob-is-active .line:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
  }
  #mob-header20 .hamburger.mob-is-active .line:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
  }
  #mob-header20 .support {
    display: none;
  }

  #mob-header20 .offBg {
    background: #fff;
    height: 51px;
  }

  #mob-header20 .offBg .ucartzLogo img {
    display: none;
  }

  #mob-header20 .offBg .ucartzLogo:before {
    content: "";
    background: url(../img/logo/ucartzLogo-sm.webp) center center no-repeat;

    height: 51px;

    width: 198px;

    display: inline-block;
  }

  #mob-header20 .mob-menu20 {
    display: none;

    position: relative;

    z-index: 9;

    background: #fff;
  }

  #mob-header20 .mob-menu20 .row {
    margin: 0;

    padding: 0;
  }

  #mob-header20 .mob-menu20.mob-is-active {
    display: block;

    animation: animateleft 0.4s;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content {
    display: none;

    position: relative;

    animation: animateleft 0.4s;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content.mob-is-active {
    display: block;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content ul.l3 {
    display: none;

    overflow: hidden;

    padding: 0 0 0 1em;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content ul.l3 .l3Title {
    display: none;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content ul.l3 li {
    position: relative;

    animation: animatetop 0.4s;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content ul.l3 li a {
    color: #0050d7;

    font-weight: 700;

    text-decoration: none;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content ul.l3 li a:hover {
    color: #00185e !important;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content ul.l3 li a span {
    display: none;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content .title,
  #mob-header20 .mob-menu20 .mob-menu20Content .l2 li {
    width: 100%;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content .title,
  #mob-header20 .mob-menu20 .mob-menu20Content .title a {
    color: #0050d7;

    padding: 0.5em;

    font-weight: 700;

    cursor: pointer;

    text-decoration: none;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content .title:hover,
  #mob-header20 .mob-menu20 .mob-menu20Content .title a:hover {
    color: #00185e !important;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content .title:not(.noL3).hidd:before {
    display: none;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content .title a,
  #mob-header20 .mob-menu20 .mob-menu20Content .title a a {
    padding: 0;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content .title:not(.noL3):before {
    content: "";

    float: right;

    font-size: 1.6em;

    font-weight: 900;

    margin: 0 1em 0.1em 0.5em;

    background: url(../img/header/chevron.svg) center center no-repeat;

    height: 18px;

    width: 18px;

    position: relative;

    animation: animateleft 0.4s;
  }

  #mob-header20 .mob-menu20 .mob-menu20Content .title:not(.noL3).active:before {
    transform: rotate(180deg);
  }

  #mob-header20 .mob-menu20 .mob-menu20Content .title:not(.noL3).nbfr:before {
    background: none;
  }

  #mob-header20 .mob-menu20 .mob-menuTitle {
    cursor: pointer;

    color: #00185e;

    padding: 10px 1em;

    font-weight: 700;

    display: inline-block;

    width: 100%;

    box-sizing: border-box;

    text-decoration: none;
  }

  #mob-header20 .mob-menu20 .mob-menuTitle:after {
    content: "";

    float: right;

    font-size: 1.6em;

    font-weight: 900;

    margin: 0.15em 0.1em 0;

    background: url(../img/header/chevron.svg) center center no-repeat;

    height: 18px;

    width: 18px;

    transform: rotate(-90deg);

    position: relative;

    animation: animateleft 0.4s;
  }

  #mob-header20 .mob-menu20 .mob-menuTitle.active {
    color: #00185e;

    font-weight: bolder;
  }

  #mob-header20 .mob-menu20 .mob-menuTitle.active:after {
    float: left;

    transform: rotate(90deg);

    margin-left: -5px;
  }

  #mob-header20 .mob-menu20 ul {
    padding: 0;

    margin: 0 0 20px;

    width: 100%;
  }

  #mob-header20 .mob-menu20 ul .li-expand {
    border-bottom: 1px solid #edf0f5;
  }

  #mob-common .li-expand {
    border-bottom: none !important;
  }

  #mob-header20 .mob-menu20 ul li {
    list-style: none;

    width: 100%;

    padding: 0;
    position: relative;
  }

  #mob-header20 .mob-menu20 ul li a {
    box-sizing: border-box;

    font-size: 14px;
  }

  #mob-header20 .mobileSupportMenu {
    display: block;
  }
}

@media (min-width: 979px) {
  .l1:hover > ul.full {
    position: static;
  }

  .l1,
  .mob-noL2 {
    position: static;
  }
}

.mob-head {
  font-weight: 700;

  color: rgba(22, 47, 86, 0.38) !important;

  text-shadow: unset !important;

  text-transform: uppercase;

  font-size: 14px;

  line-height: 17px;

  padding-top: 30px;

  padding-left: 1rem;

  margin-bottom: 0;

  padding-bottom: 0px;
}

@keyframes animateleft {
  from {
    right: 100%;

    opacity: 0;
  }

  to {
    right: 0;
    opacity: 1;
  }
}

@keyframes opac {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;

    opacity: 0;
  }

  to {
    top: 0;

    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;

    opacity: 0;
  }

  to {
    top: 0;

    opacity: 1;
  }
}

@media (max-width: 1023px) {
  .inner-sec-menu li > a,
  .second-inner-sec-menu li > a {
    display: block;

    padding: 12px 20px;
  }

  .inner-sec-menu li > a .nav-icon,
  #mob-common li > a > .nav-icon,
  .second-inner-sec-menu li > a .nav-icon {
    width: 25px;

    height: 25px;

    background-color: #3987f0;

    border-radius: 100%;

    background-size: contain;

    background-repeat: no-repeat;

    float: left;

    margin-right: 15px;
  }

  .inner-sec-menu li > a.nav-icon + div,
  .second-inner-sec-menu li > a.nav-icon + div {
    margin-left: 36px;
  }

  .inner-sec-menu li > a .link,
  .second-inner-sec-menu li > a .link {
    font-size: 14px;

    font-weight: 400;
  }

  .mob {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .mob-header-area {
    position: fixed !important;

    right: 0 !important;

    top: 0 !important;

    bottom: 0 !important;

    background: #fff !important;

    width: 320px !important;

    overflow-x: hidden;

    color: #555;

    margin-top: 0;

    border-left: 1px solid rgba(0, 0, 0, 0.07);

    padding-top: 0;
  }

  .mob-menu20 {
    padding-bottom: 80px;
  }
}

.lazy.loaded {
  opacity: 1;

  visibility: visible;
}

.inner-sec-menu li > a .link {
  font-weight: 700;

  letter-spacing: -0.1px;

  color: #515978;

  font-size: 15px;

  line-height: 20px;

  padding: 0;
}

.second-inner-sec-menu li > a .link {
  font-weight: 700;

  letter-spacing: -0.1px;

  color: #515978;

  font-size: 15px;

  line-height: 20px;

  padding: 0;
}

.backdrop {
  display: block;

  background-color: #000;

  opacity: 0.5;

  pointer-events: visible;

  content: "";

  position: fixed;

  background: #0f326b;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 100;

  transition: 0.4s;
}

#login-div {
  position: fixed;

  bottom: 0;

  right: 0;

  z-index: 999;

  width: 300px;

  background: #5464f5;

  padding: 12px;

  border-radius: 5px;

  margin: 10px;
}

#login-div-holder {
  background: #fff;

  width: 330px;

  bottom: 0;

  right: 0;

  z-index: 9;
}

#login-div-bg {
  background-color: #fff;

  height: 80px;

  position: fixed;

  bottom: 0;

  right: 0;

  z-index: 9;

  width: 310px;
}

#mob-currency {
  padding: 5px;

  border-radius: 10px;
}

#mob-login {
  color: #fff;

  border: 1px solid #fff;

  border-radius: 5px;

  padding: 5px 10px;

  margin: 8px;
}

#mob-support {
  padding: 5px 10px;

  color: #fff;

  background: #7c95f4;

  border-radius: 5px;
}

.inner-menu-des {
  color: #9b9ca1 !important;

  font-size: 12px !important;

  margin-left: 40px !important;

  margin-bottom: 0 !important;
}

#mob-common .li-expand {
  border-bottom: none !important;
}

@media (max-width: 991px) {
  body {
    overflow-y: hidden;
  }
}

.bg-white {
  background-color: #fff !important;
}

.bg-ash {
  background-color: #f5f8fe !important;
}

@media (max-width: 991px) {
  .menu_item_one {
    height: 310px !important;

    padding: 0;
  }

  #mob-header20 .offBg {
    position: sticky;

    top: 0;

    right: 0;

    z-index: 999;
  }
}

.mob-view {
  margin: 0;

  height: 100%;

  overflow: hidden;
}

#mobile-header {
  position: absolute;

  top: 0;

  left: 0;

  display: none;
}

.img-holder .link {
  margin-left: 40px;
}

.img-holder .link:before {
  background: url(../img/header/header-mob-icons.png);

  background-size: 500px;

  content: "";

  position: absolute;

  width: 30px;

  height: 30px;

  background-repeat: no-repeat;
}

#shared_web_hosting:before {
  background-position: 0 0;

  left: 20px !important;

  top: 8px !important;
}

#premium_web_hosting:before {
  background-position: 0 0;

  left: 20px !important;

  top: 8px !important;
}

#reseller_web_hosting:before {
  background-position: -40px 0;

  left: 20px !important;

  top: 8px !important;
}

#video_hosting:before {
  background-position: -79px 0;

  left: 10px !important;

  top: 8px !important;
}

#shoutcast_icecast_hosting:before {
  background-position: -115px 0;

  left: 20px !important;

  top: 8px !important;
}

#centova-radio-hosting:before {
  background-position: -233px 0;

  left: 10px !important;

  top: 8px !important;
}

#sonic-panel-radio-hosting:before {
  background-position: -195px 0;

  left: 10px !important;

  top: 8px !important;
}

#azuracast-radio-hosting:before {
  background-position: -274px 0;

  left: 10px !important;

  top: 8px !important;
}

#reseller-radio-hosting:before {
  background-position: -155px 0;

  left: 10px !important;

  top: 8px !important;
}

#unmanaged-vps:before {
  background-position: -313px 0;

  left: 10px !important;

  top: 8px !important;
}

#managed-vps:before {
  background-position: -471px -52px;

  left: 10px !important;

  top: 8px !important;
}

#managed-cloud-hosting:before {
  background-position: -316px -52px;

  left: 10px !important;

  top: 8px !important;
}

#azuracast-cloud-vps:before {
  background-position: -274px 0;

  left: 10px !important;

  top: 8px !important;
}

#kali-linux-vps:before {
  background-position: -3px -100px;

  left: 10px !important;

  top: 8px !important;
}

#odoo-hosting:before {
  background-position: -80px -100px;

  left: 10px !important;

  top: 8px !important;
}

#unmanaged-dedicated-server:before {
  background-position: -353px 1px;

  left: 10px !important;

  top: 8px !important;
}

#managed-dedicated-server:before {
  background-position: -81px -52px;

  left: 10px !important;

  top: 8px !important;
}

#lowcost-dedicated-server:before {
  background-position: -390px 1px;

  left: 10px !important;

  top: 8px !important;
}

#shoutcast-dedicated-server:before {
  background-position: -430px 0;

  left: 10px !important;

  top: 8px !important;
}

#vdopanel-dedicated-server:before {
  background-position: -469px 0;

  left: 10px !important;

  top: 8px !important;
}

#gaming-dedicated-server:before {
  background-position: 0 -50px;

  left: 10px !important;

  top: 8px !important;
}

#gpu-dedicated-server:before {
  background-position: -40px -50px;

  left: 10px !important;

  top: 8px !important;
}

#goautodial-dedicated-server:before {
  background-position: -119px -50px;

  left: 10px !important;

  top: 8px !important;
}

#vicidial-dedicated-server:before {
  background-position: -119px -50px;

  left: 10px !important;

  top: 8px !important;
}

#software-installation:before {
  background-position: -199px -50px;

  left: 10px !important;

  top: 8px !important;
}

#server-monitoring:before {
  background-position: -239px -50px;

  left: 10px !important;

  top: 8px !important;
}

#server-administrator:before {
  background-position: -276px -50px;

  left: 10px !important;

  top: 8px !important;
}

#cloud-management:before {
  background-position: -316px -50px;

  left: 10px !important;

  top: 8px !important;
}

#azuracast-management:before {
  background-position: -354px -50px;

  left: 10px !important;

  top: 8px !important;
}

#kvm-vps:before {
  background-position: -352px 0;

  left: 20px !important;

  top: 8px !important;
}

#hire-on-experts:before {
  background-position: -356px -50px;

  left: 20px !important;

  top: 8px !important;
}

#hire-on-experts2:before {
  background-position: -356px -50px;

  left: 10px !important;

  top: 8px !important;
}

#ssl-certificate:before {
  background-position: -395px -50px;

  left: 20px !important;

  top: 8px !important;
}

#ssl-certificate2:before {
  background-position: -395px -50px;

  left: 10px !important;

  top: 8px !important;
}

#domain:before {
  background-position: -434px -50px;

  left: 20px !important;

  top: 8px !important;
}

#domain2:before {
  background-position: -434px -50px;

  left: 10px !important;

  top: 8px !important;
}

#calculator:before {
  background-position: -40px -100px;

  left: 20px !important;

  top: 8px !important;
}

#calculator2:before {
  background-position: -40px -100px;

  left: 10px !important;

  top: 8px !important;
}

#centos-vps:before {
  background: url(../img/header/centos-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#flussonic-server:before {
  background: url(../img/header/flussonic-con.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#cpannel-management:before {
  background: url(../img/header/cp-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#client_area:before {
  background: url(../img/header/client-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#abuse:before {
  background: url(../img/header/report-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#contact_us:before {
  background: url(../img/header/contact-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#how_pay:before {
  background: url(../img/header/payment-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#knowledge:before {
  background: url(../img/header/knowledge-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#what_new:before {
  background: url(../img/header/new-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#affiliate:before {
  background: url(../img/header/affiliate-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

#serv_location:before {
  background: url(../img/header/location-icon.png) !important;

  background-repeat: no-repeat;

  left: 10px;
  top: 8px;
}

.p-l-15 {
  padding-left: 15px;
}

.close-btn-position {
  position: absolute !important;

  top: 10px !important;

  right: 20px !important;

  font-size: 25px !important;

  margin-top: 15px !important;
}

.mob-inner-head {
  margin-top: 15px;

  font-size: 1rem;

  font-weight: 500;

  line-height: 1.2;

  margin-bottom: 15px;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.social-media-link:before {
  background: url(../img/footer/ucartz-social-media-icons.png);

  background-size: 115px;

  content: "";

  position: absolute;

  width: 30px;

  height: 30px;

  background-repeat: no-repeat;
}

#linkedin-link:before {
  /* background-position:-31px 0;

				left:389px;

				top:15px; */

  background-position: -1px 0;

  left: 189px;

  top: 15px;
}

#facebook-link:before {
  background-position: -28px 0 !important;

  left: 420px;

  top: 15px;
}

#twitter-link:before {
  background-position: -51px 0;

  left: 460px;

  top: 15px;
}

#instagram-link:before {
  background-position: -85px 0;

  left: 500px;

  top: 15px;
}

@media (max-width: 360px) {
  #linkedin-link:before {
    left: 112px;

    top: -20px;
  }

  #facebook-link:before {
    left: 142px;

    top: -20px;
  }

  #twitter-link:before {
    left: 166px;

    top: -20px;
  }

  #instagram-link:before {
    left: 200px;

    top: -20px;
  }
}

@media (min-width: 360px) and (max-width: 453px) {
  #linkedin-link:before {
    left: 126px;

    top: -20px;
  }

  #facebook-link:before {
    left: 152px;

    top: -20px;
  }

  #twitter-link:before {
    left: 176px;

    top: -20px;
  }

  #instagram-link:before {
    left: 208px;

    top: -20px;
  }
}

@media (min-width: 454px) and (max-width: 523px) {
  #linkedin-link:before {
    left: 168px;

    top: -20px;
  }

  #facebook-link:before {
    left: 199px;

    top: -20px;
  }

  #twitter-link:before {
    left: 223px;

    top: -20px;
  }

  #instagram-link:before {
    left: 258px;

    top: -20px;
  }
}

@media (min-width: 524px) and (max-width: 575px) {
  #linkedin-link:before {
    left: 206px;

    top: -20px;
  }

  #facebook-link:before {
    left: 236px;

    top: -20px;
  }

  #twitter-link:before {
    left: 259px;

    top: -20px;
  }

  #instagram-link:before {
    left: 295px;

    top: -20px;
  }
}

@media (min-width: 576px) and (max-width: 766px) {
  #linkedin-link:before {
    left: -10px;
  }

  #facebook-link:before {
    left: 22px;
  }

  #twitter-link:before {
    left: 46px;
  }

  #instagram-link:before {
    left: 84px;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  #linkedin-link:before {
    left: 45px;
  }

  #facebook-link:before {
    left: 75px;
  }

  #twitter-link:before {
    left: 99px;
  }

  #instagram-link:before {
    left: 134px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #linkedin-link:before {
    left: 140px;
  }

  #facebook-link:before {
    left: 172px;
  }

  #twitter-link:before {
    left: 196px;
  }

  #instagram-link:before {
    left: 234px;
  }
}

@media (min-width: 1200px) and (max-width: 1761px) {
  #linkedin-link:before {
    /* left:222px */

    left: 221px;
  }

  #facebook-link:before {
    left: 251px;
  }

  #twitter-link:before {
    left: 275px;
  }

  #instagram-link:before {
    left: 310px;
  }
}

@media (min-width: 1762px) {
  #linkedin-link:before {
    left: 368px;
  }

  #facebook-link:before {
    left: 400px;
  }

  #twitter-link:before {
    left: 425px;
  }

  #instagram-link:before {
    left: 460px;
  }
}

.mit-desc-mrg {
  margin: 140px 0;
}

.error-page-msg {
  font-size: 25px;

  font-weight: 200;
}

/*faq css*/

a {
  text-decoration: none !important;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1140px !important;
  }

  .row > * {
    padding-left: 15px;

    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px !important;
  }

  .row > * {
    padding-left: 15px;

    padding-right: 15px;
  }
}

@media (min-width: 320px) and (max-width: 424px) {
  #tab-1 #mit-work .mit-project-item,
  #mit-services .mit-project-item {
    min-height: 285px !important;

    margin-top: 20px !important;
  }
}

@media (min-width: 425px) and (max-width: 991px) {
  #tab-1 #mit-work .mit-project-item,
  #mit-services .mit-project-item {
    min-height: 200px !important;

    margin-top: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1086px) {
  #header20 .menu20 ul .menuTitle {
    font-size: 14px;

    color: #343399;

    line-height: 52px;

    padding: 0 1em;

    font-weight: 700;

    display: inline-block;

    text-decoration: none;
  }

  #others11 {
    height: 350px;
  }

  /* #new1{

		margin-left: -20px;

	}

	#new2{

		margin-left: -53px;

	}

	#new3{

		margin-left: -80px;

	} */
}

@media (max-width: 1225px) {
  #header20 .menu20 ul .menuTitle {
    padding: 0 5px;
    font-size: 15px;
  }
}

@media (max-width: 1110px) {
  #header20 .menu20 ul .menuTitle {
    padding: 0 0px;
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  #icon1 {
    margin-top: 1px;
  }
}

#glb-nfaq-wrap {
  padding: 30px 0 0 0;
}

.glb-nfaq-ttl {
  text-align: center;
  margin-bottom: 50px;
}

.glb-nfaq-ttl h3 {
  font-size: 36px;
  font-weight: 700;
  color: #091e42;
}

.glb-nfaq-ttl p {
  font-size: 24px;
  color: #878989;
}

#glb-nfaq-wrap .wt-faq-que {
  border: 0 !important;

  border-bottom: 1px solid #d4d8dd !important;
}

#glb-nfaq-wrap .wt-faq-que .btn {
  font-size: 16px;
  line-height: 24px;
  color: #1f2d3d;

  padding: 15px 15px 15px 60px;

  background: url(../img/affiliates/sprite-faq-icons.png) no-repeat 4px -180px;
  display: flex;
  align-items: center;

  background-color: #f7f9fb;
  min-height: 85px;
  float: left;
  width: 100%;

  white-space: normal;
  outline: 0 !important;

  text-align: left;
  border: 0 !important;

  box-shadow: none !important;
}

#glb-nfaq-wrap .wt-faq-que .collapsed {
  background-color: transparent;
  background-position: 4px 24px;
}

#glb-nfaq-wrap .wt-faq-que > h2 {
  margin: 0 !important;
}

#glb-nfaq-wrap .wt-faq-que .wt-faq-ans {
  padding: 15px 15px 15px 60px;
}

#glb-nfaq-wrap .wt-faq-que .wt-faq-ans p {
  color: #565859;
  font-size: 16px;
}

#glb-nfaq-wrap .wt-faq-que .wt-faq-ans p a,
#glb-nfaq-wrap .wt-faq-que .wt-faq-ans ul li a {
  color: #3d90ed;
  font-size: 16px;
  text-decoration: none !important;

  outline: 0 !important;
}

#glb-nfaq-wrap .wt-faq-que .wt-faq-ans ul {
  padding-left: 15px;
  margin-bottom: 15px;
}

#glb-nfaq-wrap .wt-faq-que .wt-faq-ans ul li {
  color: #565859;
  font-size: 16px;
  margin-bottom: 5px;
}

.wt-faq-perma {
  display: none;
}

.page_faq .wt-faq-perma {
  display: block;
}

@media (max-width: 767px) {
  #glb-nfaq-wrap {
    padding: 20px 0;
  }

  .glb-nfaq-ttl h3 {
    font-size: 28px;
  }

  .glb-nfaq-ttl p {
    font-size: 18px;
  }
}

.pull-wide {
  float: left;

  width: 100%;
}

.mr-t-30px {
  margin-top: 30px;
}

@media (max-width: 575px) {
  #loader,
  .halloween-bat {
    display: none;
  }
}

.discount-50-off {
  background-image: -webkit-linear-gradient(
    left,
    #f00,
    #ff2b00,
    #f50,
    #ff8000,
    #fa0,
    #ffd500,
    #ff0,
    #d4ff00,
    #af0,
    #80ff00,
    #5f0,
    #2bff00,
    #0f0,
    #00ff2a,
    #0f5,
    #00ff80,
    #0fa,
    #00ffd5,
    #0ff,
    #00d5ff,
    #0af,
    #0080ff,
    #05f,
    #002aff,
    #00f,
    #2b00ff,
    #50f,
    #8000ff,
    #a0f,
    #d400ff,
    #f0f,
    #ff00d4,
    #f0a,
    #ff0080,
    #f05,
    #ff002b,
    #f00
  );

  -webkit-animation: animatedBackground_a 5s linear infinite alternate;

  -webkit-background-clip: text;

  -webkit-text-fill-color: #0000;

  background-clip: text;
}

@keyframes animatedBackground_a {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -500px 0;
  }
}

.with-minHeight {
  justify-content: flex-start;
  flex-direction: column;
  min-height: 450px;
}

@media (max-width: 992px) {
  .container {
    max-width: 90% !important;
  }
}

.right-inner-hover {
  width: calc(100% - 270px) !important;
}
.banner-wrapper-azuracast {
  padding-top: 0 !important;
}
.banner-wrapper-azuracast .banner-outer {
  padding-top: 100px !important;
}
:root {
  --uc-gap: clamp(16px, 2.5vw, 32px);
}

.uc-container {
  max-width: min(1200px, 92vw);
  margin-inline: auto;
  padding-inline: clamp(16px, 3vw, 32px);
}

.btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

img,
iframe {
  max-width: 100%;
  height: auto;
}

.hero-visual {
  aspect-ratio: 16/10;
  object-fit: contain;
}

h1 {
  font-size: clamp(28px, 3.5vw, 44px);
}

h2 {
  font-size: clamp(22px, 2.6vw, 32px);
}

p {
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.6;
}

.row.grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--uc-gap);
}

@media (min-width: 769px) {
  .row.grid.lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}