#cookiesjsr{

    --default-margin: 1.25em;
    --font-size-reset: 1rem;
    --btn-font-color: #fff;
    --btn-border-color: #fff;
    --btn-bg-color: #4c6a0b;
    --btn-prime-font-color: #4c6a0b;
    --btn-prime-border-color: #fff;
    --btn-prime-bg-color: #fff;
    --btn-inv-font-color: #4c6a0b;
    --btn-inv-border-color: #4c6a0b;
    --btn-inv-bg-color: #fff;
    --btn-prime-inv-font-color: #fff;
    --btn-prime-inv-border-color: #4c6a0b;
    --btn-prime-inv-bg-color: #4c6a0b;
    --link-list-font-color: #fff;
    --link-list-separator-color: #fff;
    --banner-logo-offset: 100px;
    --banner-bg-color: #4c6a0b;
    --banner-font-color: #fff;
    --layer-header-height: 3.5em;
    --layer-header-bg-color: #fff;
    --layer-header-font-color: #000f37;
    --layer-body-bg-color: #fff;
    --layer-tab-bg-color: #fff;
    --layer-tab-font-color: #000f37;
    --layer-tab-active-bg-color: #4c6a0b;
    --layer-tab-active-font-color: #fff;
    --layer-bg-dark: #4c6a0b;
    --layer-font-light: #fff;
    --layer-font-dark: #000f37;
    --layer-border-color: #e4e5e6;
    --layer-footer-bg-color: #fff;
    --layer-footer-font-color: #000f37;
    --layer-footer-height: 4.5em;
    --switch-border-color: #e4e5e6;
    --switch-handle-color: #fff;
    --switch-bg-off: #fff;
    --switch-bg-on: #0a0;
    --switch-width: 45px;
    --switch-height: 20px;
    --switch-always-on-font-color: #0a0;
    --switch-always-on-bg-color: #fff;


}


body {
    color: rgba(255, 255, 255, 0.9);
}
.theme-light {
    color: #4d4d4d;
}

.type-portfolio {
    margin-bottom: 40px;
}

.page-node-type-article h2 {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.portfolio-box .portfolio-img {
   
    margin-block: 10px;
}


.page-node-type-article h3 {
    font-size: 23px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.page-node-type-article h1 {
    font-size: 43px;
    line-height: 49px;
}



a.logo {
  position: relative;
  display: inline-block;

  /* Default ring color (dark mode) */
  --ring-color: rgba(255,255,255,0.8);
}

/* Light mode: make it BLACK so it’s definitely visible */
body.theme-light a.logo {
    --ring-color: rgb(250 146 25);
}

a.logo img {
  transition: transform 180ms ease;
  will-change: transform;
  position: relative;
  z-index: 1;
}

a.logo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 25px;
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
  z-index: 5;

  /* Base ring (animated) */
  box-shadow: 0 0 0 0 var(--ring-color);
}

/* optional small scale on hover (keep or remove) */
a.logo:hover img {
  transform: scale(1.04);
}

/* CLICK state */
a.logo.is-clicked::after {
  opacity: 1;
  animation: logo-ring 900ms ease-out;
}

/* ✅ Theme-aware keyframes */
@keyframes logo-ring {
  0%   { box-shadow: 0 0 0 0 var(--ring-color); transform: scale(0.95); }
  70%  { box-shadow: 0 0 0 16px rgba(0,0,0,0); transform: scale(1.02); }
  100% { box-shadow: 0 0 0 16px rgba(0,0,0,0); transform: scale(1.02); }
}




/* While scrolling: keep it scaled */
a.logo img {
  transition: transform 620ms ease-out;
}

a.logo.is-scrolling img {
  transform: scale(1.05);
}

.theme-light svg#logofoot path{
  fill:#434343 !important;

}

svg#logofoot {
    max-width: 120px;
}







@media (min-width: 1400px) {


  .swiper.portfolio-slider.mt-4.mt-lg-5.swiper-initialized.swiper-horizontal {
    padding: 0px 50px;
}


    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1270px !important;
    }
}



a.lightmode {
      background: rgba(34, 36, 39, 0.8);
    padding: 10px;
    border-radius: 100%;
    width: 43px;
    display: flex;
    align-content: center;
    justify-content: center;
    margin-left: 14px;
    color: #ffffff;
    backdrop-filter: blur(2px);
    margin-right: 10px;
}

.theme-light a.lightmode {
          background: rgba(24, 26, 28, 0.1);
}

.theme-light a.lightmode:before {
     font-size: 22px;
    color:#000;
}

a.lightmode:before {
     font-size: 22px;
}


.progress-box .animated-progress div {
 
    background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);
}
h1, h2, h1 a, h2 a {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.3px;
    color: white;
     font-weight: 500;
     font-family: "Geologica", sans-serif;
}




a.lightmode i{
  display:inline-block;
   will-change:transform,opacity;
  transform-style:preserve-3d;
}

a.lightmode.is-animating i{
  animation: icon-flip-horizontal 0.5s ease-in-out;
}

@keyframes icon-flip-horizontal{
  0%   { transform: perspective(600px) rotateY(0deg);   opacity:1; }
  25%  { transform: perspective(600px) rotateY(90deg);  opacity:.25; }
  50%  { transform: perspective(600px) rotateY(180deg); opacity:1; }
  75%  { transform: perspective(600px) rotateY(270deg); opacity:.25; }
  100% { transform: perspective(600px) rotateY(360deg); opacity:1; }
}




.header .header-menu .nav .nav-item .nav-link {
    background: transparent;
    padding: 8px 18px;
    border-radius: 30px;
    color: white;
    font-family: "Geologica",sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: linear 0.08s;
    transition: linear 0.08s;
}


.path-polezno .layout__region.layout__region--content ,
.page-node-type-page .layout__region.layout__region--content {
    margin-top: 100px;
}


.sm-heading {
    font-size: 12px;
}


.node--type-contacts1 h1 {
    margin-top: 100px;
}



.text-primary {
    --bs-text-opacity: 1;
    color: rgb(250 146 25) !important;
}

