.hover-effect {
  background: #ff000000;
  z-index: 222;
  position: absolute;
  width: 100%;
  height: 100%;
  grid-column: 1 / span 4;
  opacity: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.hover-effect .title {
  top: 0%;
  text-align: center;
  position: absolute;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
  opacity: 0;
}
.hover-effect:hover {
  background: #013c71d4;
  opacity: 1;
}
.hover-effect:hover .title {
  top: 40%;
  width: 100%;
  text-align: center;
  opacity: 1;
  color: #e6e7e8;
}

.cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.fancybox-container {
    z-index: 1000000;
}




a#mag.gallery_lightbox_image.fas.fa-search:not(:first-child) {
    display: none !important;
    height: 100%;
    top: 52%;
    position: absolute;
    z-index: 1;
}



a#mag.gallery_lightbox_image.fas.fa-search{
  height: 100%;
  top: 0%;
  position: absolute;
  text-align: center !important;
  opacity: 0;
  color: #e6e7e8;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
  z-index: 2;
  display: block;
  width: 100%;
}

.hover-effect:hover a#mag.gallery_lightbox_image.fas.fa-search{
  height: 100%;
  top: 52%;
  position: absolute;
  text-align: center !important;
  color: #e6e7e8;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  display: block;
  width: 100%;
  opacity: 1;
}




.et_pb_widget ul li {
    margin-bottom: 0em;
}

.et_pb_bg_layout_light .et_pb_widget li a:hover {
  background-color: #93272c;
  color: #fff;
  
}


.et_pb_bg_layout_light .et_pb_widget li.current-menu-item a,
ul#menu-about-us-sidebar.menu li.current_page_item a,
ul#menu-about-us-sidebar.menu li.selected a,
ul#menu-about-us-sidebar.menu li a:hover
{
    background-color: #93272c !important;
    color: #fff !important;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}







/* ---- button ---- */





#links .button:hover {
  background-color: #93272c;
  color: #fff;
  
}

#links .button:active,
#links .button.is-checked {
  background-color: #93272c;
  color:#fff;
}

#links {
  width: 100%;
  text-align: left;
}

#links a {
    display: block;
    padding: 20px 5px 20px 40px;
    text-decoration: none;
    background: #D0D0CE;
    zoom: 1;
    border-top: solid 1px #ffff;
    text-align: left;
}





#links a.current, #links a.current:hover {
    background-color: #93272c!important;
    color: #fff!important;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

#links a:hover {
    background-color: #93272c!important;
    color: #fff!important;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}



/* ---- .element-item ---- */

.element-item.event.isotope-item {

    margin: 0 auto;
}

.ic_container {
  margin: 5px 5px;
  float: left;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
 
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}



span.name{
    text-align: center;
    position: absolute;
    top: 0%;
    left:0px;
    width: 100%;
  height:100%;
    opacity: 0;
    background-color: #00000000;
    color:white;
    display:block;
  z-index:2;
  line-height:150px;
 
}

span.name:hover {
  opacity: 1;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  
  background-color:#000000b0;
  -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;
}

.et_pb_gutters3 .et_pb_column_3_4 .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n), .et_pb_gutters3 .et_pb_column_3_4 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n), .et_pb_gutters3 .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_3_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_3_4 .et_pb_row_inner .et_pb_column_1_4, .et_pb_gutters3 .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_pb_column_3_4 .et_pb_widget, .et_pb_gutters3.et_left_sidebar.woocommerce-page ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n), .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n), .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_row_inner .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_widget, .et_pb_gutters3.et_right_sidebar.woocommerce-page ul.products li.product, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n), .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(4n), .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_grid_item, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_4_4 .et_pb_widget {
    width: 100% !important;
    margin-right: 0px;
}


.mobile-menu{
    display: none;
}
@media only screen and (min-width: 800px){
    .desktop-menu{
        display: block !important;
    }
    .mobile-menu{
        display: none !important;
    }
}

@media only screen and (max-width: 799px){
    .desktop-menu{
        display: none !important;
    }
    .mobile-menu{
        display: block !important;
    }
}











































/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {


/* Case Study Sidebar
-------------------------------------------------------*/    
div#links a.single_case_studies.active{
    background-color: #93272c;
    color: #fff;
}

div#links a.single_case_studies{
    display: block;
    padding: 20px 5px 20px 5em;
    text-decoration: none;
    background: #e6e7e8;
    zoom: 1;
    border-top:none !important;
    border-right: none;
    border-left: none;
    border-bottom: solid 2px #ffff;
    text-align: left;
    width: 100%;
      font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px !important;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;     font-weight: 400;
    color: #53565a;
}





/* /* Our Project sidebar
-------------------------------------------------------*/ 
div#test.element-item.all{
    padding: 0px 0px 0px 0px !important;
}


#links .button{
    display: block;
    padding: 20px 5px 20px 5em;
    text-decoration: none;
    background: #e6e7e8;
    zoom: 1;
    border-top:none !important;
    border-right: none;
    border-left: none;
    border-bottom: solid 2px #ffff;
    text-align: left;
    width: 100%;
      font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px !important;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;    font-weight: 400;
    color: #53565a;
}

