/*==============================================================
  GENERAL SETTINGS
  ============================================================== */
@charset "utf-8";@font-face {
    font-display: swap;
    font-family: On Air Var;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/OnAirVar.woff2) format("woff2"),url(../fonts/OnAirVar.woff) format("woff")
}

html,
body {
  font-family: On Air Var, sans-serif;
  background-color: #F3F3F5;
  overflow-x: hidden;
  color: #00001E;
}

a,
.btn, 
input, 
button, 
select {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-khtml-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #00001E;
}

.custom-mt-10 {
  margin-top: 10px;
}

.custom-mt-15 {
  margin-top: 15px;
}

.custom-mt-20 {
  margin-top: 20px;
}

.custom-mt-30 {
  margin-top: 30px;
}

.custom-mt-40 {
  margin-top: 40px;
}

.custom-mt-50 {
  margin-top: 50px;
}

.custom-mt-60 {
  margin-top: 60px;
}

.custom-mt-70 {
  margin-top: 70px;
}

.custom-mt-80 {
  margin-top: 80px;
}

.custom-mb-10 {
  margin-bottom: 10px;
}

.custom-mb-15 {
  margin-bottom: 15px;
}

.custom-mb-20 {
  margin-bottom: 20px;
}

.custom-mb-30 {
  margin-bottom: 30px;
}

.custom-mb-40 {
  margin-bottom: 40px;
}

.custom-mb-50 {
  margin-bottom: 50px;
}

.custom-mb-60 {
  margin-bottom: 60px;
}

.custom-mb-70 {
  margin-bottom: 70px;
}

.custom-mb-80 {
  margin-bottom: 80px;
}

.custom-pb-80 {
  padding-bottom: 80px;
}

.custom-pt-80 {
  padding-top: 80px;
}

.font-18 {
  font-size: 18px;
}

.btn {
  font-size: 16px;
  line-height: 26px;
  border-radius: 25px;
  padding: 11px 30px;
  border: solid 1px transparent;
}

.btn:hover {
  text-decoration: none!important;
}

.btn-primary {
  background-color: #0050FF;
  border-color: #0050FF;
  font-size: 16px;
}

.btn-primary:first-child:active,
.btn-primary:active,
.btn-primary:hover {
  background-color: #00008C;
  border-color: #00008C;
}

.btn-light {
  background-color: transparent;
  border-color: #0050FF;
  color: #0050FF;
}

.btn-light:first-child:active,
.btn-light:active,
.btn-light:hover {
  border-color: #0050FF;
  background-color: #0050FF;
  color: #FFFFFF;
}

.form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

.form-check-input[type=radio],
.form-check-input[type=checkbox] {
  border-color: #B4B4BE;
}

.form-check {
  padding-left: 28px;
  margin-bottom: 15px;
}

.form-check .form-check-input {
  float: left;
  margin-left: -28px;
  cursor: pointer;
}

.form-check-input[type=checkbox] {
  border-radius: 3px;
}

.form-check-input:checked {
  background-color: #0050FF;
  border-color: #0050FF;
}

.form-select,
.form-control {
  border-color: #B4B4BE;
  border-radius: 10px;
  padding: 12px;
}

.form-select.green,
.form-control.green {
  color: #019027;
}

.form-select.red,
.form-control.red {
  color: #D50B32;
}

.form-select.has-value,
.form-control.has-value {
  border-color: #00001E;
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #D50B32;
  padding-right: 12px;
  background: transparent;
  box-shadow: none;
}

.error-message {
  margin-top: 5px;
  font-size: 14px;
  color: #D50B32;
}

.error-message:before {
  content: '!';
  background: #D50B32;
  color: #FFFFFF;
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  margin-right: 5px;
}

.form-control:focus,
.form-select:focus {
  border-color: #0050FF;
  box-shadow: none;
}

.form-check-input:focus {
  box-shadow: none;
}

.form-check-label.consent {
  color: #73737D;
  font-size: 14px;
}

button.btn,
[type="button"].btn,
[type="reset"].btn,
[type="submit"].btn {
  font-size: 18px;
  padding: 16px 35px;
  border-radius: 30px;
}

.custom-input-file .inputfile {
  display: none;
}

.btn-light.btn-document-2:before,
.btn-light.btn-mobile-2:before,
.custom-input-file .btn-light.btn-attachment:before,
.btn-light.btn-plus:before {
  content: '';
  float: left;
  margin-right: 10px;
  display: inline-block;
  height: 21px;
  width: 21px;
  margin-left: 0;
  margin-top: 2px;
  background-image: url('../images/icon-plus-blue.svg');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-light.btn-plus:hover:before {
  background-image: url('../images/icon-plus-white.svg');
}



.custom-input-file .btn-light.btn-attachment:before {
  background-image: url('../images/icon-attachment-blue.svg');
}

.custom-input-file .btn-light.btn-attachment:hover:before {
  background-image: url('../images/icon-attachment-white.svg');
}


.btn-light.btn-mobile-2:before {
  background-image: url('../images/icon-mobile-2-blue.svg');
}

.btn-light.btn-mobile-2:hover:before {
  background-image: url('../images/icon-mobile-2-white.svg');
}

.btn-light.btn-document-2:before {
  background-image: url('../images/icon-document-2-blue.svg');
}

.btn-light.btn-document-2:hover:before {
  background-image: url('../images/icon-document-2-white.svg');
}



.custom-input-file .btn-light.btn-attachment span {
  background: #0050FF;
  color: #FFFFFF;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  float: right;
  margin-left: 5px;
  margin-top: 2px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.custom-input-file .btn-light.btn-attachment:hover span {
  background: #FFFFFF;
  color: #0050FF;
}

.custom-input-file .btn-light.btn-attachment span:empty  {
  display: none;
}


.file-link:before {
  content: '';
  float: left;
  margin-right: 10px;
  display: inline-block;
  height: 16px;
  width: 13px;
  margin-left: 0;
  margin-top: 4px;
  background-image: url('../images/icon-file-link.svg');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.info-icon {
  content: '';
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-left: 5px;
  background-image: url('../images/icon-info.svg');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.custom-border-left {
  border-left: solid 1px #B4B4BE;
}

.green {
  color: #019027;
}

.red {
  color: #D50B32;
}

.font-light-grey {
  color: #73737D;
}

/*==============================================================
  GENERAL SETTINGS
  ============================================================== */

/*==============================================================
  DATATABLES
  ============================================================== */
.table>:not(caption)>*>* {
  padding-left: 0;
  padding-bottom: 0;
}

.datatable-wrapper table.dataTable thead > tr > *.ui-state-default {
  background: #82DCFA;
  color: #0050FF;
  border-bottom: 0;
}

.datatable-wrapper .search-input {
  border: solid 1px #0050FF;
  border-radius: 4px;
}

.datatable-wrapper table.dataTable thead > tr > *.ui-state-default .dt-column-order:after,
.datatable-wrapper table.dataTable thead > tr > *.ui-state-default .dt-column-order:before {
  opacity: 0.6;
}


.datatable-wrapper table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
.datatable-wrapper table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
.datatable-wrapper table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
.datatable-wrapper table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    opacity: 1;
}

.datatable-wrapper table.dataTable thead > tr > th.dt-orderable-asc:hover,
.datatable-wrapper table.dataTable thead > tr > th.dt-orderable-desc:hover,
.datatable-wrapper table.dataTable thead > tr > td.dt-orderable-asc:hover,
.datatable-wrapper table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: none;
    outline-offset: 0;
    background: #62c9eb;
}

.datatable-wrapper table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
.datatable-wrapper table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
.datatable-wrapper table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
.datatable-wrapper table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  background-image: url('data:image/svg+xml;utf8,<svg height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><title/><path d="M464,464H48a16,16,0,0,1-14.07-23.62l208-384a16,16,0,0,1,28.14,0l208,384A16,16,0,0,1,464,464Z" fill="%230050FF" /></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 11px;
  height: 9px;
  content: '';
  bottom: 54%;
}

.datatable-wrapper table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
.datatable-wrapper table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
.datatable-wrapper table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
.datatable-wrapper table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <g transform="matrix(-1,0.000823706,-0.000823706,-1,512.211,511.787)"> <path d="M464,464L48,464C48,464 47.999,464 47.999,464C39.222,464 31.999,456.777 31.999,448C31.999,445.339 32.663,442.72 33.93,440.38L241.93,56.38C244.722,51.223 250.135,47.998 256,47.998C261.865,47.998 267.278,51.223 270.07,56.38L478.07,440.38C479.337,442.72 480.001,445.339 480.001,448C480.001,456.777 472.778,464 464.001,464C464.001,464 464,464 464,464Z" style="fill-rule:nonzero;" fill="%230050FF" /> </g> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 11px;
  height: 9px;
  content: '';
  top: 54%;
}

.datatable-wrapper div.dt-buttons>.dt-button,
.datatable-wrapper div.dt-buttons>div.dt-button-split .dt-button {
  border-color: #0050FF;
  color: #0050FF;
  border-radius: 17px;
  background: transparent;
}

.datatable-wrapper div.dt-buttons>.dt-button:focus:not(.disabled),
.datatable-wrapper div.dt-buttons>div.dt-button-split .dt-button:focus:not(.disabled) {
  outline: none;
}

.datatable-wrapper div.dt-buttons span.dt-button-down-arrow {
  top: 0;
  opacity: 1;
}

.datatable-wrapper div.dt-buttons>.dt-button:hover:not(.disabled),
.datatable-wrapper div.dt-buttons>div.dt-button-split .dt-button:hover:not(.disabled) {
    border: 1px solid #0050ff;
    color: #ffffff;
    background: #0050ff;
}

.datatable-wrapper div.dt-container .dt-search input {
  border-color: #B4B4BE;
  border-radius: 6px;
}

.datatable-wrapper div.dt-container .dt-search input:focus {
  border-color: #0050FF;
}

.datatable-wrapper .dt-paging .ui-button:hover {
  background: #73737D;
  color: #FFF;
}

.datatable-wrapper .dt-paging .ui-button:hover {
  background: #73737D;
  color: #FFF;
}

.datatable-wrapper .dt-paging .ui-button:hover {
  background: #73737D;
  color: #FFF;
}

.datatable-wrapper .dt-paging .ui-button.ui-state-disabled,
.datatable-wrapper .dt-paging .ui-button.ui-state-disabled:hover {
  opacity: .35;
  color: #00001E;
  cursor: default;
  background-color: #f0f0f0;
}
/*==============================================================
  DATATABLES
  ============================================================== */


/*==============================================================
  MODAL SETTINGS
  ============================================================== */
.modal {
  background: rgb(180 180 190 / 50%)
}

.modal-dialog {
  max-width: 850px;
}

.btn-close {
  margin-bottom: 10px!important;
  color: #0050FF;
  opacity: 1;
  background-image: url('../images/icon-x-blue.svg');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-close:focus {
  box-shadow: none;
}

.btn-close:hover {
  opacity: 1;
  background-image: url('../images/icon-x-dark.svg');
}

.modal-content {
  border-radius: 20px;
  border: none;
}

.modal-header {
  flex-direction: column;
}

.modal-header,
.modal-footer {
  border: none;
}

.modal-footer {
  justify-content: center;
  padding-bottom: 30px;
}

.modal-body .setting-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*==============================================================
  MODAL SETTINGS
  ============================================================== */

/*==============================================================
  MODAL - ESHOP FILTER
  ============================================================== */

#modal-filter .modal-body .group-title {
  border-bottom: 1px dashed #c7d4e1;
  margin-bottom: 20px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: bold;
}

#modal-filter .modal-body .price-slider .group-title {
  margin-bottom: 30px;
}

