/*img, bg img*/
img {max-width: 100%;height: auto!important;}
.img-fluid img {min-width: 100%;}
.bg-image {background-repeat: no-repeat;}
.bg-cover {background-size: cover;}
.bg-100 {background-size: 100%;}
.bg-center {background-position: center;}
.img-fit img {object-fit: cover!important;width: 100%!important;height: 100%!important;}

/*colors:*/
:root {
    --color-0: #fff;
    --color-1: #1E2EDE;
    --color-2: #E8AE22;
    --color-3: #202020;
    --color-4: rgba(0,0,0,.8);
    --color-5: rgba(255,255,255,.33);
    --color-6: #3E3E3E;
    --color-7: #5F5F5F;
    --color-8: #636268;
    --color-9: #F7F7F7;
    --color-10: #eeeeee;
    --color-11: #ccc;
    --color-12: #636268;
    --color-13: #636268;
  }
  /*-> bg-colors, text-colors*/
  .bg-grad-1 {background-image: linear-gradient(90deg, var(--color-1), rgba(255,255,255,0));}
  .bg-grad-2 {background-image: linear-gradient(0deg, rgba(47,136,194,.8), rgba(37,20,88,.6));}
  .bg-grad-3 {background-image: linear-gradient(0deg, rgba(222,29,36,.8), rgba(222,29,33,.6));}
  .bg-overlay-1 {background-color: rgba(0,0,0,.77);}
  .bg-0 {background-color: #fff;transition: all ease-in .1s;}
  .bg-1 {background-color: var(--color-1);transition: all ease-in .1s;}
  .bg-2 {background-color: var(--color-2);transition: all ease-in .1s;}
  .bg-3 {background-color: var(--color-3);transition: all ease-in .1s;}
  .bg-4 {background-color: var(--color-4);}
  .bg-5 {background-color: var(--color-5);}
  .bg-6 {background-color: var(--color-6);}
  .bg-7 {background-color: var(--color-7);}
  .bg-8 {background-color: var(--color-8);}
  .bg-9 {background-color: var(--color-9);}
  .bg-10 {background-color: var(--color-10);}
  .bg-11 {background-color: var(--color-11);}
  .bg-12 {background-color: var(--color-12);}
  .bg-13 {background-color: var(--color-13);}
  .color-0:not(.btn), .color-0 a:not(.btn), a.color-0 {color: #fff!important;}
  .color-0 a:hover:not(.btn), a.color-0:hover {color: #fff!important;}
  .color-1:not(.btn):not(.btn), .color-1 a:not(.btn), a.color-1, .color-1 svg path {color:  var(--color-1)!important;}
  .color-1 a:hover, a.color-1:hover, a:hover .color-1 svg path {color:var(--color-1)!important;}
  .color-2:not(.btn):not(.btn), .color-2 a:not(.btn), a.color-2, .color-2 svg path {color:var(--color-2)!important;}
  .color-2 a:hover, a.color-2:hover {color:var(--color-2)!important;}
  .color-3:not(.btn), .color-3 a:not(.btn), a.color-3, .color-3 svg path {color: var(--color-3)!important;}
  .color-3 a:hover:not(.btn), a.color-3:hover {color: var(--color-3)!important;}
  .color-4:not(.btn), .color-4 a:not(.btn), a.color-4 {color: var(--color-4)!important;}
  .color-4 a:hover:not(.btn), a.color-4:hover {color: var(--color-4)!important;}
  .color-5:not(.btn), .color-5 a:not(.btn), a.color-5 {color: var(--color-5)!important;}
  .color-5 a:hover:not(.btn), a.color-4:hover {color: var(--color-5)!important;}
  .color-6:not(.btn), .color-6 a:not(.btn), a.color-6 {color: var(--color-6)!important;}
  .color-6 a:hover:not(.btn), a.color-6:hover {color:var(--color-0)!important;}
  .color-7:not(.btn), .color-7 a:not(.btn), a.color-7, .color-7 svg path {color: var(--color-7)!important;}
  .color-7 a:hover:not(.btn), a.color-7:hover {color: var(--color-7)!important;}
  .color-8:not(.btn), .color-8 a:not(.btn), a.color-8 {color: var(--color-8)!important;}
  .color-8 a:hover:not(.btn), a.color-4:hover {color: var(--color-8)!important;}
  .color-9:not(.btn), .color-9 a:not(.btn), a.color-9 {color: var(--color-9)!important;}
  .color-9 a:hover:not(.btn), a.color-9:hover {color: var(--color-9)!important;}
  .color-10:not(.btn), .color-10 a:not(.btn), a.color-10 {color: var(--color-10)!important;}
  .color-10 a:hover:not(.btn), a.color-10:hover {color:var(--color-10)!important;}
  .color-11:not(.btn), .color-11 a:not(.btn), a.color-11, .color-11 svg path {color: var(--color-11)!important;}
  .color-11 a:hover:not(.btn), a.color-11:hover {color: var(--color-11)!important;}
  .color-12:not(.btn), .color-12 a:not(.btn), a.color-12 {color: var(--color-12)!important;}
  .color-12 a:hover:not(.btn), a.color-12:hover {color: var(--color-12)!important;}
  .color-13:not(.btn), .color-13 a:not(.btn), a.color-13 {color: var(--color-13)!important;}
  .color-13 a:hover:not(.btn), a.color-13:hover {color: var(--color-13)!important;}

/* h1 - h6 - p settings */
h1{font-size:3rem;line-height:120%}
h2{font-size:2rem;line-height:120%}
h3{font-size:2rem;line-height:130%}
h4{font-size:1rem;line-height:130%}
h5{font-size:1rem;line-height:140%}
p{line-height: 150%;margin-bottom: 0;}
p:last-child {margin-bottom: 0;}
b, strong {font-weight: 800;}
small {font-weight: 500;}

/* link color settings */
a {color:var(--color-1);}
a:hover {color:var(--color-0);}
.link-primary {}
.link-secondary {}
.link-success {}
.link-danger {}
.link-warning {}
.link-info {}
.link-light {}
.link-dark {}

/* backgrounds */
.bg-primary {}
.bg-secondary {}
.bg-success {}
.bg-danger {}
.bg-warning {}
.bg-info {}
.bg-light {}
.bg-dark {}
.bg-body {}

/* button settings */
.btn{font-size:1rem;outline:none;box-shadow:none;position:relative;transition:all ease-out .1s;border-radius:100px;font-weight:600;padding:.75rem 1.25rem .75rem;text-transform:uppercase;box-shadow: 0 1px 2px rgba(0,0,0,0);}
.btn-sm {padding: .2rem 1rem;box-shadow: none;border: none;text-transform: none;}
.btn.hover-end:hover svg {transform: translateX(5px);transition: all ease-in .1s;}
.btn.hover-down:hover svg {transform: translateY(5px);transition: all ease-in .1s;}
.btn-primary{color:var(--color-0);background-color:var(--color-2);border-color:var(--color-2);box-shadow:0 3px 0 rgba(0,0,0,0);}
.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus{color:#fff;background-color:var(--color-3);border-color:var(--color-3);box-shadow:0 1px 0 rgba(0,0,0,0)}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#000}
.btn-secondary{color:var(--color-0);background-color:var(--color-2);border-color: var(--color-2);}
.btn-secondary:hover, .btn-check:focus+.btn-secondary, .btn-secondary:focus{color:#fff;background-color:var(--color-1);border-color:var(--color-0);}
.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,0)}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#333}
.btn-info{background-color:transparent;border:1px solid var(--color-1);color:var(--color-1);}
.btn-info:hover{color:var(--color-0);background-color:var(--color-1);border-color:var(--color-1)}
.btn-success{color:var(--color-0);background-color:var(--color-1);border:0 solid var(--color-1);}
.btn-success:hover, .btn-check:focus+.btn-success, .btn-success:focus, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle{color:#fff;background-color:var(--color-2);border-color:var(--color-2);}
.btn.focus,.btn:focus{box-shadow:none;border-color: none;}

/*shadows*/
.shadow-ext{box-shadow:0 10px 0 rgba(0,0,0,.1)}
.shadow-ext-2{box-shadow:0 10px 22px rgba(0,0,0,.12)}
.shadow-ext-3{box-shadow:-4px 4px 0 rgba(0,0,0,.33)}
.text-shadow{text-shadow: 1px 1px 0 rgba(0,0,0,.25);}

/* card */
.card {}
.card-header {}
.card-header h1 {}
.card-header h2 {}
.card-img-top {}
.card-body {}
.card-title {}
.card-text {}
.card-footer {}

/* home */
body.home {}

/* category page */
body.rv {}
body.rv .card {}
body.rv .card-header {}
body.rv .card-header h1 {}
body.rv .card-header h2 {}
body.rv .card-img-top {}
body.rv .card-body {}
body.rv .card-title {}
body.rv .card-text {}
body.rv .card-footer {}

/* page */
.article-text p {margin-bottom: 1.5rem;}
body.ck .article-content {}
body.ck .article-content h1 {}
body.ck .article-content h2 {}
body.ck .article-content p {margin-bottom: 1rem;}
body.ck .article-content a {}
body.ck .article-content a:hover {}
body.ck .article-content iframe {}
body.ck .article-content img { max-width:100%; height:auto !important; }

/* bs5 carousel settins */
.carousel.slide {}
.carousel-indicators {}
.carousel-indicators.active {}
.carousel-inner {}
.carousel-item {}
.carousel-item.active {}
.carousel-caption {}
.carousel-control-prev {}
.carousel-control-prev-icon {}
.carousel-control-next {}
.carousel-control-next-icon {}

/* cms collapsible element */
.panel-group {}
.panel.panel-default {}
.panel-heading {}
.panel-title {}
.panel-title a {}
.panel-title a:after {}
.panel-collapse.collapse.show {}
.panel-collapse.collapse {}
.panel-body {}
.panel-body p {}
.panel-body a {}
.panel-body a:hover {}

/* cms tab element */
.tabpanel {}
.tabpanel .nav.nav-tabs {}
.tabpanel .nav.nav-tabs li {}
.tabpanel .nav.nav-tabs li.active {}
.tab-content {}
.tab-content .tab-pane {}
.tab-content .tab-pane.active {}
.tab-content p {}
.tab-content a {}
.tab-content a:hover {}

/* cms special elements ! optional */
.cta-button1 {}
.specialContainer1 {}
.specialContainer2 {}
.specialContainer3 {}

/*modals*/
.modal-dialog, .modal-content {height: auto;}

/* font settings */
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.f-16 {font-size: 16px !important;}
.f-18 {font-size: 18px;}
.f-20, .f-20 * {font-size: 20px;}
.f-22, .f-22 * {font-size: 22px;}
.f-24, .f-24 * {font-size: 24px;}
.f-26, .f-26 * {font-size: 26px;}
.f-28, .f-28 * {font-size:28px;}
.f-30, .f-30 * {font-size:30px}
.f-32, .f-32 * {font-size:32px;}
.f-34, .f-34 * {font-size:34px;}
.f-36, .f-36 * {font-size:36px;}
.f-38, .f-38 * {font-size:38px;}
.f-40, .f-40 * {font-size:40px;}
.f-42, .f-42 * {font-size:42px;}
.f-44, .f-44 * {font-size:44px;}
.f-46, .f-46 * {font-size:46px;}
.f-48, .f-48 * {font-size:48px;}

.fw-regular * { font-weight: 100; }
.fw-400, .fw-400 * {font-weight:400;}
.fw-500, .fw-500 * {font-weight:500;}
.fw-600, .fw-600 * {font-weight:600;}
.fw-700, .fw-700 * {font-weight:700;}

.lh-n, .lh-n h1, .lh-n h2 {line-height: normal;}
.lh-0 {line-height:0;}
.lh-15 {line-height:1.5rem;}
.lh-18 {line-height:1.8rem;}
.lh-50, .lh-50 * {line-height:5rem;}
.lh-100 {line-height:100%;}

/*font-weight + sizes*/
.font-weight-200 > * {font-weight: 200;}
.font-weight-300 > * {font-weight: 300;}
.font-weight-400 > * {font-weight: 400;}
.font-weight-500 > * {font-weight: 500;}
.font-weight-600 > * {font-weight: 600;}
.font-weight-700 > * {font-weight: 700;}
.font-weight-800 > * {font-weight: 800;}
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}
.lh-150 {line-height: 150%;}
.xs-font,.xs-font h1,.xs-font h2,.xs-font h3,.xs-font h4,.xs-font h5,.xs-font p{font-size:.9rem!important;}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:1.1rem!important;}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:1.2rem!important;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.35rem!important;}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:2.5rem!important;line-height: 120%!important;}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:3rem!important;line-height: 130%;}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:3.5rem!important;line-height: 120%;}

/* commons settings */
.empty:empty { display: none; } /* add this class to elements if you want them hidden if their contents is empty! */

/* resposive breakpoints */
@media (max-width: 768px) {
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1rem!important;line-height: 120%!important;}
  .xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:1.2rem!important;line-height: 120%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:2rem!important;line-height: 120%;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:2rem!important;line-height: 120%;}
}
@media (max-width: 414px) {
  h2 {font-size: 1.56rem;}
  .m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:1rem!important;line-height: 120%!important;}
  .l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:1.7rem!important;line-height: 120%!important;}
  .xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:1.7rem!important;line-height: 120%;}
  .xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:1.8rem!important;line-height: 120%;}
}
/* mobile */
@media (max-width: 500px) {
}

/* tablet portrait */
@media (max-width: 767px) {
}

/* tablet landscape */
@media (max-width: 1024px) {
}

/* desktop */
@media (max-width: 1400px) {
}

/* full hd */
@media (min-width: 1900px) {
}