@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 100;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-100.eot');
  src: local('Catamaran Thin'), local('Catamaran-Thin'), url('/assets/web/fonts/catamaran-v6-latin-ext-100.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-100.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-100.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-100.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-100.svg#Catamaran') format('svg');
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-300.eot');
  src: local('Catamaran Light'), local('Catamaran-Light'), url('/assets/web/fonts/catamaran-v6-latin-ext-300.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-300.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-300.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-300.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-300.svg#Catamaran') format('svg');
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-200.eot');
  src: local('Catamaran ExtraLight'), local('Catamaran-ExtraLight'), url('/assets/web/fonts/catamaran-v6-latin-ext-200.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-200.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-200.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-200.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-200.svg#Catamaran') format('svg');
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-regular.eot');
  src: local('Catamaran Regular'), local('Catamaran-Regular'), url('/assets/web/fonts/catamaran-v6-latin-ext-regular.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-regular.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-regular.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-regular.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-regular.svg#Catamaran') format('svg');
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-500.eot');
  src: local('Catamaran Medium'), local('Catamaran-Medium'), url('/assets/web/fonts/catamaran-v6-latin-ext-500.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-500.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-500.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-500.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-500.svg#Catamaran') format('svg');
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-700.eot');
  src: local('Catamaran Bold'), local('Catamaran-Bold'), url('/assets/web/fonts/catamaran-v6-latin-ext-700.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-700.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-700.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-700.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-700.svg#Catamaran') format('svg');
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-600.eot');
  src: local('Catamaran SemiBold'), local('Catamaran-SemiBold'), url('/assets/web/fonts/catamaran-v6-latin-ext-600.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-600.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-600.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-600.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-600.svg#Catamaran') format('svg');
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-800.eot');
  src: local('Catamaran ExtraBold'), local('Catamaran-ExtraBold'), url('/assets/web/fonts/catamaran-v6-latin-ext-800.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-800.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-800.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-800.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-800.svg#Catamaran') format('svg');
}
@font-face {
  font-family: 'Catamaran';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/web/fonts/catamaran-v6-latin-ext-900.eot');
  src: local('Catamaran Black'), local('Catamaran-Black'), url('/assets/web/fonts/catamaran-v6-latin-ext-900.eot?#iefix') format('embedded-opentype'), url('/assets/web/fonts/catamaran-v6-latin-ext-900.woff2') format('woff2'), url('/assets/web/fonts/catamaran-v6-latin-ext-900.woff') format('woff'), url('/assets/web/fonts/catamaran-v6-latin-ext-900.ttf') format('truetype'), url('/assets/web/fonts/catamaran-v6-latin-ext-900.svg#Catamaran') format('svg');
}

body {
  font-family: sans-serif;
  color: #454554;
  font-family: Catamaran;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
  padding: 0;
  margin: 0;
  padding-top: 65px;
  background: linear-gradient(180deg,#EDF1F7 0px,rgba(237,241,247,0) 300px);
}
@media only screen and (min-width: 1200px) {
  body {
    padding-top: initial;
  }
}
#snippet--body > div {
  padding: 0 15px;
  width: 100%;
}
a {
  color: #423399;
}
.subtitle {
  font-size: 20px;
  text-align: center;
  color: #474457;
  width: 70%;
  margin: 0 15% 30px 15%;
}
h1 {
  text-align: center;
  font-size: 50px;
  letter-spacing: -0.63px;
  line-height: 1.3;
}
h2 {
  font-size: 40px;
  text-align: center;
  color: #14141F;
  font-weight: 500;
  letter-spacing: -0.44px;
  line-height: 1.3;
}
h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
  color: #333;
}
h3 small {
  text-transform: uppercase;
  font-size: 13px;
}
h3 small::before {
  content: "\A";
  white-space: pre;
  font-size: 0px;
}
h3 small>b {
  font-weight: 300;
}
h3>a {
  text-decoration: underline;
}
h4 {
  color: #423399;
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  margin: 10px 0;
}
@media only screen and (min-width: 1200px) {
  h4 {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.44px;
    line-height: 66px;
  }
}
.mt-2 {
  margin-top: 20px;
}
.mt-6 {
  margin-top: 60px;
}
.mt-10 {
  margin-top: 100px;
}
.container {
  max-width: 1290px;
  margin: 0 auto;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 15px;
  z-index: 1000;
  background-color: #FFFFFF;
  height: 65px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) {
  #header {
    position: initial;
    top: initial;
    padding-top: 63px;
    height: initial;
    background-color: initial;
    max-width: 1070px;
  }
}
#header ul.menu-top {
  margin: 0;
  list-style: none;
  min-width: 150px;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  #header ul.menu-top {
    margin: initial;
  }
}
#header ul.menu-top ul.submenu {
  display: none;
  position: absolute;
  width: auto;
  right: 20px;
  background: rgba(255,255,255,0.8);
  margin-top: 30px;
}
#header ul.menu-top ul.submenu.active {
  display: block;
}
@media only screen and (min-width: 1200px) {
  #header ul.menu-top ul.submenu {
    display: block;
    margin-top: 0;
    background: none;
    position: relative;
  }
}
#header ul.menu-top ul.submenu li {
  display: block;
  padding-left: 20px;
}
#header ul.menu-top ul.submenu li i {
  display: none;
}
@media only screen and (min-width: 1200px) {
  #header ul.menu-top ul.submenu li {
    display: inline-block;
  }
}
#header ul.menu-top>li {
  vertical-align: middle;
  list-style: none;
  display: inline-block;
  padding-left: 20px;
}
#header ul.menu-top>li:first-child {
  padding: 0;
}
#header ul.menu-top>li.order {
  display: none;
  color: orangered;
  margin-right: 40px;
}
@media only screen and (min-width: 768px) {
  #header ul.menu-top>li.order {
    display: initial;
  }
}
@media only screen and (min-width: 1200px) {
  #header ul.menu-top>li.order {
    margin-right: 0;
  }
}
#header ul.menu-top>li.brgr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
#header ul.menu-top>li.brgr i {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) {
  #header ul.menu-top>li.brgr {
    position: initial;
  }
}
@media only screen and (min-width: 1200px) {
  #header ul.menu-top>li.brgr {
    display: none;
  }
}
#header ul.menu-top>li a {
  text-decoration: none;
}
#header ul.menu-top>li a:hover {
  text-decoration: underline;
}
#header>h2 {
  padding: 0;
  margin: 0;
  display: flex;
  height: 100%;
  align-items: center;
}
#header>h2>a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
#header>h2>a>big,
#header>h2>a>small {
  display: block;
}
#header>h2>a>big {
  height: 30px;
  width: 213px;
  color: transparent;
  background: url('/assets/web/css/images/Header/webzdarma-logo.svg') center center no-repeat;
  font-size: 1px;
}
#header>h2>a>small {
  display: none;
  height: 21px;
  width: 219px;
  opacity: 0.7;
  color: #454554;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 21px;
  text-transform: uppercase;
  margin-top: 10px;
}
@media only screen and (min-width: 1200px) {
  #header>h2>a>small {
    display: initial;
  }
}
@media only screen and (min-width: 1200px) {
  #header>h2 {
    display: initial;
    height: initial;
    align-items: initial;
  }
}
.text-center {
  text-align: center;
}
.btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  background: #423399;
  color: #fff;
  text-decoration: none;
  border: 0px transparent;
  font-size: 18px;
  cursor: pointer;
}
.btn-transparent {
  background-color: transparent;
  color: #423399;
}
.btn-violet {
  border: 2px solid #423399;
}
.btn-border {
  background-color: transparent;
  color: #423399;
  border: 2px solid #423399;
}
.btn-disabled,
.btn-violet[disabled],
.btn[disabled] {
  background-color: transparent;
  color: #EDF1F7;
  border: 2px solid #EDF1F7;
}
button.btn {
  border: 0px;
}
.btn-lg {
  padding: 10px 35px;
  border-radius: 6px;
  font-size: 18px;
}
.btn-xl {
  padding: 16px 25px;
  border-radius: 6px;
  font-size: 32;
  font-weight: 500;
}
.btn-green {
  background-color: #0CBA69;
  color: #FFF;
}
.btn-red {
  background-color: #F43826;
  color: #FFFFFF;
  font-size: 32px;
  letter-spacing: -0.5px;
  line-height: 52px;
  text-align: center;
}
.label {
  height: 22px;
  width: 90.8px;
  color: #FFFFFF;
  font-family: Catamaran;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.18px;
  line-height: 22px;
  text-align: center;
  border-radius: 3px;
  padding: 1px 5px;
  vertical-align: middle;
}
.label-green {
  background-color: #0CBA69;
  color: #FFF;
}
.label-gray {
  background-color: #454554;
  color: #FFF;
}
.i-motto {
  border-radius: 50%;
  width: 140px;
  height: 140px;
  vertical-align: center;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.i-motto.i-motto-red-white {
  background: #FFF;
  color: #F43826;
}
.i-motto.i-motto-gray-white {
  background: #FFF;
  color: #454554;
}
.i-motto>span {
  display: block;
  width: 100%;
  margin: auto;
}
.i-motto span>span {
  text-transform: uppercase;
  line-height: 40px;
  font-size: 40px;
  width: 100%;
  display: block;
}
.i-motto.i-motto-2 span>span:first-child {
  font-size: 24px;
  line-height: 24px;
  height: 24px;
}
.i-motto.i-motto-2 span>span:last-child {
  font-size: 30px;
  line-height: 30px;
  height: 30px;
}
.i-motto.i-motto-3 span>span {
  font-size: 40px;
  line-height: 40px;
  height: 40px;
}
.i-motto.i-motto-3 span>span:first-child {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
}
.i-motto.i-motto-3 span>span:last-child {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
}
.text-green {
  color: #0CBA69;
}
.text-violet {
  color: #423399;
}
.fa-info-circle-o {
  color: #423399;
  border: 2px solid #423399;
  border-radius: 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
}
.fa-info-circle-o:before {
  content: "i";
  padding: 5px 0 0 0;
  font-family: Catamaran;
  font-weight: bold;
}
div.footer {
  margin-top: 50px;
  background-color: #EDF1F7;
  font-weight: 400;
  width: 100%;
}
div.footer a {
  text-decoration: none;
}
div.footer a:hover {
  text-decoration: underline;
}
div.footer .container {
  padding-top: 15px;
}
@media only screen and (min-width: 992px) {
  div.footer .container {
    padding-top: 50px;
  }
}
div.footer .container li {
  list-style: none;
  padding: 0;
}
div.footer .container ul.menu {
  max-width: 900px;
  display: grid;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  div.footer .container ul.menu {
    grid-template-columns: 50% 50%;
  }
}
@media only screen and (min-width: 768px) {
  div.footer .container ul.menu {
    grid-template-columns: 33% 33% 33%;
  }
}
@media only screen and (min-width: 992px) {
  div.footer .container ul.menu {
    margin: 20px auto 60px auto;
    display: flex;
    justify-content: space-between;
  }
}
div.footer .wz-status .shield {
  text-align: center;
  line-height: 50px;
  padding: 0 0 30px 0;
}
div.footer .wz-status .shield img {
  vertical-align: middle;
}
div.footer .wz-status .items {
  max-width: 368px;
  margin: 0 auto;
  border-radius: 5px;
  padding: 13px 16px 11px 16px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  letter-spacing: 3px;
}
@media only screen and (min-width: 576px) {
  div.footer .wz-status .items {
    flex-direction: row;
    align-items: initial;
  }
}
div.footer .wz-status .items .ok i {
  color: #0CBA69;
}
div.footer .wz-status .items .error i {
  color: #F43826;
}
div.footer .paymethods {
  text-align: center;
  padding: 60px 0 45px 0;
  font-size: 16px;
  line-height: 30px;
}
div.footer .paymethods img,
div.footer .paymethods span {
  vertical-align: middle;
}
div.footer .paymethods img {
  margin-right: 25px;
}
div.footer .paymethods img:first-of-type {
  margin-right: 0;
  margin-bottom: 25px;
  max-width: 80vw;
  height: auto;
}
@media only screen and (min-width: 576px) {
  div.footer .paymethods img:first-of-type {
    margin-right: 25px;
    margin-bottom: initial;
    max-width: initial;
    height: 30px;
  }
}
div.footer .copyright {
  margin: 0 0 0 15px;
  padding: 0 0 53px 0;
}
div.footer .copyright>div {
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  div.footer .copyright {
    display: flex;
    justify-content: space-between;
  }
  div.footer .copyright>div {
    margin: 0;
  }
}
div.footer .copyright>div:last-child a {
  display: inline-block;
  padding: 0 15px 0 0;
}
p {
  font-size: 20px;
  font-weight: 300;
}
.mt-5 {
  margin-top: 60px;
}
.w-60 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
hr {
  border: 4px solid #423399;
  border-top: 0px;
  border-radius: 0px 0px 4px 4px;
  margin-top: 0px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
input.input-big {
  border: 2px solid #454554;
  border-radius: 6px;
  padding: 12px;
  font-size: 16px;
  min-width: 80%;
  margin: 12px auto 12px auto;
  display: block;
}
.btn[disabled=disabled] {
  background-color: #ccc;
  cursor: not-allowed;
}
.alert {
  border-radius: 8px;
  padding: 15px 30px;
  font-size: 14px;
  width: 80%;
  margin: 0 auto 20px auto;
}
.alert.alert-success {
  background: #0CBA69;
  color: #FFF;
}
.alert.alert-error {
  background: #F43826;
  color: #FFF;
}
.alert.alert-info {
  background: #EDF1F7;
  color: #454554;
}
.text-red {
  color: #F43826;
}
.text-gray {
  color: #454554;
}
.text-violet {
  color: #423399;
}
.box-shadow {
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
  padding: 0 25px 15px 25px;
}
.order .order-customer fieldset.has-success {
  border-color: #0CBA69;
}
.order .order-customer fieldset.has-error {
  border-color: #F43826;
}
.ajaxloader {
  position: absolute;
  background: url('/assets/web/css/images/ajaxloader.svg') center center no-repeat;
  background-size: 160px 160px;
}
iframe {
  max-width: 100%;
}
#mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(69,69,84,0.75);
  display: flex;
  justify-content: space-between;
  transition: transform .2s ease;
  transform: translateX(100%);
}
#mobile-menu.slide-in {
  transform: translateX(0);
}
#mobile-menu.slide-in .transparent-area {
  box-shadow: -50px 0px 40px 0px rgba(69,69,84,0.75);
}
#mobile-menu .transparent-area {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  color: white;
  padding: 30px;
  text-shadow: 0px 0px 10px black;
}
#mobile-menu .sidebar-area {
  background-color: white;
  padding: 20px;
}
#mobile-menu .sidebar-area .mobile-menu-logo {
  display: block;
  height: 30px;
  width: 213px;
  color: transparent;
  background: url('/assets/web/css/images/Header/webzdarma-logo.svg') center center no-repeat;
  margin-bottom: 40px;
}
#mobile-menu .sidebar-area ul {
  list-style: none;
  padding: 0;
}
#mobile-menu li {
  margin: 10px 0;
}
#mobile-menu a {
  text-decoration: none;
}
#mobile-menu hr {
  border: 2px solid #EDF1F7;
  border-top: 0;
  border-radius: 0;
  margin: 20px -20px 20px -20px;
}
#mobile-menu .order-btn-block {
  margin-bottom: 30px;
}

