@font-face{font-family:'Allura';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/allura/v23/9oRPNYsQpS4zjuA_hAgWDto.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Allura';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/allura/v23/9oRPNYsQpS4zjuA_hQgWDto.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Allura';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/allura/v23/9oRPNYsQpS4zjuA_iwgW.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


.header {position:fixed; right:0; left:0; top:0}
body {padding-top:92.39px}
@media (max-width:1199.98px) {
body {padding-top:91px}
}
@media (max-width:767.98px) {
body {padding-top:74px}
}

.ms-n1 {
  margin-left: -2rem !important;
}

/*Visual Inner pages*/
.container-visual {width: 100%; position: absolute; z-index: 1 !important; height: 100%; text-align:center; top: 0px;background: var(--bs-primary); opacity: 0.85; }
.container-visual .heading {margin-bottom:0rem}
.bg-visual { background-repeat: no-repeat; position: relative; min-height: 70px}
.bg-visual-about{background:url(../images/bg-about.png);}
.bg-visual-services{background:url(../images/bg-services.png);}
.bg-visual-contact{background:url(../images/bg-contact.png);}

@media (min-width:1200px) {
.bg-visual { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; min-height:initial} 
}

@media (max-width:1199.98px) {
.bg-visual {background-size: cover;background-position: center center;}
}

@media (max-width:1699.98px) {
.bg-visual img {height:95px !important}
}

/*Heading*/ 
.heading {margin-bottom:1.5rem}
.heading .h1 {color:#fff; text-transform:uppercase; margin-bottom:0; font-weight:600 !important;}


.our-story ul {margin:0; padding:0; list-style:none; display:block }
.our-story ul li {font-family:'Allura'; font-size: 2.25rem; color:var(--bs-secondary); display: inline-block;padding: 0px 0px; padding-left: 10px !important; margin: 0px 22px !important; line-height: normal;}
.our-story ul li:first-child {padding-left:0 !important;margin-left:0 !important;}
.our-story ul li:not(:first-child):before{ content: '\F287'; position:relative; top:10px; padding-right: 0px; font-size: .6rem; line-height: 2.7; text-align: center; color: var(--bs-secondary); font-family: "bootstrap-icons"; float: left; margin-left: -35px; }
@media (max-width:992px){
.our-story ul li {margin: 0px 12px !important;}
.our-story ul li:not(:first-child):before {margin-left: -24px;}
}

.bg-blur { background-color: rgba(255, 255, 255, 0.10) !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid #ffffff80;}
.form-floating .form-select { padding: 1rem .75rem;}
.selection {position:relative !important}
.select2-container .select2-selection--multiple { display: block; background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px;  width: 100% !important; padding: 1rem .75rem !important;  border: var(--bs-border-width) solid var(--bs-border-color) !important; border-radius: var(--bs-border-radius) !important; height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)) !important; line-height: 1.25;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {margin-top:0 !important}
.select2-container--above .select2-container--default .select2-selection--multiple {border-color:#dc3545 !important}
input[type=file] {
  margin: auto;
  padding-top: 2rem !important;
  background-color: #fff;font-size:.7rem;
  transition: border-color 0.25s ease-in-out; 
}
input[type=file]::file-selector-button {
  padding: .3em;
  border-width: 0; font-size:.7rem;
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-gray);
  color: #fff;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  margin: 0 .5rem 0 0;
}
input[type=file]:hover { 
  border: var(--bs-border-width) solid var(--bs-border-color);
}
input[type=file]:hover::file-selector-button {
  background-color:var(--bs-gray);
}
 @media (min-width:1200px){
.whyprojektin ul {display:block; flex-direction:row; padding:0px; margin:0px;}
.whyprojektin ul li {position:relative; }
.whyprojektin ul li:first-child {padding-left:0 !important; margin-left:0 !important}
.whyprojektin ul li{padding:10px; margin:0px 25px !important; }
.whyprojektin ul li:not(:last-child):after { content: ''; position: absolute; background: #55616e; width: 1px; height: 100%; right: -30px; top: 0; }
 }
 @media (max-width:1399.98px){
.whyprojektin ul {display:block; flex-direction:row; padding:0px; margin:0px;}
.whyprojektin ul li {position:relative;}
.whyprojektin ul li{padding:5px !important; margin:0px 15px !important; }
.whyprojektin ul li:not(:last-child):after { content: ''; position: absolute; background: #55616e; width: 1px; height: 100%; right: -18px; top: 0; }
 }
@media (max-width:1199.98px) {
.whyprojektin ul li{padding:0px !important; margin:15px 0px !important;  }
.whyprojektin ul li:not(:last-child):after {display:none}
}

.nav-tabs .nav-link {font-size: calc(1.275rem + .3vw); color:#55616e; padding: 10px 0; margin-right: 3rem; margin-bottom: 0; border: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.nav-tabs .nav-link.active {color:var(--bs-primary); font-weight:500; border-bottom: 1px solid var(--bs-primary);}

@media (min-width:1200px) {
.nav-tabs .nav-link { font-size: 1.25rem; }
}

.sitemap a {text-decoration:none}
.sitemap a:hover{text-decoration:underline; color:var(--bs-secondary)}

@media (max-width:992.98px) and (min-width:576px) {
.bg-parallax { background-position: center center !important; }
}
 
/*figure {
    background-color: #fff;
    color:var(--bs-primary);
    border-radius: var(--bs-border-radius);
    transition: 0.6s;
    text-decoration: none;
    height: 100%;
    border: 0; margin-bottom:0;
    box-shadow: var(--bs-box-shadow-sm) !important;
}

figure:hover {
    box-shadow: var(--bs-box-shadow) !important;
    transform: translateY(-.25em);  
}

figure a {text-decoration:none;}*/