#modal-filter .modal-body .btn-checkbox {
  color: #0050FF;
  border: solid 1px #cbd5e1;
  padding: 2px 15px;
  margin: 0 8px 8px 0;
}

#modal-filter .modal-body .btn-checkbox:hover {
  border: solid 1px #00001E;
}

#modal-filter .modal-body .btn-checkbox span {
  color: #94a3b6;
}

#modal-filter .modal-body .btn-check:checked+.btn,
#modal-filter .modal-body .btn.active {
  color: #FFF;
  background-color: #0050FF;
  border-color: #0050FF;
}

#modal-filter .modal-body .btn-check:checked+.btn span,
#modal-filter .modal-body .btn.active span {
  color: #FFF;
}

#modal-filter .btn-color {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
  border-radius: 50%;
  float: left;
  margin-top: 5px;
}

#modal-filter .slider-container {
    position: relative;
    width: 100%;
}

#modal-filter .range-slider {
    position: relative;
    width: 100%;
}

#modal-filter .range-slider input[type="range"] {
    position: absolute;
    width: 100%;
    -webkit-appearance: none;
    background: none;
    pointer-events: none;
}

#modal-filter .range-slider input[type="range"]::-webkit-slider-runnable-track {
    height: 4px;
    background: #ddd;
    border-radius: 3px;
}

#modal-filter .range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 26px;
    height: 26px;
    border: solid 4px #FFF;
    background: #007bff;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    top: -11px;
    z-index: 2;
}

#modal-filter .range-track {
    position: absolute;
    height: 4px;
    background: #007bff;
    z-index: 1;
}

#modal-filter .price-labels {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

/*==============================================================
  MODAL - ESHOP FILTER
  ============================================================== */



/*==============================================================
  CUSTOM GRID SIZE
  ============================================================== */
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1715px;
    }
}
/*==============================================================
  CUSTOM GRID SIZE
  ============================================================== */



/*==============================================================
  HEADER
  ============================================================== */
#home-header {
  background: transparent linear-gradient(180deg, #00008C 0%, #0252FF 50%, #AFD7FF 100%) 0% 0% no-repeat padding-box;
  margin-bottom: 60px;
  padding-bottom: 60px;
}

#home-header.subpage {
  background: #0050FF;
  margin-bottom: 0;
  padding-bottom: 20px;
}

#home-header .top-header {
  margin-top: 20px;
  font-size: 14px;
}

#home-header .top-header .top-header-title {
  color: rgb(255 255 255 / 60%);
}

#home-header .top-header .top-header-links {
  display: inline-block;
  float: right;
}

#home-header .top-header .top-header-links a {
  color: #82DCFA;
  text-decoration: none;
}

#home-header .top-header .top-header-links a:hover {
  text-decoration:underline;
}

#home-header .top-header .top-header-links a:first-of-type {
  margin-right: 40px;
}

#home-header .navbar-brand {
  margin-right: 80px;
}

#home-header #mobile-menu-bottom {
  display: none;
}

#home-header .navbar .nav-item {
  margin-right: 40px;
}

#home-header .navbar .nav-link:focus-visible {
    outline: 0;
    box-shadow: none;
}

#home-header .navbar .nav-link {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 24px ;
}

#home-header .navbar .dropdown-toggle::after {
  content: '';
  vertical-align: 2px;
  width: 13px;
  height: 7px;
  border: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.068" height="7.001" viewBox="0 0 13.068 7.001"> <path id="Next__3Solid" data-name="Next _3Solid" d="M18.467,17.068a.461.461,0,0,1-.327-.14.451.451,0,0,1,0-.653l5.741-5.741L18.14,4.793a.462.462,0,1,1,.653-.653l6.067,6.067a.451.451,0,0,1,0,.653l-6.067,6.067A.461.461,0,0,1,18.467,17.068Z" transform="translate(17.068 -18) rotate(90)" fill="%23ffffff"/> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#home-header .navbar .dropdown-menu {
  box-shadow: 0px 30px 30px rgb(0 0 0 / 10%);
  border-radius: 25px;
  padding: 20px;
  min-width: 300px;
}

#home-header .navbar .dropdown-menu li .dropdown-item {
  border-bottom: solid 1px #B4B4BE;
  color: #0050FF;
  padding: 12px 0;
  font-size: 16px;
}

#home-header .navbar .dropdown-menu li:last-of-type .dropdown-item {
  border-bottom: none;
}

#home-header .navbar .dropdown-menu .dropdown-item:focus,
#home-header .navbar .dropdown-menu .dropdown-item:active,
#home-header .navbar .dropdown-menu .dropdown-item:hover {
  color: #00001E;
  background-color: transparent;
}

#home-header .navbar .dropdown-menu .dropdown-item:before {
  content: '';
  float: left;
  display: inline-block;
  font-size: 0;
  width: 30px;
  height: 22px;
  background-image: url('../images/icon-faktury.svg');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#home-header .navbar .dropdown-menu .dropdown-item:after {
  content: '';
  float: right;
  margin-right: 20px;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-left: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.59" height="21.59" viewBox="0 0 21.59 21.59"> <path id="Path_37" data-name="Path 37" d="M13.759,6H5.028a.439.439,0,1,0,0,.877H12.7L-.941,20.521a.436.436,0,0,0-.128.31.436.436,0,0,0,.437.436.435.435,0,0,0,.309-.127L13.32,7.495v7.674a.438.438,0,0,0,.439.438h0a.438.438,0,0,0,.438-.439V6.438A.438.438,0,0,0,13.759,6Z" transform="translate(15.793 -3.487) rotate(45)" fill="%230050ff"/> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#home-header .navbar .dropdown-menu .dropdown-item:focus:after,
#home-header .navbar .dropdown-menu .dropdown-item:active:after,
#home-header .navbar .dropdown-menu .dropdown-item:hover:after {
  margin-right: 10px;
}

#home-header .navbar .navbarDropdownMenu-prehlady .prehlad:before {
  background-image: url('../images/icon-prehlad.svg');
}

