@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 1.6;
 
  background: #fff;
  color: #8a7474;
  font-weight: 300;
  overflow-x: hidden;
}
body.fh5co-offcanvas {
  overflow: hidden;
}

a {
    color: #8a7474;
    -webkit-transition: 0.5s, ease;
    -o-transition: 0.5s, ease;
    transition: 0.5s, ease;
}
a:hover {
  text-decoration: none;
  color: #F78536;
}

p, ul, ol {
    margin-bottom: 1.5em;
    font-size: 16px;
    color: #8a7474;
    font-family: "Open Sans", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #5a5a5a;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 30px 0;
}

figure {
  margin-bottom: 2em;
}

/*::-webkit-selection {
  color: #988686;
  background: #F78536;
}

::-moz-selection {
  color: #fcfcfc;
  background: #F78536;
}

::selection {
  color: #fcfcfc;
  background: #F78536;
}*/

#fh5co-header {
  position: relative;
  margin-bottom: 0;
  z-index: 9999999;
}

.stuck {
  position: fixed !important;
  top: 0 !important;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.header-top {
  padding: 10px 0;
  background: #F78536;
}
.header-top .fh5co-link a {
  margin-left: 10px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}
.header-top .fh5co-link a:first-child {
  margin-left: 0;
}
.header-top .fh5co-link a:hover {
  color: white !important;
}
@media screen and (max-width: 768px) {
  .header-top .fh5co-link {
    text-align: center;
  }
}
.header-top .fh5co-social a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  margin-right: 15px;
  position: relative;
  -webkit-transition: 0.5s, ease-in-out;
  -o-transition: 0.5s, ease-in-out;
  transition: 0.5s, ease-in-out;
}
.header-top .fh5co-social a:last-child {
  margin-right: 0;
}
.header-top .fh5co-social a:hover, .header-top .fh5co-social a:focus, .header-top .fh5co-social a:active {
  text-decoration: none;
  color: white !important;
}
.header-top .fh5co-social a:hover i, .header-top .fh5co-social a:focus i, .header-top .fh5co-social a:active i {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .header-top .fh5co-social {
    text-align: center !important;
  }
}

.fh5co-cover,
.fh5co-hero {
  position: relative;
  height: 700px;
}
@media screen and (max-width: 768px) {
  .fh5co-cover,
  .fh5co-hero {
    height: 700px;
  }
}
.fh5co-cover .fh5co-overlay,
.fh5co-hero .fh5co-overlay {
  position: absolute !important;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(255, 62, 28, 0.5);
  background: -moz-linear-gradient(left, rgba(255, 62, 28, 0.5) 0%, rgba(255, 140, 0, 0.5) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 62, 28, 0.5)), color-stop(100%, rgba(255, 140, 0, 0.5)));
  background: -webkit-linear-gradient(left, rgba(255, 62, 28, 0.5) 0%, rgba(255, 140, 0, 0.5) 100%);
  background: -o-linear-gradient(left, rgba(255, 62, 28, 0.5) 0%, rgba(255, 140, 0, 0.5) 100%);
  background: -ms-linear-gradient(left, rgba(255, 62, 28, 0.5) 0%, rgba(255, 140, 0, 0.5) 100%);
  background: linear-gradient(to right, rgba(255, 62, 28, 0.5) 0%, rgba(255, 140, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3e1c', endColorstr='#ff8c00', GradientType=1 );
}

.fh5co-cover {
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .fh5co-cover {
    heifght: inherit;
    padding: 3em 0;
  }
}
/*.fh5co-cover .btn {*/
  /*padding: 1em 2em;
  opacity: .9;*/
/*}*/
.fh5co-cover.fh5co-cover_2 {
  height: 600px;
}
@media screen and (max-width: 768px) {
  .fh5co-cover.fh5co-cover_2 {
    heifght: inherit;
    padding: 3em 0;
  }
}
.fh5co-cover .desc {
  top: 50%;
  position: absolute;
  width: 100%;
  margin-top: -80px;
  z-index: 2;
  /*color: #fff;*/
}
@media screen and (max-width: 768px) {
    .fh5co-cover .desc {
        padding-left: 15px;
        padding-right: 15px;
        top: 30%;
    }
    .telefon, .yoltarifi, .havadurumu {
        display: none;
    }
}
.fh5co-cover .desc h2 {
  /*color: #fff;*/
  font-size: 60px;
  margin-bottom: 10px;
  font-weight: 400 !important;
}
@media screen and (max-width: 768px) {
  .fh5co-cover .desc h2 {
    font-size: 40px;
  }
}
.fh5co-cover .desc h3 {
  /*color: #fff;*/
}
.fh5co-cover .desc p {
  display: block;
  margin-bottom: 30px;
  font-size: 16px;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.7);
}
.fh5co-cover .desc p a {
  /*color: #fff;*/
}
.fh5co-cover .desc p a:hover, .fh5co-cover .desc p a:focus {
  /*color: #fff !important;*/
}
/*.fh5co-cover .desc p a:hover.btn, .fh5co-cover .desc p a:focus.btn {
  border: 2px solid #fff !important;
  background: transparent !important;
}*/
.fh5co-cover .desc p a.fh5co-site-name {
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.fh5co-cover .desc .price {
  font-size: 60px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .fh5co-cover .desc .desc2 {
    display: none;
  }
}

/* Superfish Override Menu */
.sf-menu {
  margin: 7px 0 0 0 !important;
}

.sf-menu {
  float: right;
}

.sf-menu ul {
  box-shadow: none;
  border: transparent;
  min-width: 12em;
  *width: 12em;
}

.sf-menu a {
  color: rgba(0, 0, 0, 0.5);
  padding: 0.75em 1em !important;
  font-weight: normal;
  border-left: none;
  border-top: none;
  border-top: none;
  text-decoration: none;
  zoom: 1;
  font-size: 16px;
  border-bottom: none !important;
  font-weight: bold;
}
.sf-menu a:hover, .sf-menu a:focus {
  color: #F78536 !important;
}

.sf-menu li.active a:hover, .sf-menu li.active a:focus {
  color: #F78536;
}

.sf-menu li,
.sf-menu ul li,
.sf-menu ul ul li,
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: transparent;
}

.sf-menu ul li a,
.sf-menu ul ul li a {
  text-transform: none;
  padding: 0.2em 1em !important;
  letter-spacing: 1px;
  font-size: 14px !important;
}

.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu ul li:hover a,
.sf-menu ul li.sfHover a,
.sf-menu li.active a {
  color: #F78536;
}

.sf-menu ul li:hover,
.sf-menu ul li.sfHover {
  background: transparent;
}

.sf-menu ul li {
  background: transparent;
}

.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
}

.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #ccc;
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #ccc;
}

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #ccc;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #ccc;
}

#fh5co-header-section {
  padding: 0;
  position: relative;
  left: 0;
  width: 100%;
  z-index: 1022;
  background: #fff;
}

.nav-header {
  position: relative;
  float: left;
  width: 100%;
}

#fh5co-logo {
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  margin-top: 20px;
  font-weight: 700;
  float: left;
  padding-left: 40px;
}
#fh5co-logo i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #F78536;
  background: rgba(0, 0, 0, 0.06);
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-logo a {
  color: #F78536;
}
#fh5co-logo a:hover, #fh5co-logo a:focus {
  color: #F78536 !important;
}

#fh5co-menu-wrap {
  position: relative;
  z-index: 2;
  display: block;
  float: right;
  margin-top: 15px;
}
#fh5co-menu-wrap .sf-menu a {
  padding: 1em .75em;
}

#fh5co-primary-menu > li > ul li.active > a {
  color: #F78536 !important;
}
#fh5co-primary-menu > li > .sf-with-ul:after {
  border: none !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  float: right;
  margin-right: -0px;
  top: 50%;
  font-size: 12px;
  margin-top: -7px;
  content: "\e922";
  color: rgba(0, 0, 0, 0.5);
}
#fh5co-primary-menu > li > ul li {
  position: relative;
}
#fh5co-primary-menu > li > ul li > .sf-with-ul:after {
  border: none !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  float: right;
  margin-right: 10px;
  top: 20px;
  font-size: 12px;
  content: "\e924";
  color: rgba(0, 0, 0, 0.5);
}

#fh5co-primary-menu .fh5co-sub-menu {
  padding: 10px 7px 10px;
  background: #fff;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {
  left: 100%;
}

#fh5co-primary-menu .fh5co-sub-menu:before {
  position: absolute;
  top: -9px;
  left: 20px;
  width: 0;
  height: 0;
  content: '';
}

#fh5co-primary-menu .fh5co-sub-menu:after {
  position: absolute;
  top: -8px;
  left: 21px;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  content: '';
}

#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {
  top: 6px;
  left: 100%;
}

#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
  top: 7px;
  right: 100%;
  border: none !important;
}

.site-header.has-image #primary-menu .sub-menu {
  border-color: #ebebeb;
  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
  box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
}
.site-header.has-image #primary-menu .sub-menu:before {
  display: none;
}

#fh5co-primary-menu .fh5co-sub-menu a {
  letter-spacing: 0;
  padding: 0 15px;
  font-size: 18px;
  line-height: 34px;
  color: #575757 !important;
  text-transform: none;
  background: none;
}
#fh5co-primary-menu .fh5co-sub-menu a:hover {
  color: #F78536 !important;
}

.tabulation {
  width: 100%;
  float: left;
  margin-top: -7em;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
  -ms-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
  -o-box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
  box-shadow: 0px 43px 83px -20px rgba(0, 0, 0, 0.41);
}
.tabulation label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .tabulation label {
    width: 40%;
  }
}
.tabulation input[type="text"] {
  background: rgba(0, 0, 0, 0.05);
  border: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 10px !important;
  /*-webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;*/
  border-radius: 0;
  /*color: #F78536 !important;*/
}
/*.tabulation input[type="text"]::-webkit-input-placeholder {*/
  /* Chrome/Opera/Safari */
  /*color: #F78536 !important;*/
/*}
.tabulation input[type="text"]::-moz-placeholder {*/
  /* Firefox 19+ */
  /*color: #F78536 !important;
}
.tabulation input[type="text"]:-ms-input-placeholder {*/
  /* IE 10+ */
  /*color: #F78536 !important;
}
.tabulation input[type="text"]:-moz-placeholder {*/
  /* Firefox 18- */
  /*color: #F78536 !important;
}*/
/*@media screen and (max-width: 480px) {
  .tabulation input[type="text"] {
    width: 55%;
    float: right;
  }
}
@media screen and (max-width: 480px) {
  .tabulation .cs-select {
    width: 55%;
    float: right;
  }
}*/

.tab-content {
  padding: 30px;
}
/*.tab-content .btn {
  border: 1px solid red !important;
}
*/
.nav-tabs {
  border: none;
}
.nav-tabs a {
  border: none !important;
  font-weight: bold;
  padding: 15px 20px !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .nav-tabs a {
    font-weight: normal;
    font-size: 13px;
    padding: 15px 10px !important;
  }
}
.nav-tabs .active a {
  border: none !important;
  background: #F78536 !important;
  color: #fff !important;
  font-weight: bold;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.nav-tabs:hover a, .nav-tabs:focus a {
  border: none !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

.mt {
  margin-bottom: 20px;
}

div.cs-select span {
  padding: 10px 10px;
}

.cs-skin-border {
  font-size: 16px;
  color: #fff;
}
@media screen and (max-width: 829px) {
  .cs-skin-border {
    max-width: 829px !important;
  }
}
@media screen and (max-width: 30em) {
  .cs-skin-border {
    font-size: 16px;
  }
}
.cs-skin-border span {
  font-size: 13px;
}
.cs-skin-border span:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}
.cs-skin-border > span {
  border: transparent;
  background: rgba(0, 0, 0, 0.05);
  color: #F78536;
}
.cs-skin-border > span::after {
  font-size: 14px !important;
  content: '\e94d' !important;
  font-family: "icomoon";
}
.cs-skin-border .cs-selected > span::after {
  font-size: 14px !important;
}

.cs-skin-border.cs-active > span {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #F78536;
}

.cs-select .cs-options {
  -webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
}

#fh5co-work-section,
#fh5co-car,
#fh5co-blog-section,
#fh5co-features,
#fh5co-tours,
#fh5co-testimonial,
.fh5co-content-section {
  /*padding: 2em 0;*/
  padding-top:2em;  
}
@media screen and (max-width: 768px) {
    #fh5co-work-section,
    #fh5co-car,
    #fh5co-blog-section,
    #fh5co-features,
    #fh5co-tours,
    #fh5co-testimonial,
    .fh5co-content-section {
        /*padding: 4em 0;*/
        padding-top: 2em;
    }
}

.fh5co-section-gray {
  background: rgba(0, 0, 0, 0.04);
}

.heading-section {
  padding-bottom: 1em;
  margin-bottom: :em;
}
.heading-section:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  height: 2px;
  background: #F78536;
}
.heading-section h3 {
  font-size: 40px;
  font-weight: 400;
  position: relative;
}
.heading-section p {
  font-size: 20px;
}