.cities  .paragraph {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.cities  .paragraph .views-row {
    padding: 10px;
    font-size: 20px;
}

body,
p,
a,
li {
      font-family: "Geologica", sans-serif;

}

h3 a {
      font-family: "Geologica", sans-serif;
}



.timeline-header-wrapper {
    margin-top: 100px;
}
.timeline-view {
  padding: 20px;
   font-size: 16px;
  line-height: 1.4;
}

.timeline-view section {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 2rem;
    justify-content: center;
}

.timeline-view .section-title {
    position: sticky;
    top: 120px;
    font-size: 24px;
    margin-left: 10px;
    margin-right: -10px;
}

.timeline-view .section-content {
  display: flex;
  flex-direction: column;
}

.timeline-view article {
  display: flex;
  gap: 30px;
  width: 100%;
  max-width: 30rem;
}

.timeline-view aside {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.timeline-view main {
  padding-bottom: 2rem;
}

.timeline-view .dot {
      --size: 1rem;
    width: var(--size);
    height: var(--size);
    margin: calc((1rem - var(--size))/2);
    border-radius: 50%;
    background-color: #ffffff;
    flex-grow: 0;
}

.timeline-view .line {
     flex-grow: 1;
    margin: 8px 0;
    width: 3px;
    background-color: #ffffff;
}
/* Expand the article width so images can grow */
.timeline-view article {
  max-width: 100%;     /* remove the earlier 30rem restriction */
  width: 100%;
}

/* Target only images inside the timeline */
.timeline-view .field-content img {
  display: block;
  width: 100%;         /* make it stretch to the container */
  max-width: 1000px;   /* adjust this value as you prefer */
  height: auto;        /* keep aspect ratio */
  margin-bottom: 1rem;
}















.header .menu-toggle {
     backdrop-filter: blur(2px);
 }

.toolbar-tab input {
    color: black!important;
}

.user-logged-in nav.tabs {
  position: fixed!important;
  left: 0!important;
  top: 80px!important;
  transition: all 0.5s ease 0.25s!important;
  z-index: 1000!important;
} 





footer .section-box {
    padding: 0;
}



.admin-toolbar-search-autocomplete-list .ui-menu-item a {
    text-decoration: none;
    color: black;
}

.form-modal-content{
      background: #181a1c;
}

.theme-light .form-modal-content {
    background: #ffffff;
}

.form-modal-content:before {
    z-index: -1;
    content: '';
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);    width: 100%;
    height: 100%;
    -webkit-transition: linear 0.1s;
    transition: linear 0.1s;
}
input:not(.form-check-input), textarea {
    background: #272b2f;
     
}


.order-box:hover:after {
    transform: scaleX(1);
    height: 6px;
        opacity: 0.5;

}


.form-modal-content:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.6;
    background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);    width: auto;
    height: 1px;
    -webkit-transition: linear 0.1s;
    transition: linear 0.1s;
}



.form-modal {
  display: none; /* hidden by default */
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
      background: rgb(39 43 47 / 54%);
          margin-top: 0;
 }

.form-modal-content {
   margin: 50px auto;
  padding: 30px;
  max-width: 700px;
  border-radius: 10px;
  position: relative;
}

.theme-light  .form-modal-close {
        color: black;

}
.form-modal-close {
  position: absolute;
  top: -2px;
      color: white;

  right: 15px;
  font-size: 38px;
  font-weight: bold;
  background: none;
  border: none;
  cursor: pointer;
}


.order-box i {
    color: white;
    font-size: 21px;
    top: 8px;
    position: relative;
}

.webform-submission-form{
      max-width: 1300px;
    margin: auto;
}

.toolbar-tray a{
  color:black!important;
}

.order-box {
    flex: 0 0 48%;
    margin: 5px;
}

.steps {
     display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 100px;
}

ul.nav.primary.nav-tabs {
    position: fixed;
    top: 190px;
    left: 0;
    height: 100vh;
    width: 130px;
    padding: 20px 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 10000;
}


.node--view-mode-teaser h2 a {
    color: white;
}

.partner-check {
  max-width: 1100px;
  margin: 60px auto;
  text-align: center;
  font-family: sans-serif;
}

.partner-check h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}

.partner-toggle {
  margin-bottom: 30px;
}

.partner-toggle button {
 
}

 

.partner-columns {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.partner-col {
  flex: 1;
  min-width: 300px;
  padding: 30px;
  border-radius: 10px;
  text-align: left;
}

.partner-col h3 {
  margin-bottom: 15px;
  font-size: 1.2rem;
}

.partner-col ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.partner-col ul li {
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.partner-col.yes ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: green;
}

.partner-col.no ul li::before {
  content: "✘";
  position: absolute;
  left: 0;
  color: red;
}

.partner-col.yes {
  background: #181a1c;
}

.partner-col.no {
     background: #181a1c;
    color: #fff;
}

.partner-col .note {
  font-size: 0.9rem;
  opacity: 0.9;
}


.partner-col {
  display: none; /* hidden by default */
}

.partner-col.active {
  display: block; /* show only active one */
}




ul.nav.primary.nav-tabs .nav-item {
  margin: 0;
}

.theme-light ul.nav.primary.nav-tabs .nav-item a {
      color: #000;

}
ul.nav.primary.nav-tabs .nav-item a {
    display: block;
    padding: 6px 10px;
    color: #fff;
    text-decoration: none;
    transition: background 0.3s;
    font-size: 13px;
        background: rgba(255, 255, 255, 0.15);
}
 


ul.nav.primary.nav-tabs .nav-item a:hover,
ul.nav.primary.nav-tabs .nav-item.active a {
  background: transparent;    /* highlight active/hover */
    border: 0;
    background: rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid #fa9219;
    padding-bottom: 6px; }






.header {
      z-index: 991;
    position: fixed;
    padding-top: 15px;
    left: 0;
    width: 100%;
    height: 90px;
 }

.header .header-logo img {
    max-height: 70px;
    border-radius: 25px;
}
#scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;                /* thickness of the line */
  width: 0;                   /* will grow with JS */
  background-color: orange;   /* your color */
  z-index: 9999;              /* make sure it’s on top */
  transition: width 0.1s linear;
}

html:before {
    background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);
    content: '';
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.15;
    width: 100%;
    height: 100%;
    -webkit-transition: linear 0.1s;
    transition: linear 0.1s;
}

.accordion li .accordion-title:before{
     background-image: linear-gradient(45deg, #c4d502 0%, #fa9219 100%)!important; 
}


.accordion li .accordion-title:after,
.button:after {
        background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);

}

.button-circle:after {
     background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);
}


.fancy-box:before,
.order-box:before {
     background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);
}
.fancy-box:after,
.order-box:after {
     background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);
         transition: ease-out 0.5s;
    transform: scaleX(0.90);
        height: 1px;

}


.order-box:before,
.button-circle:after {
     background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);
 }