#home-header .navbar .navbarDropdownMenu-prehlady .poziadavky:before {
  background-image: url('../images/icon-poziadavky.svg');
}

#home-header .navbar .navbarDropdownMenu-prehlady .zmluvy:before {
  background-image: url('../images/icon-zmluvy.svg');
}

#home-header .navbar .navbarDropdownMenu-prehlady .objednavky:before {
  background-image: url('../images/icon-objednavky.svg');
}

#home-header .navbar .navbarDropdownMenu-sprava .fakturacne-profily:before {
  background-image: url('../images/icon-fa-profily.svg');
}

#home-header .navbar .navbarDropdownMenu-sprava .kontaktne-osoby:before {
  background-image: url('../images/icon-kontaktne-osoby.svg');
  height: 17px;
  margin-top: 3px;
}

#home-header .navbar .navbarDropdownMenu-sprava .sluzby:before {
  background-image: url('../images/icon-sluzby.svg');
}

/*
#home-header #navbarNavDropdownUser .navbar-nav {
  position: relative;
  top: -32px;
  display: inline-block;
}

#home-header #navbarNavDropdownUser .dropdown {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 25px;
  min-width: 210px;
  overflow: auto;
  border: solid 1px #ffffff;
}*/


#home-header #navbarNavDropdownUser .navbar-nav {
  position: absolute;
  right: 12px;
  top: 14px;
  border-radius: 25px;
  min-width: 210px;
  display: inline-block;
}

#home-header #navbarNavDropdownUser .navbar-nav .cart {
  float: left;
  margin-right: 20px;
}

#home-header #navbarNavDropdownUser .navbar-nav .cart a {
  position: relative;
  display: inline-block;
  content: '';
  height: 50px;
  width: 50px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFFFFF" viewBox="0 0 20 20" width="100%" height="18px" style="padding: 0px;"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.64286 1C1.28782 1 1 1.28782 1 1.64286C1 1.9979 1.28782 2.28571 1.64286 2.28571H2.08256C2.37821 2.28571 2.63574 2.48736 2.70665 2.77438L5.66761 14.7592C4.82471 15.0283 4.21429 15.8178 4.21429 16.7499C4.21429 17.9038 5.1497 18.8392 6.30358 18.8392C7.45746 18.8392 8.39287 17.9038 8.39287 16.7499C8.39287 16.4652 8.33591 16.1938 8.23277 15.9464H13.6958C13.5927 16.1938 13.5357 16.4652 13.5357 16.7499C13.5357 17.9038 14.4711 18.8392 15.625 18.8392C16.7789 18.8392 17.7143 17.9038 17.7143 16.7499C17.7143 15.596 16.7789 14.6606 15.625 14.6606C15.6192 14.6606 15.6135 14.6607 15.6078 14.6607H6.96765L6.41182 12.4109L16.6104 12.4109L18.9946 2.76807L4.02946 2.76807L3.95484 2.46601C3.74211 1.60495 2.96951 1 2.08256 1H1.64286ZM4.34711 4.05378L6.09417 11.1252L15.6039 11.1252L17.3523 4.05378L4.34711 4.05378ZM15.6143 15.9464H15.625V15.9464C16.0688 15.9464 16.4286 16.3061 16.4286 16.7499C16.4286 17.1937 16.0688 17.5535 15.625 17.5535C15.1812 17.5535 14.8214 17.1937 14.8214 16.7499C14.8214 16.3097 15.1754 15.9521 15.6143 15.9464ZM6.29289 15.9464H6.31427C6.75314 15.9521 7.10715 16.3097 7.10715 16.7499C7.10715 17.1937 6.74738 17.5535 6.30358 17.5535C5.85978 17.5535 5.50001 17.1937 5.50001 16.7499C5.50001 16.3097 5.85402 15.9521 6.29289 15.9464Z"></path> </svg>');
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

#home-header #navbarNavDropdownUser .navbar-nav .cart a span {
  position: absolute;
  right: 8px;
  top: 8px;
  background: #4ce7a4;
  color: #FFF;
  height: 16px;
  display: inline-block;
  width: 16px;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  border-radius: 50%;
}

#home-header #navbarNavDropdownUser .dropdown {
  position: relative;
  right: 0;
  top: 0;
  border-radius: 25px;
  min-width: 210px;
  overflow: auto;
  border: solid 1px #ffffff;
}

#home-header #navbarNavDropdownUser .dropdown:has(.show) {
  background-color: #FFFFFF;
  box-shadow: 0px 30px 30px rgb(0 0 0 / 10%);
}

#home-header #navbarNavDropdownUser .dropdown .nav-link {
  text-align: center;
  padding: 13px 20px;
  display: flex;
  align-items: center;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

#home-header #navbarNavDropdownUser .dropdown .nav-link.show {
  color: #00001E;
}

#home-header #navbarNavDropdownUser .dropdown .nav-link::after {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

#home-header #navbarNavDropdownUser .dropdown .nav-link.show::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="13.068" height="7.001" viewBox="0 0 13.068 7.001"> <path id="Next__3Solid" data-name="Next _3Solid" d="M18.467,17.068a.461.461,0,0,1-.327-.14.451.451,0,0,1,0-.653l5.741-5.741L18.14,4.793a.462.462,0,1,1,.653-.653l6.067,6.067a.451.451,0,0,1,0,.653l-6.067,6.067A.461.461,0,0,1,18.467,17.068Z" transform="translate(17.068 -18) rotate(90)" fill="%2300001E"/> </svg>');
}

#home-header #navbarNavDropdownUser .dropdown .nav-link::before {
  display: inline-block;
  content: '';
  height: 18px;
  width: 18px;
  margin-right: 20px;
  background-image: url('../images/icon-user-white.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -khtml-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

#home-header #navbarNavDropdownUser .dropdown .nav-link.show::before {
  background-image: url('../images/icon-user-dark.svg');
}

#home-header #navbarNavDropdownUser .dropdown-menu {
  box-shadow: none;
  position: relative;
  border-radius: 0;
  left: auto;
  right: 0;
  padding: 10px 20px;
  min-width: 210px;
  border: none;
}

#home-header #navbarNavDropdownUser .nav-item {
  margin-right: 0;
}


#home-header #navbarNavDropdownUser li .dropdown-item {
  border: none;
  color: #00001E;
  border-radius: 10px;
  padding: 8px 0;
}

#home-header #navbarNavDropdownUser li .dropdown-item:active,
#home-header #navbarNavDropdownUser li .dropdown-item:hover {
  background-color: #F3F3F5;
  padding-left: 15px;
}

#home-header #navbarNavDropdownUser li .logout,
#home-header #navbarNavDropdownUser li .logout:active,
#home-header #navbarNavDropdownUser li .logout:hover {
  border-top: solid 1px #B4B4BE;
  background-color: transparent;
  border-radius: 0;
  margin-top: 8px;
  padding-top: 16px;
  color: #0050FF;
}


#home-header #navbarNavDropdownUser .dropdown-item:after,
#home-header #navbarNavDropdownUser .dropdown-item:before {
  display: none;
}


#home-header .title-wrapper {
  position: relative;
}

#home-header h1 {
  color: #FFFFFF;
  font-size: 62px;
  margin: 80px 0;
  position: relative;
  z-index: 1;
}

#home-header .bublina-1 {
  position: absolute;
  bottom: -60px;
  left: -30px;
  display: block;
  height: 64px;
  width: 64px;
}

#home-header .bublina-2 {
  position: absolute;
  top: -55px;
  right: 40px;
  display: block;
  height: 186px;
  width: 222px;
}

#home-header .services-title {
  color: rgb(255 255 255 / 60%);
  font-size: 18px;
}

#home-header .top-services {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


#home-header .top-services .btn-light {
  background-color: transparent;
  border-color: #FFF;
  color: #FFFFFF;
  margin: 5px;
  display: flex;
  align-items: center;
}

#home-header .top-services .btn-light:active,
#home-header .top-services .btn-light:hover {
  background-color: #FFFFFF;
  border-color: #FFF;
  color: #0050FF;
}

#home-header .top-services .btn:after {
  display: inline-block;
  content: '';
  height: 22px;
  width: 22px;
  margin-left: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.59" height="21.59" viewBox="0 0 21.59 21.59"> <path id="Path_37" data-name="Path 37" d="M13.759,6H5.028a.439.439,0,1,0,0,.877H12.7L-.941,20.521a.436.436,0,0,0-.128.31.436.436,0,0,0,.437.436.435.435,0,0,0,.309-.127L13.32,7.495v7.674a.438.438,0,0,0,.439.438h0a.438.438,0,0,0,.438-.439V6.438A.438.438,0,0,0,13.759,6Z" transform="translate(15.793 -3.487) rotate(45)" fill="%23ffffff"/> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#home-header .top-services .btn:hover:after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.59" height="21.59" viewBox="0 0 21.59 21.59"> <path id="Path_37" data-name="Path 37" d="M13.759,6H5.028a.439.439,0,1,0,0,.877H12.7L-.941,20.521a.436.436,0,0,0-.128.31.436.436,0,0,0,.437.436.435.435,0,0,0,.309-.127L13.32,7.495v7.674a.438.438,0,0,0,.439.438h0a.438.438,0,0,0,.438-.439V6.438A.438.438,0,0,0,13.759,6Z" transform="translate(15.793 -3.487) rotate(45)" fill="%230050ff"/> </svg>');
}