.blocks {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.block {
  display: block;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin: 0 30px 30px 0;
  box-shadow: rgba(0,0,0,0.1) 0 0 10px;
  position: relative;
  z-index: 30;
  padding: 25px 27px 27px 27px;
  box-sizing: border-box;
}
.block:before {
  content: "";
  display: block;
  position: absolute;
  left: 25px;
  top: 0;
  background-color: #423399;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 4px;
  width: calc(100% - 50px);
}
.block a {
  text-decoration: none;
}
.block h2 {
  margin: 0 0 20px 0;
  line-height: 1.3;
  font-size: 1.1rem;
  font-weight: 400;
  text-decoration: none;
  color: #423399;
}
.block.wide {
  width: calc(50% - 50px);
}
.block.ultrawide {
  width: calc(75% - 15px);
}
.block.small {
  width: calc(25% - 23px);
}

.aboutus .col2 > div {
  float: left;
  width: 50%;
  min-width: 320px;
}
.aboutus .col2 > div h2,
.aboutus .col2 > div h3 {
  text-align: left;
}
.aboutus .bigger {
  clear: both;
  font-size: 22px;
  margin: 0px;
  padding: 50px;
}
.aboutus ol {
  padding: 0;
  counter-reset: item;
}
.aboutus ol li {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 30px;
  list-style-type: none;
  counter-increment: item;
  margin: 0 0 0 30px;
  position: relative;
}
.aboutus ol li:before {
  display: inline-block;
  width: 10px;
  font-weight: bold;
  text-align: left;
  content: counter(item) ".";
  position: absolute;
  left: -30px;
}
.aboutus b {
  font-weight: 500;
}
.web-conditionsofuse-default div.conditions ol,
.web-conditionsofuse-smlouvaobchodnipodminky div.conditions ol {
  counter-reset: item;
}
.web-conditionsofuse-default div.conditions > ol > li h3,
.web-conditionsofuse-smlouvaobchodnipodminky div.conditions > ol > li h3 {
  display: inline;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
.web-conditionsofuse-default div.conditions > ol > li ol,
.web-conditionsofuse-smlouvaobchodnipodminky div.conditions > ol > li ol {
  font-size: 20px;
  font-weight: normal;
}
.web-conditionsofuse-default div.conditions li,
.web-conditionsofuse-smlouvaobchodnipodminky div.conditions li {
  display: block;
  font-weight: normal;
  text-indent: -1.25em;
}
.web-conditionsofuse-default div.conditions li:before,
.web-conditionsofuse-smlouvaobchodnipodminky div.conditions li:before {
  content: counters(item,".") ". ";
  counter-increment: item;
}

div.comparison {
  overflow-x: auto;
}
div.comparison table {
  background: #fff;
  width: 100%;
  border-collapse: separate;
  border: 0;
  border-spacing: 30px 0;
}
div.comparison table thead tr {
  background: #fff;
}
div.comparison table thead tr th:first-child {
  background: #fff;
}
div.comparison table thead th,
div.comparison table thead td {
  border-radius: 16px 16px 0 0;
}
div.comparison table thead th>span,
div.comparison table thead td>span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.comparison table tbody tr:first-child th,
div.comparison table tbody tr:first-child td {
  padding-top: 20px;
}
div.comparison table tbody tr:first-child th {
  border-top: 1px solid #fff;
  border-radius: 16px 0 0 0;
}
div.comparison table tbody tr {
  background: #EDF1F7;
}
div.comparison table tbody tr th:first-child {
  background: #EDF1F7;
  border: 0;
  border-width: 0;
  border-left: 1px solid #fff;
  margin-right: -30px;
}
div.comparison table tbody th,
div.comparison table tbody td {
  border: 0;
  width: 25%;
  text-align: left;
  padding: 10px 30px;
  margin-right: 10px;
}
div.comparison table tbody th.disadv,
div.comparison table tbody td.disadv {
  color: #F43826;
}
div.comparison table tbody tr.hr td,
div.comparison table tbody tr.hr th {
  border-top: 2px solid #fff;
  padding-top: 20px;
  font-weight: 700;
}
div.comparison table tbody tr.hr-pre td,
div.comparison table tbody tr.hr-pre th {
  padding-bottom: 22px;
}
div.comparison table th {
  font-weight: 500;
}
div.comparison table tr th:nth-child(2),
div.comparison table tr td:nth-child(2) {
  background-color: rgba(66,51,153,0.1);
}
div.comparison table tr th:nth-child(3),
div.comparison table tr td:nth-child(3) {
  background-color: rgba(12,186,105,0.1);
}
div.comparison table tr th:nth-child(4),
div.comparison table tr td:nth-child(4) {
  background-color: rgba(69,69,84,0.1);
}
div.comparison table td:first-child,
div.comparison table th:first-child {
  border: 0;
}
div.comparison table thead th {
  border-radius: 16px 16px 0 0;
  padding: 20px 30px 10px 30px;
  font-size: 30px;
  letter-spacing: -0.2px;
  border-bottom: 4px solid #423399;
}
div.comparison table .fa-check {
  color: #0CBA69;
}
div.comparison table .fa-times {
  color: #F43826;
}
div.comparison table td.disadv {
  color: #49435A;
}
div.comparison table .i-motto {
  margin: -95px auto 0px auto;
}
div.comparison table tr.order-pre td,
div.comparison table tr.order-pre th {
  padding-bottom: 105px;
}
div.comparison table tr.price td,
div.comparison table tr.price th {
  text-align: center;
  font-size: 30px;
  line-height: 24px;
}
div.comparison table tr.price td small,
div.comparison table tr.price th small {
  font-size: 18px;
}
div.comparison table tr.price td s,
div.comparison table tr.price th s {
  display: block;
  font-size: 18px;
}
div.comparison table tr.price td.discounted .amount,
div.comparison table tr.price th.discounted .amount {
  color: #F43826;
}
div.comparison table tr:last-child th,
div.comparison table tr:last-child td {
  padding-bottom: 30px;
}
div.comparison table tr:last-child th:first-child,
div.comparison table tr:last-child td:first-child {
  border-radius: 0 0 0 16px;
}
.service-details {
  display: grid;
  grid-template-columns: 100%;
}
@media only screen and (min-width: 576px) {
  .service-details {
    grid-template-columns: 50% 50%;
  }
}
.service-details .col-left {
  padding-right: 0;
}
@media only screen and (min-width: 576px) {
  .service-details .col-left {
    padding-right: 20px;
  }
}
.service-details .col-right {
  padding-left: 0;
}
@media only screen and (min-width: 576px) {
  .service-details .col-right {
    padding-left: 20px;
  }
}
.service-details ul li {
  color: #4C415F;
  font-family: Catamaran;
  font-size: 20px;
  font-weight: 300;
}
.service-details h3 {
  color: #141420;
  font-family: Catamaran;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.2px;
  text-align: left;
}

div.hp-domains h3,
div.order-domains h3 {
  margin: 80px 0;
}
div.hp-domains > ul.hp-domains-tlds,
div.order-domains > ul.hp-domains-tlds {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}
div.hp-domains > ul.hp-domains-tlds > li,
div.order-domains > ul.hp-domains-tlds > li {
  list-style: none;
  padding: 0;
  width: 50%;
  text-align: center;
  color: #454554;
  font-family: Catamaran;
  height: 42px;
  font-size: 24px;
  letter-spacing: -0.67px;
  line-height: 50px;
  background-color: #EDF1F7;
  border-radius: 5px;
}
@media only screen and (min-width: 576px) {
  div.hp-domains > ul.hp-domains-tlds > li,
  div.order-domains > ul.hp-domains-tlds > li {
    width: calc(12.5%);
  }
}
@media only screen and (min-width: 992px) {
  div.hp-domains > ul.hp-domains-tlds > li,
  div.order-domains > ul.hp-domains-tlds > li {
    height: 98px;
    font-size: 60px;
    letter-spacing: -0.67px;
    line-height: 98px;
  }
}
div.hp-domains > ul.hp-domains-tlds > li:nth-child(even),
div.order-domains > ul.hp-domains-tlds > li:nth-child(even) {
  margin-top: 50px;
}
div.hp-domains > ul.hp-domains-tlds > li:nth-child(odd),
div.order-domains > ul.hp-domains-tlds > li:nth-child(odd) {
  margin-top: 10px;
}
div.hp-domains > ul.hp-domains-tlds > li:nth-child(1),
div.order-domains > ul.hp-domains-tlds > li:nth-child(1) {
  margin-top: 0px;
}
div.hp-domains > ul.hp-domains-tlds > li span.label,
div.order-domains > ul.hp-domains-tlds > li span.label {
  position: absolute;
  margin-top: -12px;
}
@media only screen and (min-width: 576px) {
  div.hp-domains > ul.hp-domains-tlds > li span.label,
  div.order-domains > ul.hp-domains-tlds > li span.label {
    margin-top: -2px;
  }
}
div.hp-domains > ul.hp-domains-tlds > li span.label:nth-child(2),
div.order-domains > ul.hp-domains-tlds > li span.label:nth-child(2) {
  margin-top: -37px;
}
@media only screen and (min-width: 576px) {
  div.hp-domains > ul.hp-domains-tlds > li span.label:nth-child(2),
  div.order-domains > ul.hp-domains-tlds > li span.label:nth-child(2) {
    margin-top: -27px;
  }
}
div.hp-domains ~ .w-60,
div.order-domains ~ .w-60 {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  div.hp-domains ~ .w-60,
  div.order-domains ~ .w-60 {
    width: 60%;
  }
}
ul.domains-top7 {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
ul.domains-top7 li {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 102px;
  text-align: center;
  color: #fff;
  border: 2px solid #FFFFFF;
  font-weight: 500;
}
ul.domains-top7 li:nth-child(1) {
  background-color: #423399;
  font-size: 60px;
  font-weight: 500;
  margin-left: 0px;
  width: 204px;
  height: 204px;
  line-height: 196px;
}
ul.domains-top7 li:nth-child(2) {
  background-color: #0CBA69;
  font-size: 60px;
  font-weight: 500;
  margin-left: -30px;
  width: 144px;
  height: 144px;
  line-height: 136px;
}
ul.domains-top7 li:nth-child(3) {
  background-color: #423399;
  font-size: 54px;
  font-weight: 300;
  margin-left: -25px;
  width: 144px;
  height: 144px;
  line-height: 136px;
}
ul.domains-top7 li:nth-child(4) {
  background-color: #F43826;
  font-size: 40px;
  font-weight: 300;
  margin-left: -12px;
  width: 104px;
  height: 104px;
  line-height: 96px;
}
ul.domains-top7 li:nth-child(5) {
  background-color: #454554;
  font-size: 24px;
  font-weight: 300;
  margin-left: -15px;
  width: 64px;
  height: 64px;
  line-height: 59px;
}
ul.domains-top7 li:nth-child(6) {
  background-color: #454554;
  font-size: 18px;
  font-weight: 300;
  margin-left: -12px;
  width: 54px;
  height: 54px;
  line-height: 48px;
}
ul.domains-top7 li:nth-child(7) {
  background-color: #454554;
  font-size: 14px;
  font-weight: 300;
  margin-left: -10px;
  width: 34px;
  height: 34px;
  line-height: 30px;
}
ul.domains-free {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.domains-free li {
  display: inline-block;
  margin: 5px;
  height: 80px;
  line-height: 80px;
  border-radius: 5px;
  background-color: #EDF1F7;
  background: linear-gradient(180deg,rgba(235,235,235,0.5) 0%,#EDF1F7 100%);
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  padding: 0 10px;
}
@media only screen and (min-width: 992px) {
  ul.domains-free li {
    width: calc(25% - 20px);
    padding: 0;
    font-size: 60px;
  }
}

.form-block {
  margin-bottom: 20px;
  position: relative;
  z-index: 30;
  text-align: left;
}
.form-block textarea,
.form-block input {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #454554;
  border-radius: 6px;
  padding: 15px;
  text-align: left;
  color: #464556;
  font-size: 0.9rem;
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
}
.form-block textarea:not(textarea),
.form-block input:not(textarea) {
  height: 50px;
}
.form-block input.form-input.ok {
  border-color: #0CBA69;
  background: url('/assets/web/images/ico_ok.svg') right 15px center no-repeat;
}
.form-block input[type=radio] {
  width: auto;
}
.form-input:focus {
  outline: 0;
}
.form-label {
  font-size: 0.9rem;
  color: #454545;
  width: 100%;
  text-align: left;
  line-height: 1.3em;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 15px;
  transition: .2s ease;
  box-sizing: border-box;
  padding: 0 15px;
}
.form-input-active~.form-label {
  top: -11px;
  font-size: 0.85rem;
  background-color: #FFFFFF;
  padding: 0 5px;
  left: 12px;
  width: auto;
}
.form-input-active~.form-label .required-label {
  display: none;
}
.form-input-error~.form-label {
  top: -11px;
  font-size: 0.85rem;
  background-color: #FFFFFF;
  padding: 0 5px;
  left: 12px;
  width: auto;
}
.form-input-error~.form-label .required-label {
  display: none;
}
.form-blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-blocks .form-block:first-child {
  width: 90px;
}
.form-blocks .form-block:last-child {
  width: calc(100% - 100px);
}
.required-label {
  position: absolute;
  right: 15px;
  top: 3px;
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 0.7rem;
  font-weight: 500;
}
.checker {
  width: 18px !important;
  height: 18px;
  line-height: 18px;
  margin: 0 !important;
  float: left;
  border: 2px solid #423399;
  background-color: #FFFFFF;
  border-radius: 0;
  display: inline-block;
  position: relative;
  z-index: 30;
  vertical-align: middle;
}
.checker span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
}
.checker input {
  opacity: 100;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
.checker .checked {
  background: #FFFFFF url('/assets/web/images/checked.svg') center center no-repeat;
}
.checkbox-block {
  text-align: left;
  max-width: 410px;
  margin-bottom: 20px;
}
.checkbox-block label {
  display: block;
  margin-left: 35px;
  line-height: 1.4;
  font-size: 0.9rem;
}
.radio {
  position: absolute;
  z-index: 30;
  width: 100%;
  height: 100%;
}
.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  position: absolute;
  width: 100%;
  height: 100%;
}
.form-info {
  max-width: 304px;
  margin-bottom: 20px;
  text-align: left;
}
.buttons-block,
.form-buttons {
  padding-bottom: 20px;
}
.buttons-block > div,
.form-buttons > div {
  text-align: center;
}
.buttons-block button,
.form-buttons button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 20px 20px;
  border: none;
  cursor: pointer;
  padding: 12px 20px;
  background-color: #0CBA69;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 1.7rem;
  font-weight: 500;
  font-family: 'Catamaran', sans-serif;
  line-height: 1.2;
}
.buttons-block .button2,
.form-buttons .button2 {
  padding: 7px 15px;
  border: 2px solid #423399;
  border-radius: 3px;
  font-weight: 500;
  line-height: 1.3;
  font-size: 1rem;
  color: #423399;
  background-color: #FFFFFF;
}
.buttons-block .button3,
.form-buttons .button3 {
  padding: 10px 22px;
  font-size: 1rem;
  line-height: 1.3;
  border-radius: 3px;
  color: #FFFFFF;
  background-color: #423399;
}
.buttons-block a,
.form-buttons a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  line-height: 1.4;
  margin-bottom: 20px;
}
.buttons-block .back,
.form-buttons .back {
  padding-left: 50px;
  background: url('/assets/web/images/arrow_back.svg') left center no-repeat;
}
.buttons-block .next,
.form-buttons .next {
  padding-right: 50px;
  background: url('/assets/web/images/arrow_more.svg') right center no-repeat;
}
.radio-block-whole {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.radio-block-whole .radio-block {
  width: calc(100% - 170px);
}

.form-col {
  max-width: 410px;
  margin: 0 auto;
}
.form-block {
  margin-bottom: 20px;
  position: relative;
  z-index: 30;
  text-align: left;
}
.form-block input {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  border: 2px solid #454554;
  border-radius: 6px;
  padding: 15px;
  text-align: left;
  color: #464556;
  font-size: 0.9rem;
  font-family: 'Catamaran', sans-serif;
  font-weight: 400;
}
.form-block input.form-input.ok {
  border-color: #0CBA69;
  background: url('/assets/webadmin/css/images/ico_ok.svg') right 15px center no-repeat;
}
.form-input:focus {
  outline: 0;
}
.form-label {
  font-size: 0.9rem;
  color: #454545;
  width: 100%;
  text-align: left;
  line-height: 1.3em;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 15px;
  transition: .2s ease;
  box-sizing: border-box;
  padding: 0 15px;
}
.form-input-active~.form-label,
.form-input-error~.form-label {
  top: -11px;
  font-size: 0.85rem;
  background-color: #FFFFFF;
  padding: 0 5px;
  left: 12px;
  width: auto;
}
.login .form-label {
  top: 10px;
  font-size: 0.8rem;
}
.login .form-input-active~.form-label,
.login .form-input-error~.form-label {
  top: 10px;
  font-size: 0.8rem;
  padding: 0 15px;
  left: 0;
  color: #A0A0A7;
  background-color: transparent;
}
.login .form-block input {
  padding-top: 22px;
  padding-bottom: 5px;
  font-size: 0.85rem;
  height: 60px;
}
.form-blocks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-blocks .form-block:first-child {
  width: 90px;
}
.form-blocks .form-block:last-child {
  width: calc(0%);
}
.required {
  position: absolute;
  right: 15px;
  top: 3px;
  text-transform: uppercase;
  line-height: 1.3;
  font-size: 0.7rem;
  font-weight: 500;
}
.form-input-active~.form-label .required,
.form-input-error~.form-label .required {
  display: none;
}
.checker {
  width: 18px !important;
  height: 18px;
  line-height: 18px;
  margin: 0 !important;
  float: left;
  border: 2px solid #423399;
  background-color: #FFFFFF;
  border-radius: 0;
  display: inline-block;
  position: relative;
  z-index: 30;
  vertical-align: middle;
}
.checker span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
}
.checker input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
.checker .checked {
  background: #FFFFFF url('/assets/webadmin/css/images/checked.svg') center center no-repeat;
}
.checkbox-block {
  text-align: left;
  max-width: 410px;
  margin-bottom: 20px;
}
.checkbox-block label {
  display: block;
  margin-left: 35px;
  line-height: 1.4;
  font-size: 0.9rem;
}
.form-col.wider {
  max-width: 470px;
}
.radio-block {
  width: 304px;
  height: 72px;
  box-sizing: border-box;
  border: 2px solid #454554;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.radio {
  position: absolute;
  z-index: 30;
  width: 100%;
  height: 100%;
}
.radio input {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  border: none;
  background: none;
  display: -moz-inline-box;
  position: absolute;
  width: 100%;
  height: 100%;
}
.radio-block label {
  display: inline-block;
  width: 50%;
  padding: 12px 2px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  line-height: 1.3;
  cursor: pointer;
}
.radio-block label.active {
  color: #FFFFFF;
  background-color: #423399;
  border-radius: 3px;
}
.form-info {
  max-width: 304px;
  margin-bottom: 20px;
  text-align: left;
}
.info-ico {
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  box-sizing: border-box;
  border: 2px solid #454545;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8rem;
  float: left;
}
.info-text {
  display: block;
  margin-left: 30px;
  color: #464646;
  line-height: 1.4;
  font-size: 0.9rem;
}
.form-buttons {
  padding-bottom: 20px;
}
.form-buttons button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 20px 20px;
  border: none;
  cursor: pointer;
  padding: 12px 20px;
  background-color: #0CBA69;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 1.7rem;
  font-weight: 500;
  font-family: 'Catamaran', sans-serif;
  line-height: 1.2;
}
.form-buttons .button2 {
  padding: 7px 15px;
  border: 2px solid #423399;
  border-radius: 3px;
  font-weight: 500;
  line-height: 1.3;
  font-size: 1rem;
  color: #423399;
  background-color: #FFFFFF;
}
.form-buttons .button3:not(.primary):not(.button2) {
  padding: 10px 22px;
  font-size: 1rem;
  line-height: 1.3;
  border-radius: 3px;
  color: #FFFFFF;
  background-color: #423399;
}
.form-buttons a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  line-height: 1.4;
  margin-bottom: 20px;
}
.form-buttons .back {
  padding-left: 50px;
  background: url('/assets/webadmin/css/images/arrow_back.svg') left center no-repeat;
}
.form-buttons .next {
  padding-right: 50px;
  background: url('/assets/webadmin/css/images/arrow_more.svg') right center no-repeat;
}