.link-hover-2:before {
     background-image: linear-gradient(45deg, #fa9219 0%, #7eb013 100%);
 }

.swiper-slide:nth-child(4n+1) .portfolio-img{
  background-color: #FFC91E; /* red */
}

.swiper-slide:nth-child(4n+2) .portfolio-img{
  background-color: #C5D501; /* blue */
}

.swiper-slide:nth-child(4n+3) .portfolio-img{
  background-color: #7EB013; /* green */
}

.swiper-slide:nth-child(4n+4) .portfolio-img{
  background-color: #FA9219; /* yellow */
}

.section-box {
     padding: 0 60px;
    margin: 100px 0px;
}

.portfolio-box img {
     object-fit: contain;
    height: 300px;
    padding-top: 50px;
    padding-bottom: 50px;
}

 
.logosfront img {
    object-fit: contain;
    width: 200px;
      filter: grayscale(100%);
  transition: filter 0.3s ease;
    padding: 0px 20px;
    height: 150px;
}


.logosfront img:hover {
  filter: grayscale(0%);
}

.toolbar-fixed body {
      padding-top: 179px;

}
.toolbar-fixed .header {
    z-index: 991;
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: 80px;
}



@media (min-width:991px) {
 


  h1.hero-text {
    font-size: 43px;
}
h1.hero-text .stroke-text {
    font-size: 85px;
    line-height: 77px;
}


}


.featured {
    padding-top: 0px;
}

.toolbar-item-administration-tray a{
color:black!important;

}

.user-logged-in nav.tabs ul.nav.primary {
  background: #fff none repeat scroll 0 0!important;
  border: medium none!important;
  list-style: outside none none!important;
  opacity: 0.9!important;
  flex-direction: column!important;
}
.user-logged-in nav.tabs ul.nav.primary li {
  float: none!important;
  opacity: 0.8!important;
  padding: 0!important;
}
.user-logged-in nav.tabs ul.nav.primary li a {
  margin-right: 0!important;
  font-size: 1rem !important;
  padding: 10px 20px!important;
}
.user-logged-in nav.tabs ul.nav.primary li.active a, 
.user-logged-in nav.tabs ul.nav.primary li:hover a {
  background: #ffb500 none repeat scroll 0 0!important;
  border: none!important;
  border-radius: 0!important;
  color: #fff!important;
}
.user-logged-in nav.tabs ul.nav.primary li.active, 
.user-logged-in nav.tabs ul.nav.primary li:hover {
  opacity: 1!important;
}
.path-node .node-form {
  padding-top: 5em!important;
}
.search-form__submit.js-form-submit.form-submit{
	display: block;
    background: #444;
    width: auto!important;
    padding: 5px 12px 8px 13px!important;
	margin-top:10px;
	color:#FFF;
}

.header-style1 .extra-nav .extra-cell{
	padding-left:0px!important;
}
.header-style1 .site-search .form-control{
	height:25px!important;
	padding: 17px 10px;
	font-size:15px;
    /* background: #FF0; */
	color:#FFF;
    border: solid 1px #252525;
    width: 100%;

}
.header-style1 .site-search{
	background:none!important;
}
header #search-block-form{
	padding:0px!important;
}
@media only screen and (max-width: 540px){
	.search-form__submit.js-form-submit.form-submit{
		display:none!important;
	}
	
}
.viewsreference--view-title{
	display:none;
}

.header-style2 .site-search{
	background-color:transparent;
	box-shadow:none;
}

.header-style2 .site-search .form-control{
	height:36px!important;
	color:#FFF;
	border:1px solid #413d51;
}
.nopadding{
	padding:0px!important;
}

.form-submit.is-disabled{
	display:none;
}
.list-my-skils ul{
	width:100%
}
.hide{
	display:none!important;
}
/*#block-drupalet-anih-main-menu{
	width:100%;
}*/
.widget_tag_cloud a{
	margin-right:5px;
}
#block-drupalet-anih-content .search-form__submit{
	color:#FFF;
}
.comment-wrapper .comment__content.col-sm-9{
	width:100%!important;
	max-width:100%;
}
#block-drupalet-anih-content .container-remo .views-row .blog-list-item .blog-item-img img{
	width:100%;
}
.page-contact-content .input-animate{
	margin-bottom:35px!important;
}
@media only screen and (max-width: 991px){


  .nav-dropdown > li.dropdown {
    padding-left: 0!important;
}


	
	#block-drupalet-anih-main-menu{
		width:100%;
	}
	.header-section ul li ul, 
	.header-section ul li ul li ul{
		left:auto!important;
		margin-left:0px!important;
		background-color:#FFF!important;
		position:relative!important;
		width:100%!important;
	}
	.header-section.style1 ul li a {
		padding: 9px 15px!important;
	}
	
}

.header-section ul li.search-parent .search-box .content{
	padding:0px!important;
	width:100%;
}
.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1{
	top:0px!important;
}
.header-section ul li.search-parent .search-box .close-btn{
	right:0px!important;
}
#search-block-form .form-item-keys{
	width:100%;
}
.rev_slider_wrapper{
	height:auto!important;
	overflow:hidden!important;
}
.tp-caption.sbut2 a{
	background-color:#000!important;
}
.tp-caption.sbut2 a:hover{
	background-color:#FFF!important;	
}
.help.drp-help-region{
	padding:0px!important;
}
img{
	height:auto
}
.ce-feature-box-8 .img-circle{
	margin:0 auto!important;
}
.divider-line{
	float:none!important
}
.node__content{
	margin:0px!important;
}
.ce-feature-box-7 .overlay .text-box{
	padding:10px!important;
}
.porfolio-content-d img, img{
	max-width:100%;
}
.header-inner .text .sub-title{
	margin-top:35px;
}
.comment__content:before{
	display:none
}
.comment__meta.col-sm-3{
	display:none
}
.postinfo-box img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}
.comment.js-comment {
    padding: 20px;
    border: 1px solid #f1f1f1;
}

.listpost_sb{ 
	border-bottom-color: #f1f1f1 !important;
    margin: 20px 0 !important;
    border-bottom: 1px solid;
    padding-bottom: 15px !important;
}
.webform-submission-form .js-form-submit.form-submit{
	padding-bottom:13px!important;
}

/*.sub-menu.drm-lv1 > .menu-item--expanded span {
    display: block;
}*/