#home-header .top-services-section .btn-primary {
  font-size: 18px;
  padding: 16px 35px;
  border-radius: 30px;
}

/*#menu-overlay {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 10;
  visibility: visible;
  position: fixed;
  background: transparent linear-gradient(180deg, #00008C 0%, #0252FF 50%, #AFD7FF 100%) 0% 0% no-repeat padding-box;
  opacity: 0.85;
}

*/
/*==============================================================
  HEADER
  ============================================================== */


/*==============================================================
  BREADCRUMBS
  ============================================================== */
.custom-breadcrumbs .breadcrumb-item+.breadcrumb-item::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4.669" height="8.715" viewBox="0 0 4.669 8.715"> <path id="Next__3Solid" data-name="Next _3Solid" d="M18.311,12.715a.307.307,0,0,1-.218-.093.3.3,0,0,1,0-.436l3.829-3.829L18.093,4.529a.308.308,0,0,1,.436-.436L22.576,8.14a.3.3,0,0,1,0,.436l-4.046,4.046A.307.307,0,0,1,18.311,12.715Z" transform="translate(-18 -4)" fill="%230050ff"/> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 10px;
  margin-top: 7px;
}

.custom-breadcrumbs .breadcrumb {
  margin: 10px 0;
  font-size: 14px;
}

.custom-breadcrumbs .breadcrumb-item a:hover,
.custom-breadcrumbs .breadcrumb-item a {
  color: #0050FF;
  text-decoration: none;
}

.custom-breadcrumbs .breadcrumb-item a:hover {
  text-decoration: underline;
}

.custom-breadcrumbs .breadcrumb-item.active {
  color: #73737D;
}
/*==============================================================
  BREADCRUMBS
  ============================================================== */

/*==============================================================
  PAGE CONTENT
  ============================================================== */
.page-content {
  padding: 40px 0 100px 0;
  border-top: solid 1px #d5d5d5;
  border-bottom: solid 1px #d5d5d5;
}

.page-content a {
  color: #0050FF;
  text-decoration: none;
}

.page-content a.btn-primary {
  color: #FFF;
}

.page-content a:hover {
  text-decoration: underline;
}

/*==============================================================
  PAGE CONTENT
  ============================================================== */


/*==============================================================
  REQUESTS
  ============================================================== */