.heading-title {
  font-size: 40px;
  margin-bottom: 1.5em;
}

.fh5co-tours {
  margin-bottom: 30px;
}
.fh5co-tours > div {
  display: block;
  color: #000;
  position: relative;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-tours > div img {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-tours > div:after {
  opacity: 1;
  visibility: visible;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 8;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-tours > div .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  z-index: 12;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.fh5co-tours > div .desc h3 {
  color: #fff;
  margin: 0;
  padding: 0;
  opacity: 1;
  font-size: 30px;
  font-weight: 400;
  visibility: visible;
  margin-bottom: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.fh5co-tours > div .desc span {
  display: block;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 5px;
}
.fh5co-tours > div .desc .price {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.fh5co-tours > div .desc .btn {
  opacity: 1;
  border: 2px solid #fff !important;
  color: #fff !important;
  letter-spacing: 1px !important;
  font-weight: 400 !important;
}
.fh5co-tours > div .desc .btn:hover, .fh5co-tours > div .desc .btn:focus, .fh5co-tours > div .desc .btn:active {
  border: 2px solid #F78536 !important;
  background: #F78536 !important;
  color: #fff !important;
}
.fh5co-tours > div:hover {
  -webkit-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 18px 71px -10px rgba(0, 0, 0, 0.75);
}
.fh5co-tours > div:hover:after {
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -34px 98px 8px rgba(0, 0, 0, 0.75);
  background: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .fh5co-tours > div:hover:after {
    opacity: 0;
    visibility: hidden;
  }
}
.fh5co-tours > div:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  .fh5co-tours > div:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.flight-book {
  width: 100%;
  float: left;
  margin-bottom: 1px;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flight-book .plane-name {
  width: 40%;
  float: left;
  padding: 6px 20px;
  background: #F78536;
}
.flight-book .plane-name .p-flight {
  font-size: 18px;
  color: #fff;
}
.flight-book .desc {
  width: 60%;
  float: right;
  background: #00AD7C;
  padding: 6px 20px;
}
.flight-book .desc .left {
  float: left;
}
.flight-book .desc h4, .flight-book .desc span {
  color: #fff;
}
.flight-book .desc h4 {
  margin-bottom: 0;
}
.flight-book .desc .right {
  float: right;
  font-size: 25px;
}
.flight-book .desc .right i {
  font-weight: 300;
}
.flight-book .desc .right .price {
  font-weight: 400;
}

#fh5co-car .car {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
#fh5co-car .car .one-4 {
  width: 40%;
  float: left;
  background: #F78536;
  padding: 30px;
}
#fh5co-car .car .one-4 h3, #fh5co-car .car .one-4 span {
  color: #fff;
}
#fh5co-car .car .one-4 span {
  display: block;
  font-weight: 400;
  font-size: 20px;
}
#fh5co-car .car .one-4 small {
  font-size: 14px;
}
#fh5co-car .car .one-1 {
  width: 60%;
  float: right;
  height: auto;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.feature-left {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  position: relative;
}
.feature-left .icon {
  float: left;
  text-align: center;
  width: 15%;
}
@media screen and (max-width: 992px) {
  .feature-left .icon {
    width: 10%;
  }
}
@media screen and (max-width: 768px) {
  .feature-left .icon {
    width: 15%;
  }
}
.feature-left .icon i {
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
  color: #F78536;
}
.feature-left .feature-copy {
  float: right;
  width: 80%;
}
@media screen and (max-width: 992px) {
  .feature-left .feature-copy {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .feature-left .feature-copy {
    width: 85%;
  }
}
@media screen and (max-width: 480px) {
  .feature-left .feature-copy {
    width: 80%;
  }
}
.feature-left .feature-copy h3 {
  font-size: 18px;
  color: #1a1a1a;
  margin-bottom: 10px;
}
.feature-left .feature-copy p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 10px;
}

#fh5co-destination {
  width: 100%;
  padding: 0;
  margin: 0;
}

#fh5co-destination-list {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  float: left;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}
#fh5co-destination-list li {
  display: table;
  padding: 0;
  margin: 0;
  list-style: none;
  min-height: 220px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  clear: left;
  position: relative;
}
@media screen and (max-width: 480px) {
  #fh5co-destination-list li {
    margin-left: 0;
  }
}
#fh5co-destination-list li .title-bg {
  min-height: 220px;
  padding: 2em;
  position: relative;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  background: #00AD7C;
  z-index: 12;
}
#fh5co-destination-list li .title-bg h2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 40px;
}
#fh5co-destination-list li .title-bg span {
  text-transform: uppercase;
  letter-spacing: 2px;
}
#fh5co-destination-list li .title-bg span a {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #fff;
  padding: 5px 7px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  #fh5co-destination-list li .title-bg h2 {
    font-size: 24px;
  }
}
#fh5co-destination-list li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 8;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#fh5co-destination-list li > a {
  min-height: 220px;
  padding: 2em;
  position: relative;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  z-index: 12;
}
#fh5co-destination-list li > a:after {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  content: "";
  border: 2px solid rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-destination-list li > a .case-studies-summary {
  width: auto;
}
@media screen and (max-width: 768px) {
  #fh5co-destination-list li > a .case-studies-summary {
    bottom: 1em;
    left: 1em;
    right: 1em;
  }
}
#fh5co-destination-list li > a .case-studies-summary span {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
}
#fh5co-destination-list li > a .case-studies-summary h2 {
  color: #fff;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
@media screen and (max-width: 768px) {
  #fh5co-destination-list li > a .case-studies-summary h2 {
    font-size: 24px;
  }
}
#fh5co-destination-list li:hover:after {
  -webkit-box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
  -ms-box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
  -o-box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 0px 91px 0px rgba(0, 0, 0, 0.75);
  background: rgba(0, 0, 0, 0.3);
}
#fh5co-destination-list li:hover > a:after {
  opacity: 1;
}
#fh5co-destination-list li:hover > a .case-studies-summary h2 {
  margin-top: -5px;
}
#fh5co-destination-list li.two-third {
  width: 65.6%;
}
@media screen and (max-width: 768px) {
  #fh5co-destination-list li.two-third {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  #fh5co-destination-list li.two-third {
    width: 100%;
  }
}
#fh5co-destination-list li.one-third {
  width: 32.3%;
}
@media screen and (max-width: 768px) {
  #fh5co-destination-list li.one-third {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  #fh5co-destination-list li.one-third {
    width: 100%;
  }
}
#fh5co-destination-list li.one-forth {
  width: 25%;
}
@media screen and (max-width: 768px) {
  #fh5co-destination-list li.one-forth {
    width: 49%;
  }
}
@media screen and (max-width: 480px) {
  #fh5co-destination-list li.one-forth {
    width: 100%;
  }
}
#fh5co-destination-list li.one-half {
  width: 50%;
}
@media screen and (max-width: 480px) {
  #fh5co-destination-list li.one-half {
    width: 100%;
  }
}

#fh5co-testimonial {
  position: relative;
  background: #00AD7C;
}
#fh5co-testimonial .fh5co-heading h2 {
  color: white;
}
#fh5co-testimonial .box-testimony {
  margin-bottom: 2em;
  float: left;
}
#fh5co-testimonial .box-testimony a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-testimonial .box-testimony a:hover, #fh5co-testimonial .box-testimony a:focus, #fh5co-testimonial .box-testimony a:active {
  color: white;
  text-decoration: none;
}
#fh5co-testimonial .box-testimony blockquote {
  padding-left: 0;
  border-left: none;
  padding: 40px;
  background: #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#fh5co-testimonial .box-testimony blockquote:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 40px;
  border-top: 15px solid black;
  border-top-color: #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
#fh5co-testimonial .box-testimony blockquote .quote {
  position: absolute;
  top: 0;
  left: 10px;
  text-align: center;
  font-size: 30px;
  line-height: 0;
  display: table;
  color: #fff;
  width: 56px;
  height: 56px;
  margin-top: -30px;
  background: #00AD7C;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-testimonial .box-testimony blockquote .quote > span {
  display: table-cell;
  vertical-align: middle;
}
#fh5co-testimonial .box-testimony blockquote p {
  letter-spacing: 1px;
}
#fh5co-testimonial .box-testimony .author {
  line-height: 20px;
  color: white;
  font-size: 20px;
  margin-left: 20px;
}
#fh5co-testimonial .box-testimony .author .subtext {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

#fh5co-features {
  padding: 7em 0;
}
#fh5co-features .feature-left {
  margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
  #fh5co-features .feature-left {
    margin-bottom: 30px;
  }
}
#fh5co-features .feature-left .icon i {
  color: #d9d9d9 !important;
}
#fh5co-features .feature-left .icon {
  float: left;
  text-align: center;
  width: 15%;
}
@media screen and (max-width: 992px) {
  #fh5co-features .feature-left .icon {
    width: 10%;
  }
}
@media screen and (max-width: 768px) {
  #fh5co-features .feature-left .icon {
    width: 15%;
  }
}
#fh5co-features .feature-left .feature-copy {
  float: right;
  width: 80%;
}
@media screen and (max-width: 992px) {
  #fh5co-features .feature-left .feature-copy {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  #fh5co-features .feature-left .feature-copy {
    width: 85%;
  }
}
@media screen and (max-width: 480px) {
  #fh5co-features .feature-left .feature-copy {
    width: 80%;
  }
}
#fh5co-features .feature-left h3 {
  font-size: 16px;
  font-weight: 700;
}
#fh5co-features .feature-left p {
  font-size: 15px;
}
#fh5co-features .feature-left p:last-child {
  margin-bottom: 0;
}

#fh5co-services,
#fh5co-about,
#fh5co-contact {
  padding: 2em 0;
}
@media screen and (max-width: 768px) {
  #fh5co-services,
  #fh5co-about,
  #fh5co-contact {
    padding: 4em 0;
  }
}

#fh5co-services .fh5co-number {
  font-size: 30px;
  color: #F78536;
  position: relative;
  padding-top: 10px;
  font-style: italic;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#fh5co-services .fh5co-number:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  background: #F78536;
}
#fh5co-services .fh5co-icon {
  margin-bottom: 30px;
  margin-top: 50px;
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
@media screen and (max-width: 768px) {
  #fh5co-services .fh5co-icon {
    margin-top: 0px;
    float: none;
  }
}
#fh5co-services .fh5co-icon i {
  font-size: 200px;
  color: #F78536;
}
@media screen and (max-width: 768px) {
  #fh5co-services .fh5co-icon i {
    font-size: 100px;
  }
}

#fh5co-contact .contact-info {
  margin: 0;
  padding: 0;
}
#fh5co-contact .contact-info li {
  list-style: none;
  margin: 0 0 20px 0;
  position: relative;
  padding-left: 40px;
}
#fh5co-contact .contact-info li i {
  position: absolute;
  top: .3em;
  left: 0;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.3);
}
    #fh5co-contact .contact-info li a {
        /*font-weight: 400 !important;*/
        /*color: rgba(0, 0, 0, 0.3);*/
    }
/*#fh5co-contact .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#fh5co-contact input[type="text"] {
  height: 50px;
}
#fh5co-contact .form-group {
  margin-bottom: 30px;
}*/

.fh5co-testimonial, .fh5co-team {
  position: relative;
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .fh5co-testimonial, .fh5co-team {
    border-right: 0;
    margin-bottom: 80px;
  }
}
.fh5co-testimonial h2, .fh5co-team h2 {
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 50px;
}
.fh5co-testimonial figure, .fh5co-team figure {
  position: relative;
  top: 0px;
  background-size: cover;
  margin-bottom: 20px;
}
.fh5co-testimonial figure img, .fh5co-team figure img {
  width: 130px;
  height: 130px;
  border: 10px solid #fff;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.fh5co-testimonial > div, .fh5co-team > div {
  padding: 30px 30px 0 30px;
}
.fh5co-testimonial > div h3, .fh5co-team > div h3 {
  margin-bottom: 0;
  font-size: 20px;
  color: #F78536;
}
.fh5co-testimonial > div .position, .fh5co-team > div .position {
  color: #d9d9d9;
  margin-bottom: 30px;
}
.fh5co-testimonial > div,
.fh5co-testimonial blockquote, .fh5co-team > div,
.fh5co-team blockquote {
  border: none;
  padding: 0;
  margin-bottom: 20px;
}
.fh5co-testimonial > div p,
.fh5co-testimonial blockquote p, .fh5co-team > div p,
.fh5co-team blockquote p {
  font-size: 16px;
  line-height: 1.5;
  color: #555555;
}
.fh5co-testimonial span, .fh5co-team span {
  font-style: italic;
  color: #b3b3b3;
}