.sub-menu.drm-lv1 li span {
    display: none;
}
.sub-menu.drm-lv2 li .dropdown-btn {
    display: none;
}
.js-form-type-search.form-type-search{
	margin-bottom:0px!important;
}
.nav-search form input{
	border: solid 1px #CCC!important;
    padding: 15px 105px 15px 20px!important;
    border-radius: 3px!important;
}
.block-search-form-block input#edit-submit {
    position: absolute;
    right: 12px;
    top: 0px;
}
/*.nav-search form#search-block-form {
    display: none;
}*/
.block-search.block-search-form-block{
	width:0px;
	height:0px;
}
.pricing-banner-st1{
	min-height:723px!important;
}
.pager .active.page-item a {
    color: #000 !important;
}
.project-details-image img {
    width: 100%;
}
.blog-standard-page{
	padding-top:0px!important;
}
.widget-search{
	width:100%!important;
	height:auto!important;
}
	
#edit-keys--2:focus{
	background:transparent!important;
}

#search-block-form--2 input[type=search]{
	border:solid 1px #CCC;
	padding: 7px;
    
    color: #FFF;
	
}
#search-block-form--2 input[type=submit]{
	margin-top:0px!important;
	margin-left:60px;
}
.widget:not(:last-child), #search-block-form--2 {
    margin-bottom: 50px;
}

.list-group.node_search-results li{
	background:none!important;
}
#block-drupalet-ygency-breadcrumbs .container .row nav{
	display:block;
	width:auto;
	margin:0 auto;
}
.comment__content.card{
	background:transparent!important;
}
.comment__content:after{
	display:none;
}
.comment.js-comment{
	border:none!important;
}


.icon-box-style1 .col-md-6.col-lg-3 {
    padding: 0px !important;
}
.col-p-0 div.col-lg-4, .col-p-0 div.col-lg-8 {
    padding: 0px;
}

.btn-sm-form-f{
	width: auto;
    padding: 13px 13px 10px 13px;
    position: absolute;
    top: 26px;
    right: 0px;
    color: #FFF;
    border: solid 1px;
}



.pbmit-search-outer .search-block-form,
.pbmit-search-outer .search-block-form .container-inline{
	width:100%;
	height:auto
}

	
@media (max-width: 1366px) {

 
    .our-plans .testimonial-two {
        padding: 100px 0;
    }
}
.pager__items.js-pager__items li a {
    background: #011712;
    color: #FFF;
    border-color: #011712;
}
.pager .active.page-item a{
	color:#FFF!important;
}
.sidebar .block-search-form-block,
.sidebar .content.container-inline{
	width:100%;
	height:auto;
}
.sidebar .block-search-form-block{
	border:none;
	padding:0px;
}
li.dropdown::after {
    display: none;
}
.menu-item--expanded.dropdown.dropdown-submenu::after {
    display: block;
}
.comments-area .comment-respond{
	background:none;
	padding:0px;
}

.comment-respond h2.title, .comment-respond h3.comment-reply-title{
	margin-left:20px;
}
#search-block-form--2 .form-type-search {
	width:100%!important;
}
#search-block-form--2 #edit-submit--3{
	margin:auto auto!important;
}
.mb30{
	width:100%;
	display:block;
	height:30px;
}
.newsletter-form{
	display:block!important;
}
.form-f-1{
	position:relative;
}
.form-f-1 input[type=email]{
	padding-right:120px!important;
    padding-top: 15px;
    padding-bottom: 10px;
}
.form-f-1 input[type=submit]{
	display: block;
    background: #001726;
    width: auto;
    padding: 10px 20px 0px 20px;
    margin: 0 auto;
    right: 9px;
    position: absolute;
    top: 18px;
}
.hero-form-bg{
	left:46%!important;
}
.hide-tab{
	display:none;
}
/*.main-header.header-white .navbar-collapse > ul > li > a, .main-header.header-white .navbar-collapse > ul > li > .dropdown-btn,
.main-header.header-white .nav-search > button{
	color:#001726!important;
}
*/
.ma-0-a{
	margin: 0 auto;
}
.pricing-item.style-three .list li.hide{
	display:block!important;
}

.hero-ten-shapes .shape.four {
    right: 5%;
    bottom: 3%;
}

.hero-ten-shapes .shape {
    z-index: -1;
    max-width: 8%;
    position: absolute;
}
.hero-ten-shapes .shape.five {
    top: 0;
    right: 10%;
}
.hero-ten-shapes .shape {
    z-index: -1;
    max-width: 8%;
    position: absolute;
}