#addTopic,
#newPost {
  margin-top: 25px;
}
.forum-list .block a {
  color: #454554;
}
.forum-list .block a h2 {
  font-size: 16pt;
}
.web-forum-topic h1,
.web-forum-detail h1 {
  text-align: center;
  line-height: 50px;
}
@media only screen and (min-width: 576px) {
  .web-forum-topic h1,
  .web-forum-detail h1 {
    text-align: left;
  }
}
.web-forum-topic .subtitle,
.web-forum-detail .subtitle {
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .web-forum-topic .subtitle,
  .web-forum-detail .subtitle {
    text-align: left;
    margin: 0 0 10px 0;
    margin: 60px 0 10px 0;
  }
}
.web-forum-topic .container,
.web-forum-detail .container {
  max-width: 1070px;
}
.web-forum-topic .breadcrumb,
.web-forum-detail .breadcrumb {
  font-size: 20px;
  margin: 0 0 60px 0;
}
.web-forum-topic .rTable {
  border-collapse: collapse;
}
.web-forum-topic .rTable td {
  border-bottom: 1px solid #C6C1E0;
  padding: 8px;
  line-height: 20px;
}
.web-forum-topic .rTable .i-date {
  min-width: 140px;
}
.web-forum-detail .block.i-level-1 {
  margin: 0 30px 20px 0;
}
.web-forum-detail .i-reply {
  margin: 0 0 40px 0;
}
.web-forum-detail .block:nth-child(even):before {
  background-color: #454554;
}
.web-forum-detail .block {
  padding: 25px 0 0 0;
}
.web-forum-detail .block .i-content {
  padding: 0 27px 21px 27px;
}
.web-forum-detail .block .i-footer {
  background-color: #EDF1F7;
  border-radius: 0 0 8px 8px;
  padding: 10px 27px 10px 27px;
  font-size: 16px;
}
.web-forum-detail .block .i-footer object,
.web-forum-detail .block .i-footer img {
  vertical-align: middle;
  margin-right: 10px;
}
.web-forum-detail h2 {
  line-height: 40px;
  color: #151321;
  text-align: left;
  margin: 0px 0 10px 0;
}
.web-forum-detail .last-topics {
  margin: 0 0 20px 0;
}
.web-forum-detail .last-topics a {
  display: block;
  padding: 12px 10px;
  line-height: 20px;
  border-bottom: 1px solid #B3B1C5;
  text-decoration: none;
}
.web-forum-detail .last-topics a:hover {
  text-decoration: underline;
}
.web-forum-detail .last-topics a:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 992px) {
  .web-forum-detail .forum-detail-container {
    display: grid;
    grid-template-columns: 74% 26%;
    column-gap: 10px;
  }
}
.forum-topics.block {
  overflow: auto;
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  .forum-topics.block {
    margin: 0 30px 30px 0;
  }
}