.fh5co-testimonial p .text-mute {
  color: #ccc !important;
}

.fh5co-blog {
  margin-bottom: 60px;
}
.fh5co-blog a img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-blog {
    width: 100%;
  }
}
.fh5co-blog .blog-text {
  margin-bottom: 30px;
  position: relative;
  background: #fff;
  width: 100%;
  padding: 30px;
  float: right;
  -webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
}
.fh5co-blog .blog-text span {
  display: inline-block;
  margin-bottom: 20px;
}
.fh5co-blog .blog-text span.posted_by {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
}
.fh5co-blog .blog-text span.comment {
  float: right;
}
.fh5co-blog .blog-text span.comment a {
  color: rgba(0, 0, 0, 0.3);
}
.fh5co-blog .blog-text span.comment a i {
  color: #F78536;
  padding-left: 7px;
}
.fh5co-blog .blog-text h3 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.fh5co-blog .blog-text h3 a {
  color: rgba(0, 0, 0, 0.6);
}

#fh5co-start-project-section {
  padding: 7em 0;
  background: #F64E8B;
}
#fh5co-start-project-section h2 {
  color: white;
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  #fh5co-start-project-section h2 {
    font-size: 30px;
  }
}
#fh5co-start-project-section a:hover, #fh5co-start-project-section a:focus, #fh5co-start-project-section a:active {
  color: white !important;
}

#map {
  width: 100%;
  height: 500px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #map {
    height: 200px;
  }
}

.fh5co-social-icons > a {
  padding: 4px 10px;
  color: #F78536;
}
.fh5co-social-icons > a i {
  font-size: 26px;
}
.fh5co-social-icons > a:hover, .fh5co-social-icons > a:focus, .fh5co-social-icons > a:active {
  text-decoration: none;
  color: #5a5a5a;
}

#footer {
  background: #393e46;
  padding: 60px 0 40px;
}
#footer p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
#footer p a {
  color: rgba(255, 255, 255, 0.5);
}
#footer p a:hover, #footer p a:active, #footer p a:focus {
  color: rgba(255, 255, 255, 0.9) !important;
}
#footer .fh5co-footer-link {
  padding-bottom: 30px;
}
#footer .fh5co-footer-link h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 25px;
}
#footer .fh5co-footer-link li, #footer .fh5co-footer-link ul {
  padding: 0;
  margin: 0;
}
#footer .fh5co-footer-link li {
  list-style: none;
  margin-bottom: 15px;
  line-height: 1.3;
}
#footer .fh5co-footer-link li a {
  color: rgba(255, 255, 255, 0.5);
}
#footer .fh5co-footer-link li a:hover, #footer .fh5co-footer-link li a:active, #footer .fh5co-footer-link li a:focus {
  color: #fff !important;
}

/*.btn2 {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn2 {*/
  /*text-transform: uppercase;*/
  /*letter-spacing: 1px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn2.btn-primary {
  background: #F78536;
  color: #fff;
  border: none !important;
  border: 2px solid transparent !important;
}
    .btn2.btn-primary:hover, .btn2.btn-primary:active, .btn2.btn-primary:focus {
        box-shadow: none;
        background: #F78536;
        color: #fff !important;
    }
    .btn2:hover, .btn2:active, .btn2:focus {
        background: #393e46 !important;
        color: #fff;
        outline: none !important;
    }
    .btn2.btn-default:hover, .btn2.btn-default:focus, .btn2.btn-default:active {
        border-color: transparent;
    }
    .btn2.btn-outline {
        background: transparent;
        color: #F78536;
        border: 2px solid #F78536 !important;
    }
        .btn2.btn-outline:hover, .btn2.btn-outline:focus, .btn2.btn-outline:active {
            background: #F78536 !important;
            color: #fff !important;
        }

.tab-content .btn {
  letter-spacing: 0;
  text-transform: none;
  font-weight: bold;
  font-size: 18px;
}*/

.js .animate-box {
  opacity: 0;
}

#fh5co-wrapper {
  overflow-x: hidden;
  position: relative;
}

.fh5co-offcanvas {
  overflow: hidden;
}
.fh5co-offcanvas #fh5co-wrapper {
  overflow: hidden !important;
}

#fh5co-page {
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.fh5co-offcanvas #fh5co-page {
  -moz-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  transform: translateX(-240px);
}

@media screen and (max-width: 768px) {
  #fh5co-menu-wrap {
    display: none;
  }
}

#offcanvas-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 99;
  background: #222;
  right: -240px;
  width: 240px;
  padding: 20px;
  overflow-y: scroll !important;
  display: none;
}
@media screen and (max-width: 768px) {
  #offcanvas-menu {
    display: block;
  }
}
#offcanvas-menu ul {
  padding: 0;
  margin: 0;
}
#offcanvas-menu ul li {
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
}
#offcanvas-menu ul li a {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.4);
}
#offcanvas-menu ul li a:hover {
  color: #F78536;
}
#offcanvas-menu ul li > .fh5co-sub-menu {
  margin-top: 9px;
  padding-left: 20px;
}
#offcanvas-menu ul li.active > a {
  color: #F78536;
}
#offcanvas-menu ul .fh5co-sub-menu {
  display: block !important;
}

.fh5co-nav-toggle {
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #fff;
}
.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after {
  background: #fff;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 30px;
  height: 2px;
  color: #fff;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #fff;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 30px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.fh5co-nav-toggle.dark i {
  position: relative;
  color: #000;
  background: #000;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
  background: #000;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 9999;
  display: block;
  margin: 0 auto;
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
    top: 0px;
    margin-top: 2em;
  }
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}

.row-bottom-padded-lg {
  padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-lg {
    padding-bottom: 2em;
  }
}

.row-top-padded-lg {
  padding-top: 7em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-lg {
    padding-top: 2em;
  }
}

.row-bottom-padded-md {
  padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-md {
    padding-bottom: 2em;
  }
}

.row-top-padded-md {
  padding-top: 4em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-md {
    padding-top: 2em;
  }
}

.row-bottom-padded-sm {
  padding-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-sm {
    padding-bottom: 2em;
  }
}

.row-top-padded-sm {
  padding-top: 2em;
}
@media screen and (max-width: 768px) {
  .row-top-padded-sm {
    padding-top: 2em;
  }
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.lead {
  line-height: 1.8;
}

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;
}

.fh5co-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/hourglass.svg) center no-repeat #222222;
}
.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 2rem !important
}

.p-5 {
    padding: 4rem !important
}
.fw-bold {
    font-weight: 600 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 2rem !important
}

.pt-5 {
    padding-top: 4rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 2rem !important
}

.pe-5 {
    padding-right: 4rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 2rem !important
}

.pb-5 {
    padding-bottom: 4rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 2rem !important
}

.ps-5 {
    padding-left: 4rem !important
}
.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 2rem !important
}

.ms-5 {
    margin-left: 4rem !important
}
.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 2rem !important
}

.m-5 {
    margin: 4rem !important
}
.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}
.float-start {
    float: left !important
}

.float-end {
    float: right !important
}
.snt-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .snt-flex > .left,
    .snt-flex > .right {
        display: flex;
        justify-content: flex-start;
        align-items: center;
     /*   padding-left: 40px;
        margin-right: 40px;*/
    }
/*.icon {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
    vertical-align: bottom;
    stroke-width: 1.5
}

    .icon:hover {
        text-decoration: none
    }
*/
.icon-inline {
    width: 1em;
    height: 1em;
    font-size: 1.1428571429em;
    vertical-align: -.2em
}

.icon-filled {
    fill: currentColor
}

.icon-sm {
    width: 1rem;
    height: 1rem;
    stroke-width: 1
}

.icon-md {
    width: 2.5rem;
    height: 2.5rem;
    stroke-width: 1
}

.icon-lg {
    width: 3.5rem;
    height: 3.5rem;
    stroke-width: 1
}

.icon-lg2 {
    width: 8.5rem;
    height: 8.5rem;
    stroke-width: 1
}

.img-responsive {
    background: no-repeat center/cover;
    /*padding-top: 75%*/
}

.img-responsive-1x1 {
    padding-top: 100%
}

.img-responsive-4x3 {
    padding-top: 75%
}

.img-responsive-3x4 {
    padding-top: 133.3333333333%
}

.img-responsive-16x9 {
    padding-top: 56.25%
}

.img-responsive-9x16 {
    padding-top: 177.7777777778%
}

.img-responsive-21x9 {
    padding-top: 42.8571428571%
}

.img-responsive-9x21 {
    padding-top: 233.3333333333%
}