/* For Home Ten */
.home-ten {
  --primary-color: #464EE2; }
  .home-ten .pricing-tab li:first-child button:after,
  .home-ten .pricing-tab li:last-child button:before,
  .home-ten .pricing-tab li:first-child button:before {
    background: var(--pink-color); }
  .home-ten .pricing-three-area .pricing-item.style-three:hover {
    background: var(--primary-color); }
    .home-ten .pricing-three-area .pricing-item.style-three:hover .theme-btn {
      background: transparent; }
  .home-ten .section-title h4 span {
    color: var(--pink-color); }
	
	
/* Home Ten */
.iconic-box-slider {
  margin-left: -15px;
  margin-right: -15px; }
  .iconic-box-slider .iconic-box.style-three {
    margin-left: 15px;
    margin-right: 15px; }

.iconic-box-arrows .slick-arrow {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 55px;
  height: 55px;
  background: white;
  line-height: 55px;
  border-radius: 50%;
  text-align: center;
  color: var(--primary-color);
  -webkit-box-shadow: 0px 10px 60px rgba(130, 130, 130, 0.1);
  box-shadow: 0px 10px 60px rgba(130, 130, 130, 0.1); }
  .iconic-box-arrows .slick-arrow:focus, .iconic-box-arrows .slick-arrow:hover {
    color: white;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: var(--primary-color); }
  .iconic-box-arrows .slick-arrow:not(:last-child) {
    margin-right: 10px; }
	
	/* Home Ten */
.feature-image-box-three {
  border-radius: 15px;
  background: #072639;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 45px 28px;
  height: calc(100% - 30px); }
  @media only screen and (max-width: 375px) {
    .feature-image-box-three {
      padding-left: 25px;
      padding-right: 25px; } }
  .feature-image-box-three .image {
    margin-bottom: 30px; }
  .feature-image-box-three .content {
    margin-top: auto; }
    .feature-image-box-three .content .category {
      color: white;
      padding: 0 10px;
      font-weight: 500;
      border-radius: 7px;
      margin-bottom: 16px;
      display: inline-block;
      background: var(--pink-color);
      border: 1px solid var(--pink-color); }
    .feature-image-box-three .content h5 {
      margin-bottom: 16px; }
      .feature-image-box-three .content h5 a {
        color: white; }
    .feature-image-box-three .content p {
      color: rgba(255, 255, 255, 0.55); }
  .feature-image-box-three:hover {
    background: var(--primary-color); }
    .feature-image-box-three:hover .content .category {
      border-color: white;
      background: transparent; }
    .feature-image-box-three:hover .content h5 a {
      text-decoration: underline; }


/* Home Ten */
.feature-bottom-text {
  background: white;
  text-align: center;
  border-radius: 10px;
  padding: 8px 15px 3px; }
  .feature-bottom-text h6 {
    color: var(--base-color); }
    .feature-bottom-text h6 a {
      color: var(--primary-color);
      text-decoration: underline; }
    @media only screen and (min-width: 576px) {
      .feature-bottom-text h6 {
        font-size: 18px; } }

.features-ten-area .shape.one {
  left: 5%;
  bottom: 10%;
  z-index: -1;
  max-width: 5%;
  position: absolute; }

.features-image-ten-shape .shape {
  z-index: -1;
  max-width: 6%;
  position: absolute; }
  .features-image-ten-shape .shape.one {
    left: 5%;
    bottom: 10%; }
  .features-image-ten-shape .shape.two {
    right: 5%;
    top: 15%; }
  .features-image-ten-shape .shape.three {
    right: 5%;
    top: 30%; }
	
	.user-login-form input[type=submit] {
    background-color: #00194c!important;
	margin-bottom:25px;
}
.project-details-info table td, 
.project-details-info table tr{
	border:none!important;
	background:none!important;
	
}
.pagination li.disabled .page-link, .pagination li:last-child .page-link {
    background: repeating-radial-gradient(black, transparent 100px)!important;
}

.tag-coulds .field--name-field-tags{
	margin-bottom:0px;
}
.tag-share .item > b{
	margin-top:0px;
}

.comment-comment-form.comment-form {
	background-color:#f1f5ff;
}

.comment-comment-form input[type=submit]{
	color:#000!important;
}
.pbmit-servicebox-style-6 .pbmit-box-content{
	height:auto!important;
}
.service-seven-slider.swiper-slider{
	padding-bottom:158px!important;
}
.ihbox-section-two .pbmit-ihbox-style-5.col1 {
    background-color: var(--pbmit-light-color);
}
.ihbox-section-two .pbmit-ihbox-style-5.col2 {
    background-color: var(--pbmit-blackish-color);
}
.ihbox-section-two .pbmit-ihbox-style-5.col3 {
    background-color: var(--pbmit-global-color);
}

.pbmit-ihbox-style-3.col1{
	background-color: var(--pbmit-global-color);
	
}
.pbmit-ihbox-style-3.col2, .pbmit-ihbox-style-3.col3 {
	background-color: var(--pbmit-white-color);
	
}

.search-block-form.block #search-block-form input[type=search],
.user-login-form input[type=text], .user-login-form input[type=password]{
	display: block;
    width: 100%;
    line-height: 24px;
    font-size: 12px;
    padding: 13px 20px;
    font-weight: 400;
    color: #999;
    border: none;
    border-radius: 0px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    font-family: inherit;
    background-color: var(--pbmit-light-color);
}
.contact-form input[type=submit] {
    /* float: left; */
    width: auto;
    padding: 20px;
    color: #FFF;
    text-transform: uppercase;
    margin-right: 20px;
    margin: 0 auto;
}
.contact-message-form.contact-form:before{
	display:none;
}
#search-block-form--2 input[type=submit]{
	margin:0 auto;
}
.g-xxl-5.icon-3xl .col-12,
.row.gx-8.gy-8 .col-md-6.col-lg-4 {
    margin-bottom: 20px;
}
.col-md-6.portfolio-item{
	margin-top: 50px;	
}
.d-none{
	display:none!important;
}
@media (max-width: 991.98px) {

.toolbar .toolbar-bar {
     z-index: 1000;
}

   .user-logged-in nav.tabs {
       position: relative!important;
    left: 0!important;
    top: 0px!important;
    transition: all 0.5s ease 0.25s!important;
    z-index: 1!important;
}


section.paragraph.paragraph--type--paragraph-section.wrapper.section-lg.pt-0.switch-column-mobile.paragraph--view-mode--default {
    padding-left: 15px;
}

.swiper-slide .pt-4{
  padding-top: 0!important;
}

  .theme-light .title-heading, .theme-light .sm-heading {
    color: #181a1c;
    font-weight: 500;
    padding-top: 20px;
}



    .header .header-menu .nav .nav-item .nav-dropdown .nav-dropdown-item .nav-subdropdown {
        display: block;
    }
	.header-menu.show{
		overflow:auto;
	}
}
.contact-message-form textarea{
	background: #181a1c;
    border: none;
}
.menu-item .nav-subdropdown-item.dropdown {
    /*padding-left: 30px;*/
	padding-bottom:10px;
}
.nav-dropdown > li.dropdown {
    padding-left: 30px;
}
#block-drupalet-sana-main-menu li{
	list-style-type:none;
}

.blog-fullwidth .blog-post-box{
	margin-top:30px;
}
.taxonomy-term.vocabulary-tags{
	display:none
}






































.page-vocabulary-types-of-websites-tax .group-right {
    display: flex;
    align-items: center;
    width:40%;
}

.page-vocabulary-types-of-websites-tax .group-left{
           margin-bottom: 40px;
    width:60%;
}

.align-middle {
    display: flex;
    align-items: center;
}


.page-vocabulary-types-of-websites-tax .group-right,
.page-vocabulary-types-of-websites-tax .group-left{
           margin-bottom: 40px;

}
.fw-normal {
     line-height: 53px;
}
.blog-post-box {
    max-width: 90%;
    margin-bottom: 80px;
  }


  .blog-post-box .blog-img .blog-img-link {
    display: block;
    position: relative;
    max-width: 575px;
    max-height: 350px;
}


.sib-form .input{
  color:black;
}

.block-inline-blockbasic {
    margin-top: 70px;
}


.block-field-blocktaxonomy-termtypes-of-websites-taxfield-paragraphs .col-12.col-md {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}