div.web-homepage {
  width: 100%;
}
div.web-homepage-default.zimni {
  background-image: url('/assets/web/css/images/ZimniBg.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}
div.web-homepage-default.dvacetlet {
  background-image: url('/assets/web/css/images/Home-20let/20letBgsml.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}
div.web-homepage-default.leto2021 {
  background-image: url('/assets/web/css/images/LetniBg.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}
div.web-homepage-default.podzim2021 {
  background-image: url('/assets/web/css/images/RobotBg@2x.jpg');
  background-repeat: no-repeat;
  background-size: 100%;
}
.cloud-1 {
  background: url('/assets/web/css/images/Cloud3.png') no-repeat 10% 520px;
}
.cloud-2 {
  background: url('/assets/web/css/images/Cloud1.png') no-repeat 25% 190px;
}
.cloud-3 {
  background: url('/assets/web/css/images/Cloud4.png') no-repeat 50% 580px;
}
.cloud-4 {
  background: url('/assets/web/css/images/Cloud2.png') no-repeat 90% 401px;
}
div.earth {
  background: url('/assets/web/css/images/Green shape.svg') center 155px no-repeat;
  background-size: 100%;
}
div.earth .container>.title {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  div.earth .container>.title {
    text-align: left;
  }
}
div.hp-banner {
  padding-top: 143px;
  text-align: center;
}
div.hp-banner .claim {
  color: #454555;
  font-family: Catamaran;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  div.hp-banner .claim {
    font-size: 80px;
  }
}
div.hp-banner .cta {
  margin-top: 60px;
}
div.hp-banner .cta .btn {
  padding: 10px 50px;
}
div.hp-banner-discount>div.hp-banner-top {
  padding-top: 70px;
  justify-content: space-between;
  align-items: center;
}
div.hp-banner-discount>div.hp-banner-top br {
  display: none;
}
@media only screen and (min-width: 992px) {
  div.hp-banner-discount>div.hp-banner-top {
    display: flex;
    flex-wrap: wrap;
  }
  div.hp-banner-discount>div.hp-banner-top br {
    display: block;
  }
}
div.hp-banner-discount>div.hp-banner-top>div.hp-banner-discount-title {
  font-size: 48px;
  line-height: 48px;
  font-weight: bold;
  letter-spacing: -1px;
}
@media only screen and (min-width: 992px) {
  div.hp-banner-discount>div.hp-banner-top>div.hp-banner-discount-title {
    height: 160px;
    width: 656px;
    font-size: 80px;
    line-height: 80px;
  }
}
div.hp-banner-discount>div.hp-banner-top>div.hp-banner-discount-value>div {
  display: inline-block;
  color: #423399;
}
@media only screen and (min-width: 992px) {
  div.hp-banner-discount>div.hp-banner-top>div.hp-banner-discount-value > div.hp-banner-discount-value-spec {
    color: #454554;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 49px;
    margin-bottom: -50px;
    margin-left: 100px;
  }
  div.hp-banner-discount>div.hp-banner-top>div.hp-banner-discount-value > div.hp-banner-discount-value-val {
    font-family: Catamaran;
    font-size: 300px;
    height: 320px;
    width: 624px;
    line-height: 290px;
    font-weight: 100;
    letter-spacing: -4px;
    text-align: right;
    pointer-events: none;
  }
  div.hp-banner-discount>div.hp-banner-top>div.hp-banner-discount-value > div.hp-banner-discount-value-spec2 {
    color: #454554;
    font-family: Catamaran;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 49px;
    text-align: right;
    margin-top: -80px;
  }
}
div.hp-banner-discount>div.hp-banner-cta {
  margin-top: -8px;
}
div.hp-banner-discount>div.hp-banner-timer {
  display: grid;
  grid-template-columns: 50% 50%;
  max-width: 630px;
  margin: 30px auto 0 auto;
}
@media only screen and (min-width: 768px) {
  div.hp-banner-discount>div.hp-banner-timer {
    grid-template-columns: 25% 25% 25% 25%;
  }
}
div.hp-banner-discount>div.hp-banner-timer>span {
  background-color: #EDF1F7;
  text-align: center;
  padding: 20px;
  border-right: 1px solid #fff;
  color: #454554;
  font-family: Catamaran;
  font-size: 18px;
  letter-spacing: -0.2px;
}
div.hp-banner-discount>div.hp-banner-timer>span:first-child {
  border-radius: 5px 0 0 5px;
}
div.hp-banner-discount>div.hp-banner-timer>span:last-child {
  border-radius: 0 5px 5px 0;
  border: 0;
}
div.hp-banner-discount>div.hp-banner-timer>span b {
  color: #14141F;
  font-family: Catamaran;
  font-size: 60px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: -0.67px;
  text-align: center;
}
div.hp-banner-discount>div.hp-banner-timer>span:nth-child(3) b,
div.hp-banner-discount>div.hp-banner-timer>span:nth-child(4) b {
  font-weight: normal;
}
div.hp-banner-discount>div.hp-banner-timer>span>b::after {
  content: "\A";
  white-space: pre;
}
div.hp-banner-discount-podzim2021>div.hp-banner-top {
  padding-top: 0;
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-title {
  color: #3B355C;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-title {
    display: block;
    flex-direction: unset;
    text-align: left;
    align-items: unset;
  }
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-title .label.label-grey {
  background: #454554;
  color: white;
  font-size: 30px;
  width: 240px;
  height: 50px;
  line-height: 52px;
  display: inline-block;
  margin-top: 24px;
  font-weight: 300;
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-title span {
  font-size: 26px;
  line-height: 50px;
  color: #454554;
  font-weight: 300;
  display: inline-block;
  height: 52px;
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-title span a:hover {
  text-decoration: none;
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-title span.hp-banner-discount-until {
  display: block;
  padding: 0 0 0 15px;
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-value {
  margin-top: 40px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-value {
    margin-top: 70px;
    text-align: left;
  }
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-value>div {
  color: #3B355C;
}
@media only screen and (min-width: 992px) {
  div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-value > div.hp-banner-discount-value-spec {
    font-size: 24px;
  }
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-value .hp-banner-discount-value-val {
  font-size: 50px;
}
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-value .hp-banner-discount-value-spec,
div.hp-banner-discount-podzim2021>div.hp-banner-top>div.hp-banner-discount-value .hp-banner-discount-value-spec2 {
  display: block;
  font-size: 24px;
}
div.hp-banner-discount-leto2021>div.hp-banner-top {
  padding-top: 0;
}
div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-title .label.label-grey {
  background: #454554;
  color: white;
  font-size: 30px;
  width: 215px;
  height: 50px;
  line-height: 52px;
  display: inline-block;
  margin-top: 24px;
  font-weight: 300;
}
div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-title span {
  font-size: 26px;
  line-height: 50px;
  color: #454554;
  font-weight: 300;
  display: inline-block;
  height: 52px;
}
div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-value {
  margin-top: 20px;
}
div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-value>div {
  color: #F43826;
  font-size: 120px;
  margin: -20px 0;
}
@media only screen and (min-width: 768px) {
  div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-value>div {
    margin: initial;
  }
}
@media only screen and (min-width: 768px) {
  div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-value {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 992px) {
  div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-value > div.hp-banner-discount-value-spec {
    font-size: 24px;
  }
}
div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-value .hp-banner-discount-value-spec,
div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-value .hp-banner-discount-value-spec2 {
  display: block;
  font-size: 24px;
}
div.hp-banner-discount-leto2021>div.hp-banner-top>div.hp-banner-discount-value .hp-banner-discount-value-spec2 {
  text-align: right;
}
div.hp-banner-discount-20let>div.hp-banner {
  margin-top: 70px;
}
div.hp-banner-discount-20let>div.hp-banner-top {
  padding-top: 70px;
  justify-content: space-between;
  align-items: center;
}
div.hp-banner-discount-20let>div.hp-banner-top br {
  display: none;
}
@media only screen and (min-width: 992px) {
  div.hp-banner-discount-20let>div.hp-banner-top {
    display: flex;
    flex-wrap: wrap;
  }
  div.hp-banner-discount-20let>div.hp-banner-top br {
    display: block;
  }
}
div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-title {
  color: #454554;
  letter-spacing: -1px;
}
div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-title h1 {
  font-size: 80px;
  line-height: 80px;
  margin: 0;
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-title h1 {
    height: 160px;
    width: 656px;
    font-size: 80px;
    line-height: 80px;
  }
}
div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-title .hp-banner-withcode {
  font-size: 24px;
  line-height: 40px;
}
div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-title .hp-banner-withcode span {
  font-size: 30px;
  background: #454545;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  color: #fff;
  margin-right: 10px;
}
div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-value>div {
  display: inline-block;
  color: #423399;
}
@media only screen and (min-width: 992px) {
  div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-value > div.hp-banner-discount-value-spec {
    color: #454554;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 49px;
    margin-bottom: -50px;
    margin-left: 100px;
    display: block;
  }
  div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-value > div.hp-banner-discount-value-val {
    font-family: Catamaran;
    font-size: 60px;
    font-size: 300px;
    height: 320px;
    width: 624px;
    line-height: 290px;
    font-weight: 100;
    letter-spacing: -4px;
    text-align: right;
    display: block;
    pointer-events: none;
  }
  div.hp-banner-discount-20let>div.hp-banner-top>div.hp-banner-discount-value > div.hp-banner-discount-value-spec2 {
    color: #454554;
    font-family: Catamaran;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 49px;
    text-align: right;
    margin-top: -80px;
    display: block;
  }
}
div.hp-banner-discount-20let > .hp-banner-20let-museum {
  margin-top: 40px;
  display: grid;
  grid-template-columns: auto auto auto;
  justify-items: center;
}
div.hp-banner-discount-20let > .hp-banner-20let-museum > div {
  width: 320px;
  height: 280px;
  background: no-repeat left top;
}
div.hp-banner-discount-20let > .hp-banner-20let-museum > div.y2001 {
  background-image: url('/assets/web/css/images/Home-20let/Old-WZ-1.png');
}
div.hp-banner-discount-20let > .hp-banner-20let-museum > div.y2007 {
  background-image: url('/assets/web/css/images/Home-20let/Old-WZ-2.png');
}
div.hp-banner-discount-20let > .hp-banner-20let-museum > div.y2015 {
  background-image: url('/assets/web/css/images/Home-20let/Old-WZ-3.png');
}
div.hp-banner-discount-20let > .hp-banner-20let-museum > div span.label {
  display: inline-block;
  margin-top: 235px;
  margin-left: 15px;
  padding: 5px 7px;
  width: auto;
}
div.hp-banner-discount-20let>div.hp-banner-cta {
  margin-top: -8px;
}
div.hp-banner-discount-20let>div.hp-banner-timer {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  max-width: 630px;
  margin: 30px auto 0 auto;
}
div.hp-banner-discount-20let>div.hp-banner-timer>span {
  background-color: #EDF1F7;
  text-align: center;
  padding: 20px;
  border-right: 1px solid #fff;
  color: #454554;
  font-family: Catamaran;
  font-size: 18px;
  letter-spacing: -0.2px;
}
div.hp-banner-discount-20let>div.hp-banner-timer>span:first-child {
  border-radius: 5px 0 0 5px;
}
div.hp-banner-discount-20let>div.hp-banner-timer>span:last-child {
  border-radius: 0 5px 5px 0;
  border: 0;
}
div.hp-banner-discount-20let>div.hp-banner-timer>span b {
  color: #14141F;
  font-family: Catamaran;
  font-size: 60px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: -0.67px;
  text-align: center;
}
div.hp-banner-discount-20let>div.hp-banner-timer>span:nth-child(3) b,
div.hp-banner-discount-20let>div.hp-banner-timer>span:nth-child(4) b {
  font-weight: normal;
}
div.hp-banner-discount-20let>div.hp-banner-timer>span>b::after {
  content: "\A";
  white-space: pre;
}
div.order-search {
  display: none;
  height: 72px;
  max-width: 629px;
  border: 1px solid #EDF1F7;
  margin: 35px auto 0 auto;
  padding: 0 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  grid-template-columns: 50px auto;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  div.order-search {
    display: grid;
  }
}
div.order-search form {
  display: grid;
  grid-template-columns: max-content auto;
}
div.order-search form > div {
  padding-right: 15px;
}
div.order-search i {
  font-size: 40px;
  color: #423399;
}
div.order-search input[type=text] {
  height: 36px;
  color: #14141F;
  font-family: Catamaran;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 36px;
  flex-grow: 2;
  border: 0;
}
div.order-search input[type=submit] {
  background-color: #423399;
  color: #FFF;
}
div.order-search.order-search-highlighted {
  border: 2px solid #454554;
  -webkit-box-shadow: -15px 55px 65px 17px rgba(166,166,166,0.4);
  -moz-box-shadow: -15px 55px 65px 17px rgba(166,166,166,0.4);
  box-shadow: -15px 55px 65px 17px rgba(166,166,166,0.4);
}
div.features {
  max-width: 1200px;
  margin: 15px auto 15p auto;
}
div.features h3 {
  margin: 132px 0 80px 0;
}
div.features h3 b {
  color: #0CBA69;
}
div.features .features-item {
  margin-bottom: 100px;
  align-items: center;
}
@media only screen and (min-width: 1200px) {
  div.features .features-item {
    width: 1100px;
    display: flex;
    justify-content: space-between;
  }
}
div.features .features-item .features-item-photo {
  height: 200px;
  background: #ccc;
  border-radius: 10px;
  position: relative;
  width: 400px;
  max-width: 100%;
}
div.features .features-item .features-item-photo:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
@media only screen and (min-width: 1200px) {
  div.features .features-item .features-item-photo {
    display: block;
    width: 520px !important;
    height: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  div.features .features-item .features-item-content {
    width: calc(100% - 520px);
    padding-left: 40px;
    padding-right: 80px;
  }
}
div.features .features-item .features-item-content h4 {
  text-align: left;
}
div.features .features-item .features-item-content p {
  margin: 10px 0 0 0;
}
@media only screen and (min-width: 1200px) {
  div.features .features-item .features-item-content p {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.2px;
    line-height: 49px;
  }
}
@media only screen and (min-width: 1200px) {
  div.features .features-item:nth-child(odd) {
    margin-left: 100px;
  }
  div.features .features-item:nth-child(odd) .features-item-photo {
    order: 2;
  }
  div.features .features-item:nth-child(odd) .features-item-content {
    order: 1;
  }
}
div.features .features-item.wp .features-item-photo {
  background: url('/assets/web/css/images/WP-photo.png') no-repeat center center;
}
div.features .features-item.wp .features-item-photo:before {
  content: '';
  background: url('/assets/web/css/images/Wp-icon.png') no-repeat left center;
  width: 140px;
  height: 140px;
  left: initial;
  right: -40px;
}
@media only screen and (min-width: 576px) {
  div.features .features-item.wp .features-item-photo:before {
    right: -90px;
  }
}
div.features .features-item.ssd .features-item-photo {
  background: url('/assets/web/css/images/SSD-photo.png') no-repeat center center;
  text-align: center;
}
div.features .features-item.ssd .features-item-photo:before {
  content: 'SSD';
  color: #FFF;
  font-family: Catamaran;
  font-size: 100px;
  font-weight: 100;
  letter-spacing: -1.11px;
  line-height: 400px;
}
div.features .features-item.tpt .features-item-photo {
  background: url('/assets/web/css/images/Freedom-photo.png') no-repeat center center;
  text-align: center;
}
div.features .features-item.tpt .features-item-photo:before {
  color: #FFF;
  font-size: 100px;
  content: "\f1fc";
  font-family: "FontAwesome";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 400px;
}
div.hp-references h3 {
  margin: 132px 0 80px 0;
  font-weight: normal;
}
div.hp-references .items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.hp-references .items>.i {
  width: 23%;
  margin: 0 1.5%;
  min-width: 200px;
  box-sizing: border-box;
  width: 300px;
  border: 1px solid #EDF1F7;
  border-radius: 0 10px 10px 10px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
  font-size: 16px;
  padding: 15px;
}
div.hp-references .items>.i .i-title {
  display: flex;
  align-items: center;
}
div.hp-references .items>.i .i-title .i-photo {
  vertical-align: middle;
  display: block;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 30px;
  background: #ccc;
}
div.hp-references .items>.i .i-title h4 {
  font-size: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin: 0px;
}
div.hp-references .items>.i .i-title h4>a {
  font-size: 16px;
}
div.hp-references .items>.i .i-title h4>a::before {
  content: "\A";
  white-space: pre;
  font-size: 0px;
}
div.hp-references .items>.i .fa-star {
  color: #FFC200;
}
div.hp-references .items>.i .i-rating {
  margin: 10px 0 5px 0;
}
div.hp-references .items>.i .i-content {
  margin: 10px 0 5px 0;
  font-size: 20px;
}
div.hp-templates {
  margin-top: 80px;
  display: none;
}
@media only screen and (min-width: 1200px) {
  div.hp-templates {
    display: inherit;
  }
}
div.hp-templates .items {
  display: flex;
  align-items: center;
}
div.hp-templates .items .col {
  width: 33%;
  margin: 1%;
}
div.hp-templates .items .col .i {
  width: 100%;
  height: 300px;
  border-radius: 3px;
  margin: 15px 30px;
  background-repeat: no-repeat;
}
div.hp-templates .items .col .i-1 {
  background-image: url('/assets/web/css/images/SampleWebs/01-design.png');
}
div.hp-templates .items .col .i-2 {
  background-image: url('/assets/web/css/images/SampleWebs/02-vyziva.png');
}
div.hp-templates .items .col .i-3 {
  background-image: url('/assets/web/css/images/SampleWebs/03-chaloupka.png');
}
div.hp-templates .items .col .i-4 {
  background-image: url('/assets/web/css/images/SampleWebs/jazykovaskolazb.wz.cz-430.png');
}
div.hp-templates .items .col .i-5 {
  background-image: url('/assets/web/css/images/SampleWebs/05-bagr.png');
}
div.hp-templates .items .col .i-6 {
  background-image: url('/assets/web/css/images/SampleWebs/06-mama.png');
}
div.hp-templates .cta {
  margin-top: 80px;
}
div.hp-why {
  margin-top: 80px;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
div.hp-why h3 {
  margin: 132px 0 60px 0;
}
@media only screen and (min-width: 992px) {
  div.hp-why .items {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
  }
}
div.hp-why .items .i {
  text-align: center;
  color: #423399;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  div.hp-why .items .i {
    display: initial;
    flex-direction: initial;
  }
}
div.hp-why .items .i:nth-child(3) {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  div.hp-why .items .i:nth-child(3) {
    margin-top: initial;
  }
}
@media only screen and (min-width: 992px) {
  div.hp-why .items .i {
    border: none;
    border-left: 1px solid #EDF1F7;
    padding-bottom: 10px;
  }
}
div.hp-why .items .i b {
  font-size: 60px;
  line-height: 50px;
}
@media only screen and (min-width: 992px) {
  div.hp-why .items .i b::before {
    font-size: 10px;
    line-height: 10px;
    content: "\A";
    white-space: pre;
  }
}
@media only screen and (min-width: 992px) {
  div.hp-why .items .i b::after {
    content: "\A";
    white-space: pre;
  }
}
div.hp-news,
div.news {
  margin-top: 80px;
}
div.hp-news .title,
div.news .title {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  margin-bottom: 30px;
}
@media only screen and (min-width: 576px) {
  div.hp-news .title,
  div.news .title {
    flex-direction: row;
    margin-bottom: initial;
  }
}
@media only screen and (min-width: 576px) {
  div.hp-news .title h3,
  div.news .title h3 {
    width: 50%;
  }
}
div.hp-news .title a,
div.news .title a {
  text-align: right;
  text-decoration: none;
}
@media only screen and (min-width: 576px) {
  div.hp-news .title a,
  div.news .title a {
    width: 25%;
  }
}
div.hp-news .title a:hover,
div.news .title a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 992px) {
  div.hp-news .items,
  div.news .items {
    display: flex;
    justify-content: center;
  }
}
div.hp-news .items .title,
div.news .items .title {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
div.hp-news .items .title h3,
div.news .items .title h3 {
  width: 50%;
}
div.hp-news .items .title a,
div.news .items .title a {
  width: 25%;
  text-align: right;
}
div.hp-news .items .i,
div.news .items .i {
  margin: 10px 0 10px 0;
  padding: 20px;
  border: 1px solid #EDF1F7;
  border-radius: 16px;
}
@media only screen and (min-width: 992px) {
  div.hp-news .items .i,
  div.news .items .i {
    width: 30%;
    margin: 0 1.5% 1.5% 1.5%;
  }
}
div.hp-news .items .i .label,
div.news .items .i .label {
  position: absolute;
  margin-top: -33px;
}
div.hp-news .items .i .i-date,
div.news .items .i .i-date {
  color: #454554;
  font-weight: 300;
}
div.hp-news .items .i .i-content.overlayed,
div.news .items .i .i-content.overlayed {
  position: relative;
  max-height: 155px;
  overflow: hidden;
}
div.hp-news .items .i .i-content.overlayed .i-link,
div.news .items .i .i-content.overlayed .i-link {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
}
div.hp-news .items .i .i-content.overlayed .i-overlay,
div.news .items .i .i-content.overlayed .i-overlay {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60%;
  width: 100%;
  background: linear-gradient(to top,#ffffff,rgba(255,255,255,0));
}
div.hp-news .items .i .i-content .i-link,
div.hp-news .items .i .i-content .i-overlay,
div.news .items .i .i-content .i-link,
div.news .items .i .i-content .i-overlay {
  display: none;
}
div.hp-news .items .i h4,
div.news .items .i h4 {
  margin: 0;
  line-height: 22px;
  font-size: 22px;
}
div.hp-news .items .i h4 a,
div.news .items .i h4 a {
  text-decoration: none;
}
div.hp-news .items .i h4 a:hover,
div.news .items .i h4 a:hover {
  text-decoration: underline;
}
div.hp-news .items .i p,
div.news .items .i p {
  margin-top: 5px;
}
div.news .items {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}
div.news .items .i {
  width: auto;
}
.web-news-detail h1 {
  margin: 60px 0 30px 0;
  line-height: 50px;
}
.web-news-detail .i-date {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.16px;
}
.web-news-detail .i-content {
  width: 630px;
  margin: 0 auto;
}
div.hp-catalogue {
  margin-top: 80px;
}
div.hp-catalogue .items {
  border-radius: 10px;
  border: 1px solid #EDF1F7;
  padding: 0 20px 32px 20px;
}
div.hp-catalogue .items .i {
  display: inline-block;
  width: 100%;
  margin: 0 1.5% 0 1.5%;
}
@media only screen and (min-width: 576px) {
  div.hp-catalogue .items .i {
    width: calc(100% / 6);
  }
}
div.hp-catalogue .items .i h4 {
  margin: 42px 0 0 0;
  line-height: 22px;
  font-size: 30px;
  font-weight: 300;
}
div.hp-catalogue .items .i h4 a {
  text-decoration: none;
}
div.hp-catalogue .items .i h4 a:hover {
  text-decoration: underline;
}

.webadmin-domains .order {
  max-width: 630px;
}
.webadmin-storage-upgrade .order {
  max-width: 750px;
}
.web-order .order {
  max-width: 699px;
  max-width: 740px;
}
.order {
  margin: 0 auto;
}
.order input[type=submit] {
  cursor: pointer;
}
.order .tvurce-promo {
  padding: 20px 0;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
.order .tvurce-promo.step-2 div {
  padding-right: 20px;
}
.order .tvurce-promo div {
  display: inline-block;
  background: #EDF1F7;
  padding: 8px 8px 8px 20px;
  border-radius: 8px;
  line-height: 24px;
  margin: 0 0 15px 0;
}
@media only screen and (min-width: 576px) {
  .order .tvurce-promo div {
    margin: 0 15px 0 0;
  }
}
.order .tvurce-promo div .btn {
  margin-left: 15px;
}
.order .tvurce-promo div img {
  height: 24px;
  vertical-align: middle;
  margin-right: 15px;
}
.order .order-steps {
  margin: 0 0 25px 0;
  display: flex;
  justify-content: space-around;
}
.order .order-steps span.active {
  background: #454554;
  color: #FFF;
}
.order .order-steps span {
  color: rgba(69,69,84,0.3);
  text-decoration: none;
  line-height: 40px;
  border: 2px solid rgba(69,69,84,0.3);
  border-radius: 40px;
  width: 40px;
  text-align: center;
  display: inline-block;
}
.order .order-steps span.done {
  border-color: #0CBA69;
  color: #0CBA69;
  padding-top: 5px;
  line-height: 35px;
}
.order .order-voucher .alert {
  margin-top: 30px;
}
.order .order-voucher input[type=text] {
  border: 2px solid #454554;
  border-radius: 6px;
  font-size: 16px;
  padding: 8px;
  margin: 0 auto;
  width: 100%;
  text-transform: uppercase;
}
.order .order-voucher table {
  width: 75%;
  margin: 0 auto;
  text-align: center;
}
.order .order-voucher .input-fields {
  display: grid;
  grid-template-columns: 75% 25%;
}
.order .order-preview .order-preview-block {
  background: #EDF1F7;
  border-radius: 16px;
  padding: 28px 0 60px 0;
}
.order .order-preview ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 50% 50%;
}
.order .order-preview ul li {
  padding: 0 28px;
  margin: 10px 0;
}
.order .order-preview ul li:nth-child(odd) {
  border-right: 2px solid #FFF;
}
.order .order-preview ul li h3,
.order .order-preview ul li h4 {
  font-size: 30px;
  margin: 0;
  padding: 0;
  color: #423399;
  line-height: 30px;
  font-weight: 300;
  text-align: left;
}
.order .order-preview ul li small {
  display: inline;
  font-size: 16px;
  line-height: 30px;
}
.order .order-preview ul li .item-name {
  display: grid;
  grid-template-columns: auto auto;
  padding: 10px 0;
}
.order .order-preview ul li .item-name *:last-child {
  text-align: right;
}
.order .order-preview ul li table {
  margin: 0 auto;
}
.order .order-preview ul li table tr td:first-child {
  color: #423399;
  text-align: right;
}
.order .order-preview ul li table tr td:first-child:after {
  content: ':';
}
.order .order-preview .total-price {
  font-size: 22px;
  text-align: center;
  font-weight: 300;
  margin: 20px auto;
  width: 50%;
  margin-top: -40px;
}
.order .order-preview form {
  margin: 0 auto;
  text-align: center;
}
.order .order-preview form input {
  padding: 0 5px;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}
.order .order-preview form input[type=text] {
  color: #454554;
}
.order .order-preview form input[type=submit].btn {
  border: 1px solid #423399;
  padding: 0 20px;
}
.order .order-finish {
  margin-top: 30px;
}
.order .order-finish label {
  width: 100%;
  display: block;
  text-align: left;
  padding: 0 0 20px 10px;
}
.order .voucher-form {
  width: 75%;
  margin: 0 auto;
}
.order .order-customer fieldset {
  border-radius: 6px;
  border: 2px solid #454554;
}
.order .order-customer fieldset legend {
  border: 0;
  color: #454554;
  font-size: 14px;
  padding: 0 5px;
}
.order .order-customer fieldset input,
.order .order-customer fieldset select {
  background: #fff;
  border: 0px;
  padding: 0px 7px 7px 7px;
  font-size: 16px;
  width: 99%;
}
.order .order-customer fieldset.fieldset-agreement,
.order .order-customer fieldset.fieldset-agreementrules {
  border: 0;
}
.order .order-customer fieldset.fieldset-phone {
  display: grid;
  grid-template-columns: 100px auto;
}
.order .order-customer fieldset.fieldset-phone select {
  width: auto;
}
.order .order-customer .zip-city {
  display: grid;
  grid-template-columns: 90px auto;
}
.order .order-customer .ico-dic {
  display: grid;
  grid-template-columns: 50% 50%;
}
.order .order-customer input[type=checkbox] {
  width: auto;
  padding-right: 8px;
}
.order .order-customer fieldset {
  margin: 5px;
}
.order .order-customer .error {
  display: block;
  color: #F43826;
}
.order .continue {
  margin: 40px auto 40px auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "forward" "back";
  align-items: stretch;
  flex-direction: row-reverse;
}
.order .continue>div:first-child {
  grid-area: back;
}
.order .continue>div:last-child {
  grid-area: forward;
}
@media only screen and (min-width: 768px) {
  .order .continue {
    grid-template-columns: 33% 66%;
    grid-template-areas: "back forward";
  }
}
.order .continue>div {
  text-align: center;
}
.order .continue>div a,
.order .continue>div input {
  margin: 0 30px;
  font-size: 18px;
}
.order .continue>div a.btn-lg,
.order .continue>div input.btn-lg {
  font-size: 32px;
}
.order .tabs a {
  display: inline-block;
  border: 1px solid #ccc;
  border-width: 1px 1px 0 1px;
  padding: 5px 15px;
  margin: 0 5px;
  border-radius: 6px 6px 0 0;
  text-decoration: none;
}
.order .tabs a.selected {
  color: #000;
  font-weight: bold;
}
.order .form-search-domain form {
  display: grid;
  grid-template-columns: auto;
}
@media only screen and (min-width: 768px) {
  .order .form-search-domain form {
    grid-template-columns: auto 100px;
  }
}
.order .form-search-domain form#frm-order-setDomain-searchDomain3ld div.domain {
  grid-template-columns: 38px auto 118px;
}
@media only screen and (min-width: 768px) {
  .order .form-search-domain form#frm-order-setDomain-searchDomain3ld div.domain {
    grid-template-columns: 38px auto 118px 96px;
  }
}
.order .form-search-domain form#frm-order-setDomain-searchDomain2ld div.domain {
  grid-template-columns: 38px auto 73px;
}
@media only screen and (min-width: 768px) {
  .order .form-search-domain form#frm-order-setDomain-searchDomain2ld div.domain {
    grid-template-columns: 38px auto 73px 96px;
  }
}
.order .form-search-domain form div.domain {
  grid-template-areas: "magnifier domain tld" "submit submit submit";
  grid-row-gap: 10px;
  display: grid;
  grid-template-rows: auto;
  padding: 10px;
  border: 2px solid #454554;
  border-radius: 6px;
}
@media only screen and (min-width: 768px) {
  .order .form-search-domain form div.domain {
    grid-template-areas: "magnifier domain tld submit";
  }
}
.order .form-search-domain form div.domain>i {
  grid-area: magnifier;
}
.order .form-search-domain form div.domain>input[type=text] {
  grid-area: domain;
}
.order .form-search-domain form div.domain>select {
  grid-area: tld;
}
.order .form-search-domain form div.domain>span {
  grid-area: submit;
}
.order .form-search-domain form div.domain>span.error {
  grid-area: auto;
  color: #F43826;
  position: absolute;
  margin: 120px auto 0 auto;
  display: block;
}
.order .form-search-domain form div.domain i:before {
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
  color: #423399;
}
.order .form-search-domain form div.domain select,
.order .form-search-domain form div.domain input[name=domain],
.order .form-search-domain form div.domain input[name=verify] {
  font-size: 18px;
  font-weight: 300;
  padding: 0px;
  border-width: 0 1px 0 0;
  margin: 0 5px;
  background: transparent;
  border-color: #454554;
}
.order .form-search-domain form div.domain select {
  width: auto;
  border: 0;
}
.order .form-search-domain form div.domain input[name=verify] {
  background: #423399;
  color: #fff;
  border-radius: 3px;
  border-width: 0;
  padding: 15px;
}
.order .form-search-domain .hint {
  text-align: center;
  color: #464456;
  border-color: #464456;
  font-size: 16px;
  padding: 15px;
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .order .form-search-domain .hint {
    margin-top: initial;
  }
}
.order .form-search-domain .hint .fa {
  color: #464456;
  border-color: #464456;
}
.order .form-search-domain #frm-order-searchDomain3ld select {
  width: auto;
}
.order .domain-result {
  border-radius: 6px;
  background: #EDF1F7;
  padding: 20px;
  margin: 35px auto 20px auto;
  width: 90%;
}
.order .domain-result h3 {
  color: #423399;
  margin: 0;
}
.order .domain-result.warning {
  background: rgba(255,0,0,0.2);
}
.order .domain-result h3 {
  color: #454554;
  font-weight: 500;
  margin-top: 20px;
}
.order .transfer-choices-box {
  display: grid;
  grid-template-columns: 50% 50%;
}
.order .transfer-choices-box > div > label > div {
  padding-left: 27px;
}
.order label h4 {
  font-size: 22px;
  display: inline;
}
.order .order-programs span.label {
  display: inline-block;
  position: relative;
  height: auto;
}
.order .order-programs span.label.label-tvurce {
  width: auto;
  margin: -10px 0 20px 0;
  position: relative;
  padding-left: 10px;
}
.order .order-programs span.label.label-tvurce span {
  position: absolute;
  display: block;
  font-size: 28px;
  background: #0CBA69;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  line-height: 54px;
  text-align: center;
  margin: -15px 0 0 -55px;
}
.order .order-programs h3.title-periods {
  margin-bottom: 10px;
}
.order .order-programs h3.title-periods b {
  color: #0CBA69;
}
.order .order-programs .periods-info {
  font-weight: 300;
}
.order .order-programs .period-price {
  font-weight: 300;
}
.order .order-programs .periods {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order .order-programs .periods .choose {
  border-radius: 10px;
  border: 2px solid #454554;
  padding: 10px;
}
.order .order-programs .items .i.block:hover::before,
.order .order-programs .items a.i.block:hover::before {
  background-color: #0CBA69;
}
.order .order-programs .items .i.block.active:hover,
.order .order-programs .items a.i.block.active:hover {
  border-color: #0CBA69;
}
.order .order-programs .items .i,
.order .order-programs .items a.i {
  font-weight: 300;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
  margin: 15px 0;
  border-radius: 8px;
  border: 1px solid #EDF1F7;
  background-color: #FFFFFF;
  padding: 0 25px 25px 25px;
}
.order .order-programs .items .i.active,
.order .order-programs .items a.i.active {
  border: 2px solid #423399;
}
.order .order-programs .items .i:hover,
.order .order-programs .items a.i:hover {
  margin: 0 0 0 -10px;
  width: calc(110%);
  z-index: 40;
}
.order .order-programs .items .i h3,
.order .order-programs .items a.i h3 {
  color: #423399;
}
.order .order-programs .items .i .i-features,
.order .order-programs .items a.i .i-features {
  margin: auto;
  display: flex;
  vertical-align: center;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 992px) {
  .order .order-programs .items .i .i-features,
  .order .order-programs .items a.i .i-features {
    margin: initial;
  }
}
.order .order-programs .items .i .i-features ul,
.order .order-programs .items .i .i-features li,
.order .order-programs .items a.i .i-features ul,
.order .order-programs .items a.i .i-features li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.order .order-programs .items .i .i-features .highlight,
.order .order-programs .items a.i .i-features .highlight {
  font-weight: bold;
  color: #454554;
}
.order .order-programs .items .i .i-features .minus,
.order .order-programs .items a.i .i-features .minus {
  color: #F43826;
}
.order .order-programs .items .i .i-features .plus,
.order .order-programs .items a.i .i-features .plus {
  color: #0CBA69;
}
@media only screen and (min-width: 576px) {
  .order .order-programs .items .i .i-features,
  .order .order-programs .items a.i .i-features {
    flex-direction: row;
  }
}
.order .order-programs .items .i .info,
.order .order-programs .items a.i .info {
  clear: both;
  margin: 15px 0;
}
.order .order-programs .items .i .info i,
.order .order-programs .items a.i .info i {
  color: #F43826;
}
.order .order-programs .items .i .i-price,
.order .order-programs .items .i .i-price-free,
.order .order-programs .items a.i .i-price,
.order .order-programs .items a.i .i-price-free {
  font-size: 22px;
  line-height: 26px;
}
.order .order-programs .items .i .i-price.discounted,
.order .order-programs .items .i .i-price-free.discounted,
.order .order-programs .items a.i .i-price.discounted,
.order .order-programs .items a.i .i-price-free.discounted {
  color: #F43826;
}
.order .order-programs .items .i .i-price s,
.order .order-programs .items .i .i-price-free s,
.order .order-programs .items a.i .i-price s,
.order .order-programs .items a.i .i-price-free s {
  color: #454554;
  font-size: 18px;
}
.order .order-programs .items .i .i-price .with-vat,
.order .order-programs .items .i .i-price-free .with-vat,
.order .order-programs .items a.i .i-price .with-vat,
.order .order-programs .items a.i .i-price-free .with-vat {
  font-size: 14px;
  color: #454554;
}
.order .order-programs .items .i .i-price-free,
.order .order-programs .items a.i .i-price-free {
  color: #0CBA69;
}
.order .order-programs .items .i.i-1 .i-motto,
.order .order-programs .items a.i.i-1 .i-motto {
  background: #EDF1F7;
}
.order .order-programs .items .i.i-1 .i-motto span>span:first-child,
.order .order-programs .items a.i.i-1 .i-motto span>span:first-child {
  font-size: 24px;
  line-height: 24px;
  height: 24px;
}
.order .order-programs .items .i.i-1 .i-motto span>span:last-child,
.order .order-programs .items a.i.i-1 .i-motto span>span:last-child {
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  font-weight: 300;
}
.order .order-programs .items .i.i-2 .i-motto,
.order .order-programs .items .i.i-3 .i-motto,
.order .order-programs .items a.i.i-2 .i-motto,
.order .order-programs .items a.i.i-3 .i-motto {
  background: #F43826;
  color: #FFF;
}
.order .order-programs .items .i.i-2 .i-motto span>span,
.order .order-programs .items .i.i-3 .i-motto span>span,
.order .order-programs .items a.i.i-2 .i-motto span>span,
.order .order-programs .items a.i.i-3 .i-motto span>span {
  font-size: 40px;
  line-height: 40px;
  height: 40px;
}
.order .order-programs .items .i.i-2 .i-motto span>span:first-child,
.order .order-programs .items .i.i-3 .i-motto span>span:first-child,
.order .order-programs .items a.i.i-2 .i-motto span>span:first-child,
.order .order-programs .items a.i.i-3 .i-motto span>span:first-child {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
}
.order .order-programs .items .i.i-2 .i-motto span>span:last-child,
.order .order-programs .items .i.i-3 .i-motto span>span:last-child,
.order .order-programs .items a.i.i-2 .i-motto span>span:last-child,
.order .order-programs .items a.i.i-3 .i-motto span>span:last-child {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
}
.order .order-programs .items .i-box {
  text-decoration: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "title desc" "price cta";
  margin-top: 20px;
  grid-gap: 10px;
}
.order .order-programs .items .i-box h3 {
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .order .order-programs .items .i-box h3 {
    text-align: left;
  }
}
.order .order-programs .items .i-box small {
  white-space: nowrap;
}
.order .order-programs .items .i-box > div:nth-child(1) {
  grid-area: title;
}
.order .order-programs .items .i-box > div:nth-child(2) {
  grid-area: desc;
}
.order .order-programs .items .i-box > div:nth-child(3) {
  grid-area: price;
}
.order .order-programs .items .i-box > div:nth-child(4) {
  grid-area: cta;
}
@media only screen and (min-width: 768px) {
  .order .order-programs .items .i-box {
    grid-template-columns: 33% 33% 33%;
    grid-template-areas: "title desc desc" "price price cta";
    grid-gap: 0;
  }
}
.order .order-programs .items .i-box div {
  padding: 0 5px;
}
.order .order-programs .items .i-box > div:nth-child(3) {
  text-align: center;
}
.order .order-programs .items .i-box > div:last-child {
  text-align: center;
}
.order .order-programs .items .i-box > div:last-child .btn {
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .order .order-programs .items .i-box > div:last-child .btn {
    width: initial;
    box-sizing: initial;
  }
}
@media only screen and (min-width: 768px) {
  .order .order-programs .items .i-box > div:last-child {
    text-align: right;
  }
}
.order .order-programs .items .i-box > div:last-child > a {
  text-align: center;
}
.order .order-programs .items .i-box div.btn {
  text-align: center;
  padding: 10px 20px;
}
.order .btn-xl {
  font-family: Catamaran;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 52px;
}
@media only screen and (min-width: 992px) {
  .order .order-programs .items {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    column-gap: 2px;
  }
}
@media only screen and (min-width: 576px) {
  .order .order-programs .items .i-box {
    display: grid;
    grid-template-columns: 30% 70% 20% 20%;
    grid-template-areas: "title desc" "price cta";
  }
}
@media only screen and (min-width: 992px) {
  .order .order-programs .items .i-box {
    display: inherit;
  }
  .order .order-programs .items .i-box > div:nth-child(3) {
    text-align: inherit;
  }
  .order .order-programs .items .i-box > div:last-child {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .web-order .order .order-programs .items {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    column-gap: 2px;
  }
}
.web-order .order .order-programs .items .i-box {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "title" "desc" "price" "cta";
  text-align: center;
}
@media only screen and (min-width: 992px) {
  .web-order .order .order-programs .items .i-box {
    display: inherit;
    text-align: initial;
  }
  .web-order .order .order-programs .items .i-box > div:nth-child(3) {
    text-align: inherit;
  }
  .web-order .order .order-programs .items .i-box > div:last-child {
    text-align: center;
  }
}
.order-result-payment-options {
  display: grid;
  grid-row-gap: 25px;
  grid-column-gap: 15px;
}
@media only screen and (min-width: 1200px) {
  .order-result-payment-options {
    grid-template-columns: auto auto auto;
  }
}
.order-result-payment-options > div {
  background: #EDF1F7;
  border-radius: 16px;
  padding: 30px;
}
.order-result-payment-options > div div.block-number {
  position: absolute;
  line-height: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  margin-top: -50px;
  margin-left: 0px;
  border: 2px solid rgba(69,69,84,0.3);
  border-radius: 30px;
  background: #fff;
}
.order-result-data {
  display: grid;
  grid-row-gap: 25px;
  grid-column-gap: 15px;
  margin-top: 50px;
}
@media only screen and (min-width: 1200px) {
  .order-result-data {
    grid-template-columns: auto auto;
  }
}
.order-result-data>div>div {
  background: #FFF;
  border: 1px solid rgba(69,69,84,0.3);
  border-radius: 16px;
  padding: 30px;
}
.order-result-data>div>div:nth-child(2) {
  margin: 0 30px 0 30px;
  xtext-align: center;
}
.order-result-data>div>div div.block-number {
  position: absolute;
  line-height: 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  margin-top: -50px;
  margin-left: 0px;
  border: 2px solid rgba(69,69,84,0.3);
  border-radius: 30px;
  background: #fff;
}
.order-result {
  padding: 0 40px;
}
.order-result .card-payments ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.order-result .card-payments > div {
  padding: 10px 0 0 8px;
}
.order-result .card-payments > div a.btn-xl {
  font-size: 32px;
  font-weight: bold;
}
.order-result .card-payments li {
  display: inline-block;
  border-radius: 8px;
  border: 1px solid rgba(69,69,84,0.3);
  padding: 4px 16px 4px 16px;
  margin: 8px;
  background: #FFF;
}
.order-result .card-payments li.gopay-type .fakeradio {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: #454554 solid 2px;
  border-radius: 16px;
  margin-top: 12px;
  font-size: 0px;
}
.order-result .card-payments li.gopay-type.active {
  border-color: #0CBA69;
}
.order-result .card-payments li.gopay-type.active .fakeradio span {
  font-size: 0px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #454554;
  border-radius: 10px;
  margin-top: 5px;
  margin-left: 5px;
  position: absolute;
}
.order-result .card-payments li.gopay-type a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 45px center;
  height: 50px;
}
.order-result .card-payments li.gopay-type a span:not(.fakeradio) {
  display: none;
}
.order-result .card-payments li.gopay-eu_gp_kb a {
  background-image: url('/assets/web/css/gopay/eu_gp_kb.png');
  width: 400px;
}
.order-result .card-payments li.gopay-cz_mp a {
  background-image: url('/assets/web/css/gopay/cz_mp.gif');
  width: 154px;
}
.order-result .card-payments li.gopay-cz_kb a {
  background-image: url('/assets/web/css/gopay/cz_kb.png');
  width: 132px;
}
.order-result .card-payments li.gopay-cz_rb a {
  background-image: url('/assets/web/css/gopay/cz_rb.png');
  width: 153px;
}
.order-result .card-payments li.gopay-cz_mb a {
  background-image: url('/assets/web/css/gopay/cz_mb.png');
  width: 137px;
}
.order-result .card-payments li.gopay-cz_fb a {
  background-image: url('/assets/web/css/gopay/cz_fb.png');
  width: 116px;
}
.order-result .card-payments li.gopay-cz_csas a {
  background-image: url('/assets/web/css/gopay/cz_csas.png');
  width: 120px;
}
.order-result .card-payments li.gopay-eu_gp_w a {
  background-image: url('/assets/web/css/gopay/eu_gp_w.png');
  width: 150px;
}
#snippet-orderAlias-basket {
  float: right;
}
div.order {
  clear: both;
}
.basket-items {
  position: absolute;
  border-radius: 16px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
  padding: 25px;
  z-index: 100;
}
.basket-items h3,
.basket-items li {
  margin: 0 auto;
  font-size: 14px;
  border-bottom: 2px solid #EDF1F7;
  padding: 10px 0 10px 0;
}
.basket-items h3 {
  font-size: 14px;
  text-align: left;
  font-weight: bold;
}
.basket-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.basket-items .total-price {
  box-sizing: border-box;
  border: 1px solid #EDF1F7;
  border-radius: 4px;
  background-color: #EDF1F7;
  text-align: center;
  margin-top: 15px;
  padding: 7px;
  display: block;
}
.order-result-free-table {
  margin: 0 auto;
  background: #EDF1F7;
  border-radius: 8px;
}
.order-result-free-table th,
.order-result-free-table td {
  padding: 0 10px;
}
.order-result-free-table th {
  text-align: right;
}
#snippet-order-basket > a {
  text-decoration: none;
}
#snippet-order-basket {
  max-width: 1070px;
  margin: -50px auto 50px auto;
}
#snippet-order-basket div.basket-content {
  float: right;
  text-align: center;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  #snippet-order-basket div.basket-content {
    text-align: initial;
    padding-top: initial;
  }
}
#snippet-order-basket div.basket-content .basket-user {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  #snippet-order-basket div.basket-content .basket-user {
    padding-left: 20px;
  }
}
#snippet-order-basket div.basket-content .basket-user i {
  color: rgba(69,69,84,0.3);
}
#snippet-order-basket div.basket-content .item-notification {
  position: absolute;
}
@media only screen and (min-width: 768px) {
  #snippet-order-basket div.basket-content .item-notification {
    margin-left: -250px;
  }
}
#snippet-order-basket div.basket-content .item-notification .arrow {
  border: 10px solid transparent;
  width: 0px;
  height: 0px;
  display: inline-block;
  position: relative;
}
#snippet-order-basket div.basket-content .item-notification .arrow.top {
  border-bottom: 10px solid #C2E4D4;
  top: 0px;
  left: 300px;
}
#snippet-order-basket div.basket-content .item-notification .content {
  margin-top: -10px;
  background: #C2E4D4;
  padding: 15px;
  border-radius: 8px;
}
#snippet-order-basket div.basket-content .item-notification .content i {
  color: #0CBA69;
}
#snippet-order-basket a {
  text-decoration: none;
}
.order-result-items table {
  border-collapse: collapse;
}
.order-result-items table thead tr th {
  border-bottom: 1px solid #454554;
  text-align: right;
}
.order-result-items table thead tr th:first-child {
  text-align: left;
}
.order-result-items table tfoot tr th {
  border-top: 1px solid #454554;
  text-align: right;
}
.order-result-items table tfoot tr th:first-child {
  text-align: left;
}
.form-search-domain div.label-price {
  padding: 24px 0 0 10px;
}
.order-programs div.label-price {
  padding: 0px 0 0 10px;
  margin-top: -25px;
}
div.label-price {
  white-space: nowrap;
  width: auto;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  div.label-price {
    margin: initial;
  }
}
div.label-price span:last-child {
  border: 1px solid rgba(69,69,84,0.3);
  border-left: 0;
  border-radius: 4px;
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  margin-left: 11px;
  margin-top: -4px;
  height: 34px;
  padding: 0 10px 0 0;
  line-height: 34px;
}
div.label-price span:first-child {
  transform: rotate(45deg);
  display: inline-block;
  border: 1px solid rgba(69,69,84,0.3);
  border-top: 0;
  border-right: 0;
  width: 27px;
  height: 27px;
  border-radius: 5px;
  position: absolute;
}
.order-unavailable {
  margin: 50px 0 200px 0;
  text-align: center;
}
.web-order-result .web-order-result-free h1 {
  background: #4BBA6A;
  width: 300px;
  height: 230px;
  border-radius: 150px;
  margin: 100px auto 0 auto;
  color: #FFFFFF;
  padding: 70px 0 0 0;
  font-size: 50px;
  line-height: 50px;
}
.web-order-result .web-order-result-free h1 i {
  display: block;
  font-size: 90px;
}
.web-order-result .web-order-result-free .complete-img {
  background: #AEAF9F url('/assets/web/css/images/holcicka-tanec.gif') 50% 50% no-repeat;
  background-size: auto 100%;
  width: 220px;
  height: 220px;
  margin: -40px auto 40px auto;
  border-radius: 110px;
}
.web-homepage .order .order-programs .items .i:hover,
.web-homepage .order .order-programs .items a.i:hover,
.web-pricelist .order .order-programs .items .i:hover,
.web-pricelist .order .order-programs .items a.i:hover {
  margin: 0 0 0 -5px;
  width: calc(105%);
  z-index: 40;
}