:root {
    --tblr-primary: #206bc4;
    --tblr-secondary: #626976;
    --tblr-success: #2fb344;
    --tblr-info: #4299e1;
    --tblr-warning: #f76707;
    --tblr-danger: #d63939;
    --tblr-light: #fafbfc;
    --tblr-dark: #1e293b;
    --tblr-muted: #626976;
    --tblr-blue: #206bc4;
    --tblr-azure: #4299e1;
    --tblr-indigo: #4263eb;
    --tblr-purple: #ae3ec9;
    --tblr-pink: #d6336c;
    --tblr-red: #d63939;
    --tblr-orange: #f76707;
    --tblr-yellow: #f59f00;
    --tblr-lime: #74b816;
    --tblr-green: #2fb344;
    --tblr-teal: #0ca678;
    --tblr-cyan: #17a2b8;
    --tblr-facebook: #3b5998;
    --tblr-twitter: #1da1f2;
    --tblr-linkedin: #0a66c2;
    --tblr-google: #dc4e41;
    --tblr-youtube: #ff0000;
    --tblr-vimeo: #1ab7ea;
    --tblr-dribbble: #ea4c89;
    --tblr-github: #181717;
    --tblr-instagram: #e4405f;
    --tblr-pinterest: #bd081c;
    --tblr-vk: #6383a8;
    --tblr-rss: #ffa500;
    --tblr-flickr: #0063dc;
    --tblr-bitbucket: #0052cc;
    --tblr-tabler: #206bc4;
    --tblr-primary-rgb: 32,107,196;
    --tblr-secondary-rgb: 98,105,118;
    --tblr-success-rgb: 47,179,68;
    --tblr-info-rgb: 66,153,225;
    --tblr-warning-rgb: 247,103,7;
    --tblr-danger-rgb: 214,57,57;
    --tblr-light-rgb: 250,251,252;
    --tblr-dark-rgb: 30,41,59;
    --tblr-muted-rgb: 98,105,118;
    --tblr-blue-rgb: 32,107,196;
    --tblr-azure-rgb: 66,153,225;
    --tblr-indigo-rgb: 66,99,235;
    --tblr-purple-rgb: 174,62,201;
    --tblr-pink-rgb: 214,51,108;
    --tblr-red-rgb: 214,57,57;
    --tblr-orange-rgb: 247,103,7;
    --tblr-yellow-rgb: 245,159,0;
    --tblr-lime-rgb: 116,184,22;
    --tblr-green-rgb: 47,179,68;
    --tblr-teal-rgb: 12,166,120;
    --tblr-cyan-rgb: 23,162,184;
    --tblr-facebook-rgb: 59,89,152;
    --tblr-twitter-rgb: 29,161,242;
    --tblr-linkedin-rgb: 10,102,194;
    --tblr-google-rgb: 220,78,65;
    --tblr-youtube-rgb: 255,0,0;
    --tblr-vimeo-rgb: 26,183,234;
    --tblr-dribbble-rgb: 234,76,137;
    --tblr-github-rgb: 24,23,23;
    --tblr-instagram-rgb: 228,64,95;
    --tblr-pinterest-rgb: 189,8,28;
    --tblr-vk-rgb: 99,131,168;
    --tblr-rss-rgb: 255,165,0;
    --tblr-flickr-rgb: 0,99,220;
    --tblr-bitbucket-rgb: 0,82,204;
    --tblr-tabler-rgb: 32,107,196;
    --tblr-card-bg: #ffffff;
    --tblr-card-bg-rgb: 255,255,255;
    --tblr-border-color: #e6e7e9;
    --tblr-border-color-rgb: 230,231,233;
    --tblr-border-color-light: #f2f3f4;
    --tblr-border-color-light-rgb: 242,243,244;
    --tblr-blue: #206bc4;
    --tblr-indigo: #4263eb;
    --tblr-purple: #ae3ec9;
    --tblr-pink: #d6336c;
    --tblr-red: #d63939;
    --tblr-orange: #f76707;
    --tblr-yellow: #f59f00;
    --tblr-green: #2fb344;
    --tblr-teal: #0ca678;
    --tblr-cyan: #17a2b8;
    --tblr-black: #000000;
    --tblr-white: #ffffff;
    --tblr-gray: #475569;
    --tblr-gray-dark: #1e293b;
    --tblr-gray-100: #f1f5f9;
    --tblr-gray-200: #e2e8f0;
    --tblr-gray-300: #cbd5e1;
    --tblr-gray-400: #94a3b8;
    --tblr-gray-500: #64748b;
    --tblr-gray-600: #475569;
    --tblr-gray-700: #334155;
    --tblr-gray-800: #1e293b;
    --tblr-gray-900: #0f172a;
    --tblr-primary: #206bc4;
    --tblr-secondary: #626976;
    --tblr-success: #2fb344;
    --tblr-info: #4299e1;
    --tblr-warning: #f76707;
    --tblr-danger: #d63939;
    --tblr-light: #fafbfc;
    --tblr-dark: #1e293b;
    --tblr-muted: #626976;
    --tblr-blue: #206bc4;
    --tblr-azure: #4299e1;
    --tblr-indigo: #4263eb;
    --tblr-purple: #ae3ec9;
    --tblr-pink: #d6336c;
    --tblr-red: #d63939;
    --tblr-orange: #f76707;
    --tblr-yellow: #f59f00;
    --tblr-lime: #74b816;
    --tblr-green: #2fb344;
    --tblr-teal: #0ca678;
    --tblr-cyan: #17a2b8;
    --tblr-facebook: #3b5998;
    --tblr-twitter: #1da1f2;
    --tblr-linkedin: #0a66c2;
    --tblr-google: #dc4e41;
    --tblr-youtube: #ff0000;
    --tblr-vimeo: #1ab7ea;
    --tblr-dribbble: #ea4c89;
    --tblr-github: #181717;
    --tblr-instagram: #e4405f;
    --tblr-pinterest: #bd081c;
    --tblr-vk: #6383a8;
    --tblr-rss: #ffa500;
    --tblr-flickr: #0063dc;
    --tblr-bitbucket: #0052cc;
    --tblr-tabler: #206bc4;
    --tblr-primary-rgb: 32,107,196;
    --tblr-secondary-rgb: 98,105,118;
    --tblr-success-rgb: 47,179,68;
    --tblr-info-rgb: 66,153,225;
    --tblr-warning-rgb: 247,103,7;
    --tblr-danger-rgb: 214,57,57;
    --tblr-light-rgb: 250,251,252;
    --tblr-dark-rgb: 30,41,59;
    --tblr-muted-rgb: 98,105,118;
    --tblr-blue-rgb: 32,107,196;
    --tblr-azure-rgb: 66,153,225;
    --tblr-indigo-rgb: 66,99,235;
    --tblr-purple-rgb: 174,62,201;
    --tblr-pink-rgb: 214,51,108;
    --tblr-red-rgb: 214,57,57;
    --tblr-orange-rgb: 247,103,7;
    --tblr-yellow-rgb: 245,159,0;
    --tblr-lime-rgb: 116,184,22;
    --tblr-green-rgb: 47,179,68;
    --tblr-teal-rgb: 12,166,120;
    --tblr-cyan-rgb: 23,162,184;
    --tblr-facebook-rgb: 59,89,152;
    --tblr-twitter-rgb: 29,161,242;
    --tblr-linkedin-rgb: 10,102,194;
    --tblr-google-rgb: 220,78,65;
    --tblr-youtube-rgb: 255,0,0;
    --tblr-vimeo-rgb: 26,183,234;
    --tblr-dribbble-rgb: 234,76,137;
    --tblr-github-rgb: 24,23,23;
    --tblr-instagram-rgb: 228,64,95;
    --tblr-pinterest-rgb: 189,8,28;
    --tblr-vk-rgb: 99,131,168;
    --tblr-rss-rgb: 255,165,0;
    --tblr-flickr-rgb: 0,99,220;
    --tblr-bitbucket-rgb: 0,82,204;
    --tblr-tabler-rgb: 32,107,196;
    --tblr-white-rgb: 255,255,255;
    --tblr-black-rgb: 0,0,0;
    --tblr-body-color-rgb: 4,4,4;
    --tblr-body-bg-rgb: 245,247,251;
    --tblr-font-sans-serif: -apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    --tblr-font-monospace: Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    --tblr-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --tblr-body-font-family: var(--tblr-font-sans-serif);
    --tblr-body-font-size: 0.8rem;
    --tblr-body-font-weight: 400;
    --tblr-body-line-height: 1.4285714286;
    --tblr-body-color: #040404;
    --tblr-body-bg: #f5f7fb;
    --tblr-border-width: 1px;
    --tblr-border-style: solid;
    --tblr-border-color: #e6e7e9;
    --tblr-border-color-translucent: rgba(0, 0, 0, 0.175);
    --tblr-border-radius: 4px;
    --tblr-border-radius-sm: 2px;
    --tblr-border-radius-lg: 8px;
    --tblr-border-radius-xl: 1rem;
    --tblr-border-radius-2xl: 2rem;
    --tblr-border-radius-pill: 100rem;
    /*--tblr-link-color: #4299e1;*/
    /*    --tblr-link-color: #242426;
*/ --tblr-link-hover-color: #1a569d;
    --tblr-code-color: #4b5462;
    --tblr-highlight-bg: #fdeccc
}
.fs-1 {
    font-size: 1.5rem !important
}

.fs-2 {
    font-size: 1.25rem !important
}

.fs-3 {
    font-size: 1rem !important
}

.fs-4 {
    font-size: 0.8rem;
    !important
}

.fs-5 {
    font-size: .75rem !important
}

.fs-6 {
    font-size: .625rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 600 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.1428571429 !important
}

.lh-base {
    line-height: 1.4285714286 !important
}

.lh-lg {
    line-height: 1.7142857143 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-primary-rgb),var(--tblr-text-opacity)) !important
}

.text-secondary {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-secondary-rgb),var(--tblr-text-opacity)) !important
}

.text-success {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-success-rgb),var(--tblr-text-opacity)) !important
}

.text-info {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-info-rgb),var(--tblr-text-opacity)) !important
}

.text-warning {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-warning-rgb),var(--tblr-text-opacity)) !important
}

.text-danger {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-danger-rgb),var(--tblr-text-opacity)) !important
}

.text-light {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-light-rgb),var(--tblr-text-opacity)) !important
}

.text-dark {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-dark-rgb),var(--tblr-text-opacity)) !important
}

.text-muted {
    --tblr-text-opacity: 1;
    color: #626976 !important
}

.text-blue {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-blue-rgb),var(--tblr-text-opacity)) !important
}

.text-azure {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-azure-rgb),var(--tblr-text-opacity)) !important
}

.text-indigo {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-indigo-rgb),var(--tblr-text-opacity)) !important
}

.text-purple {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-purple-rgb),var(--tblr-text-opacity)) !important
}

.text-pink {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-pink-rgb),var(--tblr-text-opacity)) !important
}

.text-red {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-red-rgb),var(--tblr-text-opacity)) !important
}

.text-orange {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-orange-rgb),var(--tblr-text-opacity)) !important
}

.text-yellow {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-yellow-rgb),var(--tblr-text-opacity)) !important
}

.text-lime {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-lime-rgb),var(--tblr-text-opacity)) !important
}

.text-green {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-green-rgb),var(--tblr-text-opacity)) !important
}

.text-teal {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-teal-rgb),var(--tblr-text-opacity)) !important
}

.text-cyan {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-cyan-rgb),var(--tblr-text-opacity)) !important
}

.text-facebook {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-facebook-rgb),var(--tblr-text-opacity)) !important
}

.text-twitter {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-twitter-rgb),var(--tblr-text-opacity)) !important
}

.text-linkedin {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-linkedin-rgb),var(--tblr-text-opacity)) !important
}

.text-google {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-google-rgb),var(--tblr-text-opacity)) !important
}

.text-youtube {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-youtube-rgb),var(--tblr-text-opacity)) !important
}

.text-vimeo {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-vimeo-rgb),var(--tblr-text-opacity)) !important
}

.text-dribbble {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-dribbble-rgb),var(--tblr-text-opacity)) !important
}

.text-github {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-github-rgb),var(--tblr-text-opacity)) !important
}

.text-instagram {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-instagram-rgb),var(--tblr-text-opacity)) !important
}

.text-pinterest {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-pinterest-rgb),var(--tblr-text-opacity)) !important
}

.text-vk {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-vk-rgb),var(--tblr-text-opacity)) !important
}

.text-rss {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-rss-rgb),var(--tblr-text-opacity)) !important
}

.text-flickr {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-flickr-rgb),var(--tblr-text-opacity)) !important
}

.text-bitbucket {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-text-opacity)) !important
}

.text-tabler {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-tabler-rgb),var(--tblr-text-opacity)) !important
}

.text-black {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-black-rgb),var(--tblr-text-opacity)) !important;
}

.text-white {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-white-rgb),var(--tblr-text-opacity)) !important
}

.text-body {
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-body-color-rgb),var(--tblr-text-opacity)) !important
}

.text-black-50 {
    --tblr-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    --tblr-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-reset {
    --tblr-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --tblr-text-opacity: 0.25
}

.text-opacity-50 {
    --tblr-text-opacity: 0.5
}

.text-opacity-75 {
    --tblr-text-opacity: 0.75
}

.text-opacity-100 {
    --tblr-text-opacity: 1
}

.bg-primary {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-primary-rgb),var(--tblr-bg-opacity)) !important
}

.bg-secondary {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-secondary-rgb),var(--tblr-bg-opacity)) !important
}

.bg-success {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity)) !important
}

.bg-info {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-info-rgb),var(--tblr-bg-opacity)) !important
}

.bg-warning {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-warning-rgb),var(--tblr-bg-opacity)) !important
}

.bg-danger {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-danger-rgb),var(--tblr-bg-opacity)) !important
}

.bg-light {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-light-rgb),var(--tblr-bg-opacity)) !important
}

.bg-dark {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-dark-rgb),var(--tblr-bg-opacity)) !important
}

.bg-muted {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-muted-rgb),var(--tblr-bg-opacity)) !important
}

.bg-blue {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-blue-rgb),var(--tblr-bg-opacity)) !important
}

.bg-azure {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-azure-rgb),var(--tblr-bg-opacity)) !important
}

.bg-indigo {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-indigo-rgb),var(--tblr-bg-opacity)) !important
}

.bg-purple {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-purple-rgb),var(--tblr-bg-opacity)) !important
}

.bg-pink {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-pink-rgb),var(--tblr-bg-opacity)) !important
}

.bg-red {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-red-rgb),var(--tblr-bg-opacity)) !important;
    color: #fff;
}

.bg-orange {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-orange-rgb),var(--tblr-bg-opacity)) !important
}

.bg-yellow {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-yellow-rgb),var(--tblr-bg-opacity)) !important
}

.bg-lime {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-lime-rgb),var(--tblr-bg-opacity)) !important
}

.bg-green {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-green-rgb),var(--tblr-bg-opacity)) !important
}

.bg-teal {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-teal-rgb),var(--tblr-bg-opacity)) !important
}

.bg-cyan {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-cyan-rgb),var(--tblr-bg-opacity)) !important
}

.bg-facebook {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-facebook-rgb),var(--tblr-bg-opacity)) !important
}

.bg-twitter {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-twitter-rgb),var(--tblr-bg-opacity)) !important
}

.bg-linkedin {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-bg-opacity)) !important
}

.bg-google {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-google-rgb),var(--tblr-bg-opacity)) !important
}

.bg-youtube {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-youtube-rgb),var(--tblr-bg-opacity)) !important
}

.bg-vimeo {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-bg-opacity)) !important
}

.bg-dribbble {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-bg-opacity)) !important
}

.bg-github {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-github-rgb),var(--tblr-bg-opacity)) !important
}

.bg-instagram {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-instagram-rgb),var(--tblr-bg-opacity)) !important
}

.bg-pinterest {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-bg-opacity)) !important
}