@media (max-width: 991px){

.hero-text span {
    display: block;
    font-size: 22px;
}

  .path-frontpage .col-12.col-md-6.d-flex.justify-content-center.justify-content-md-end {
    z-index: -10;
    margin-top: -100px;
    margin-bottom: -154px;
    position: relative;
}

.fw-normal {
    line-height: 36px;
}
  .order-box i {
    color: white;
    font-size: 21px;
    top: 29px;
    position: absolute;
    left: 75px;
}


  .timeline-header-wrapper {
    margin-top: 60px;
}

  .page-view-portfolio2 .views-field-body {
     display: none;
}

.timeline-view main {
    padding-bottom: 5rem;
}
  .timeline-view .section-title {
    position: sticky;
    top: 97px;
    margin-left: -7px;
    margin-right: 6px;
    font-size: 12px;
}

.timeline-view section {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin-bottom: 2rem;
    justify-content: center;
}

  .header .header-menu .nav .nav-item .nav-dropdown-toggle {
     right: 20px;
 
}


  .page-vocabulary-types-of-websites-tax .group-right, .page-vocabulary-types-of-websites-tax .group-left {
    margin-bottom: 0;
}


.page-vocabulary-types-of-websites-tax .group-right img{
    width: 40%;
    margin: auto;
    margin-top: -40px;
}
.page-vocabulary-types-of-websites-tax .group-right{
    order:1;
display: block!important;
}


.page-vocabulary-types-of-websites-tax .group-left{
    order: 2;

}


.page-vocabulary-types-of-websites-tax .group-footer{
    order: 3;

}




.block-field-blocktaxonomy-termtypes-of-websites-taxfield-paragraphs .col-12.col-md p {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 15px;
}
 



.taxonomy-term h1 {
    font-size: 33px;
    margin-bottom: 20px;
}

  .callus.button {
    font-size: 12px;
            margin: 26px 0px;
}




  .button-lg {
    padding: 10px 30px;
}


.progress-box .animated-progress div::after {
    content: attr(data-progress) "%";
    position: absolute;
    top: -21px;
        right: -32px;
    font-size: 12px;
}

 .page-vocabulary-types-of-websites-tax .group-right{
  display: none;
 }
.sm-heading {
     font-size: 15px;
    max-width: 90%;
      font-family: "Geologica", sans-serif;
}
 

.page-vocabulary-types-of-websites-tax .group-right,
.page-vocabulary-types-of-websites-tax .group-left{
  width:100%!important;
 
}

  .logosfront img {
    object-fit: contain;
    width: 200px;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
    padding: 0px 10px;
    height: 97px;
}

.section-box {
    padding: 0 24px;
 }

 ul.nav.primary.nav-tabs .nav-item a {
    display: block;
    padding: 5px 2px;
    color: #fff;
    text-decoration: none;
    transition: background 0.3s;
    font-size: 10px;
}

    ul.nav.primary.nav-tabs {
 top:0;
    position: relative;
     left: 0;
    width: 100%;       /* full width bar */
    height: auto;      /* shrink to content */
    flex-direction: row; /* horizontal list */
    overflow-x: auto;  /* allow scroll if too many items */
    padding: 10px;
    gap: 3px;
  }

  ul.nav.primary.nav-tabs li {
    flex: 0 0 auto; /* keep items side-by-side */
  }




      .hero-text {
        font-size: 29px;
    }

        .hero-text .stroke-text{
    font-size: 48px;
    line-height: 48px;    }

  .order-box {
    flex: 0 0 100%;
    margin: 5px;
}
}


.page-view-portfolio2 .views-field-body {
    padding: 20px 0px;
}


.page-view-portfolio2 .views-field-title {
    position: relative;
    margin-top: -8px;
}

.portfolio-body a {
    color: #ffc107;
}
a.small-blog-img-link img {
    height: 200px;
    width: auto;
    object-fit: cover;
}


@media (min-width: 992px) {


.header .header-menu .nav .nav-item .nav-dropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 59px;
    left: 0;
    background: rgba(34,36,39,0.9);
    width: 320px;
    -webkit-box-shadow: 0 8px 36px 0 rgba(0,0,0,0.3);
    box-shadow: 0 8px 36px 0 rgba(0,0,0,0.3);
    border-radius: 0.5em;
    margin-top: 6px;
    padding: 30px 0;
    -webkit-transition: linear 0.1s;
    transition: linear 0.1s;
}

}
/* Allow sticky timeline years to work on taxonomy term pages. */
.page-vocabulary-types-of-websites-tax .section-lg {
  overflow: visible;
}

/* /polezno mobile: one article card per row */
@media (max-width: 991px) {


  .page-node-type-article h1 {
    font-size: 33px;
    line-height: 37px;
    font-weight: 600!important;
}

.page-node-type-article h2 {
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page-node-type-article h3 {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

  .user-logged-in.toolbar-vertical .header {
    
    top: 35px;
}



  .path-polezno .views-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .path-polezno .blog-post-box {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .path-polezno .blog-post-box .blog-img .blog-img-link,
  .path-polezno .blog-post-box .blog-img img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}

/* Cookies documentation page */
#cookies-docs-page {
  padding-top: 60px;
  padding-bottom: 60px;
}

#cookies-docs-page .cookies-docs-page__title {
  margin: 0 0 24px;
}

#cookies-docs-page .disclaimer {
  margin: 0 0 28px;
  padding: 16px 20px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  background: #181a1c;
  color: rgba(255,255,255,0.78);
}

#cookies-docs-page .cookies-docs-group {
  margin-bottom: 32px;
}

#cookies-docs-page .cookies-docs-group__title {
  margin-bottom: 18px;
  font-size: 1.6rem;
}

#cookies-docs-page .cookies-docs-service {
  margin-bottom: 24px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  background: #181a1c;
  color: rgba(255,255,255,0.78);
}

#cookies-docs-page .cookies-docs-service h3,
#cookies-docs-page .cookies-docs-service h4,
#cookies-docs-page .cookies-docs-group__title {
  color: #fff;
}

#cookies-docs-page .cookies-docs-service a {
  color: #fff;
}

#cookies-docs-page .cookies-docs-service h3 {
  margin-bottom: 14px;
}

#cookies-docs-page .cookies-docs-service h4 {
  margin-top: 18px;
  margin-bottom: 12px;
}

#cookies-docs-page .cookies-docs-service dl {
  margin: 0;
}

#cookies-docs-page .cookies-docs-service dt {
  margin-bottom: 4px;
}

#cookies-docs-page .cookies-docs-service dd {
  margin: 0 0 12px;
}

#cookies-docs-page .cookies-docs-service__info,
#cookies-docs-page .cookies-docs-service__processor-details {
  width: 100%;
}

.theme-light #cookies-docs-page .disclaimer {
  border: 1px solid #e5e7eb;
  background: #f8fafc;
  color: #334155;
}