.requests-row .request-wrapper {
  padding: 50px 40px;
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 20px;
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.requests-row .request-wrapper h2 {
  font-size: 22px;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  min-height: 34px;
}

.requests-row .request-wrapper h2:before {
  content: '';
  float: left;
  display: inline-block;
  font-size: 0;
  width: 60px;
  height: 34px;
  background-image: url('../images/icon-sim.svg');
  background-repeat: no-repeat;
  background-size: contain;
}

.requests-row .col-12:nth-of-type(2) .request-wrapper h2:before {
  background-image: url('../images/icon-administracia.svg');
}

.requests-row .col-12:nth-of-type(3) .request-wrapper h2:before {
  background-image: url('../images/icon-prevod-cisla.svg');
  height: 30px;
}

.requests-row .col-12:nth-of-type(4) .request-wrapper h2:before {
  background-image: url('../images/icon-reklamacie.svg');
}

.requests-row .col-12:nth-of-type(5) .request-wrapper h2:before {
  background-image: url('../images/icon-hlasenie-poruchy.svg');
  height: 30px;
}

.requests-row .col-12:nth-of-type(6) .request-wrapper h2:before {
  background-image: url('../images/icon-ine.svg');
}

.requests-row .request-wrapper ul {
  padding-left: 18px;
  margin-bottom: 0;
}

.requests-row .request-wrapper ul li {
  list-style-type: none;
}

.requests-row .request-wrapper ul li a {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 5px 0;
  padding: 5px 0;
  font-size: 16px;
}

.requests-row .request-wrapper ul li a:before {
  content: '';
  float: left;
  margin-right: 20px;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-left: 0;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.59" height="21.59" viewBox="0 0 21.59 21.59"> <path id="Path_37" data-name="Path 37" d="M13.759,6H5.028a.439.439,0,1,0,0,.877H12.7L-.941,20.521a.436.436,0,0,0-.128.31.436.436,0,0,0,.437.436.435.435,0,0,0,.309-.127L13.32,7.495v7.674a.438.438,0,0,0,.439.438h0a.438.438,0,0,0,.438-.439V6.438A.438.438,0,0,0,13.759,6Z" transform="translate(15.793 -3.487) rotate(45)" fill="%230050ff"/> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.requests-row .request-wrapper ul li a:hover {
  text-decoration: none;
  color: #00001E;
}

.requests-row .request-wrapper ul li a:hover:before {
  margin-right: 10px;
  margin-left: 10px;
}


/*==============================================================
  REQUESTS
  ============================================================== */


/*==============================================================
  SINGLE REQUEST
  ============================================================== */

.single-request-wrapper {
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 20px;
  padding: 20px 20px 50px 20px;
}

.single-request-wrapper h2 {
  font-size: 22px;
  border-bottom: solid 1px #d5d5d5;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 50px;
}

.single-request-wrapper .form-label {
  font-size: 16px;
}

.single-request-wrapper label span {
  font-weight: 700;
  color: #0050FF;
}

.single-request-wrapper .text-gray {
  color: #73737D;
}

.single-request-wrapper .setting-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*==============================================================
  SINGLE REQUEST
  ============================================================== */


/*==============================================================
  SERVICES
  ============================================================== */
.custom-services h2 {
  margin-bottom: 10px;
}

.custom-services .services-row {
  align-items: flex-end;
}

.custom-services .service-item {
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.custom-services .service-item:hover {
  margin-top: 0;
}

.custom-services .service-wrapper {
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 20px;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

.custom-services .service-wrapper .hover-spacer {
  height: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.custom-services .service-item:hover .service-wrapper .hover-spacer,
.custom-services .service-item:hover .service-wrapper .hover-spacer {
  height: 10px;
}

.custom-services .service-wrapper a {
  text-align: center;
  text-decoration: none;
}

.custom-services .service-wrapper .service-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-services .service-wrapper .service-img {
  padding-top: 30px;
  height: 76px;
}

.custom-services .service-wrapper .service-img img {
  height: 46px;
}

.custom-services .service-item:nth-of-type(1) .service-wrapper .service-img img,
.custom-services .service-item:nth-of-type(4) .service-wrapper .service-img img,
.custom-services .service-item:nth-of-type(2) .service-wrapper .service-img img {
  height: 40px;
}

.custom-services .service-item:nth-of-type(7) .service-wrapper .service-img img {
  height: 36px;
}

.custom-services .service-wrapper .service-title {
  padding: 20px 30px 30px 30px;
  color: #0050FF;
  display: flex;
  margin-right: -20px;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.custom-services .service-wrapper .service-title:active,
.custom-services .service-wrapper .service-title:hover {
  color: #0050FF;
  margin-right: 0;
}


.custom-services .service-wrapper .service-title:after {
  content: '';
  height: 0;
  width: 22px;
  margin-left: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.59" height="21.59" viewBox="0 0 21.59 21.59"> <path id="Path_37" data-name="Path 37" d="M13.759,6H5.028a.439.439,0,1,0,0,.877H12.7L-.941,20.521a.436.436,0,0,0-.128.31.436.436,0,0,0,.437.436.435.435,0,0,0,.309-.127L13.32,7.495v7.674a.438.438,0,0,0,.439.438h0a.438.438,0,0,0,.438-.439V6.438A.438.438,0,0,0,13.759,6Z" transform="translate(15.793 -3.487) rotate(45)" fill="%230050ff"/> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.custom-services .service-wrapper:hover .service-title:after {
  height: 22px;
  margin-left: 20px;
}


/*==============================================================
  SERVICES
  ============================================================== */


/*==============================================================
  SERVICE DETAIL
  ============================================================== */
.service-detail .subtitle {
  font-size: 14px;
}

.service-detail .buttons-wrapper .btn {
  margin: 10px 20px 10px 0;
}

.service-detail .requests-row table {
  width: 100%;
}

.service-detail .requests-row table th,
.service-detail .requests-row table td {
  border-bottom: solid 1px #B4B4BE;
  padding: 10px 0;
}

.service-detail .requests-row table th {
  color: #73737D;
  font-weight: normal;
}

.service-detail .requests-row table tr:last-of-type th,
.service-detail .requests-row table tr:last-of-type td {
  border-bottom: none;
}

.service-detail .requests-row .request-wrapper h2:before {
  display: none;
}
/*==============================================================
  SERVICE DETAIL
  ============================================================== */



/*==============================================================
  ESHOP GENERAL
  ============================================================== */
.page-content.eshop-content {
  border-bottom: none;
}

.bg-gray {
  background-color: #dbdbdb;
}
/*==============================================================
  ESHOP GENERAL
  ============================================================== */


/*==============================================================
  ESHOP FILTER ROW
  ============================================================== */
.filter-row-wrapper .items-count {
  display: inline-block;
  margin-right: 10px;
}

.filter-row-wrapper .search-form {
  margin-right: 10px;
}

.filter-row-wrapper .search-form .search-input {
  width: 100%;
}
/*==============================================================
  ESHOP FILTER ROW
  ============================================================== */

/*==============================================================
  ESHOP TAB SECTION
  ============================================================== */
.custom-tab-section .nav-tabs {
  border: none;
}

.custom-tab-section .nav-tabs .nav-link {
  background-color: transparent;
  color: #00001E;
  font-weight: bold;
  border: none;
  padding: 0;
  margin-right: 30px;
  margin-bottom: 10px;
}

.custom-tab-section .nav-tabs .nav-item:last-of-type .nav-link {
  margin-right: 0;
  margin-bottom: 0;
}

.custom-tab-section .nav-tabs .nav-link:hover,
.custom-tab-section .nav-tabs .nav-link.active {
  color: #0050FF;
}

#tab-2,
#tab-3,
#tab-4 {
    display: none;
}

/*==============================================================
  ESHOP TAB SECTION
  ============================================================== */


/*==============================================================
  ESHOP PRODUCT CAROUSEL CARDS
  ============================================================== */
.slick-card-carousel {
  padding: 0 30px;
}

.slick-card-carousel .product-card {
  background-color: #FFF;
  text-align: center;
  padding: 40px;
  border-radius: 20px;
  margin: 10px;
}

.slick-card-carousel .product-card:hover {
  box-shadow: 0px 0px 8px rgb(0 80 255 / 20%);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.slick-card-carousel .product-card a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

.slick-card-carousel .product-card a img {
  height: 170px;
  width: auto;
  max-width: 100%;
  margin: 0 auto 20px auto;
}

.slick-card-carousel .product-card a .product-card-text {
  color: #73737D;
}

.slick-card-carousel .product-card a .product-card-text strong {
  color: #00001E;
}

.slick-card-carousel .slick-prev,
.slick-card-carousel .slick-next {
  width: 30px;
  height: 30px;
}

.slick-card-carousel .slick-next {
  right: 0;
}

.slick-card-carousel .slick-prev {
  left: 0;
}

.slick-card-carousel .slick-prev:before,
.slick-card-carousel .slick-next:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%230050FF' viewBox='0 0 20 20' width='100%' height='100%' style='padding:0px;'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z'></path></svg>");
  opacity: 1;
  background-repeat: no-repeat;
  background-size: contain;
/*  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
}

.slick-card-carousel .slick-prev:hover:before,
.slick-card-carousel .slick-next:hover:before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2300008C' viewBox='0 0 20 20' width='100%' height='100%' style='padding:0px;'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z'></path></svg>");
}

.slick-card-carousel .slick-prev:before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
/*==============================================================
  ESHOP PRODUCT CAROUSEL CARDS
  ============================================================== */



/*==============================================================
  ESHOP BOXES
  ============================================================== */
.boxes-row .box-wrapper {
  padding: 40px;
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 20px;
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
}

.boxes-row .box-wrapper:hover {
  color: #00001E;
  text-decoration: none;
  box-shadow: 0px 0px 8px rgb(0 80 255 / 20%);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.boxes-row .box-wrapper .box-img {
  min-height: 200px;
  max-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.boxes-row .box-wrapper .box-img img {
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: 100%;
}

.boxes-row .box-wrapper p {
  margin-bottom: 0;
}


/*==============================================================
  ESHOP BOXES
  ============================================================== */


/*==============================================================
  ESHOP CATEGORY BOXES
  ============================================================== */
.category-boxes-row .box-wrapper {
  padding: 10px;
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 10px;
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.category-boxes-row .box-wrapper:hover {
  color: #00001E;
  text-decoration: none;
  box-shadow: 0px 0px 8px rgb(0 80 255 / 20%);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.category-boxes-row .box-wrapper .box-img {
  max-height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.category-boxes-row .box-wrapper .box-img img {
  max-width: 40px;
  max-height: 40px;
  width: auto;
  height: 100%;
}

.category-boxes-row .box-wrapper p {
  margin-bottom: 0;
}


/*==============================================================
  ESHOP CATEGORY BOXES
  ============================================================== */

/*==============================================================
  ESHOP PRODUCT BOXES
  ============================================================== */
.product-boxes-row .box-wrapper {
  padding: 20px;
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 20px;
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
  text-decoration: none;
  position: relative;
}

.product-boxes-row .box-wrapper:hover {
  color: #00001E;
  text-decoration: none;
  box-shadow: 0px 0px 8px rgb(0 80 255 / 20%);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-boxes-row .box-wrapper .box-img {
  min-height: 160px;
  max-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.product-boxes-row .box-wrapper .box-img img {
  max-width: 160px;
  max-height: 160px;
  width: auto;
  height: 100%;
}

.product-boxes-row .box-wrapper p {
  margin-bottom: 0;
}

.product-boxes-row .box-wrapper .product-labels {
  position: absolute;
  top: 20px;
  left: 20px;
}

.product-boxes-row .box-wrapper .product-labels .product-badge {
  font-size: 12px;
  background: #0050ff;
  padding: 3px 8px;
  border-radius: 12px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
  letter-spacing: 0.4px;
  display: table;
}

.product-boxes-row .box-wrapper .product-labels .product-badge.frog {
  background: #4ce7a4;
}

.product-boxes-row .box-wrapper .product-labels .product-badge.purple {
  background: #a078ff;
}

.product-boxes-row .box-wrapper .product-colors {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
}

.product-boxes-row .box-wrapper .product-colors .product-color {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: 4px;
  border: solid 1px #d5d5d5;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-boxes-row .box-wrapper .product-colors .product-color:hover {
  background-color: #ebebeb;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-boxes-row .box-wrapper .product-colors .product-color:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #343434;
}

.product-boxes-row .box-wrapper .product-colors .product-color.white:before {
  background-color: #c7d4e1;
}

.product-boxes-row .box-wrapper .product-colors .product-color.blue:before {
  background-color: #196bde;
}

.product-boxes-row .box-wrapper .product-colors .product-color.pink:before {
  background-color: #ffb3c6;
}

.product-boxes-row .box-wrapper .product-colors .product-color.turquoise:before {
  background-color: #68d8d6;
}


.product-boxes-row .box-wrapper .product-availability {
  font-size: 14px;
  color: #73737D;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

.product-boxes-row .box-wrapper .product-availability:before {
  content: '';
  display: inline-block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background-color: #73737D;
}

.product-boxes-row .box-wrapper .product-availability.frog {
  color: #01b7b4;
}

.product-boxes-row .box-wrapper .product-availability.frog:before {
  background-color: #01b7b4;
}

.product-boxes-row .box-wrapper .product-availability.red {
  color: #ff5a5a;
}

.product-boxes-row .box-wrapper .product-availability.red:before {
  background-color: #ff5a5a;
}

.product-boxes-row .box-wrapper .product-title {
  font-size: 18px;
  margin-bottom: 5px;
}

.product-boxes-row .box-wrapper .product-price {
  font-size: 20px;
  font-weight: 700;
  color: #0050FF;
}

.product-boxes-row .box-wrapper .product-price span {
  color: #73737D;
  font-weight: 400;
  font-size: 14px;
}

.product-boxes-row .box-wrapper .product-divider {
  margin: 10px 0;
  background-color: #d5d5d5;
  height: 1px;
  width: 100%;
}

.product-boxes-row .box-wrapper .product-properties {
  font-size: 14px;
  color: #73737D;
  display: flex;
  justify-content: space-between;
}

.product-boxes-row .box-wrapper .product-properties .product-property-value {
  color: #00001E;
}

.product-boxes-row .box-wrapper.promo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.product-boxes-row .box-wrapper.promo h3 {
  color: #01b7b4;
  font-size: 20px;
}

.product-boxes-row .box-wrapper.promo .box-img {
  min-height: 200px;
  max-height: 200px;
}

.product-boxes-row .box-wrapper.promo .box-img img {
  max-width: 200px;
  max-height: 200px;
}


/*==============================================================
  ESHOP PRODUCT BOXES
  ============================================================== */


/*==============================================================
  ESHOP SERVICES BOXES
  ============================================================== */
.services-boxes-row .box-wrapper {
  padding: 40px;
  background-color: #FFFFFF;
  width: 100%;
  border-radius: 20px;
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}


.services-boxes-row .box-wrapper .box-icon {
  max-height: 40px;
  margin-bottom: 25px;
}

.services-boxes-row .box-wrapper .box-badge {
  position: absolute;
  top: -16px;
  right: -8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  color: #fff;
  background-color: #00b9b5;
  border-radius: 50%;
  transform: rotate(15deg);
}

.services-boxes-row .box-wrapper .custom-link {
  text-decoration: none;
  display: flex;
  align-items: center;
}

.services-boxes-row .box-wrapper .custom-link:after {
  content: '';
  float: left;
  display: inline-block;
  height: 22px;
  width: 22px;
  opacity: 0;
  margin-left: 0;
  flex-shrink: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.59" height="21.59" viewBox="0 0 21.59 21.59"> <path id="Path_37" data-name="Path 37" d="M13.759,6H5.028a.439.439,0,1,0,0,.877H12.7L-.941,20.521a.436.436,0,0,0-.128.31.436.436,0,0,0,.437.436.435.435,0,0,0,.309-.127L13.32,7.495v7.674a.438.438,0,0,0,.439.438h0a.438.438,0,0,0,.438-.439V6.438A.438.438,0,0,0,13.759,6Z" transform="translate(15.793 -3.487) rotate(45)" fill="%230050ff"/> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.services-boxes-row .box-wrapper .custom-link:hover:after {
  opacity: 1;
  margin-left: 10px;
}

.services-boxes-row .box-wrapper .custom-link:active,
.services-boxes-row .box-wrapper .custom-link:hover {
  color: #00001E;
}

/*==============================================================
  ESHOP SERVICES BOXES
  ============================================================== */

/*==============================================================
  ESHOP CONTACT US SECTION
  ============================================================== */
#contact-us .contact-us-img-wrapper {
  position: relative;
}

#contact-us .contact-us-img {
  background-image: url('../images/o2-guru-tall.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: 250px;
  width: 100%;
  height: 120%;
  position: absolute;
  bottom: 0;
}


#contact-us .btn {
  margin-right: 20px;
}
/*==============================================================
  ESHOP CONTACT US SECTION
  ============================================================== */


/*==============================================================
  ESHOP SINGLE PRODUCT
  ============================================================== */
.single-product-wrapper {
  padding: 60px 40px;
  background-color: #FFFFFF;
  border-radius: 20px;
}

.single-product-wrapper.row {
  margin-left: 0;
  margin-right: 0;
}

.product-photos-wrapper {
  margin-right: 30px;
  position: relative;
}

.slick-slider.product-main-photos {
  margin-bottom: 40px;
  cursor: zoom-in;
}

.product-photos-wrapper .product-labels {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.product-photos-wrapper .product-labels .product-badge {
  font-size: 12px;
  background: #0050ff;
  padding: 3px 8px;
  border-radius: 12px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4px;
  letter-spacing: 0.4px;
  display: table;
}

.product-photos-wrapper .product-labels .product-badge.frog {
  background: #4ce7a4;
}

.product-photos-wrapper .product-labels .product-badge.purple {
  background: #a078ff;
}

.product-main-photos .slick-slide {
  height: 400px;
}

.product-main-photos img {
  margin: auto;
  width: auto;
  height: 100%;
  max-height: 400px;
  max-width: 100%;
}

.product-photos-nav .slick-track {
  justify-content: space-evenly;
  display: flex !important;
}

.product-photos-nav .slick-slide .img-wrapper {
  border: solid 1px #B4B4BE;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  width: 90px!important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.product-photos-nav .slick-slide.slick-current .img-wrapper,
.product-photos-nav .slick-slide .img-wrapper:hover {
  border: solid 1px #0050FF;
}

.product-photos-nav img {
  margin: auto;
  height: 66px;
  max-width: 66px;
}

.price-wrapper .price {
  color: #0050FF;
  font-size: 26px;
  font-weight: bold;
}

.price-wrapper .price span {
  font-size: 18px;
}

.price-wrapper .old-price {
  color: #73737D;
  font-size: 18px;
  text-decoration: line-through;
}


.lightbox {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1050;
}
.lightbox-content {
  position: relative;
  width: 90%;
  height: 90%;
  margin: auto;
  top: 5%;
  background: #ffffff;
  text-align: center;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  height: auto;
}

.lightbox .close,
.lightbox .prev,
.lightbox .next {
  position: absolute;
  cursor: pointer;
}

.lightbox .close {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #0050FF;
  opacity: 1;
  background-image: url('../images/icon-x-blue.svg');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 10px;
  right: 10px;
}

.lightbox .close:hover {
  opacity: 1;
  background-image: url('../images/icon-x-dark.svg');
}

.lightbox .next,
.lightbox .prev {
  display: inline-block;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #0050FF;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%230050FF' viewBox='0 0 20 20' width='100%' height='100%' style='padding:0px;'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z'></path></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.lightbox .prev:hover,
.lightbox .next:hover {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2300001E' viewBox='0 0 20 20' width='100%' height='100%' style='padding:0px;'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.9903 9.54557C14.2413 9.79662 14.2413 10.2037 13.9903 10.4547L7.56171 16.8833C7.31066 17.1343 6.90363 17.1343 6.65258 16.8833C6.40152 16.6322 6.40152 16.2252 6.65258 15.9741L12.6266 10.0001L6.65258 4.02614C6.40152 3.77509 6.40153 3.36805 6.65258 3.117C6.90363 2.86595 7.31066 2.86595 7.56171 3.117L13.9903 9.54557Z'></path></svg>");
}

.lightbox .prev {
  right: auto;
  left: 10px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}




/*==============================================================
  ESHOP SINGLE PRODUCT
  ============================================================== */

/*==============================================================
  ESHOP CART
  ============================================================== */

.cart-status-bar .step {
  display: block;
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #73737D;
  border-top: solid 4px #dddddd;
}

.cart-status-bar .step.complete {
  border-top: solid 4px #0050FF;
  color: #0050FF;
}

.cart-status-bar .step.complete span {
  color: #0050FF;
}

.single-request-wrapper .success-order h2 {
  border-bottom: none;
  color: #019027;
  font-size: calc(1.375rem + 1.5vw);
}

.cart-content {
  padding: 20px;
}

.budget-info-wrapper {
  background: #f3f3f5;
  padding: 16px 20px;
  border-radius: 10px;
}

.cart-content .budget-info-wrapper .budget-info {
  margin: 4px 0;
}

.datatable-wrapper .product-name {
  display: flex;
  align-items: center;
}

.datatable-wrapper .product-name .product-img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.budget-progress {
  width: 100%;
}

.budget-progress .progress-bar {
  width: 100%;
  height: 8px;
  margin: 10px 0 2px 0;
  background-color: #dddddd;
  border-radius: 4px;
  position: relative;
}

.budget-progress .progress-bar span {
  position: absolute;
  width: top;
  left: 0;
  width: 0;
  height: 8px;
  background-color: #0050FF;
  border-radius: 4px;
}

.budget-progress .progress-bar-info {
  font-size: 12px;
}

.budget-progress .progress-bar-info strong {
  color: #0050FF;
}
/*==============================================================
  ESHOP CART
  ============================================================== */


/*==============================================================
  SLUZBY
  ============================================================== */
#sluzby {
  margin: 0 0 80px 0;
}
/*==============================================================
  SLUZBY
  ============================================================== */




/*==============================================================
  FAQ & ACCORDION
  ============================================================== */
#faq {
  margin: 0 0 80px 0;
}

#faq h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

.faq .accordion-button:focus {
  box-shadow: none;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed,
.faq .accordion-item,
.faq .accordion-item>.accordion-header .accordion-button {
  border-radius: 10px;
}

.faq .accordion-item {
  border-radius: 10px;
  margin-bottom: 10px;
}

/*.faq .accordion-item:first-of-type,
.faq .accordion-item:first-of-type>.accordion-header .accordion-button {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}*/

/*.faq .accordion-item:last-of-type,
.faq .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}*/

.faq .accordion-item:last-of-type {
  margin-bottom: 0;
}

.faq .accordion-button {
  font-weight: bold;
  color: #0050FF;
}

.faq .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230050FF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.faq .accordion-button:not(.collapsed) {
  color: #00001E;
  background-color: #f2f6ff;
}

/*.faq .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230050FF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}*/

.faq .accordion-body hr {
  margin: 15px 0;
  border-top: solid 1px #d5d5d5;
  opacity: 1;
}

/*==============================================================
  FAQ & ACCORDION
  ============================================================== */



















/*==============================================================
  AD BOX
  ============================================================== */
#ad-box {
  margin: 100px 0;
}

#ad-box .ad-box-wrapper {
/*  background-color: #FFF;*/
  background: rgb(122,161,241);
  background: linear-gradient(180deg, rgba(122,161,241,1) 0%, rgba(196,215,255,1) 20%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
  border-radius: 60px;
  overflow: hidden;
  flex-wrap: wrap;
}

#ad-box .ad-box-text {
  padding: 60px 0 60px 100px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

#ad-box .ad-box-text h3 {
  font-size: 40px;
  color: #0050FF;
}

#ad-box .ad-box-text .btn {
  margin-top: 20px;
  font-size: 18px;
  padding: 16px 35px;
  border-radius: 30px;
}
/*==============================================================
  AD BOX
  ============================================================== */


/*==============================================================
  INFOHUB
  ============================================================== */
#infohub {
  margin: 0 0 80px 0;
}

#infohub h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

#infohub .card {
  border-radius: 20px;
  border: none;
  overflow: hidden;
  margin-bottom: 30px;
}

#infohub .card a {
  text-decoration: none;
}

#infohub .card .card-body {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#infohub .card .card-body a h4 {
  text-decoration: none;
  color: #00001E;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}

#infohub .card .card-body .card-bottom {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*#infohub .card .card-body .card-info .btn {
  margin-top: 30px;
}*/

#infohub .card .card-body .card-bottom .date-info {
  color: #73737D;
  font-size: 14px;
}
/*==============================================================
  INFOHUB
  ============================================================== */



/*==============================================================
  FOOTER
  ============================================================== */

#custom-footer {
  background-color: #0050FF;
  padding: 80px 0;
  color: #B3CBFF;
}

#custom-footer h5 {
  color: #FFFFFF;
  font-size: 18px;
  margin-bottom: 40px;
}

#custom-footer .footer-logo-section {
  color: #B3CBFF;
}

#custom-footer .footer-logo-section .footer-logo {
  margin-bottom: 40px;
}

#custom-footer .footer-logo-section a {
  color: #82DCFA;
  text-decoration: none;
}