.bg-vk {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-vk-rgb),var(--tblr-bg-opacity)) !important
}

.bg-rss {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-rss-rgb),var(--tblr-bg-opacity)) !important
}

.bg-flickr {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-flickr-rgb),var(--tblr-bg-opacity)) !important
}

.bg-bitbucket {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-bg-opacity)) !important
}

.bg-tabler {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-tabler-rgb),var(--tblr-bg-opacity)) !important
}

.bg-black {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-black-rgb),var(--tblr-bg-opacity)) !important
}

.bg-white {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-white-rgb),var(--tblr-bg-opacity)) !important
}

.bg-body {
    --tblr-bg-opacity: 1;
    background-color: rgba(var(--tblr-body-bg-rgb),var(--tblr-bg-opacity)) !important
}

.bg-transparent {
    --tblr-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --tblr-bg-opacity: 0.1
}

.bg-opacity-25 {
    --tblr-bg-opacity: 0.25
}

.bg-opacity-50 {
    --tblr-bg-opacity: 0.5
}

.bg-opacity-75 {
    --tblr-bg-opacity: 0.75
}

.bg-opacity-100 {
    --tblr-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--tblr-gradient) !important
}
/*# sourceMappingURL=style.css.map */

.img {
    width: 100%; /* Konteyner geniþliðine uyum saðlar */
    height: auto; /* Oranlarýný koruyarak yükseklik ayarlar */
    display: block; /* Altýnda boþluk oluþmasýný önler */
}
.img2 {
    height: 50px; /* Belirtilen yükseklik */
    object-fit: cover; /* Resmi kýrparak boyuta sýðdýrýr */
}
@media (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.row {
    --tblr-gutter-x: 1rem;
    --tblr-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--tblr-gutter-y));
    margin-right: calc(-.5 * var(--tblr-gutter-x));
    margin-left: calc(-.5 * var(--tblr-gutter-x))
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--tblr-gutter-x) * .5);
        padding-left: calc(var(--tblr-gutter-x) * .5);
        margin-top: var(--tblr-gutter-y)
    }

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0, .gx-0 {
    --tblr-gutter-x: 0
}

.g-0, .gy-0 {
    --tblr-gutter-y: 0
}

.g-1, .gx-1 {
    --tblr-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --tblr-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --tblr-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --tblr-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --tblr-gutter-x: 1rem
}

.g-3, .gy-3 {
    --tblr-gutter-y: 1rem
}

.g-4, .gx-4 {
    --tblr-gutter-x: 2rem
}

.g-4, .gy-4 {
    --tblr-gutter-y: 2rem
}

.g-5, .gx-5 {
    --tblr-gutter-x: 4rem
}

.g-5, .gy-5 {
    --tblr-gutter-y: 4rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0, .gx-sm-0 {
        --tblr-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --tblr-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --tblr-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --tblr-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --tblr-gutter-x: 2rem
    }

    .g-sm-4, .gy-sm-4 {
        --tblr-gutter-y: 2rem
    }

    .g-sm-5, .gx-sm-5 {
        --tblr-gutter-x: 4rem
    }

    .g-sm-5, .gy-sm-5 {
        --tblr-gutter-y: 4rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0, .gx-md-0 {
        --tblr-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --tblr-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --tblr-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --tblr-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --tblr-gutter-x: 2rem
    }

    .g-md-4, .gy-md-4 {
        --tblr-gutter-y: 2rem
    }

    .g-md-5, .gx-md-5 {
        --tblr-gutter-x: 4rem
    }

    .g-md-5, .gy-md-5 {
        --tblr-gutter-y: 4rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-1x5 {
        flex: 0 0 auto;
        width: 9%
    }


    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0, .gx-lg-0 {
        --tblr-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --tblr-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --tblr-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --tblr-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --tblr-gutter-x: 2rem
    }

    .g-lg-4, .gy-lg-4 {
        --tblr-gutter-y: 2rem
    }

    .g-lg-5, .gx-lg-5 {
        --tblr-gutter-x: 4rem
    }

    .g-lg-5, .gy-lg-5 {
        --tblr-gutter-y: 4rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-1x5 {
        flex: 0 0 auto;
        width: 10.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0, .gx-xl-0 {
        --tblr-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --tblr-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --tblr-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --tblr-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --tblr-gutter-x: 2rem
    }

    .g-xl-4, .gy-xl-4 {
        --tblr-gutter-y: 2rem
    }

    .g-xl-5, .gx-xl-5 {
        --tblr-gutter-x: 4rem
    }

    .g-xl-5, .gy-xl-5 {
        --tblr-gutter-y: 4rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --tblr-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --tblr-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --tblr-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --tblr-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --tblr-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --tblr-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --tblr-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --tblr-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --tblr-gutter-x: 2rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --tblr-gutter-y: 2rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --tblr-gutter-x: 4rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --tblr-gutter-y: 4rem
    }
}
.input-icon {
    position: relative
}

    .input-icon .form-control:not(:last-child), .input-icon .form-select:not(:last-child) {
        padding-right: 2.5rem
    }

    .input-icon .form-control:not(:first-child), .input-icon .form-select:not(:last-child) {
        padding-left: 2.5rem
    }

.input-icon-addon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    color: #626976;
    pointer-events: none;
    font-size: 1.2em
}

    .input-icon-addon:last-child {
        right: 0;
        left: auto
    }
.form-control {
    display: block;
    width: 100%;
    padding: .4375rem .75rem;
    font-weight: 600;
    line-height: 1.4285714286;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9dbde;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

    .form-control[type=file]:not(:disabled):not([readonly]) {
        cursor: pointer
    }

.form-control:focus {
    color: inherit;
    background-color: #fff;
    border-color: #90b5e2;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(32,107,196,.25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.4285714286em
}

.form-control::-webkit-input-placeholder {
    color: #a5a9b1;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #a5a9b1;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #a5a9b1;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #a5a9b1;
    opacity: 1
}

.form-control::placeholder {
    color: #1e293b;
    opacity: 1
}

.form-control:disabled {
    background-color: #1e293b;
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .4375rem .75rem;
    margin: -.4375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: inherit;
    background-color: #fafbfc;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .4375rem .75rem;
    margin: -.4375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: inherit;
    background-color: #fafbfc;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #eeeeef
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #eeeeef
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .4375rem 0;
    margin-bottom: 0;
    line-height: 1.4285714286;
    color: #1e293b;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext:focus {
        outline: 0
    }

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm {
    min-height: calc(1.4285714286em + .25rem + 2px);
    padding: .125rem .5rem;
    font-size: .75rem;
    border-radius: 2px
}

    .form-control-sm::-webkit-file-upload-button {
        padding: .125rem .5rem;
        margin: -.125rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

    .form-control-sm::file-selector-button {
        padding: .125rem .5rem;
        margin: -.125rem -.5rem;
        -webkit-margin-end: .5rem;
        margin-inline-end: .5rem
    }

.form-control-lg {
    min-height: calc(1.4285714286em + 1rem + 2px);
    padding: .5rem 1.5rem;
    font-size: 1.25rem;
    border-radius: 8px
}

    .form-control-lg::-webkit-file-upload-button {
        padding: .5rem 1.5rem;
        margin: -.5rem -1.5rem;
        -webkit-margin-end: 1.5rem;
        margin-inline-end: 1.5rem
    }

    .form-control-lg::file-selector-button {
        padding: .5rem 1.5rem;
        margin: -.5rem -1.5rem;
        -webkit-margin-end: 1.5rem;
        margin-inline-end: 1.5rem
    }

textarea.form-control {
    min-height: calc(1.4285714286em + .875rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.4285714286em + .25rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.4285714286em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.4285714286em + .875rem + 2px);
    padding: .4375rem
}

    .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer
    }

    .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: 4px
    }

    .form-control-color::-webkit-color-swatch {
        border-radius: 4px
    }

    .form-control-color.form-control-sm {
        height: calc(1.4285714286em + .25rem + 2px)
    }

    .form-control-color.form-control-lg {
        height: calc(1.4285714286em + 1rem + 2px)
    }
.d-none {
    display: none !important
}

.position-absolute {
    position: absolute !important
}
.form-label {
    margin-bottom: .5rem;
    /*   font-size: 0.8rem;
    font-weight: 500;*/
}

.col-form-label {
    padding-top: calc(.4375rem + 1px);
    padding-bottom: calc(.4375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    font-weight: 500;
    line-height: 1.4285714286
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.125rem + 1px);
    padding-bottom: calc(.125rem + 1px);
    font-size: .75rem
}

.form-text {
    margin-top: .25rem;
    font-size: 85.71428571%;
    color: #626976
}
.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 2rem !important
}

.m-5 {
    margin: 4rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.mx-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.my-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 2rem !important
}

.mt-5 {
    margin-top: 4rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 2rem !important
}

.me-5 {
    margin-right: 4rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 2rem !important
}

.mb-5 {
    margin-bottom: 4rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 2rem !important
}

.ms-5 {
    margin-left: 4rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 2rem !important
}

.p-5 {
    padding: 4rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 2rem !important;
    padding-left: 2rem !important
}

.px-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}

.py-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 2rem !important
}

.pt-5 {
    padding-top: 4rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 2rem !important
}

.pe-5 {
    padding-right: 4rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 2rem !important
}

.pb-5 {
    padding-bottom: 4rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 2rem !important
}

.ps-5 {
    padding-left: 4rem !important
}

.input-group {
    position: relative;
    /*display: flex;*/
    display: inline-flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0
    }

        .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
            z-index: 3
        }

    .input-group .btn {
        position: relative;
        z-index: 2
    }

        .input-group .btn:focus {
            z-index: 3
        }

.input-group-text {
    display: flex;
    align-items: center;
    padding: .4375rem .75rem;
    font-size: 0.8rem;
    ;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #626976;
    text-align: center;
    white-space: nowrap;
    background-color: #fafbfc;
    border: 1px solid #d9dbde;
    border-radius: 4px
}

.input-group-text2 {
    display: flex;
    align-items: center;
    line-height: 1.4285714286;
    color: #626976;
    text-align: center;
    white-space: nowrap;
    background-color: #fafbfc;
    border-radius: 4px
}
.border {
    border: 1px solid rgba(98,105,118,.16) !important
}

.border-wide {
    border: 2px solid rgba(98,105,118,.16) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid rgba(98,105,118,.16) !important
}

.border-top-wide {
    border-top: 2px solid rgba(98,105,118,.16) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid rgba(98,105,118,.16) !important
}

.border-end-wide {
    border-right: 2px solid rgba(98,105,118,.16) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid rgba(98,105,118,.16) !important
}

.border-bottom-wide {
    border-bottom: 2px solid rgba(98,105,118,.16) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid rgba(98,105,118,.16) !important
}

.border-start-wide {
    border-left: 2px solid rgba(98,105,118,.16) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-primary-rgb),var(--tblr-border-opacity)) !important
}

.border-secondary {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-secondary-rgb),var(--tblr-border-opacity)) !important
}

.border-success {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-success-rgb),var(--tblr-border-opacity)) !important
}

.border-info {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-info-rgb),var(--tblr-border-opacity)) !important
}

.border-warning {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-warning-rgb),var(--tblr-border-opacity)) !important
}

.border-danger {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-danger-rgb),var(--tblr-border-opacity)) !important
}

.border-light {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-light-rgb),var(--tblr-border-opacity)) !important
}

.border-dark {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-dark-rgb),var(--tblr-border-opacity)) !important
}

.border-muted {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-muted-rgb),var(--tblr-border-opacity)) !important
}

.border-blue {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-blue-rgb),var(--tblr-border-opacity)) !important
}

.border-azure {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-azure-rgb),var(--tblr-border-opacity)) !important
}

.border-indigo {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-indigo-rgb),var(--tblr-border-opacity)) !important
}

.border-purple {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-purple-rgb),var(--tblr-border-opacity)) !important
}

.border-pink {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-pink-rgb),var(--tblr-border-opacity)) !important
}

.border-red {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-red-rgb),var(--tblr-border-opacity)) !important
}

.border-orange {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-orange-rgb),var(--tblr-border-opacity)) !important
}

.border-yellow {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-yellow-rgb),var(--tblr-border-opacity)) !important
}

.border-lime {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-lime-rgb),var(--tblr-border-opacity)) !important
}

.border-green {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-green-rgb),var(--tblr-border-opacity)) !important
}

.border-teal {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-teal-rgb),var(--tblr-border-opacity)) !important
}

.border-cyan {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-cyan-rgb),var(--tblr-border-opacity)) !important
}

