/* ========== IMPORTS ========== */
.u-w-20 {
  width: 20% !important;
}

.u-mb-6 {
  margin-bottom: 4rem !important;
}

.u-mb-7 {
  margin-bottom: 5rem !important;
}

.u-bg-main {
  background: #124680;
}

.u-bg-main2 {
  background: #075CF8;
}

.u-bg-white {
  background: #fff;
}

.u-color-main {
  color: #124680 !important;
}

.u-color-main2 {
  color: #075CF8 !important;
}

.u-color-green {
  color: #28a745;
}

.u-color-black {
  color: #000;
}

.u-color-white {
  color: #fff;
}

.u-color-blue {
  color: #075cf8;
}

.u-borders {
  border-radius: 30px;
}

@font-face {
  font-family: "Din";
  font-display: swap;
  src: url("../fonts/din/DIN-Pro-400.otf") format("opentype");
}
/**********/
/* GLOBAL */
/**********/
a {
  color: #124680;
  transition: all 0.2s ease-in;
}
a:hover {
  color: #075CF8 !important;
  text-decoration: none;
}
a:focus {
  box-shadow: none !important;
}

h5 {
  color: #1d1d1b;
}

.npl {
  padding-left: 0;
}

.color-white {
  color: #fff;
}

.color-main {
  color: #124680;
}

.color-main2 {
  color: #075CF8;
}

.bgmain4 {
  background: #c8daee;
}

.fs10 {
  font-size: 10pt;
}

.fs11 {
  font-size: 11pt;
}

.fs12 {
  font-size: 12pt;
}

.fs13 {
  font-size: 13pt;
}

.fs14 {
  font-size: 14pt;
}

.fs25r {
  font-size: 2.5rem;
}

.service-hide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
  z-index: 841;
  background: #124680;
}
.service-hide__title {
  margin-top: 3rem;
  color: #fff;
  font-size: 2rem;
  text-align: center;
}

.center {
  text-align: center;
}

.bold {
  font-weight: 500;
}

.u-display-block {
  display: block;
}

/*********/
/* FORMS */
/*********/
input,
select,
textarea,
input[type=text] {
  box-shadow: 0 !important;
}
input:hover,
select:hover,
textarea:hover,
input[type=text]:hover {
  border: 1px solid #124680;
}
input:focus,
select:focus,
textarea:focus,
input[type=text]:focus {
  border: 1px solid #124680;
}

input[type=radio]:after,
input[type=radio]:checked:after {
  border: 2px solid #28a745;
}

input[type=checkbox]:after,
input[type=checkbox]:checked:after {
  border: 2px solid #28a745;
  width: 20px;
  height: 20px;
}

input[type=checkbox]:checked:after,
input[type=radio]:checked:after {
  background: #28a745;
}

.form__input {
  border: 1px solid #124680 !important;
  transition: all 0.2s ease-in;
}
.form__input:hover {
  border: 1px solid #124680 !important;
}
.form__submit {
  background: #124680 !important;
  transition: all 0.2s ease-in;
}
.form__submit:hover {
  background: #075CF8 !important;
}

/**********/
/* NAVBAR */
/**********/
/**********/
/* NAVBAR */
/**********/
/***********/
/* BUTTONS */
/***********/
.btn {
  transition: all 0.2s ease-in;
}
.btn:hover {
  color: #fff !important;
  border: 0 !important;
  background: #075CF8 !important;
}
.btn:focus {
  color: #fff !important;
  border: 0 !important;
  background: #124680 !important;
}
.btn--main1 {
  color: #fff;
  background: #124680;
}
.btn__main2 {
  color: #fff;
  background: #075CF8 !important;
}
.btn--green {
  color: #fff;
  background: #28a745 !important;
}

/********/
/* LINK */
/********/
.pk-link {
  color: #124680;
  transition: all 0.2s ease-in;
}
.pk-link:hover {
  color: #075CF8;
}

/*************/
/* MAIN PAGE */
/*************/
.logo__img {
  margin: 0 auto;
  display: block;
  transition: all 0.2s ease-in;
}
.logo__img:hover {
  transform: scale(1.08);
}
.logo--mtop {
  margin-top: 20px;
}
.logo--mbottom {
  margin-bottom: 50px;
}

/**************/
/* ORDER PAGE */
/**************/
/********************************/
/* ORDER PAGE ONESTEP_CLOUD_2019*/
/********************************/
/**********/
/* FOOTER */
/**********/
/**********************/
/* ORDERPAGE - DOMAIN */
/**********************/
.register {
  background: none !important;
}

.transfer {
  background: none !important;
}

.domain-header {
  text-align: center;
  background: none !important;
  background-image: none !important;
}
.domain-header__title {
  font-size: 18pt !important;
  color: #fff !important;
}

.domain-search {
  padding: 30px 0 0 !important;
}

.domain-price {
  margin: 40px 0 0 0 !important;
}

.result-button:hover {
  color: #fff !important;
  background: #124680 !important;
}

.domain-modes a {
  color: #124680 !important;
  font-weight: bold;
  transition: all 0.2s ease-in;
}
.domain-modes a:hover {
  text-decoration: none;
  color: #075CF8 !important;
}

/************/
/* INFOPAGE */
/************/
/*************/
/* ACCORDION */
/*************/
/********/
/* CARD */
/********/
/*******/
/* BOX */
/*******/
.pk-box__item {
  border: 2px solid #fff !important;
  background: rgba(255, 255, 255, 0.8);
}
.pk-box__item:hover {
  border: 2px solid #28a745 !important;
  background: #fff;
}
.pk-box__header {
  padding: 5px;
  color: #fff !important;
  text-align: center;
  border-radius: 5px;
  background: #28a745;
}
.pk-box__text {
  color: #000;
  font-size: 11pt;
}

/***********/
/* COOKIES */
/***********/
/***********/
/* EFFECTS */
/***********/
.e-shadow {
  transition: all 0.2s ease-in;
}
.e-shadow:hover {
  box-shadow: 0 0 25px #58595b;
}

card-subtitle .cart-product.selected:not(.outofstock) .text-primary {
  color: #075CF8 !important;
}

/*********/
/* OTHER */
/*********/
.pk-ribbon {
  width: 150px;
  height: 32px;
  padding-top: 9px;
  position: absolute;
  font-size: 12px;
  right: -32px;
  top: 0;
  text-align: center;
  color: #fff !important;
  font-weight: bold;
  box-shadow: 0 2px 3px rgba(136, 136, 136, 0.25);
  background: #28a745;
  transform: rotate(45deg);
}

/**********************/
/* MEDIA SCREEN WIDTH */
/**********************/

/*# sourceMappingURL=my.css.map */