div.et_pb_column.et_pb_column_1_3.et_pb_column_0.ourprojects-sidebar.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width: 18% !important; 
  max-width: 18% !important;  
}

div.et_pb_column.et_pb_column_2_3.et_pb_column_1.ourprojects-content.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width:82% !important; 
  max-width: 82% !important; 
}
#links{
    height: 43%;
}

div.portfolio-grid-km{
width: 20.33vw !important;
height: 240px !important;
float: left;
margin: 0px;
    border: solid #ffffff00 5px;
}

div.grid.isotope{
width:64% !important; 
}


div.content_case_studiesa{
    width: 80%;
    height: 47%;
    overflow: inherit;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#case_study_portfolio{
    display: grid;
    grid-template-columns: 3fr 4fr;
    background: #e6e7e8 !important;
    grid-template-rows: 1fr 0fr;column-count: 2;
}

div.case_study_portfolio_image{
    padding: 10px;
    grid-row: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

div.case_study_portfolio_content{
    position: relative;
    height: 100%;
    grid-row: 1;
}

}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {


/* Case Study Sidebar
-------------------------------------------------------*/    
div#links a.single_case_studies.active{
    background-color: #93272c;
    color: #fff;
}

div#links a.single_case_studies{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5em;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: left;
width: 100%;    font-weight: 400;
    color: #53565a;
}





/* /* Our Project sidebar
-------------------------------------------------------*/ 
div#test.element-item.all{
    padding: 0px 0px 0px 0px !important;
}

#links .button{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5em;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: left;
width: 100%;    
color: #53565a;
-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out; font-weight: 400;
    color: #53565a;
}

div.et_pb_column.et_pb_column_1_3.et_pb_column_0.ourprojects-sidebar.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width:18% !important; 
  max-width: 18% !important; 
}

div.et_pb_column.et_pb_column_2_3.et_pb_column_1.ourprojects-content.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width:82% !important; 
  max-width: 82% !important; 
}
#links{
    height: 43%;
}

div.portfolio-grid-km{
width: 21.33vw !important;
height: 200px !important;
float: left;
margin: 0px;
    border: solid #ffffff00 5px;
}

div.grid.isotope{

width:64% !important; 
}

div#case_study_portfolio{
    display: grid;
    grid-template-columns: 3fr 4fr;column-count: 2;
    background: #e6e7e8 !important;
    grid-template-rows: 1fr 0fr;
}

div.case_study_portfolio_image{
    padding: 10px;
    grid-row: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

div#case_study_portfolio{
    display: grid;
    grid-template-columns: 3fr 4fr;
    background: #e6e7e8 !important;
    grid-template-rows: 1fr 0fr;column-count: 2;
}

div.case_study_portfolio_content{
position: relative;
height: 100%;
    grid-row: 1;
}
 div.content_case_studiesa{
    width: 80%;
    height: 70%;
    overflow: inherit;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}   
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {



/* Case Study Sidebar
-------------------------------------------------------*/    
div#links a.single_case_studies.active{
    background-color: #93272c;
    color: #fff;
}

div#links a.single_case_studies{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5px;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: center;
width: 100%;  font-weight: 400;
    color: #53565a;
}





/* /* Our Project sidebar
-------------------------------------------------------*/ 
div#test.element-item.all{
    padding: 30px 30px 30px 30px !important;
}

#links .button{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5px;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: center;
width: 100%;    
color: #53565a;
-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out; font-weight: 400;
    color: #53565a;
}

div.et_pb_column.et_pb_column_1_3.et_pb_column_0.ourprojects-sidebar.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width: 100% !important; 
  max-width: 100% !important; 
}

div.et_pb_column.et_pb_column_2_3.et_pb_column_1.ourprojects-content.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width: 100% !important; 
  max-width: 100% !important; 
}
#links{
    height: 43%;
}

div.portfolio-grid-km{
    width: 33% !important;
    height: 195px !important;
float: left;
margin: 0px;
    border: solid #ffffff00 5px;
}
div.grid.isotope{
width:64% !important; 
}




div#case_study_portfolio{
    display: grid;
    grid-template-columns: 3fr 4fr;column-count: 2;
    background: #e6e7e8 !important;
    grid-template-rows: 1fr 0fr;
}

div.case_study_portfolio_image{
    padding: 10px;
    grid-row: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

div.case_study_portfolio_content{
position: relative;
height: 100%;    grid-row: 1;
}

 div.content_case_studiesa{
    width: 60%;
    height: 70%;
    overflow: inherit;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}   
}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



/* Case Study Sidebar
-------------------------------------------------------*/    
div#links a.single_case_studies.active{
    background-color: #93272c;
    color: #fff;
}

div#links a.single_case_studies{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5px;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: center;
width: 100%;    font-weight: 400;
    color: #53565a;
}





/* /* Our Project sidebar
-------------------------------------------------------*/ 
div#test.element-item.all{
    padding: 30px 30px 30px 30px !important;
}