.border-facebook {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-facebook-rgb),var(--tblr-border-opacity)) !important
}

.border-twitter {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-twitter-rgb),var(--tblr-border-opacity)) !important
}

.border-linkedin {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-linkedin-rgb),var(--tblr-border-opacity)) !important
}

.border-google {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-google-rgb),var(--tblr-border-opacity)) !important
}

.border-youtube {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-youtube-rgb),var(--tblr-border-opacity)) !important
}

.border-vimeo {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-vimeo-rgb),var(--tblr-border-opacity)) !important
}

.border-dribbble {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-dribbble-rgb),var(--tblr-border-opacity)) !important
}

.border-github {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-github-rgb),var(--tblr-border-opacity)) !important
}

.border-instagram {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-instagram-rgb),var(--tblr-border-opacity)) !important
}

.border-pinterest {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-pinterest-rgb),var(--tblr-border-opacity)) !important
}

.border-vk {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-vk-rgb),var(--tblr-border-opacity)) !important
}

.border-rss {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-rss-rgb),var(--tblr-border-opacity)) !important
}

.border-flickr {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-flickr-rgb),var(--tblr-border-opacity)) !important
}

.border-bitbucket {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-bitbucket-rgb),var(--tblr-border-opacity)) !important
}

.border-tabler {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-tabler-rgb),var(--tblr-border-opacity)) !important
}

.border-white {
    --tblr-border-opacity: 1;
    border-color: rgba(var(--tblr-white-rgb),var(--tblr-border-opacity)) !important
}

.border-1 {
    --tblr-border-width: 1px
}

.border-2 {
    --tblr-border-width: 2px
}

.border-3 {
    --tblr-border-width: 3px
}

.border-4 {
    --tblr-border-width: 4px
}

.border-5 {
    --tblr-border-width: 5px
}

.border-opacity-10 {
    --tblr-border-opacity: 0.1
}

.border-opacity-25 {
    --tblr-border-opacity: 0.25
}

.border-opacity-50 {
    --tblr-border-opacity: 0.5
}

.border-opacity-75 {
    --tblr-border-opacity: 0.75
}

.border-opacity-100 {
    --tblr-border-opacity: 1
}
.btn {

    --tblr-btn-padding-x: 1rem;
    --tblr-btn-padding-y: 0.4375rem;
    --tblr-btn-font-size: 0.8rem;
    --tblr-btn-font-weight: 500;
    --tblr-btn-line-height: 1.4285714286;
    --tblr-btn-color: #1e293b;
    --tblr-btn-bg: transparent;
    --tblr-btn-border-width: 1px;
    --tblr-btn-border-color: transparent;
    --tblr-btn-border-radius: 4px;
    --tblr-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --tblr-btn-disabled-opacity: 0.65;
    --tblr-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--tblr-btn-focus-shadow-rgb), .5);
    display: inline-block;
    /*padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);*/
  /*  font-family: var(--tblr-btn-font-family);
    font-size: var(--tblr-btn-font-size);
    font-weight: var(--tblr-btn-font-weight);
    line-height: var(--tblr-btn-line-height);*/
    color: var(--tblr-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
    border-radius: var(--tblr-btn-border-radius);
    background-color: var(--tblr-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--tblr-btn-hover-color);
    text-decoration: none;
    background-color: var(--tblr-btn-hover-bg);
    border-color: var(--tblr-btn-hover-border-color)
}

.btn-check:focus + .btn, .btn:focus {
    color: var(--tblr-btn-hover-color);
    background-color: var(--tblr-btn-hover-bg);
    border-color: var(--tblr-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--tblr-btn-focus-box-shadow)
}

.btn-check:active + .btn, .btn-check:checked + .btn, .btn.active, .btn.show, .btn:active {
    color: var(--tblr-btn-active-color);
    background-color: var(--tblr-btn-active-bg);
    border-color: var(--tblr-btn-active-border-color)
}

    .btn-check:active + .btn:focus, .btn-check:checked + .btn:focus, .btn.active:focus, .btn.show:focus, .btn:active:focus {
        box-shadow: var(--tblr-btn-focus-box-shadow)
    }

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--tblr-btn-disabled-color);
    pointer-events: none;
    background-color: var(--tblr-btn-disabled-bg);
    border-color: var(--tblr-btn-disabled-border-color);
    opacity: var(--tblr-btn-disabled-opacity)
}

.btn-primary {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #206bc4;
    --tblr-btn-border-color: #206bc4;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #1b5ba7;
    --tblr-btn-hover-border-color: #1a569d;
    --tblr-btn-focus-shadow-rgb: 65,129,204;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #1a569d;
    --tblr-btn-active-border-color: #185093;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #206bc4;
    --tblr-btn-disabled-border-color: #206bc4
}

.btn-secondary {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #626976;
    --tblr-btn-border-color: #626976;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #535964;
    --tblr-btn-hover-border-color: #4e545e;
    --tblr-btn-focus-shadow-rgb: 121,127,138;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #4e545e;
    --tblr-btn-active-border-color: #4a4f59;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #626976;
    --tblr-btn-disabled-border-color: #626976
}

.btn-success {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #2fb344;
    --tblr-btn-border-color: #2fb344;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #28983a;
    --tblr-btn-hover-border-color: #268f36;
    --tblr-btn-focus-shadow-rgb: 77,190,96;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #268f36;
    --tblr-btn-active-border-color: #238633;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #2fb344;
    --tblr-btn-disabled-border-color: #2fb344
}

.btn-info {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #4299e1;
    --tblr-btn-border-color: #4299e1;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #3882bf;
    --tblr-btn-hover-border-color: #357ab4;
    --tblr-btn-focus-shadow-rgb: 94,168,229;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #357ab4;
    --tblr-btn-active-border-color: #3273a9;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #4299e1;
    --tblr-btn-disabled-border-color: #4299e1
}

.btn-warning {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #f76707;
    --tblr-btn-border-color: #f76707;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #d25806;
    --tblr-btn-hover-border-color: #c65206;
    --tblr-btn-focus-shadow-rgb: 247,125,44;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #c65206;
    --tblr-btn-active-border-color: #b94d05;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #f76707;
    --tblr-btn-disabled-border-color: #f76707
}

.btn-danger {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #d63939;
    --tblr-btn-border-color: #d63939;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #b63030;
    --tblr-btn-hover-border-color: #ab2e2e;
    --tblr-btn-focus-shadow-rgb: 219,86,86;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #ab2e2e;
    --tblr-btn-active-border-color: #a12b2b;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #d63939;
    --tblr-btn-disabled-border-color: #d63939
}

.btn-light {
    --tblr-btn-color: #1e293b;
    --tblr-btn-bg: #d2d3d5;
    --tblr-btn-border-color: #fafbfc;
    --tblr-btn-hover-color: #1e293b;
    --tblr-btn-hover-bg: #d5d5d6;
    --tblr-btn-hover-border-color: #c8c9ca;
    --tblr-btn-focus-shadow-rgb: 217,220,223;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #c8c9ca;
    --tblr-btn-active-border-color: #bcbcbd;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #1e293b;
    --tblr-btn-disabled-bg: #fafbfc;
    --tblr-btn-disabled-border-color: #fafbfc
}

.btn-dark {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #1e293b;
    --tblr-btn-border-color: #1e293b;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #404958;
    --tblr-btn-hover-border-color: #353e4f;
    --tblr-btn-focus-shadow-rgb: 63,73,88;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #4b5462;
    --tblr-btn-active-border-color: #353e4f;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #1e293b;
    --tblr-btn-disabled-border-color: #1e293b
}

.btn-muted {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #626976;
    --tblr-btn-border-color: #626976;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #535964;
    --tblr-btn-hover-border-color: #4e545e;
    --tblr-btn-focus-shadow-rgb: 121,127,138;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #4e545e;
    --tblr-btn-active-border-color: #4a4f59;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #626976;
    --tblr-btn-disabled-border-color: #626976
}

.btn-blue {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #206bc4;
    --tblr-btn-border-color: #206bc4;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #1b5ba7;
    --tblr-btn-hover-border-color: #1a569d;
    --tblr-btn-focus-shadow-rgb: 65,129,204;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #1a569d;
    --tblr-btn-active-border-color: #185093;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #206bc4;
    --tblr-btn-disabled-border-color: #206bc4
}

.btn-azure {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #4299e1;
    --tblr-btn-border-color: #4299e1;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #3882bf;
    --tblr-btn-hover-border-color: #357ab4;
    --tblr-btn-focus-shadow-rgb: 94,168,229;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #357ab4;
    --tblr-btn-active-border-color: #3273a9;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #4299e1;
    --tblr-btn-disabled-border-color: #4299e1
}

.btn-indigo {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #4263eb;
    --tblr-btn-border-color: #4263eb;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #3854c8;
    --tblr-btn-hover-border-color: #354fbc;
    --tblr-btn-focus-shadow-rgb: 94,122,238;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #354fbc;
    --tblr-btn-active-border-color: #324ab0;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #4263eb;
    --tblr-btn-disabled-border-color: #4263eb
}

.btn-purple {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #ae3ec9;
    --tblr-btn-border-color: #ae3ec9;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #9435ab;
    --tblr-btn-hover-border-color: #8b32a1;
    --tblr-btn-focus-shadow-rgb: 185,90,209;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #8b32a1;
    --tblr-btn-active-border-color: #832f97;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #ae3ec9;
    --tblr-btn-disabled-border-color: #ae3ec9
}

.btn-pink {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #d6336c;
    --tblr-btn-border-color: #d6336c;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #b62b5c;
    --tblr-btn-hover-border-color: #ab2956;
    --tblr-btn-focus-shadow-rgb: 219,81,130;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #ab2956;
    --tblr-btn-active-border-color: #a12651;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #d6336c;
    --tblr-btn-disabled-border-color: #d6336c
}

.btn-red {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #d63939;
    --tblr-btn-border-color: #d63939;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #b63030;
    --tblr-btn-hover-border-color: #ab2e2e;
    --tblr-btn-focus-shadow-rgb: 219,86,86;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #ab2e2e;
    --tblr-btn-active-border-color: #a12b2b;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #d63939;
    --tblr-btn-disabled-border-color: #d63939
}

.btn-orange {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #f76707;
    --tblr-btn-border-color: #f76707;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #d25806;
    --tblr-btn-hover-border-color: #c65206;
    --tblr-btn-focus-shadow-rgb: 247,125,44;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #c65206;
    --tblr-btn-active-border-color: #b94d05;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #f76707;
    --tblr-btn-disabled-border-color: #f76707
}

.btn-yellow {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #f59f00;
    --tblr-btn-border-color: #f59f00;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #d08700;
    --tblr-btn-hover-border-color: #c47f00;
    --tblr-btn-focus-shadow-rgb: 246,173,38;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #c47f00;
    --tblr-btn-active-border-color: #b87700;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #f59f00;
    --tblr-btn-disabled-border-color: #f59f00
}

.btn-lime {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #74b816;
    --tblr-btn-border-color: #74b816;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #639c13;
    --tblr-btn-hover-border-color: #5d9312;
    --tblr-btn-focus-shadow-rgb: 136,194,57;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #5d9312;
    --tblr-btn-active-border-color: #578a11;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #74b816;
    --tblr-btn-disabled-border-color: #74b816
}

.btn-green {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #2fb344;
    --tblr-btn-border-color: #2fb344;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #28983a;
    --tblr-btn-hover-border-color: #268f36;
    --tblr-btn-focus-shadow-rgb: 77,190,96;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #268f36;
    --tblr-btn-active-border-color: #238633;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #2fb344;
    --tblr-btn-disabled-border-color: #2fb344
}

.btn-teal {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #0ca678;
    --tblr-btn-border-color: #0ca678;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #0a8d66;
    --tblr-btn-hover-border-color: #0a8560;
    --tblr-btn-focus-shadow-rgb: 48,179,140;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #0a8560;
    --tblr-btn-active-border-color: #097d5a;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #0ca678;
    --tblr-btn-disabled-border-color: #0ca678
}

.btn-cyan {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #17a2b8;
    --tblr-btn-border-color: #17a2b8;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #148a9c;
    --tblr-btn-hover-border-color: #128293;
    --tblr-btn-focus-shadow-rgb: 57,175,194;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #128293;
    --tblr-btn-active-border-color: #117a8a;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #17a2b8;
    --tblr-btn-disabled-border-color: #17a2b8
}

.btn-facebook {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #3b5998;
    --tblr-btn-border-color: #3b5998;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #324c81;
    --tblr-btn-hover-border-color: #2f477a;
    --tblr-btn-focus-shadow-rgb: 88,113,167;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #2f477a;
    --tblr-btn-active-border-color: #2c4372;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #3b5998;
    --tblr-btn-disabled-border-color: #3b5998
}