#custom-footer .nav .nav-item {
  margin-bottom: 15px;
}

#custom-footer .nav .nav-item:last-of-type {
  margin-bottom: 0;
}

#custom-footer .nav .nav-item .nav-link {
  color: #B3CBFF;
}

#custom-footer .nav .nav-item .nav-link:active,
#custom-footer .nav .nav-item .nav-link:hover {
/*  color: #B8C5E0;*/
  color: #FFFFFF;
}

#custom-footer .link-linkedin {
  display: inline-block;
  font-size: 0;
  width: 37px;
  height: 37px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36.777" height="37" viewBox="0 0 36.777 37"> <path id="Path_38" data-name="Path 38" d="M36.118,2H4.779A2.682,2.682,0,0,0,2.06,4.646V36.354A2.682,2.682,0,0,0,4.779,39H36.118a2.682,2.682,0,0,0,2.719-2.645V4.646A2.682,2.682,0,0,0,36.118,2Zm-22.9,30.969H7.665V16.319h5.55ZM10.44,13.988h0a2.886,2.886,0,0,1,0-5.772,2.9,2.9,0,1,1,0,5.772ZM33.232,32.969h-5.55V24.033c0-2.238-.8-3.7-2.812-3.7a3.052,3.052,0,0,0-2.849,2.016,3.7,3.7,0,0,0-.185,1.35v9.25h-5.55V16.3h5.55V18.65a5.55,5.55,0,0,1,5.013-2.775c3.7,0,6.382,2.386,6.382,7.511Z" transform="translate(-2.06 -2)" fill="%23b3cbff"/> </svg>');
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#custom-footer .link-linkedin:active,
#custom-footer .link-linkedin:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36.777" height="37" viewBox="0 0 36.777 37"> <path id="Path_38" data-name="Path 38" d="M36.118,2H4.779A2.682,2.682,0,0,0,2.06,4.646V36.354A2.682,2.682,0,0,0,4.779,39H36.118a2.682,2.682,0,0,0,2.719-2.645V4.646A2.682,2.682,0,0,0,36.118,2Zm-22.9,30.969H7.665V16.319h5.55ZM10.44,13.988h0a2.886,2.886,0,0,1,0-5.772,2.9,2.9,0,1,1,0,5.772ZM33.232,32.969h-5.55V24.033c0-2.238-.8-3.7-2.812-3.7a3.052,3.052,0,0,0-2.849,2.016,3.7,3.7,0,0,0-.185,1.35v9.25h-5.55V16.3h5.55V18.65a5.55,5.55,0,0,1,5.013-2.775c3.7,0,6.382,2.386,6.382,7.511Z" transform="translate(-2.06 -2)" fill="%23ffffff"/> </svg>');
}
/*==============================================================
  FOOTER
  ============================================================== */