#links .button{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5px;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: center;
width: 100%;    
color: #53565a;
-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out; font-weight: 400;
    color: #53565a;
}

div.et_pb_column.et_pb_column_1_3.et_pb_column_0.ourprojects-sidebar.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width: 100% !important; 
  max-width: 100% !important; 
}

div.et_pb_column.et_pb_column_2_3.et_pb_column_1.ourprojects-content.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width: 100% !important; 
  max-width: 100% !important; 
}
#links{
    height: 43%;
}

div.grid.isotope{
  width: 100% !important; 
}





div.portfolio-grid-km{
width: 50vw !important;
width: 50%;
height: 250px !important;
float: left;
margin: 0px;
    border: solid #ffffff00 5px;
}
div#case_study_portfolio{
    display: grid;
    grid-template-columns: 1fr 1fr;column-count: 2;
    background: #e6e7e8 !important;
    grid-template-rows: 1fr 0fr;
}

div.case_study_portfolio_image{
    padding: 10px;
    grid-row: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

div.case_study_portfolio_content{
position: relative;
height: 100%;    grid-row: 1;
}

div#case_study_portfolio{
    display: grid;
    grid-template-columns: 3fr 4fr;
    background: #e6e7e8 !important;
    grid-template-rows: 1fr 0fr;column-count: 2;
}


}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {


/* Case Study Sidebar
-------------------------------------------------------*/    
div#links a.single_case_studies.active{
    background-color: #93272c;
    color: #fff;
}

div#links a.single_case_studies{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5px;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: center;
width: 100%;    font-weight: 400;
    color: #53565a;
}





/* /* Our Project sidebar
-------------------------------------------------------*/ 
div#test.element-item.all{
    padding: 20px 20px 20px 20px !important;
}

#links .button{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5px;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: center;
width: 100%;    
color: #53565a;
-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out; font-weight: 400;
    color: #53565a;
}

div.et_pb_column.et_pb_column_1_3.et_pb_column_0.ourprojects-sidebar.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width: 100% !important; 
  max-width: 100% !important; 
}

div.et_pb_column.et_pb_column_2_3.et_pb_column_1.ourprojects-content.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 

  width: 100% !important; 
  max-width: 100% !important; 
}
#links{
    height: 59%;
  }


div.grid.isotope{

width: 100%;
}
div.portfolio-grid-km{
width:50% !important; 
height: 250px !important;
float: left;
margin: 0px;
    border: solid #ffffff00 5px;
}
div#case_study_portfolio{
    display: grid;
    grid-template-columns: 1fr 1fr;column-count: 1;
    background: #e6e7e8 !important;
    grid-template-rows: 1fr 0fr;
}

div.case_study_portfolio_image{
    padding: 10px;
    grid-row: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

div.case_study_portfolio_content{
position: relative;
height: 100%;    grid-row: 1;
}
 div.content_case_studiesa{
    width: 80%;
    height: 70%;
    overflow: inherit;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}   


}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {



/* Case Study Sidebar
-------------------------------------------------------*/    
div#links a.single_case_studies.active{
    background-color: #93272c;
    color: #fff;
}

div#links a.single_case_studies{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5px;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: center;
width: 100%;    color: #53565a;
}





/* /* Our Project sidebar
-------------------------------------------------------*/ 
div#test.element-item.all{
    padding: 20px 20px 20px 20px !important;
}
#links .button{
font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
display: block;
padding: 20px 5px 20px 5px;
font-size: 16px !important;
text-decoration: none;
background: #e6e7e8;
zoom: 1;
border-top: none !important;
border-right: none;
border-left: none;
border-bottom: solid 2px #ffff;
text-align: center;
width: 100%;    
color: #53565a;
-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out; font-weight: 400;
    color: #53565a;
}

div.et_pb_column.et_pb_column_1_3.et_pb_column_0.ourprojects-sidebar.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 


  width: 100% !important; 
  max-width: 100% !important;   
}

div.et_pb_column.et_pb_column_2_3.et_pb_column_1.ourprojects-content.et_pb_css_mix_blend_mode_passthrough{
  margin-right:0px !important;
  margin-left: 0px !important; 


  width: 100% !important; 
  max-width: 100% !important; 
}
#links{
    height: 59%;
}

div.grid.isotope{

  width: 100% !important; 
}


div.case_study-grid{
  height: 500px;
}



div.portfolio-grid-km{
  width: 100% !important; 
height: 250px !important;
float: left;
margin: 0px;
    border: solid #ffffff00 5px;
}
div#case_study_portfolio{
    display: grid;
    grid-template-columns: 1fr 0fr;column-count: 1;
    background: #e6e7e8 !important;
    grid-template-rows: 1fr 1fr;
}

div.case_study_portfolio_image{
    padding: 0px;
    grid-row: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

div.case_study_portfolio_content{
position: relative;
height: 100%;  grid-row: 2;
}

 div.content_case_studiesa{
    width: 80%;
    height: 70%;
    overflow: inherit;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}   


}