.btn-twitter {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #1da1f2;
    --tblr-btn-border-color: #1da1f2;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #1989ce;
    --tblr-btn-hover-border-color: #1781c2;
    --tblr-btn-focus-shadow-rgb: 62,175,244;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #1781c2;
    --tblr-btn-active-border-color: #1679b6;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #1da1f2;
    --tblr-btn-disabled-border-color: #1da1f2
}

.btn-linkedin {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #0a66c2;
    --tblr-btn-border-color: #0a66c2;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #0957a5;
    --tblr-btn-hover-border-color: #08529b;
    --tblr-btn-focus-shadow-rgb: 46,124,203;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #08529b;
    --tblr-btn-active-border-color: #084d92;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #0a66c2;
    --tblr-btn-disabled-border-color: #0a66c2
}

.btn-google {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #dc4e41;
    --tblr-btn-border-color: #dc4e41;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #bb4237;
    --tblr-btn-hover-border-color: #b03e34;
    --tblr-btn-focus-shadow-rgb: 225,104,93;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #b03e34;
    --tblr-btn-active-border-color: #a53b31;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #dc4e41;
    --tblr-btn-disabled-border-color: #dc4e41
}

.btn-youtube {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #ff0000;
    --tblr-btn-border-color: #ff0000;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #d90000;
    --tblr-btn-hover-border-color: #cc0000;
    --tblr-btn-focus-shadow-rgb: 254,38,38;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #cc0000;
    --tblr-btn-active-border-color: #bf0000;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #ff0000;
    --tblr-btn-disabled-border-color: #ff0000
}

.btn-vimeo {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #1ab7ea;
    --tblr-btn-border-color: #1ab7ea;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #169cc7;
    --tblr-btn-hover-border-color: #1592bb;
    --tblr-btn-focus-shadow-rgb: 60,193,237;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #1592bb;
    --tblr-btn-active-border-color: #1489b0;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #1ab7ea;
    --tblr-btn-disabled-border-color: #1ab7ea
}

.btn-dribbble {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #ea4c89;
    --tblr-btn-border-color: #ea4c89;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #c74174;
    --tblr-btn-hover-border-color: #bb3d6e;
    --tblr-btn-focus-shadow-rgb: 236,102,154;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #bb3d6e;
    --tblr-btn-active-border-color: #b03967;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #ea4c89;
    --tblr-btn-disabled-border-color: #ea4c89
}

.btn-github {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #181717;
    --tblr-btn-border-color: #181717;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #141414;
    --tblr-btn-hover-border-color: #131212;
    --tblr-btn-focus-shadow-rgb: 58,57,57;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #131212;
    --tblr-btn-active-border-color: #121111;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #181717;
    --tblr-btn-disabled-border-color: #181717
}

.btn-instagram {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #e4405f;
    --tblr-btn-border-color: #e4405f;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #c23651;
    --tblr-btn-hover-border-color: #b6334c;
    --tblr-btn-focus-shadow-rgb: 231,92,119;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #b6334c;
    --tblr-btn-active-border-color: #ab3047;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #e4405f;
    --tblr-btn-disabled-border-color: #e4405f
}

.btn-pinterest {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #bd081c;
    --tblr-btn-border-color: #bd081c;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #a10718;
    --tblr-btn-hover-border-color: #970616;
    --tblr-btn-focus-shadow-rgb: 198,44,62;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #970616;
    --tblr-btn-active-border-color: #8e0615;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #bd081c;
    --tblr-btn-disabled-border-color: #bd081c
}

.btn-vk {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #6383a8;
    --tblr-btn-border-color: #6383a8;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #546f8f;
    --tblr-btn-hover-border-color: #4f6986;
    --tblr-btn-focus-shadow-rgb: 122,149,181;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #4f6986;
    --tblr-btn-active-border-color: #4a627e;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #6383a8;
    --tblr-btn-disabled-border-color: #6383a8
}

.btn-rss {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #ffa500;
    --tblr-btn-border-color: #ffa500;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #d98c00;
    --tblr-btn-hover-border-color: #cc8400;
    --tblr-btn-focus-shadow-rgb: 254,178,38;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #cc8400;
    --tblr-btn-active-border-color: #bf7c00;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #ffa500;
    --tblr-btn-disabled-border-color: #ffa500
}

.btn-flickr {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #0063dc;
    --tblr-btn-border-color: #0063dc;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #0054bb;
    --tblr-btn-hover-border-color: #004fb0;
    --tblr-btn-focus-shadow-rgb: 38,122,225;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #004fb0;
    --tblr-btn-active-border-color: #004aa5;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #0063dc;
    --tblr-btn-disabled-border-color: #0063dc
}

.btn-bitbucket {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #0052cc;
    --tblr-btn-border-color: #0052cc;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #0046ad;
    --tblr-btn-hover-border-color: #0042a3;
    --tblr-btn-focus-shadow-rgb: 38,107,211;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #0042a3;
    --tblr-btn-active-border-color: #003e99;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #0052cc;
    --tblr-btn-disabled-border-color: #0052cc
}

.btn-tabler {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-bg: #206bc4;
    --tblr-btn-border-color: #206bc4;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #1b5ba7;
    --tblr-btn-hover-border-color: #1a569d;
    --tblr-btn-focus-shadow-rgb: 65,129,204;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #1a569d;
    --tblr-btn-active-border-color: #185093;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: #206bc4;
    --tblr-btn-disabled-border-color: #206bc4
}

.btn-outline-primary {
    --tblr-btn-color: #206bc4;
    --tblr-btn-border-color: #206bc4;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #206bc4;
    --tblr-btn-hover-border-color: #206bc4;
    --tblr-btn-focus-shadow-rgb: 32,107,196;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #206bc4;
    --tblr-btn-active-border-color: #206bc4;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #206bc4;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #206bc4;
    --tblr-gradient: none
}

.btn-outline-secondary {
    --tblr-btn-color: #626976;
    --tblr-btn-border-color: #626976;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #626976;
    --tblr-btn-hover-border-color: #626976;
    --tblr-btn-focus-shadow-rgb: 98,105,118;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #626976;
    --tblr-btn-active-border-color: #626976;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #626976;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #626976;
    --tblr-gradient: none
}

.btn-outline-success {
    --tblr-btn-color: #2fb344;
    --tblr-btn-border-color: #2fb344;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #2fb344;
    --tblr-btn-hover-border-color: #2fb344;
    --tblr-btn-focus-shadow-rgb: 47,179,68;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #2fb344;
    --tblr-btn-active-border-color: #2fb344;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #2fb344;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #2fb344;
    --tblr-gradient: none
}

.btn-outline-info {
    --tblr-btn-color: #4299e1;
    --tblr-btn-border-color: #4299e1;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #4299e1;
    --tblr-btn-hover-border-color: #4299e1;
    --tblr-btn-focus-shadow-rgb: 66,153,225;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #4299e1;
    --tblr-btn-active-border-color: #4299e1;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #4299e1;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #4299e1;
    --tblr-gradient: none
}

.btn-outline-warning {
    --tblr-btn-color: #f76707;
    --tblr-btn-border-color: #f76707;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #f76707;
    --tblr-btn-hover-border-color: #f76707;
    --tblr-btn-focus-shadow-rgb: 247,103,7;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #f76707;
    --tblr-btn-active-border-color: #f76707;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #f76707;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #f76707;
    --tblr-gradient: none
}

.btn-outline-danger {
    --tblr-btn-color: #d63939;
    --tblr-btn-border-color: #d63939;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #d63939;
    --tblr-btn-hover-border-color: #d63939;
    --tblr-btn-focus-shadow-rgb: 214,57,57;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #d63939;
    --tblr-btn-active-border-color: #d63939;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #d63939;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #d63939;
    --tblr-gradient: none
}

.btn-outline-light {
    --tblr-btn-color: #fafbfc;
    --tblr-btn-border-color: #fafbfc;
    --tblr-btn-hover-color: #1e293b;
    --tblr-btn-hover-bg: #fafbfc;
    --tblr-btn-hover-border-color: #fafbfc;
    --tblr-btn-focus-shadow-rgb: 250,251,252;
    --tblr-btn-active-color: #1e293b;
    --tblr-btn-active-bg: #fafbfc;
    --tblr-btn-active-border-color: #fafbfc;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #fafbfc;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #fafbfc;
    --tblr-gradient: none
}

.btn-outline-dark {
    --tblr-btn-color: #1e293b;
    --tblr-btn-border-color: #1e293b;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #1e293b;
    --tblr-btn-hover-border-color: #1e293b;
    --tblr-btn-focus-shadow-rgb: 30,41,59;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #1e293b;
    --tblr-btn-active-border-color: #1e293b;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #1e293b;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #1e293b;
    --tblr-gradient: none
}

.btn-outline-muted {
    --tblr-btn-color: #626976;
    --tblr-btn-border-color: #626976;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #626976;
    --tblr-btn-hover-border-color: #626976;
    --tblr-btn-focus-shadow-rgb: 98,105,118;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #626976;
    --tblr-btn-active-border-color: #626976;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #626976;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #626976;
    --tblr-gradient: none
}

.btn-outline-blue {
    --tblr-btn-color: #206bc4;
    --tblr-btn-border-color: #206bc4;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #206bc4;
    --tblr-btn-hover-border-color: #206bc4;
    --tblr-btn-focus-shadow-rgb: 32,107,196;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #206bc4;
    --tblr-btn-active-border-color: #206bc4;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #206bc4;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #206bc4;
    --tblr-gradient: none
}

.btn-outline-azure {
    --tblr-btn-color: #4299e1;
    --tblr-btn-border-color: #4299e1;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #4299e1;
    --tblr-btn-hover-border-color: #4299e1;
    --tblr-btn-focus-shadow-rgb: 66,153,225;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #4299e1;
    --tblr-btn-active-border-color: #4299e1;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #4299e1;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #4299e1;
    --tblr-gradient: none
}

.btn-outline-indigo {
    --tblr-btn-color: #4263eb;
    --tblr-btn-border-color: #4263eb;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #4263eb;
    --tblr-btn-hover-border-color: #4263eb;
    --tblr-btn-focus-shadow-rgb: 66,99,235;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #4263eb;
    --tblr-btn-active-border-color: #4263eb;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #4263eb;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #4263eb;
    --tblr-gradient: none
}

.btn-outline-purple {
    --tblr-btn-color: #ae3ec9;
    --tblr-btn-border-color: #ae3ec9;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #ae3ec9;
    --tblr-btn-hover-border-color: #ae3ec9;
    --tblr-btn-focus-shadow-rgb: 174,62,201;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #ae3ec9;
    --tblr-btn-active-border-color: #ae3ec9;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #ae3ec9;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #ae3ec9;
    --tblr-gradient: none
}

.btn-outline-pink {
    --tblr-btn-color: #d6336c;
    --tblr-btn-border-color: #d6336c;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #d6336c;
    --tblr-btn-hover-border-color: #d6336c;
    --tblr-btn-focus-shadow-rgb: 214,51,108;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #d6336c;
    --tblr-btn-active-border-color: #d6336c;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #d6336c;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #d6336c;
    --tblr-gradient: none
}

.btn-outline-red {
    --tblr-btn-color: #d63939;
    --tblr-btn-border-color: #d63939;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #d63939;
    --tblr-btn-hover-border-color: #d63939;
    --tblr-btn-focus-shadow-rgb: 214,57,57;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #d63939;
    --tblr-btn-active-border-color: #d63939;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #d63939;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #d63939;
    --tblr-gradient: none
}

.btn-outline-orange {
    --tblr-btn-color: #f76707;
    --tblr-btn-border-color: #f76707;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #f76707;
    --tblr-btn-hover-border-color: #f76707;
    --tblr-btn-focus-shadow-rgb: 247,103,7;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #f76707;
    --tblr-btn-active-border-color: #f76707;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #f76707;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #f76707;
    --tblr-gradient: none
}

.btn-outline-yellow {
    --tblr-btn-color: #f59f00;
    --tblr-btn-border-color: #f59f00;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #f59f00;
    --tblr-btn-hover-border-color: #f59f00;
    --tblr-btn-focus-shadow-rgb: 245,159,0;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #f59f00;
    --tblr-btn-active-border-color: #f59f00;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #f59f00;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #f59f00;
    --tblr-gradient: none
}

