html {
  position: relative;
  min-height: 100%;
}



@media (min-width: 576px) {
    body {
      margin-bottom: 34px; /* Margin bottom by footer height */
    }
    footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 34px; /* Set the fixed height of the footer here */
    }
}

 svg line {
        fill: none;
        stroke: #000;
        stroke-width: 2px;
      }


body {
    color:#000;

    font-family: 'Funnel Sans'!important;
    line-height: 1.29;
    letter-spacing: 1.1px;
}

a,a:hover,a:focus {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
}

ul{list-style-type: square;}

h1,h2{ 
  font-family: 'Funnel Sans';font-weight: 700; 
  line-height: 1.29;letter-spacing: 1.1px;}
h2,h3{text-transform: uppercase}
h2 span{font-family: 'Funnel Sans'; font-weight:400}

b,strong,h3{font-family: 'Funnel Sans';font-weight: 700;}
p + h2,
p + h3,
p + h4,
p + h5,
ul + h2,
ul + h3,
ul + h4,
ul + h5
{margin-top: 2rem}

/*.textcontent p:last-of-type{margin-bottom: 0px}*/

.mygrid .item-container, .mygrid {
    margin-bottom: 21px;
}

.mygrid .inner{height:100%; background-position: center center!important;position: relative;overflow: hidden}
.innerImage{
    height: 100%;
    width: 100%;
    background-position: center center !important;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.item-container:hover .innerImage{-webkit-transform: scale(1.05);transform: scale(1.05)}

.text-item{padding: 40px 25px;display: block; height: 100%}
.placeholder-img {
    visibility: hidden;
}

.mytoggler {
    position: absolute;
    right: 0px;
    top: 10px;
}



.start-extra-inner{padding:20px 20px;position: absolute; color:#fff; bottom:0px;
 -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;}
.start-extra-inner p {margin-bottom: 0px}

.project-item .start-extra-inner{opacity:0}
.project-item:hover .start-extra-inner{opacity:1}

.start-extra-inner.darkText{color:#000;}
.project-asset-text{margin-top:20px;margin-bottom: 20px;}
.c-textblock{margin-top:0px;margin-bottom: 20px;}
.text-block{margin: 50px 0px 50px}
.project-title{margin: 50px 0px 20px}
.project-title h2{margin: 0px 0px 0px}

.item-container a{position: relative}
.video-icon{position:absolute;z-index: 100; top: calc(50% - 50px);left: calc(50% - 50px);}

.item-1 .inner{padding-bottom:100%}
.item-2 .inner{padding-bottom:70%}
a.item-container{display: block;}
.more-info-title{
	margin-bottom:60px;
    font-family: 'Funnel Sans';font-weight: 700;
	font-size:14px; 
}
.btn-gk {
    border: 1px solid  #707070;
    max-width: 204px;
    margin: 15px auto;
	padding:5px 0px
}
.btn-gk.last-of-block {
    margin: 9px auto 43px;
}

.btn-gk a{
    font-family: 'Funnel Sans';font-weight: 700;
	font-size:14px; 
	display:block
}

.modal-backdrop {
    background-color: #fff;
}
.modal-backdrop.show {
    opacity: 0.9;
}
.modal-dialog {
    margin: 0 auto;
}
.modal-content {
   
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    outline: 0;
}
.modal-body {
    padding: 0px;
}



.navbar-toggler-icon {
    /*
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    */
}

.row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.img-fluid{width: 100%}
section{margin-bottom: 20px}
footer{background-color: #D2D2D2;color:#fff;font-family: 'Funnel Sans';font-weight: 700; letter-spacing: 0.96px}
footer a,footer a:hover{color:#fff;}
footer .fNav a{ margin:0px 0px 0px 30px}
.top-section{ margin-top: 76px}
.top-section-2{ margin-top: 176px}
.top-section-3{ margin-top: 126px}


#l-nav {margin-left: 12px;}

.navbar .nav-link,.navbar .dropdown-item, #l-nav a{font-family: 'Funnel Sans';font-weight: 700; font-size:12px;text-transform: uppercase}
.navbar .active .nav-link,.navbar .dropdown .active .dropdown-item{font-family: 'Funnel Sans';font-weight: 700;}


.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}
.dropdown-item:hover, .dropdown-item:focus {
    background-color: transparent;
}

.navbar .current-menu-item .nav-link,
.navbar .current-menu-parent > .nav-link,
.wpml-ls-current-language .wpml-ls-display,
.wpml-ls-current-language .wpml-ls-native,
#l-nav .active{font-family: 'Funnel Sans';font-weight: 700;}

#menu-item-wpml-ls-7-en{
   position: relative;
}
#menu-item-wpml-ls-7-en::before{
    content: "/";
    display: inline;
    position: absolute;
    top: 7px;
    font-size: 12px;
    left: -2px;
}



.navbar {
    padding: 20px 0px 0px;
    margin: 0px;
   
}
.navbar-toggler {
    padding: 0.0rem 0.2rem;
}

.navbar-brand{padding: 0px; margin: 0px;line-height: 0px}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;

}
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .wpml-ls-menu-item .nav-link {
        padding-right: .5rem;
        padding-left: .6rem;
    }
}
.logo-center {
    position: absolute;
    width: 69px;
    text-align: center;
    left: calc(50% - 34.5px);
}