/*==============================================================
  MEDIA QUERY
  ============================================================== */
@media (max-width: 1200px) {

  #home-header .top-header {
      text-align: center;
  }

  #home-header #navbarNavDropdownUser .navbar-nav .cart {
    float: left;
    margin-right: 20px;
    position: absolute;
    top: 0;
    right: 140px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
  }

  #home-header #navbarNavDropdownUser .dropdown .nav-link::after,
  #home-header .top-header .top-header-links {
    display: none;
  }

  .navbar-toggler.collapsed,
  .navbar-toggler {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: solid 1px #FFF;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
    z-index: 2;
  }


  .navbar-toggler[aria-expanded="true"]  {
    background-color: #FFFFFF;
    box-shadow: none;
  }

  .navbar-toggler[aria-expanded="flase"] .navbar-toggler-icon,
  .navbar-toggler.collapsed  .navbar-toggler-icon,
  .navbar-toggler .navbar-toggler-icon {
    width: 23px;
    height: 23px;
/*    background-color: transparent;*/
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="Layer 2" id="Layer_2"><path d="M28,10H4A1,1,0,0,1,4,8H28a1,1,0,0,1,0,2Z" fill="%23ffffff"/><path d="M28,17H4a1,1,0,0,1,0-2H28a1,1,0,0,1,0,2Z" fill="%23ffffff"/><path d="M28,24H4a1,1,0,0,1,0-2H28a1,1,0,0,1,0,2Z" fill="%23ffffff"/></g><g id="frame"><rect fill="none" height="32" width="32"/></g></svg>');
  }


  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    width: 19px;
    height: 19px;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="Layer 2" id="Layer_2"><path d="M4,29a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42l24-24a1,1,0,1,1,1.42,1.42l-24,24A1,1,0,0,1,4,29Z" fill="%2300001E" /><path d="M28,29a1,1,0,0,1-.71-.29l-24-24A1,1,0,0,1,4.71,3.29l24,24a1,1,0,0,1,0,1.42A1,1,0,0,1,28,29Z" fill="%2300001E" /></g><g id="frame"><rect fill="none" height="32" width="32"/></g></svg>');
  }


  #home-header #navbarNavDropdownUser .dropdown {
/*    position: relative;
    right: 0;
    top: 0;
    border-radius: 25px;
    min-width: 50px;*/
    overflow: visible;
    border: none;
    width: 100%;
  }

  #home-header #navbarNavDropdownUser .dropdown .nav-link::before {
    margin-right: 0;
  }

  #home-header #navbarNavDropdownUser .dropdown .nav-link.show::before {
    width: 19px;
    height: 19px;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="Layer 2" id="Layer_2"><path d="M4,29a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42l24-24a1,1,0,1,1,1.42,1.42l-24,24A1,1,0,0,1,4,29Z" fill="%2300001E" /><path d="M28,29a1,1,0,0,1-.71-.29l-24-24A1,1,0,0,1,4.71,3.29l24,24a1,1,0,0,1,0,1.42A1,1,0,0,1,28,29Z" fill="%2300001E" /></g><g id="frame"><rect fill="none" height="32" width="32"/></g></svg>');
  }

  #home-header #navbarNavDropdownUser .dropdown .nav-link {
    position: absolute;
    top: 0;
    right: 70px;
    font-size: 0;
    border: solid 1px #ffffff;
    padding: 0;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #navbarNavDropdown {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 30px;
    border-radius: 25px;
    padding: 0px;
    position: absolute;