.btn-outline-lime {
    --tblr-btn-color: #74b816;
    --tblr-btn-border-color: #74b816;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #74b816;
    --tblr-btn-hover-border-color: #74b816;
    --tblr-btn-focus-shadow-rgb: 116,184,22;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #74b816;
    --tblr-btn-active-border-color: #74b816;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #74b816;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #74b816;
    --tblr-gradient: none
}

.btn-outline-green {
    --tblr-btn-color: #2fb344;
    --tblr-btn-border-color: #2fb344;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #2fb344;
    --tblr-btn-hover-border-color: #2fb344;
    --tblr-btn-focus-shadow-rgb: 47,179,68;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #2fb344;
    --tblr-btn-active-border-color: #2fb344;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #2fb344;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #2fb344;
    --tblr-gradient: none
}

.btn-outline-teal {
    --tblr-btn-color: #0ca678;
    --tblr-btn-border-color: #0ca678;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #0ca678;
    --tblr-btn-hover-border-color: #0ca678;
    --tblr-btn-focus-shadow-rgb: 12,166,120;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #0ca678;
    --tblr-btn-active-border-color: #0ca678;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #0ca678;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #0ca678;
    --tblr-gradient: none
}

.btn-outline-cyan {
    --tblr-btn-color: #17a2b8;
    --tblr-btn-border-color: #17a2b8;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #17a2b8;
    --tblr-btn-hover-border-color: #17a2b8;
    --tblr-btn-focus-shadow-rgb: 23,162,184;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #17a2b8;
    --tblr-btn-active-border-color: #17a2b8;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #17a2b8;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #17a2b8;
    --tblr-gradient: none
}

.btn-outline-facebook {
    --tblr-btn-color: #3b5998;
    --tblr-btn-border-color: #3b5998;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #3b5998;
    --tblr-btn-hover-border-color: #3b5998;
    --tblr-btn-focus-shadow-rgb: 59,89,152;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #3b5998;
    --tblr-btn-active-border-color: #3b5998;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #3b5998;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #3b5998;
    --tblr-gradient: none
}

.btn-outline-twitter {
    --tblr-btn-color: #1da1f2;
    --tblr-btn-border-color: #1da1f2;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #1da1f2;
    --tblr-btn-hover-border-color: #1da1f2;
    --tblr-btn-focus-shadow-rgb: 29,161,242;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #1da1f2;
    --tblr-btn-active-border-color: #1da1f2;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #1da1f2;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #1da1f2;
    --tblr-gradient: none
}

.btn-outline-linkedin {
    --tblr-btn-color: #0a66c2;
    --tblr-btn-border-color: #0a66c2;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #0a66c2;
    --tblr-btn-hover-border-color: #0a66c2;
    --tblr-btn-focus-shadow-rgb: 10,102,194;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #0a66c2;
    --tblr-btn-active-border-color: #0a66c2;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #0a66c2;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #0a66c2;
    --tblr-gradient: none
}

.btn-outline-google {
    --tblr-btn-color: #dc4e41;
    --tblr-btn-border-color: #dc4e41;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #dc4e41;
    --tblr-btn-hover-border-color: #dc4e41;
    --tblr-btn-focus-shadow-rgb: 220,78,65;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #dc4e41;
    --tblr-btn-active-border-color: #dc4e41;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #dc4e41;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #dc4e41;
    --tblr-gradient: none
}

.btn-outline-youtube {
    --tblr-btn-color: #ff0000;
    --tblr-btn-border-color: #ff0000;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #ff0000;
    --tblr-btn-hover-border-color: #ff0000;
    --tblr-btn-focus-shadow-rgb: 255,0,0;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #ff0000;
    --tblr-btn-active-border-color: #ff0000;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #ff0000;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #ff0000;
    --tblr-gradient: none
}

.btn-outline-vimeo {
    --tblr-btn-color: #1ab7ea;
    --tblr-btn-border-color: #1ab7ea;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #1ab7ea;
    --tblr-btn-hover-border-color: #1ab7ea;
    --tblr-btn-focus-shadow-rgb: 26,183,234;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #1ab7ea;
    --tblr-btn-active-border-color: #1ab7ea;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #1ab7ea;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #1ab7ea;
    --tblr-gradient: none
}

.btn-outline-dribbble {
    --tblr-btn-color: #ea4c89;
    --tblr-btn-border-color: #ea4c89;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #ea4c89;
    --tblr-btn-hover-border-color: #ea4c89;
    --tblr-btn-focus-shadow-rgb: 234,76,137;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #ea4c89;
    --tblr-btn-active-border-color: #ea4c89;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #ea4c89;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #ea4c89;
    --tblr-gradient: none
}

.btn-outline-github {
    --tblr-btn-color: #181717;
    --tblr-btn-border-color: #181717;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #181717;
    --tblr-btn-hover-border-color: #181717;
    --tblr-btn-focus-shadow-rgb: 24,23,23;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #181717;
    --tblr-btn-active-border-color: #181717;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #181717;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #181717;
    --tblr-gradient: none
}

.btn-outline-instagram {
    --tblr-btn-color: #e4405f;
    --tblr-btn-border-color: #e4405f;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #e4405f;
    --tblr-btn-hover-border-color: #e4405f;
    --tblr-btn-focus-shadow-rgb: 228,64,95;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #e4405f;
    --tblr-btn-active-border-color: #e4405f;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #e4405f;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #e4405f;
    --tblr-gradient: none
}

.btn-outline-pinterest {
    --tblr-btn-color: #bd081c;
    --tblr-btn-border-color: #bd081c;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #bd081c;
    --tblr-btn-hover-border-color: #bd081c;
    --tblr-btn-focus-shadow-rgb: 189,8,28;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #bd081c;
    --tblr-btn-active-border-color: #bd081c;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #bd081c;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #bd081c;
    --tblr-gradient: none
}

.btn-outline-vk {
    --tblr-btn-color: #6383a8;
    --tblr-btn-border-color: #6383a8;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #6383a8;
    --tblr-btn-hover-border-color: #6383a8;
    --tblr-btn-focus-shadow-rgb: 99,131,168;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #6383a8;
    --tblr-btn-active-border-color: #6383a8;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #6383a8;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #6383a8;
    --tblr-gradient: none
}

.btn-outline-rss {
    --tblr-btn-color: #ffa500;
    --tblr-btn-border-color: #ffa500;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #ffa500;
    --tblr-btn-hover-border-color: #ffa500;
    --tblr-btn-focus-shadow-rgb: 255,165,0;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #ffa500;
    --tblr-btn-active-border-color: #ffa500;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #ffa500;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #ffa500;
    --tblr-gradient: none
}

.btn-outline-flickr {
    --tblr-btn-color: #0063dc;
    --tblr-btn-border-color: #0063dc;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #0063dc;
    --tblr-btn-hover-border-color: #0063dc;
    --tblr-btn-focus-shadow-rgb: 0,99,220;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #0063dc;
    --tblr-btn-active-border-color: #0063dc;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #0063dc;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #0063dc;
    --tblr-gradient: none
}

.btn-outline-bitbucket {
    --tblr-btn-color: #0052cc;
    --tblr-btn-border-color: #0052cc;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #0052cc;
    --tblr-btn-hover-border-color: #0052cc;
    --tblr-btn-focus-shadow-rgb: 0,82,204;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #0052cc;
    --tblr-btn-active-border-color: #0052cc;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #0052cc;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #0052cc;
    --tblr-gradient: none
}

.btn-outline-tabler {
    --tblr-btn-color: #206bc4;
    --tblr-btn-border-color: #206bc4;
    --tblr-btn-hover-color: #fafbfc;
    --tblr-btn-hover-bg: #206bc4;
    --tblr-btn-hover-border-color: #206bc4;
    --tblr-btn-focus-shadow-rgb: 32,107,196;
    --tblr-btn-active-color: #fafbfc;
    --tblr-btn-active-bg: #206bc4;
    --tblr-btn-active-border-color: #206bc4;
    --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tblr-btn-disabled-color: #206bc4;
    --tblr-btn-disabled-bg: transparent;
    --tblr-btn-disabled-border-color: #206bc4;
    --tblr-gradient: none
}

.btn-link {
    --tblr-btn-font-weight: 400;
    --tblr-btn-color: var(--tblr-link-color);
    --tblr-btn-bg: transparent;
    --tblr-btn-border-color: transparent;
    --tblr-btn-hover-color: var(--tblr-link-hover-color);
    --tblr-btn-hover-border-color: transparent;
    --tblr-btn-active-color: var(--tblr-link-hover-color);
    --tblr-btn-active-border-color: transparent;
    --tblr-btn-disabled-color: #475569;
    --tblr-btn-disabled-border-color: transparent;
    --tblr-btn-box-shadow: none;
    --tblr-btn-focus-shadow-rgb: 65,129,204;
    text-decoration: none
}

    .btn-link:focus, .btn-link:hover {
        text-decoration: underline
    }

    .btn-link:focus {
        color: var(--tblr-btn-color)
    }

    .btn-link:hover {
        color: var(--tblr-btn-hover-color)
    }

.btn-group-lg > .btn, .btn-lg {
    --tblr-btn-padding-y: 0.5rem;
    --tblr-btn-padding-x: 1.5rem;
    --tblr-btn-font-size: 1.25rem;
    --tblr-btn-border-radius: 8px
}

.btn-group-sm > .btn, .btn-sm {
    --tblr-btn-padding-y: 0.125rem;
    --tblr-btn-padding-x: 0.5rem;
    --tblr-btn-font-size: 0.75rem;
    --tblr-btn-border-radius: 2px
}

.w-0 {
    width: 0 !important
}

.w-1 {
    width: .25rem !important
}

.w-2 {
    width: .5rem !important
}

.w-3 {
    width: 1rem !important
}

.w-4 {
    width: 2rem !important
}

.w-5 {
    width: 4rem !important
}

.w-10 {
    width: 10% !important
}

.w-15 {
    width: 15% !important
}

.w-20 {
    width: 20% !important
}

.w-25 {
    width: 25% !important
}

.w-33 {
    width: 33.33333% !important
}

.w-50 {
    width: 50% !important
}

.w-66 {
    width: 66.66666% !important
}

.w-75 {
    width: 75% !important
}

.w-80 {
    width: 80% !important
}

.w-85 {
    width: 85% !important
}

.w-90 {
    width: 90% !important
}

.w-98 {
    width: 98% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-0 {
    height: 0 !important
}

.h-1 {
    height: .25rem !important
}

.h-2 {
    height: .5rem !important
}

.h-3 {
    height: 1rem !important
}

.h-4 {
    height: 2rem !important
}

.h-5 {
    height: 4rem !important
}

.h-25 {
    height: 25% !important
}

.h-33 {
    height: 33.33333% !important
}

.h-50 {
    height: 50% !important
}

.h-66 {
    height: 66.66666% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}
.form-select {
    display: block;
    width: 100%;
    padding: .4375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-weight: 600;
    line-height: 1.4285714286;
    color: inherit;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a5a9b1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #d9dbde;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #90b5e2;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(32,107,196,.25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e2e8f0
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 inherit
}

.form-select-sm {
    padding-top: .125rem;
    padding-bottom: .125rem;
    padding-left: .5rem;
    font-size: .75rem;
    border-radius: 2px
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1.5rem;
    font-size: 1.25rem;
    border-radius: 8px
}



.whatsapp {
    position: fixed;
    left: 15px;
    bottom: 75px;
    transition: all .5s ease-in-out;
    z-index: 999999;
}

    .whatsapp a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #4dc247;
    }

    .whatsapp .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        left: 105%;
        height: auto;
    }

    .whatsapp:hover a {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .whatsapp:hover .tooltiptext {
        visibility: visible;
    }

.telefon {
    position: fixed;
    right: 15px;
    bottom: 75px;
    transition: all .5s ease-in-out;
    z-index: 999;
}

    .telefon a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #337ab7;
    }

    .telefon .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        right: 105%;
        height: auto;
    }

    .telefon:hover a {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .telefon:hover .tooltiptext {
        visibility: visible;
    }

.yoltarifi {
    position: fixed;
    right: 15px;
    bottom: 130px;
    transition: all .5s ease-in-out;
    z-index: 999;
}

    .yoltarifi a {
        height: 50px;
        width: 50px;
        border-radius: 50%;
        overflow: hidden;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 28px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: white;
        background: #deb666;
    }

    .yoltarifi .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        line-height: normal;
        font-size: 15px;
        top: 13px;
        right: 105%;
        height: auto;
    }

    .yoltarifi:hover a {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .yoltarifi:hover .tooltiptext {
        visibility: visible;
    }