/*
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
    padding-right: 10.5px;
    padding-left: 10.5px;
}
*/


.carousel-indicators li {
    border-radius:50%;
    width: 6px;
    height: 6px;
    background-color: #fff;
}

.carousel-indicators.darkNav li {
    background-color: #000;
}

.label b.fixlabel{font-family: 'Funnel Sans';font-weight: 700;}
@media (min-width: 768px) {
  .label b.fixlabel{position: fixed; margin: -8px 0px 0px -300px;width: 300px;}
    
}
.label b.fixlabel1{font-family: 'Funnel Sans';font-weight: 700; }


@media (max-width: 767px) {
    
    .item-2 .inner{padding-bottom:100%}
    
    #menu-item-wpml-ls-7-en::before {
       
        display: none;
       
    }
    .start-extra-inner{ padding: 5px 20px}
    footer .fNav a {
        margin: 0 30px 0 0 ;
    }
    
    .fNav {

        margin-top: 7px;

    }
    
    
    .single .mygrid .item-container {
        margin-bottom: 0px;
    }
    
    .single .project-asset-text {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    
    #navbarCollapse {
        text-align: right;
        background-color: #fff;
        margin-top: 10px;
    }
    .navbar{background-color: #fff;padding: 20px 0 20px;}
    .logo-center {display: none}
    .dropdown-menu {
        text-align: right;
    }
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }
    .project-item .start-extra-inner{opacity:1}
}

@media (min-width: 768px) {
    .container-fluid{padding-left:21px;padding-right:21px}
    .navbar-nav li:hover>.dropdown-menu {
      display: block;
    }
}

@media (min-width: 1300px) {
    .container-fluid{padding-left:80px;padding-right:80px}
}



.dropdown-menu {
    border-radius: 0px;
    border: 0px;
    background-color: transparent;
    padding: 0;
    margin: 0 0;
    text-align: right;
    left:auto;
    right:8px;
}

.dropdown-item{
    padding: 5px 8px;
}
.dropdown-item:hover{
   background-color: transparent
}

/*FONT-SIZES*/

body{font-family: "Funnel Sans",serif; font-size:14px}
.navbar .nav-link{font-family: 'Funnel Sans';font-weight: 700; font-size:12px; letter-spacing: 0.96px}
.nav-link.dropdown-item{color:#000000}
.nav-link.dropdown-item:hover{color:#706F6F}
h2{font-size:14px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}