.theme-light #cookies-docs-page .cookies-docs-service {
  border: 1px solid rgba(22,24,26,0.08);
  background: #fff;
  color: #334155;
  box-shadow: 0 10px 36px 0 rgba(22,24,26,0.08);
}

.theme-light #cookies-docs-page .cookies-docs-service h3,
.theme-light #cookies-docs-page .cookies-docs-service h4,
.theme-light #cookies-docs-page .cookies-docs-group__title,
.theme-light #cookies-docs-page .cookies-docs-service a {
  color: #181a1c;
}

/* Cookies docs theme-aware visual fix */
body.path-cookies:not(.theme-light) #cookies-docs-page .disclaimer,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service {
  background: #181a1c !important;
  border-color: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.78) !important;
  box-shadow: none !important;
}

body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service h3,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service h4,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-group__title,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service a,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service dt,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service dd {
  color: #fff !important;
}

body.path-cookies.theme-light #cookies-docs-page .disclaimer {
  background: #f8fafc !important;
  border-color: #e5e7eb !important;
  color: #334155 !important;
}

body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service {
  background: #fff !important;
  border-color: rgba(22,24,26,0.08) !important;
  color: #334155 !important;
  box-shadow: 0 10px 36px 0 rgba(22,24,26,0.08) !important;
}

body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service h3,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service h4,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-group__title,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service a,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service dt,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service dd {
  color: #181a1c !important;
}

/* Cookies docs inner table styling */
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service table,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service table thead,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service table tbody,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service table tr,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service table th,
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service table td {
  background: #181a1c !important;
  color: rgba(255,255,255,0.82) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service table code {
  color: #f3c6ff !important;
  background: transparent !important;
}

body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service table,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service table thead,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service table tbody,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service table tr,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service table th,
body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service table td {
  background: #fff !important;
  color: #334155 !important;
  border-color: #e5e7eb !important;
}

/* Bootstrap table override for cookies docs */
body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service .table {
  --bs-table-bg: #181a1c;
  --bs-table-color: rgba(255,255,255,0.82);
  --bs-table-border-color: rgba(255,255,255,0.08);
  --bs-table-striped-bg: #202326;
  --bs-table-striped-color: rgba(255,255,255,0.82);
  --bs-table-active-bg: #202326;
  --bs-table-active-color: rgba(255,255,255,0.82);
  --bs-table-hover-bg: #202326;
  --bs-table-hover-color: rgba(255,255,255,0.82);
}

body.path-cookies:not(.theme-light) #cookies-docs-page .cookies-docs-service .table > :not(caption) > * > * {
  background-color: #181a1c !important;
  color: rgba(255,255,255,0.82) !important;
  border-bottom-color: rgba(255,255,255,0.08) !important;
  box-shadow: inset 0 0 0 9999px #181a1c !important;
}

body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service .table {
  --bs-table-bg: #ffffff;
  --bs-table-color: #334155;
  --bs-table-border-color: #e5e7eb;
  --bs-table-striped-bg: #f8fafc;
  --bs-table-striped-color: #334155;
  --bs-table-active-bg: #f8fafc;
  --bs-table-active-color: #334155;
  --bs-table-hover-bg: #f8fafc;
  --bs-table-hover-color: #334155;
}

body.path-cookies.theme-light #cookies-docs-page .cookies-docs-service .table > :not(caption) > * > * {
  background-color: #ffffff !important;
  color: #334155 !important;
  border-bottom-color: #e5e7eb !important;
  box-shadow: inset 0 0 0 9999px #ffffff !important;
}

/* Home mobile horizontal overflow fix for logos carousel */
@media (max-width: 767.98px) {
  .frontpage .logosfront,
  .frontpage .logosfront .row,
  .frontpage .logosfront .col-12,
  .frontpage .logosfront .owl-slider-wrapper,
  .frontpage .logosfront .owl-carousel {
    overflow-x: hidden !important;
    max-width: 100%;
  }

  .frontpage .logosfront .owl-stage-outer {
    overflow: hidden !important;
  }
}

/* Mobile horizontal overflow guard */
@media (max-width: 991.98px) {
  html, body {
    overflow-x: hidden;
  }

  .header .header-menu {
    max-width: 100vw;
  }
}

/* Home about section mobile left breathing room */
@media (max-width: 767.98px) {
  .frontpage .paragraph.paragraph--type--paragraph-section.wrapper.section-lg.pt-0.switch-column-mobile .col-12.col-lg-6:last-child {
    padding-left: 12px;
  }
}


/* Footer light alignment only */
footer .section-sm.bg-lighter.border-radius-1 .row {
  align-items: flex-start;
}

footer .section-sm.bg-lighter.border-radius-1 .col-12.col-lg-4,
footer .section-sm.bg-lighter.border-radius-1 .col-12.col-md-6.col-lg-4 {
  padding-top: 6px;
}

footer .section-sm.bg-lighter.border-radius-1 .block {
  margin-bottom: 0;
}

footer .section-sm.bg-lighter.border-radius-1 img {
  display: inline-block;
}

/* Reduce top spacing on contacts landing page */
body.page-node-855 article.node--type-page {
  margin-top: -30px;
}

/* Contacts1 CTA button */
.node--type-contacts1 .contacts1-cta-wrap {
  margin-top: 24px;
  margin-bottom: 10px;
}

.node--type-contacts1 .contacts1-cta-button {
  display: inline-block;
}

/* Websites portfolio body heading spacing */
.portfolio-body h2,
.portfolio-body h3,
.portfolio-body h4 {
  margin-top: 28px;
  margin-bottom: 14px;
}

.portfolio-body p + h2,
.portfolio-body p + h3,
.portfolio-body p + h4,
.portfolio-body ul + h2,
.portfolio-body ul + h3,
.portfolio-body ul + h4,
.portfolio-body ol + h2,
.portfolio-body ol + h3,
.portfolio-body ol + h4 {
  margin-top: 34px;
}

/* Progress bars must follow data-progress, not fixed 50% theme width */
.progress-box .animated-progress div[style],
.progress-box .animated-progress div[data-progress] {
  width: auto;
}

.progress-box .animated-progress div[data-progress] {
  min-width: 0;
}

@media (max-width: 991px) {
  .procent-no-title .sm-heading {
    font-size: 13px;
    line-height: 18px;
    max-width: 93%;
  }
}

/* Footer social menu as horizontal icon list */
footer .menu--menu-social-menu ul {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

footer .menu--menu-social-menu li {
  margin: 0;
  padding: 0;
}

footer .menu--menu-social-menu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  color: transparent !important;
  font-size: 0;
  line-height: 1;
  overflow: hidden;
  transition: all .25s ease;
}