.programs .period-swap-box {
  text-align: center;
  margin: 10px 0 70px 0;
}
.programs .period-swap-box > div {
  border: 2px solid #454554;
  border-radius: 10px;
  display: inline-block;
  padding: 12px;
}
.programs h3 {
  margin: 0;
}
.programs .title {
  margin: 132px 0 80px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.programs .title h3 {
  width: 50%;
}
.programs .title a {
  width: 25%;
  text-align: right;
}
.programs .items {
  display: flex;
  justify-content: center;
}
.programs .items .i {
  width: 30%;
  margin: 0 1.5% 0 1.5%;
  border: 1px solid #EDF1F7;
  border-radius: 16px;
}
.programs .items .i .i-box {
  margin: 0 25px 32px 25px;
}
.programs .items .i>div,
.programs .items .i>h4 {
  margin: 0 1.5% 0 1.5%;
}
.programs .items .i h4 {
  margin-top: 0px;
  font-size: 30px;
  line-height: 30px;
}
.programs .items .i .i-features {
  display: flex;
  vertical-align: center;
  justify-content: space-between;
}
.programs .items .i .i-features ul,
.programs .items .i .i-features li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.programs .items .i .i-features .highlight {
  font-weight: bold;
}
.programs .items .i .i-features .minus {
  color: #F43826;
}
.programs .items .i .i-features .plus {
  color: #0CBA69;
}
.programs .items .i .i-price {
  font-size: 30px;
}
.individual {
  border: 1px solid #EDF1F7;
  border-radius: 16px;
  padding: 0px 20px 20px 20px;
}
.individual > ul {
  margin: 0;
  padding: 0px;
  display: grid;
  list-style: none;
}
.individual > ul.l-1 {
  grid-template-columns: 50% 50%;
}
@media only screen and (min-width: 576px) {
  .individual > ul.l-1 {
    grid-template-columns: 25% 25% 25% 25%;
  }
}
.individual > ul.l-2 {
  grid-template-columns: 50% 50%;
}
@media only screen and (min-width: 576px) {
  .individual > ul.l-2 {
    grid-template-columns: 25% 25% auto;
  }
}
.individual > ul > li {
  padding: 20px;
  border-bottom: 1px solid #EDF1F7;
}
.individual > ul > li:last-child {
  border-right: 0;
}
.individual > ul > li:nth-child(odd) {
  border-right: 1px solid #EDF1F7;
}
@media only screen and (min-width: 576px) {
  .individual > ul > li {
    border-right: 1px solid #EDF1F7;
  }
}
.individual > ul > li span {
  display: block;
}
.individual > ul > li span:first-child {
  font-size: 22px;
  font-weight: 500;
}
.individual > ul > li span:last-child {
  font-size: 30px;
  font-weight: 300;
}
.individual > ul:last-child {
  margin-bottom: 20px;
}
.individual > ul:last-child > li {
  border-bottom: 0px;
}
ul.conditions-list {
  list-style: none;
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  ul.conditions-list {
    grid-template-columns: 25% 25% 25% 25%;
    padding: initial;
  }
}
ul.conditions-list > li {
  margin: 5px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  ul.conditions-list > li {
    margin: 50px;
  }
}
ul.conditions-list > li:before {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "\f00c";
  color: #0CBA69;
  padding-right: 10px;
}

.support-block {
  padding: 0 10px 30px 10px;
  border: 1px solid #EDF1F7;
  border-radius: 16px;
  background-color: #FFFFFF;
  margin: 25px 0;
}
.support-block img {
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .support-block img {
    width: initial;
  }
}
.support-block ul,
.support-block ol {
  padding: 0;
}
.support-block ol {
  counter-reset: item;
}
.support-block ol li {
  list-style-type: none;
}
.support-block ol li:before {
  display: inline-block;
  width: 10px;
  font-weight: bold;
  text-align: left;
  content: counter(item) ".";
  position: absolute;
  left: -30px;
}
.support-block li {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 30px;
  margin: 0 0 0 30px;
  position: relative;
  counter-increment: item;
}
.support-block h3,
.support-block h2 {
  text-align: left;
}
.support-block h2 {
  line-height: 50px;
}
.support-block .i-text {
  color: #454554;
  overflow: hidden;
  text-overflow: ellipsis;
}
.support-block li a {
  text-decoration: none;
}
.support-block li a:hover {
  text-decoration: underline;
}
.support-block h3 > a {
  text-decoration: none;
}
.support-block h3 >a:hover {
  text-decoration: underline;
}
.support-block table {
  border-radius: 8px;
  background-color: #FFFFFF;
  margin: 0 0 30px 0;
  box-shadow: rgba(0,0,0,0.1) 0 0 10px;
  position: relative;
  z-index: 30;
  padding: 25px 27px 27px 27px;
  box-sizing: border-box;
  width: 100%;
}
.support-block table:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background-color: #423399;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 4px;
  width: calc(100% - 50px);
}
.support-block table tr th,
.support-block table tr td {
  border-right: 1px solid #EDF1F7;
  border-bottom: 1px solid #EDF1F7;
  text-align: left;
  padding: 5px 5px 5px 10px;
}
.support-block table tr th:last-child,
.support-block table tr td:last-child {
  border-right: none;
}
.support-block table tr:last-child th,
.support-block table tr:last-child td {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .support-block {
    margin: 25px;
    float: left;
    padding: 0 30px 30px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .support-block {
    min-width: 500px;
  }
}
.forum-block {
  padding: 0 10px 30px 10px;
  border: 1px solid #EDF1F7;
  border-radius: 16px;
  background-color: #FFFFFF;
  margin: 0;
  font-weight: bold;
}
.forum-block .item {
  clear: both;
}
.forum-block .item h3 {
  color: #423399;
  text-align: left;
}
.forum-block .item h3 small {
  text-transform: none;
  font-size: 18px;
  color: #454554;
  display: inline;
}
.forum-block .item h3 small:before {
  content: "";
}
.forum-block .item h3 > a {
  text-decoration: none;
}
.forum-block .item h3 >a:hover {
  text-decoration: underline;
}
.forum-block .item span {
  font-size: 14px;
  line-height: 18px;
  color: #454554;
  opacity: 0.3;
  text-align: right;
  float: right;
  width: 400px;
  font-weight: 300;
  white-space: pre-wrap;
}
.forum-block .item:hover span {
  opacity: 1;
}
@media only screen and (min-width: 576px) {
  .forum-block {
    padding: 0 30px 30px 30px;
    margin: 25px;
  }
}
.support-tag {
  display: inline-block;
  border: 1px solid #EDF1F7;
  border-radius: 5px;
  margin: 5px;
}
.support-tag span a,
.support-tag span em {
  margin: 15px;
  font-style: normal;
}
.support-tag span:last-child {
  border-left: 1px solid #EDF1F7;
}
.support-tags a {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .support-tags {
    float: left;
    width: 45%;
    margin-right: 4%;
  }
  .support-tags h2 {
    text-align: left;
  }
}
.forum-important ul,
.forum-important li {
  list-style: none;
  padding: 0;
}
.forum-important li {
  line-height: 50px;
  border-bottom: 1px solid #EDF1F7;
  width: 40%;
  display: inline-block;
  margin-right: 9%;
  color: #423399;
}
.forum-important li > a {
  text-decoration: none;
}
.forum-important li >a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .forum-important {
    float: right;
    width: 45%;
    margin-left: 4%;
  }
  .forum-important h2 {
    text-align: left;
  }
}
.support-main {
  display: grid;
  grid-template-columns: 100%;
}
@media only screen and (min-width: 768px) {
  .support-main div {
    padding: 0 75px 0 75px;
  }
}
@media only screen and (min-width: 768px) {
  .support-main div:first-child {
    border-right: 1px solid #EDF1F7;
  }
  .support-main div:first-child p,
  .support-main div:first-child h2 {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .support-main div:last-child p,
  .support-main div:last-child h2 {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  .support-main {
    grid-template-columns: 50% 50%;
  }
}
.tag-list {
  text-align: center;
}
.tag-list > span {
  display: inline-block;
  min-height: 38px;
  border: 1px solid rgba(69,69,84,0.3);
  line-height: 38px;
  border-radius: 4px;
  margin: 5px;
}
.tag-list > span * {
  display: inline-block;
}
.tag-list > span a {
  min-height: 38px;
  border-right: 1px solid rgba(69,69,84,0.3);
  padding-left: 8px;
  padding-right: 8px;
}
.tag-list > span > span {
  color: rgba(69,69,84,0.3);
  padding-left: 8px;
  padding-right: 8px;
}
.help-topic .topics,
.help-topic .article {
  margin: 0;
}
@media only screen and (min-width: 576px) {
  .help-topic .topics,
  .help-topic .article {
    width: 66%;
    float: left;
  }
}
@media only screen and (min-width: 576px) {
  .help-topic .main-topics {
    width: 33%;
    float: right;
  }
}
.help-topic .main-topics ul,
.help-topic .main-topics li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.help-topic .main-topics li {
  margin: 10px;
  border-bottom: 1px solid rgba(69,69,84,0.3);
}
.help-topic .main-topics h2 {
  text-align: left;
}
.web-catalogue h1 {
  margin-bottom: 10px;
}
.web-catalogue .subtitle {
  font-weight: 300;
}
.web-catalogue .subtitle a:hover {
  text-decoration: none;
}
.web-catalogue .topics,
.web-catalogue .article {
  width: 66%;
  float: left;
  margin: 0;
}
.web-catalogue .topics.topics > .support-block .items,
.web-catalogue .article.topics > .support-block .items {
  padding-top: 20px;
  margin-left: -30px;
}
.web-catalogue .topics.topics > .support-block li,
.web-catalogue .article.topics > .support-block li {
  border-left: 4px solid white;
  list-style-type: none;
  margin: 0 0 40px 0;
  padding-left: 30px;
  padding-bottom: 0px;
}
.web-catalogue .topics.topics > .support-block li a,
.web-catalogue .article.topics > .support-block li a {
  display: block;
  text-decoration: none;
}
.web-catalogue .topics.topics > .support-block li h3,
.web-catalogue .article.topics > .support-block li h3 {
  margin: 10px 0 5px 0;
}
.web-catalogue .topics.topics > .support-block li h3 strong,
.web-catalogue .article.topics > .support-block li h3 strong {
  color: #423399;
  font-weight: 400;
}
.web-catalogue .topics.topics > .support-block li h3 span,
.web-catalogue .article.topics > .support-block li h3 span {
  color: rgba(69,69,84,0.3);
}
.web-catalogue .topics.topics > .support-block li .i-text,
.web-catalogue .article.topics > .support-block li .i-text {
  margin-top: 5px;
}
.web-catalogue .topics.topics > .support-block li:hover,
.web-catalogue .article.topics > .support-block li:hover {
  border-left: 4px solid #423399;
}
.web-catalogue .topics.topics > .support-block li:hover h3 strong,
.web-catalogue .article.topics > .support-block li:hover h3 strong {
  text-decoration: underline;
}
.web-catalogue .topics.topics > .support-block li:hover h3 span,
.web-catalogue .article.topics > .support-block li:hover h3 span {
  color: #423399;
}
.web-catalogue .main-topics {
  width: 33%;
  float: right;
}
.web-catalogue .main-topics ul,
.web-catalogue .main-topics li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.web-catalogue .main-topics li {
  margin: 0 10px 0 10px;
  padding: 10px 5px;
  border-bottom: 1px solid rgba(69,69,84,0.3);
}
.web-catalogue .main-topics li a {
  text-decoration: none;
  font-weight: 600;
}
.web-catalogue .main-topics li a:hover {
  text-decoration: underline;
}
.web-catalogue .main-topics li span {
  font-weight: 300;
}
.web-catalogue .main-topics h2 {
  text-align: left;
  margin-bottom: 20px;
}
.web-catalogue .pagination ul {
  list-style-type: none;
}
.web-catalogue .pagination ul li {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
}
.web-catalogue .pagination ul li a {
  border: 1px solid #EDF1F7;
  border-radius: 16px;
  color: #423399;
  display: block;
  text-decoration: none;
  text-align: none;
}
.web-catalogue .pagination ul li a:hover {
  color: white;
  border: 1px solid #423399;
  background: #423399;
}
.web-catalogue .pagination ul li.active,
.web-catalogue .pagination ul li.active:hover {
  border-radius: 16px;
  background: #454554;
  color: white;
  border: 1px solid #454554;
}

.web-kopage {
  width: 100%;
}
.web-kopage .icon-label {
  position: relative;
}
.web-kopage .icon-label .text {
  margin-left: 18px;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  padding: 5px 11px 5px 25px;
  background: #efefef;
  height: 20px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.web-kopage .icon-label .circle {
  position: absolute;
  margin-top: -3px;
}
.web-kopage .circle {
  display: inline-block;
  font-size: 26px;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}
.web-kopage .green.circle {
  background-color: #0EB868;
  color: #ffffff;
}
.web-kopage .red.circle {
  background-color: #f23d2e;
  color: #ffffff;
}
.web-kopage .clear {
  clear: both;
}
.web-kopage .info .form-buttons button.button2,
.web-kopage .info .form-buttons button.primary {
  margin-left: 0;
}
.web-kopage .center {
  text-align: center;
}
.web-kopage .crossroad {
  margin: 100px 0 0 0;
}
@media only screen and (min-width: 768px) {
  .web-kopage .crossroad .info {
    float: left;
    width: calc(100% - 780px);
    padding: 60px 40px 0 0;
  }
}
.web-kopage .crossroad .info h2 {
  margin: 0 0 30px 0;
  font-weight: bold;
  text-align: left;
  font-size: 50px;
  line-height: 50px;
  color: #454555;
}
.web-kopage .crossroad .info .icon-label {
  margin: 0 0 30px 0;
}
.web-kopage .crossroad .info form {
  display: inline-block;
}
.web-kopage .crossroad .info .form-buttons {
  padding-bottom: 0;
}
.web-kopage .crossroad .info .form-buttons button {
  margin-bottom: 8px;
}
.web-kopage .crossroad .info .note {
  margin: 0 0 10px 10px;
  font-size: 15px;
  line-height: 25px;
}
.web-kopage .crossroad .sample {
  background: url('/assets/webadmin/css/images/tvurce/MacBook.png') center center no-repeat;
}
@media only screen and (min-width: 768px) {
  .web-kopage .crossroad .sample {
    float: left;
    margin: 0 0 60px 0;
    width: 637px;
    height: 409px;
    padding: 31px 0 0 103px;
  }
}
.web-kopage .crossroad .sample img {
  max-width: 100%;
}
.web-kopage .uisample {
  background: url('/assets/webadmin/css/images/tvurce/SipkaNapis.png') center 20px no-repeat;
}
.web-kopage .uisample video,
.web-kopage .uisample .gif {
  border-radius: 5px;
  margin: 60px 0 0 0;
  float: left;
}
.web-kopage .uisample img {
  max-width: 100%;
}
.web-kopage .uisample .info {
  background: none;
  min-height: 420px;
  padding-top: 100%;
}
@media only screen and (min-width: 768px) {
  .web-kopage .uisample .info {
    padding-top: initial;
    padding: 150px 0 0 660px;
    background: url('/assets/webadmin/css/images/tvurce/UkazkaUI.png') left 60px no-repeat;
  }
}
.web-kopage .uisample .info h2 {
  text-align: left;
  line-height: 44px;
  margin-bottom: 20px;
}
.web-kopage .uisample .info .form-buttons .button2 {
  padding: 9px 18px;
  font-size: 18px;
  line-height: 30px;
}
.web-kopage .cloud-1 {
  background: url('/assets/webadmin/css/images/tvurce/Cloud1.png') 280px top no-repeat;
}
.web-kopage .cloud-4 {
  background: url('/assets/webadmin/css/images/tvurce/Cloud4.png') 0 bottom no-repeat;
}
.web-kopage .advantages {
  margin: 40px 0 0px 0;
}
.web-kopage .advantages h2 {
  font-weight: bold;
  font-size: 50px;
  margin-bottom: 60px;
  color: #454555;
}
.web-kopage .advantages .button {
  background: #423399;
  padding: 10px 20px;
  color: #ffffff;
  border-radius: 3px;
  text-decoration: none;
}
.web-kopage .advantages .row {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .web-kopage .advantages .row {
    flex-direction: row;
  }
}
.web-kopage .advantages .row .column {
  flex-grow: 1;
  width: 100%;
  margin: 0 0 40px 0;
}
@media only screen and (min-width: 768px) {
  .web-kopage .advantages .row .column {
    width: 33%;
  }
}
.web-kopage .advantages .row .column .content {
  text-align: center;
  padding: 0 15px;
}
.web-kopage .advantages .row .column .content img {
  width: 100%;
}
.web-kopage .advantages .row .column .content p {
  padding: 0 20px;
}
.web-kopage .advantages .row .column .content h3 {
  margin: 106px 0 20px 0;
}
.web-kopage .advantages .row .advantages .row .column:first-child .content {
  padding-left: 0px;
}
.web-kopage .advantages .row .advantages .row .column:last-child .content {
  padding-right: 0px;
}
.web-kopage .steps {
  margin: 120px 0 0px 0;
  background: url('/assets/webadmin/css/images/tvurce/Spoluprace.png') left 120px no-repeat;
  min-height: 440px;
  background-size: contain;
  background-position-y: 20%;
}
@media only screen and (min-width: 992px) {
  .web-kopage .steps {
    background-size: initial;
    background-position-y: 70%;
  }
}
.web-kopage .steps h2 {
  font-weight: bold;
  font-size: 50px;
  margin-bottom: 60px;
  color: #454555;
}
.web-kopage .steps .info {
  margin-top: 100%;
}
@media only screen and (min-width: 992px) {
  .web-kopage .steps .info {
    padding: 0 0 0 736px;
    margin-top: initial;
  }
}
.web-kopage .steps .info .step {
  background: url('/assets/webadmin/css/images/tvurce/Linka.png') 10px 80px no-repeat;
  min-height: 160px;
}
.web-kopage .steps .info .step .number {
  float: left;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 40px;
  background: #0CBA69;
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
}
.web-kopage .steps .info .step h3 {
  margin: 0 0 10px 110px;
  text-align: left;
}
.web-kopage .steps .info .step p {
  margin: 0 0 10px 110px;
}
.web-kopage .steps .info .step .button {
  background: #423399;
  padding: 9px 25px;
  color: #ffffff;
  margin: 0 0 32px 110px;
}
.web-kopage .steps .info .step.active h3 {
  color: #00A44A;
}
.web-kopage .steps .info .step:nth-child(2n) {
  background: url('/assets/webadmin/css/images/tvurce/Linka-1.png') 60px 80px no-repeat;
}
.web-kopage .steps .info .step:last-child {
  background: none;
}
.web-kopage .features {
  margin: 120px 0 0 0;
  max-width: none;
}
.web-kopage .features h2 {
  font-weight: bold;
  font-size: 50px;
  margin-bottom: 30px;
  color: #454555;
}
.web-kopage .features .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .web-kopage .features .row {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
  }
}
.web-kopage .features .row .feature {
  cursor: pointer;
  position: relative;
  padding: 0 20px;
  background: #efefef;
  border-radius: 5px;
  height: 80px;
  text-decoration: none;
  font-size: 20px;
  color: #474457;
  line-height: 1.3;
  display: flex;
  align-items: center;
}
.web-kopage .features .row .feature:nth-child(even) .content {
  right: 0;
}
.web-kopage .features .row .feature:nth-child(even) .content::before {
  right: 40px;
}
@media only screen and (min-width: 768px) {
  .web-kopage .features .row .feature:nth-child(even) .content {
    right: initial;
  }
  .web-kopage .features .row .feature:nth-child(even) .content::before {
    right: initial;
  }
}
@media only screen and (min-width: 768px) {
  .web-kopage .features .row .feature {
    height: 60px;
  }
}
.web-kopage .features .row .feature span {
  color: #423399;
  display: inline-block;
  width: 36px;
  min-width: 36px;
  height: 36px;
  line-height: 40px;
  text-align: center;
  background: #ffffff;
  border-radius: 18px;
  margin: 0 7px 0 0;
}
.web-kopage .features .row .feature .content {
  display: none;
  z-index: 100;
  padding: 2px;
  margin: 15px 0 0 -20px;
  width: 410px;
  height: 330px;
  border: 2px solid #423399;
  border-radius: 5px;
  background: #efefef;
  position: absolute;
  top: 80px;
}
.web-kopage .features .row .feature .content,
.web-kopage .features .row .feature .content img {
  max-width: 100vw;
}
@media only screen and (min-width: 768px) {
  .web-kopage .features .row .feature .content {
    top: 70px;
  }
}
.web-kopage .features .row .feature .content:before {
  content: "";
  position: absolute;
  top: -12px;
  margin-left: 40px;
  display: block;
  width: 24px;
  height: 13px;
  background: url('/assets/webadmin/css/images/feature_arrow.png') left top no-repeat;
}
.web-kopage .features .row .feature:hover,
.web-kopage .features .row .feature.active {
  background: #454554;
  color: #ffffff;
}
.web-kopage .features .row .feature:hover .content,
.web-kopage .features .row .feature.active .content {
  display: block;
}
.web-kopage .komplet {
  margin: 120px 0 0 0;
  max-width: none;
  position: relative;
}
.web-kopage .komplet .row {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .web-kopage .komplet .row {
    flex-direction: row;
  }
}
.web-kopage .komplet .row .column {
  flex-grow: 1;
  width: 100%;
  margin: 0 0 40px 0;
}
@media only screen and (min-width: 768px) {
  .web-kopage .komplet .row .column {
    width: 33%;
  }
}
.web-kopage .komplet .row .column .img {
  margin: 0 0 30px 0;
}
.web-kopage .komplet .row .column .img img {
  border-radius: 5px;
}
.web-kopage .komplet .row .column.third {
  padding-top: 40px;
}
.web-kopage .komplet .row .column.third img {
  max-width: 100%;
}
.web-kopage .komplet .row .column.second img {
  max-width: 100%;
}
.web-kopage .komplet .discount {
  width: 140px;
  height: 108px;
  background: #F43826;
  border-radius: 70px;
  text-align: center;
  color: white;
  position: absolute;
  padding: 32px 0 0 0;
  z-index: 100;
  margin: -140px 0 0 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
  .web-kopage .komplet .discount {
    margin: -140px 0 0 -100px;
    left: initial;
    transform: initial;
  }
}
.web-kopage .komplet .discount span {
  display: block;
  text-transform: uppercase;
  font-weight: 200;
  line-height: 33px;
  letter-spacing: 3px;
}
.web-kopage .komplet .discount strong {
  display: block;
  font-size: 40px;
  line-height: 40px;
}
.web-kopage .komplet .block {
  margin: 100px 0 0 0;
  padding-top: 50px;
}
@media only screen and (min-width: 768px) {
  .web-kopage .komplet .block {
    margin: 40px 30px 30px 0;
  }
}
.web-kopage .komplet .block h2 {
  font-weight: bold;
  font-size: 50px;
  margin-bottom: 30px;
  color: #454555;
}
.web-kopage .komplet .block .price {
  margin: 20px 0 0 0;
  line-height: 34px;
}
.web-kopage .komplet .block .price strong {
  font-size: 30px;
  display: block;
}
.web-kopage .komplet .block .price span {
  font-weight: 200;
}
.web-kopage .komplet .block .button {
  background: #423399;
  padding: 10px 20px;
  color: #ffffff;
  border-radius: 3px;
  text-decoration: none;
  margin: 20px 0 0 0;
  float: right;
}
.web-kopage .komplet .block h3 {
  text-align: left;
  position: relative;
  font-size: 20px;
}
.web-kopage .komplet .block h3 span {
  position: absolute;
  margin: -18px 0 0 26px;
}
.web-kopage .komplet .block h3 strong {
  font-size: 40px;
}
.web-kopage .komplet .block p {
  font-size: 18px;
  margin: 3px 0;
}
.web-kopage .komplet .block p i {
  color: #0CBA69;
}
.web-kopage .komplet .block p.no-icon {
  padding-left: 24px;
}
.web-kopage .komplet .text {
  padding: 0px 40px 10px 40px;
}
.web-kopage .komplet .text h3 {
  font-size: 40px;
  line-height: 42px;
  text-align: left;
}
.web-kopage .komplet .text .note {
  font-size: 14px;
}
.web-kopage-sablony .admin-title {
  display: block;
}
.tvurce-sablony h2 {
  font-weight: bold;
  font-size: 50px;
  color: #454555;
}
.web-kopage-sablony .tvurce-sablony h2 {
  display: none;
}
.tvurce-sablony .row {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
.tvurce-sablony .row .column-categories {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .tvurce-sablony .row .column-categories {
    width: calc(100% - 990px);
  }
}
.tvurce-sablony .row .column-categories a {
  display: block;
  padding: 0 20px;
  margin: 0 0 10px 0;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #474457;
  border-radius: 5px;
  background: #EFEFEF;
  text-decoration: none;
  width: 100%;
}
.tvurce-sablony .row .column-categories a span {
  color: #423399;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 40px;
  text-align: center;
  background: #ffffff;
  border-radius: 18px;
  margin: 0 7px 0 0;
}
.tvurce-sablony .row .column-categories a:hover,
.tvurce-sablony .row .column-categories a.active {
  color: #ffffff;
  background: #423399;
}
.tvurce-sablony .row .column-categories a:hover span,
.tvurce-sablony .row .column-categories a:active span {
  color: #423399;
}
.tvurce-sablony .row .column-templates {
  width: 900px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .tvurce-sablony .row .column-templates {
    padding: 0 0 0 90px;
  }
}
.tvurce-sablony .row .column-templates .template {
  margin: 0 0 40px 0;
  width: 410px;
  height: 360px;
  box-shadow: rgba(0,0,0,0.1) 0 0 10px;
  border-radius: 8px 8px 0 0;
}
@media only screen and (min-width: 768px) {
  .tvurce-sablony .row .column-templates .template {
    margin: 0 80px 60px 0;
  }
}
.tvurce-sablony .row .column-templates .template.hidden {
  display: none;
}
.tvurce-sablony .row .column-templates .template .name {
  background: #dddddd;
  border-radius: 8px 8px 0 0;
  height: 30px;
  line-height: 30px;
  color: #666666;
  font-size: 16px;
  padding: 0 10px;
}
.tvurce-sablony .row .column-templates .template .name span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #666666;
  margin: 0 6px 0 0;
}
.tvurce-sablony .row .column-templates .template:nth-child(2n) {
  margin-right: 0;
}
.tvurce-sablony .row .column-templates .template .content {
  height: 330px;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  border-radius: 0 0 8px 8px;
}
.tvurce-sablony .row .column-templates .template .content .zoom {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 18px;
  background: #666666;
  position: absolute;
  margin: 30px 0 0 0;
  right: 30px;
  color: #ffffff;
}
.tvurce-sablony .row .column-templates .template .content form {
  display: inline-block;
  margin: 0 10px;
}
.tvurce-sablony .row .column-templates .template .content .button.button2 {
  color: #423399;
}
.tvurce-sablony .row .column-templates .template .content button.primary {
  padding: 9px 18px;
  color: #ffffff;
  font-size: 18px;
  margin: 242px 0 0 0;
  border-radius: 3px;
  border: 2px solid #0CBA69;
}
.tvurce-sablony .row .column-templates .template .content .button.primary {
  background: #423399;
  border: 2px solid #423399;
}
.tvurce-sablony .row .column-templates .template .content button {
  display: none;
}
.tvurce-sablony .row .column-templates .template:hover .content button {
  display: inline-block;
}
.tvurce-sablony .row .column-templates .more {
  width: 100%;
}
.tvurce-sablony .row .column-templates .more button {
  padding: 9px 25px;
}

.web-other h1 {
  font-size: 80px;
  line-height: 90px;
  color: #F53A0F;
  margin-bottom: 0;
}
.web-other .blocked-main .btn {
  margin-top: 30px;
}
.web-other.web-other-nedodan h1 {
  color: #454554;
}
.web-other.web-other-nedodan .btn {
  margin-left: 20px;
  margin-right: 20px;
}