/*    overflow: auto;*/
    width: calc(100% - 24px);
    top: 75px;
    left: 0px;
    z-index: 2;
    margin: 0 12px;
  }

  #home-header #mobile-menu-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 20px;
    color: #73737D;
  }

  #home-header #mobile-menu-bottom a {
    color: #00001E;
    text-decoration: none;
  }

  #home-header #mobile-menu-bottom a:active,
  #home-header #mobile-menu-bottom a:focus,
  #home-header #mobile-menu-bottom a:hover {
    text-decoration: underline;
  }

  #navbarNavDropdown .navbar-nav {
    padding: 20px;
  }

  #home-header #navbarNavDropdown .nav-item {
    border-bottom: solid 1px #B4B4BE;
    margin-right: 0;
  }

  #home-header #navbarNavDropdown .nav-item:last-of-type {
    border-bottom: none;
  }

  #home-header #navbarNavDropdown .nav-link {
    color: #0050FF;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 700;
  }

  #home-header #navbarNavDropdown .nav-link:active,
  #home-header #navbarNavDropdown .nav-link:hover {
    color: #00001E;
  }

  #home-header #navbarNavDropdown .nav-link:after {
    content: '';
    float: right;
    margin-right: 20px;
    display: inline-block;
    height: 22px;
    width: 22px;
    margin-left: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21.59" height="21.59" viewBox="0 0 21.59 21.59"> <path id="Path_37" data-name="Path 37" d="M13.759,6H5.028a.439.439,0,1,0,0,.877H12.7L-.941,20.521a.436.436,0,0,0-.128.31.436.436,0,0,0,.437.436.435.435,0,0,0,.309-.127L13.32,7.495v7.674a.438.438,0,0,0,.439.438h0a.438.438,0,0,0,.438-.439V6.438A.438.438,0,0,0,13.759,6Z" transform="translate(15.793 -3.487) rotate(45)" fill="%230050ff"/> </svg>');
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  #home-header #navbarNavDropdown .nav-link:focus:after,
  #home-header #navbarNavDropdown .nav-link:active:after,
  #home-header #navbarNavDropdown .nav-link:hover:after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  #home-header #navbarNavDropdown .dropdown-menu {
    position: relative;
    left: auto;
    right: 0;
/*    top: 60px;*/
    padding: 0 0 10px 0;
    border: none;
    margin: 0;
/*    width: calc(100% - 24px);*/
    box-shadow: none;
/*    box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 30px;
    border-radius: 25px;
    min-width: calc(100% - 24px);*/
  }

  #home-header #navbarNavDropdown .dropdown-menu .dropdown-item {
    padding: 8px 16px;
  }

  #home-header #navbarNavDropdownUser .dropdown-menu {
    position: relative;
    left: auto;
    right: 0;
    top: 60px;
    padding: 10px 20px;
    border: none;
    margin: 0;
    width: calc(100% - 24px);
  }

  #home-header .navbar .dropdown-menu li .dropdown-item {
    border-bottom: none;
    color: #0050FF;
    padding: 8px 0;
    font-size: 16px;
    background-color: #F3F3F5;
    margin: 10px 0;
    border-radius: 10px;
  }


  #home-header #navbarNavDropdownUser .dropdown .nav-link.show {
    color: #00001E;
    background-color: #FFFFFF;
  }

  #home-header #navbarNavDropdownUser li .dropdown-item {
    padding: 8px 16px;
  }

  #home-header #navbarNavDropdownUser li .logout {
    margin-top: 20px;
    padding-top: 20px;
  }

  #home-header .navbar .dropdown-menu .dropdown-item:after {
    display: none;
  }

  #home-header #navbarNavDropdownUser,
  #home-header #navbarNavDropdownUser .navbar-nav {
    width: 100%;
  }

  #home-header #navbarNavDropdownUser .navbar-nav {
      position: absolute;
      top: 15px;
      width: calc(100% - 24px);
  }

  #home-header #navbarNavDropdownUser .dropdown:has(.show) {
      background-color: transparent;
      box-shadow: none;
      position: relative;
  }

  #home-header #navbarNavDropdownUser .dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 30px;
    border-radius: 25px;
    width: 100%;
  }


  #ad-box .ad-box-text {
    padding: 60px 30px;
  }

  #ad-box .ad-box-img {
    display: none;
  }

  #ad-box .ad-box-img.mobile {
    display: block;
    height: 300px;
  }


  .modal-body .setting-wrapper .col-12,
  .single-request-wrapper .setting-wrapper .col-12 {
    padding-top: 30px;
  }

  .modal-body .setting-wrapper .col-12:first-of-type,
  .single-request-wrapper .setting-wrapper .col-12:first-of-type {
    padding-top: 0;
  }

  .modal-body .setting-wrapper .form-check,
  .single-request-wrapper .setting-wrapper .form-check {
    margin-bottom: 15px;
    border: solid 1px #B4B4BE;
    border-radius: 10px;
    padding: 12px 12px 12px 40px;
  }

  .modal-body .setting-wrapper .form-check.consent-wrapper,
  .single-request-wrapper .setting-wrapper .form-check.consent-wrapper {
    padding-left: 28px;
    border: none;
    border-radius: 0;
    padding: 0 0 0 28px;
  }

}

.cart-notice-container {
    font-weight: 700;
    width: 95%;
    margin: 0 auto;

    p {
        text-align: center;
        border-bottom: none;

        @media (min-width: 1692px) {
            border-bottom: 1px solid #B4B4BE;
        }
    }
}


@media (max-width: 992px) {

  #ad-box .ad-box-text {
    text-align: center;
    align-items: center;
  }

  #ad-box .ad-box-text h3 {
    font-size: 38px;
  }


  #custom-footer {
    text-align: center;
  }

  #custom-footer h5 {
    margin-top: 60px;
  }

  #custom-footer .col-12:nth-of-type(2) h5 {
    margin-top: 0;
  }

  #custom-footer .footer-logo-section .footer-logo {
    margin-top: 60px;
  }

  .product-main-photos {
    margin-bottom: 40px;
  }

  .product-main-photos .slick-dots {
    bottom: 0;
    position: relative;
    margin-top: 20px;
  }

  .product-main-photos .slick-dots li button {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-main-photos .slick-dots li button:before {
    width: 10px;
    height: 10px;
    content: '';
    opacity: 1;
    background: #d5d5d5;
    border-radius: 50%;
    top: auto;
    left: auto;
  }

  .product-main-photos .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #0050ff;
  }

  .product-photos-nav {
    display: none;
  }


}




@media (max-width: 768px) {


  #home-header h1 {
    font-size: 36px;
  }

  #home-header .top-services {
    display: block;
  }

  #home-header .top-services .btn-light {
    align-items: center;
    justify-content: space-between;
    margin: 10px;
  }

  .custom-services h2,
  #infohub h2 {
    text-align: center;
  }

  .carousel-tabs {
    display: inline-block;
  }

  .carousel-tabs li.nav-item {
    float: left;
  }

  .custom-services .service-item:hover {
    margin-top: 10px;
  }

  .custom-services .service-item .service-wrapper .hover-spacer {
    display: none;
  }

  .custom-services .service-wrapper {
    flex-direction: row;
  }

  .custom-services .service-wrapper .service-img {
    padding: 20px 10px 20px 20px;
    height: 70px;
  }

  .custom-services .service-wrapper .service-img img {
      height: 35px;
  }

  .custom-services .service-item:nth-of-type(1) .service-wrapper .service-img img,
  .custom-services .service-item:nth-of-type(4) .service-wrapper .service-img img {
    height: 30px;
  }

  .custom-services .service-item:nth-of-type(2) .service-wrapper .service-img img {
    height: 32px;
  }

  .custom-services .service-item:nth-of-type(7) .service-wrapper .service-img img {
    height: 26px;
  }

  .custom-services .service-wrapper .service-title {
    padding: 20px;
    width: 100%;
    justify-content: flex-start;
  }

  .services-boxes-row .box-wrapper,
  .boxes-row .box-wrapper,
  .requests-row .request-wrapper {
    padding: 25px;
  }
  .requests-row .request-wrapper h2 {
    margin-bottom: 30px;
  }

  .requests-row .request-wrapper ul {
    padding-left: 0;
  }

  #contact-us .contact-us-img-wrapper {
    display: none;
  }

  #contact-us .btn {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  #contact-us .btn:last-of-type {
    margin-bottom: 0;
  }

  .single-product-wrapper {
    padding: 40px 30px;
  }

  .slick-slider.product-main-photos {
      margin-bottom: 60px;
  }

  .product-photos-wrapper {
    margin-right: 0;
  }

  .single-product-info .btn {
    width: 100%;
  }


}


@media (max-width: 576px) {

  .single-request-wrapper .btn {
    width: 100%;
    text-align: left;
  }

  .single-request-wrapper button.btn,
  .single-request-wrapper [type="button"].btn,
  .single-request-wrapper [type="reset"].btn,
  .single-request-wrapper [type="submit"].btn  {
    width: initial;
    text-align: center;
  }

  .service-detail .buttons-wrapper .btn {
    width: 100%;
    text-align: left;
  }

  #modal-filter .modal-footer .btn {
    width: 100%;
    padding: 8px;
  }

  .filter-row-wrapper .filter-wrapper {
    flex-direction: column;
  }

  .filter-row-wrapper .search-form,
  .filter-row-wrapper .items-count {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .filter-row-wrapper .btn-primary,
  .filter-row-wrapper .search-form {
    width: 100%;
  }


}



@media (max-width: 400px) {

  #home-header #navbarNavDropdownUser .navbar-nav .cart {
    right: 120px;
  }

  #home-header #navbarNavDropdownUser .dropdown .nav-link {
    right: 65px;
  }


}

/*==============================================================
  MEDIA QUERY
  ============================================================== */