footer .menu--menu-social-menu a::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

footer .menu--menu-social-menu a:hover {
  transform: translateY(-2px);
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}

footer .menu--menu-social-menu a[href*="facebook"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.9.3-1.6 1.7-1.6H17V4.8c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.4V11H7.5v3h2.8v8h3.2z'/%3E%3C/svg%3E"); }
footer .menu--menu-social-menu a[href*="linkedin"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.94 8.5A1.56 1.56 0 1 1 6.94 5.4a1.56 1.56 0 0 1 0 3.1ZM5.5 9.75h2.9V18H5.5V9.75Zm4.72 0H13v1.13h.04c.39-.74 1.35-1.52 2.79-1.52 2.99 0 3.54 1.97 3.54 4.53V18h-2.9v-3.66c0-.87-.02-1.99-1.21-1.99-1.22 0-1.41.95-1.41 1.93V18h-2.9V9.75Z'/%3E%3C/svg%3E"); }
footer .menu--menu-social-menu a[href*="tumblr"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M14.2 18.3c-2.3 0-3.4-1.7-3.4-3.4v-4H8.6V8.4c1.9-.7 2.6-2.2 2.8-3.7h2.3v3.2h3v3h-3v3.7c0 .9.5 1.5 1.3 1.5.4 0 1-.1 1.4-.3v2.1c-.5.3-1.4.4-2.2.4Z'/%3E%3C/svg%3E"); }
footer .menu--menu-social-menu a[href*="twitter"]::before,
footer .menu--menu-social-menu a[href*="x.com"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.9 3H22l-6.8 7.8L23 21h-6.1l-4.8-6.2L6.6 21H3.5l7.3-8.4L3.3 3h6.2l4.3 5.7L18.9 3Zm-1.1 16h1.7L8.6 4.9H6.8L17.8 19Z'/%3E%3C/svg%3E"); }
footer .menu--menu-social-menu a[href*="youtube"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21.6 7.2a2.8 2.8 0 0 0-2-2C17.8 4.7 12 4.7 12 4.7s-5.8 0-7.6.5a2.8 2.8 0 0 0-2 2A29 29 0 0 0 2 12a29 29 0 0 0 .4 4.8 2.8 2.8 0 0 0 2 2c1.8.5 7.6.5 7.6.5s5.8 0 7.6-.5a2.8 2.8 0 0 0 2-2A29 29 0 0 0 22 12a29 29 0 0 0-.4-4.8ZM10 15.5v-7l6 3.5-6 3.5Z'/%3E%3C/svg%3E"); }
footer .menu--menu-social-menu a[href*="wordpress"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm.9 2.1c1.1.1 2.1.5 3 1.1-.2 0-.3 0-.5.1-.6.1-1 .7-1 1.3 0 .6.3 1.1.5 1.6.2.4.5 1 .5 1.8 0 .6-.2 1.4-.5 2.4l-.7 2.3-2.6-7.6c.4 0 .8-.1 1.2-.1.2 0 .2-.3 0-.3-1 0-2 .1-3 .1-1 0-1.9-.1-2.9-.1-.2 0-.2.3 0 .3.4 0 .7.1 1 .1l1.5 4.2-2.1 6.2A8 8 0 0 1 4 12c0-1.6.5-3.1 1.4-4.3.2 0 .4.1.6.1.6 0 1.4-.1 1.4-.1.2 0 .2-.3 0-.3 0 0-.8.1-1.4.1h-.3A7.9 7.9 0 0 1 12 4.1h.9Zm-.4 8.2 2.2 6c-.8.3-1.7.5-2.7.5-1.2 0-2.2-.3-3.2-.7l3.7-10.7Zm4.6 4.7 1.4-4.1c.3-.8.4-1.5.4-2.1a5 5 0 0 0-.5-2.2A8 8 0 0 1 17.1 17Z'/%3E%3C/svg%3E"); }

@media (max-width: 767.98px) {
  footer .menu--menu-social-menu ul {
    justify-content: flex-start;
  }
}


/* Footer simple vertical alignment */
footer .section-sm.bg-lighter.border-radius-1 .row {
  align-items: center;
}

footer .section-sm.bg-lighter.border-radius-1 .col-12.col-md-6.col-lg-4 {
  padding-top: 18px;
}

footer .section-sm.bg-lighter.border-radius-1 .col-12.col-lg-4 {
  padding-top: 0;
}

@media (max-width: 991.98px) {
  footer .section-sm.bg-lighter.border-radius-1 .row {
    align-items: flex-start;
  }

  footer .section-sm.bg-lighter.border-radius-1 .col-12.col-md-6.col-lg-4,
  footer .section-sm.bg-lighter.border-radius-1 .col-12.col-lg-4 {
    padding-top: 0;
  }
}

/* Footer social icons in light theme */
body.theme-light footer .menu--menu-social-menu a {
  background: rgba(24,26,28,0.06);
  border-color: rgba(24,26,28,0.12);
}


/* Stronger contrast for footer social icons in light theme */
body.theme-light footer .menu--menu-social-menu a {
  background: #e1ead7 !important;
  border: 1px solid #cbd5e1 !important;
}

body.theme-light footer .menu--menu-social-menu a:hover {
  background: #181a1c !important;
  border-color: #181a1c !important;
}

body.theme-light footer .menu--menu-social-menu a:hover::before {
  filter: none;
}







.user-logged-in nav.tabs ul.nav.primary {
    background: transparent!important;
}
/* Article lists: checkbox bullets with theme-aware colors */
.page-node-type-article .section.pt-0 ul {
  list-style: none;
  padding-left: 0;
}

.page-node-type-article .section.pt-0 ul li {
  position: relative;
  padding-left: 1.75rem;
}

.page-node-type-article .section.pt-0 ul li::before {
    content: '\F633';
    font-family: bootstrap-icons;
    position: absolute;
    left: 0;
    top: 0.15em;
    font-size: 20px;
    line-height: 1;
    color: #fa9219;
}

body.theme-light .page-node-type-article .section.pt-0 ul li::before {
  color: #4c6a0b;
}

body:not(.theme-light) .page-node-type-article .section.pt-0 ul li::before {
  color: #fa9219;
}

/* Article body links color override */
.node--type-article .node__content a,
.path-node .node--type-article .node__content a {
  color: #f7941d;
}

.node--type-article .node__content a:hover,
.path-node .node--type-article .node__content a:focus {
  color: #d97f10;
}