@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }


  @font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

  }

  @font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

  }


  @font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

  }

 
  @font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

  }

  .font-poppins-light {
    font-family: 'poppinslight';
  }

  .font-poppins-regular {
    font-family: 'poppinsregular';
  }

  .font-poppins-semibold {
    font-family: 'poppinssemibold';
  }

  .font-poppins-medium {
    font-family: 'poppinsmedium';
  }

  .font-poppins-bold {
    font-family: 'poppinsbold';
  }

  .text-black {
    color: #1F1F1F;
  }

  .text-black-50 {
    color: #8f8f8f;
  }

  .bg-black {
    background-color: #1F1F1F;
  }

  strong{ font-family: 'poppinssemibold';}
  b, strong {
    font-weight: normal !important;
}
  .font-1 {
    font-size: 0.0625rem;
  }

  .font-2 {
    font-size: 0.125rem;
  }

  .font-3 {
    font-size: 0.1875rem;
  }

  .font-4 {
    font-size: 0.25rem;
  }

  .font-5 {
    font-size: 0.3125rem;
  }

  .font-6 {
    font-size: 0.375rem;
  }

  .font-7 {
    font-size: 0.4375rem;
  }

  .font-8 {
    font-size: 0.5rem;
  }

  .font-9 {
    font-size: 0.5625rem;
  }

  .font-10 {
    font-size: 0.625rem;
  }

  .font-11 {
    font-size: 0.6875rem;
  }

  .font-12 {
    font-size: 0.75rem;
  }

  .font-13 {
    font-size: 0.8125rem;
  }

  .font-14 {
    font-size: 0.875rem;
  }

  .font-15 {
    font-size: 0.9375rem;
  }

  .font-16 {
    font-size: 1rem;
  }

  .font-17 {
    font-size: 1.0625rem;
  }

  .font-18 {
    font-size: 1.125rem;
  }

  .font-19 {
    font-size: 1.1875rem;
  }

  .font-20 {
    font-size: 1.25rem;
  }

  .font-21 {
    font-size: 1.3125rem;
  }

  .font-22 {
    font-size: 1.375rem;
  }

  .font-23 {
    font-size: 1.4375rem;
  }

  .font-24 {
    font-size: 1.5rem;
  }

  .font-25 {
    font-size: 1.5625rem;
  }

  .font-26 {
    font-size: 1.625rem;
  }

  .font-27 {
    font-size: 1.6875rem;
  }

  .font-28 {
    font-size: 1.75rem;
  }

  .font-29 {
    font-size: 1.8125rem;
  }

  .font-30 {
    font-size: 1.875rem;
  }

  .font-31 {
    font-size: 1.9375rem;
  }

  .font-32 {
    font-size: 2rem;
  }

  .font-33 {
    font-size: 2.0625rem;
  }

  .font-34 {
    font-size: 2.125rem;
  }

  .font-35 {
    font-size: 2.1875rem;
  }

  .font-36 {
    font-size: 2.25rem;
  }

  .font-37 {
    font-size: 2.3125rem;
  }

  .font-38 {
    font-size: 2.375rem;
  }

  .font-39 {
    font-size: 2.4375rem;
  }

  .font-40 {
    font-size: 2.5rem;
  }

  .font-41 {
    font-size: 2.5625rem;
  }

  .font-42 {
    font-size: 2.625rem;
  }

  .font-43 {
    font-size: 2.6875rem;
  }

  .font-44 {
    font-size: 2.75rem;
  }

  .font-45 {
    font-size: 2.8125rem;
  }

  .font-46 {
    font-size: 2.875rem;
  }

  .font-47 {
    font-size: 2.9375rem;
  }

  .font-48 {
    font-size: 3rem;
  }

  .font-49 {
    font-size: 3.0625rem;
  }

  .font-50 {
    font-size: 3.125rem;
  }

  .font-51 {
    font-size: 3.1875rem;
  }

  .font-52 {
    font-size: 3.25rem;
  }

  .font-53 {
    font-size: 3.3125rem;
  }

  .font-54 {
    font-size: 3.375rem;
  }

  .font-55 {
    font-size: 3.4375rem;
  }

  .font-56 {
    font-size: 3.5rem;
  }

  .font-57 {
    font-size: 3.5625rem;
  }

  .font-58 {
    font-size: 3.625rem;
  }

  .font-59 {
    font-size: 3.6875rem;
  }

  .font-60 {
    font-size: 3.75rem;
  }

  .font-61 {
    font-size: 3.8125rem;
  }

  .font-62 {
    font-size: 3.875rem;
  }

  .font-63 {
    font-size: 3.9375rem;
  }

  .font-64 {
    font-size: 4rem;
  }

  .font-65 {
    font-size: 4.0625rem;
  }

  .font-66 {
    font-size: 4.125rem;
  }

  .font-67 {
    font-size: 4.1875rem;
  }

  .font-68 {
    font-size: 4.25rem;
  }

  .font-69 {
    font-size: 4.3125rem;
  }

  .font-70 {
    font-size: 4.375rem;
  }

  .font-71 {
    font-size: 4.4375rem;
  }

  .font-72 {
    font-size: 4.5rem;
  }

  .font-73 {
    font-size: 4.5625rem;
  }

  .font-74 {
    font-size: 4.625rem;
  }

  .font-75 {
    font-size: 4.6875rem;
  }

  .font-76 {
    font-size: 4.75rem;
  }

  .font-77 {
    font-size: 4.8125rem;
  }

  .font-78 {
    font-size: 4.875rem;
  }

  .font-79 {
    font-size: 4.9375rem;
  }

  .font-80 {
    font-size: 5rem;
  }

  body {
    overflow-x: hidden;
  }

  body div[class^="section_"] {
    clear: both;
    float: left;
    width: 100%;
  }

  .container-fluid {
    padding: 0px;
  }


  .form-control::placeholder { color: #CDCFD3;    opacity: 1;   }
  .form-control:-ms-input-placeholder { color: #CDCFD3;  }  
  .form-control::-ms-input-placeholder { color: #CDCFD3;  }

  .search-control::placeholder { color: #CDCFD3;    opacity: 1;   }
.search-control:-ms-input-placeholder { color: #CDCFD3;  }  
.search-control::-ms-input-placeholder { color: #CDCFD3;  }


  #main-container {
    float: left;
    width: 100%;
  }

  #header {
    background-color: rgba(255, 255, 255, 1);
    float: left;
    width: 100%;
    position: relative;
    z-index: 1007;
    top: 0;
    min-height: 100px;
  }



  #header.active {
    background-color: #707070;
  }

  .header-top {
    display: flex;
  }

  .product-item-menu img{
    display: none;
  }

  /* no-gutters Class Rules */
  .row.no-gutters-list {
    margin-right: 0;
    margin-left: 0;
  }

  .row.no-gutters-list>[class^="col-"],
  .row.no-gutters-list>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .row.no-gutters-list .card {
    margin-bottom: 0;
  }

  .row.no-gutters-list div>[class^="col-"],
  .row.no-gutters-list div>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .row.no-gutters-list div .card {
    margin-bottom: 0;
  }

  /* no-gutters Class Rules */
  .row.no-gutters-grid {
    margin-right: 0;
    margin-left: 0;
  }

  .row.no-gutters-grid>[class^="col-"],
  .row.no-gutters-grid>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .row.no-gutters-grid .card {
    margin-bottom: 0;
  }

  .call-to-cation {
    margin-top: 6.25125rem;
  }

  ::-webkit-input-placeholder {
    /* Chrome */
    color: #27579B;
  }

  :-ms-input-placeholder {
    /* IE 10+ */
    color: #27579B;
  }

  ::-moz-placeholder {
    /* Firefox 19+ */
    color: #27579B;
    opacity: 1;
  }

  :-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #27579B;
    opacity: 1;
  }

  .home-featured-cms {
    margin-bottom: 3.75rem;
  }


  #home-search.search-section .input-group {
    border: 0px solid #2386C6;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
  }

  #home-search.search-section .searchbox_inner {
    position: relative;
    padding: 0px 0px;
    margin: 50px 0px;
    clear: both;
    background-color: transparent;
  }

  #home-search.search-section input[type="text"] {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #1D1D1D;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border: 1px solid #2386C6;
  }



  #home-search.search-section button[type="button"] {
    background-color: #F27303;
    top: 0px;
    cursor: pointer;
    height: 100%;
    border: 0px;
    color: #fff;
    border: 1px solid #F27303;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    padding: 0.5rem 0.75rem;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    position: relative;
    width: auto;
    right: auto;
  }

  #home-search.search-section button[type="button"] i {
    font-size: 1.25rem;
  }

  #home-search.search-section button[type="button"] img {
    width: 100%;
  }



  

  .search-section .input-group {
    border: 1px solid #2386C6;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
  }

  .search-section .searchbox_inner {
    position: relative;
    padding: 30px 0px;
    margin: 0px 0px  30px 0px;
    background-color:#27579B ;
    clear: both;
  }

  .search-section input[type="text"] {
    display: block;
    width: 100%;
    padding: 1rem 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #1D1D1D;
    border: 1px solid #27579B;     
    border-radius: 10px !important;
    padding-right: 60px;
  }



  .search-section button[type="button"] {
    background-color:transparent;
    top: 0px;
    cursor: pointer;
    height: 100%;
    border: 0px;
    color: #27579B;
    border: 0px solid #27579B;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    padding: 0.5rem 0.75rem;
    position: absolute;
    right: 16px;
    width: 50px;
  }

  .search-section button[type="button"] i {
    font-size: 1.5rem;
  }

  .search-section button[type="button"] img {
    width: 100%;
  }






  .ul-style-1 {
    
  }

  .ul-style-1 li {
     
  }

  .ul-style-1 li:before {
  
    content: "\f111" !important;
    font-family: "Font Awesome 6 Pro";
    color: #27579B;
    font-size: 0.3590909091rem;
    line-height: 2;
    top: 6px !important;
    font-weight: bold;
    
    
  }


  .form-container {
    background-color: #fff;
    border: 1px solid #2d78bc40;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #bcd7f0;
    padding: 30px 30px;
    margin: 1.5rem 0;
    float: left;
    width: 100%;
  }

  .product-listing-container {
    display: flex;
    flex-wrap: wrap;
  }

  .innerpage .product-listing { margin-right: 1.445rem;}
  .innerpage .product-listing b { max-width: 194px;}
  .product-listing {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #2d78bc40;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #bcd7f0;
    padding: 15px 10px;
    margin-bottom: 1.5rem;

    transition: all 0.3s ease-out;
    opacity: 100;
    height: calc(100% - 1.445rem);
  }

  .product-listing a {
    display: flex;
    align-items: center;
  }

  .product-listing a span {
    width: 46px;
    margin-right: 10px;
  }

  .product-listing a span svg {
    width: 46px;
    height: 46px;
    fill: #27579B;
    vertical-align: middle;
  }

  .product-listing:hover {
    background-color: #F5FCFF;
    border: 1px solid #2d78bc40;
    cursor: pointer;
    transition: all 0.3s ease-out;
  }

  .product-listing b {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: 'poppinssemibold';
  }

  .search-section button path {
    fill: #27579B;
  }

  .search_results {
    padding: 0px 0px 0px 0px;
  }

  .search_results .card-title a{font-family: 'poppinssemibold';
    color: #27579B;}
  .search_results .card-title a:hover{color: #FF7E0C;}


  .client-slider  .vertical-center{ padding-top: 36px; }
  .client-slider  .clients{ margin: 20px 0px 20px 0px; }

  .total {
    position: absolute;
    right: 15px;
    top: 0;
  }

  .paginate span a {
    background-color: transparent;
    margin: 0px 0px;
    color: #27579B;
    padding: .10rem 0.4rem;
    display: inline-block;
  }

  .paginate span a.active {
    background-color: #27579B;
    margin: 0px 0px;
    color: #fff;
    padding: .10rem 0.4rem;
    display: inline-block;
  }

  .paginate span i {
    color: #27579B;
  }

  .paginate a {
   
    margin: 0px 5px;
    color: #1D1D1D;
    padding: .10rem 0.25rem;
    display: inline-block;
  }

  .paginate a.active {
    background-color: #27579B;
    margin: 0px 5px;
    color: #fff;
    padding: .10rem 0.6rem;
    display: inline-block;
  }

  .paginate strong {
    background-color: #fff;
    margin: 0px 5px;
    color: #27579B;
    padding: .10rem 0.6rem;
    display: inline-block;
  }

  .icon-small {
    width: 50px;
    display: inline-block;
  }

  .p-title {
    margin-bottom: 20px;
  }



  .nav.affix-top,
.nav.affix-bottom {
  position: static;
}

.nav.affix{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
  background: #fff;
  transition: all .35s ease;
}

#sticky.affix-top, #sticky.affix {
  position: static;
}

#sticky.affix-bottom {
  position: relative;
}
.sticky-wrapper{ height: auto !important;}

@media (min-width: 768px) {
    #sticky.affix {
      position: fixed;
      top: 40px;
    }
}

#sticky .nav-link.active,
#sticky .nav-link:hover,
#sticky .nav-link:focus{
    color: #111;
    border-bottom: 1px #000 dashed;
}

  mark,
.mark {
padding: 0.2em;
background-color: #3ca7ec;
}
.section-child{ clear:both;}
	nav.fixed-right{
		left:0px;
		position: relative;-webkit-transition: all 0.45s ease;  transition: all 0.45s ease;
	}
	.nav-container h2{ padding-left: 10px;}
	.nav-container h2 i{ margin-right: 16px;}
	.nav-container{	margin: 0; display:flex; flex-direction:column; justify-content:center;z-index:999;backface-visibility: hidden;-webkit-transition: all 0.45s ease;  transition: all 0.45s ease;   }
	.nav-container.active{opacity:1; visibility:visible;}	
	.nav-container .nav{ padding-top: 30px ; margin: 0px 0px 5px; top: 0px; -webkit-transition: all 0.45s ease;  transition: all 0.45s ease; background-color:transparent; flex-direction: column; 	border: 1px solid #2D78BC;
		border-radius: 16px;
		max-width: 300px;
    min-width: 300px;
		 
		margin-left: 50px;background-color: #fff;
		box-shadow: 0px 3px 6px #e2f5fd;}
	.nav-container .nav.stuck{position: fixed; right: auto; top: 16px;  left:auto; height:auto; width:300px; z-index: 99; }
	.nav-container .nav.sticky-surpassed{position: absolute; right: auto; top: auto;   left:auto; height:auto; width:300px; z-index: 99; bottom: 90px; }
 
 
   .nav-container.sticky-bottom{ margin-top:auto; height: 100%; position: relative;}
 
   .nav-container .nav ul{
		padding: 0px 16px 0px 16px;
	}
  .nav-container .nav ul li.active a{ text-decoration: underline;}
	.nav-container .nav ul li{
		font-size: 17px;
		list-style: none;
		line-height: 30px;
		padding: 10px 0px 10px 33px;
		border-bottom: 1px solid #ccc;
	}
	.nav-container .nav ul li:last-child{
		padding-bottom: 0px; 
		border-bottom: 0px;
	}
 
	.btn-list{ display: none;}
.h-100.d-flex.list-container {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
 
 

	@media (max-width: 991.98px) {  
		 .nav-container{  opacity: 0; visibility: hidden; right: 0; pointer-events: none; -webkit-transition: all 0.45s ease;  transition: all 0.45s ease; position: fixed; z-index: 998;} 
		 .nav-container.active{ display: none; display: flex;opacity: 1; visibility: visible; pointer-events: auto;      left: auto;
    right: 30px;} 
		 .sticky-wrapper{ height: auto !important;} 
		 .btn-list{ display: flex; width: 60px; height: 60px; border: 0.5pt solid #2386C6; box-shadow:0px 3px 6px #E2F5FD; position: fixed;
    font-size: 2rem;
    right: 30px;
    bottom: 40px; justify-content: center; align-items: center; color: #2386C6; border-radius: 50%; z-index: 999;
    background-color: #fff;}
	.list-overlay.active { position: fixed; top: 0; left: 0; right: 0; bottom: 0;  z-index: 997; background-color: rgba(0, 0, 0, 0.2);
}
.nav-container .nav{ position: relative !important; top: -34px; margin: 0px !important;}
.nav-container.active .nav{ position: relative !important; top: -34px;  margin: 0px !important;}
.nav-container.active .nav.stuck{ position: relative !important; top: -34px;  margin: 0px !important;}
.nav-container.sticky-bottom{ margin-top: 0;
  height: auto;
  position: fixed;}
  a.btn.btn-list .fa-list{ font-size: 2rem;}
  a.btn.btn-list.active{    border: 0px;
    box-shadow: none;
    font-size: 2rem;
    margin: 0px 8px 0px 8px;}
  a.btn.btn-list.active .fa-list::before{content: "\f00d";}
  .nav-container.active .nav{padding-bottom: 10px;}
}

.home-page .home-news {
  padding: 20px 15px 15px 15px;
}

  .home-news {
    padding: 20px 0px 15px 0px;
    border-top: 1px solid #a0c2e1;
    clear: both;
    overflow: hidden;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }

  .home-news .card-block {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .home-news .card-block .card-title a{ font-family: 'poppinssemibold'; color: #27579B;}
  .home-news .card-block .card-title a:hover{ color: #FF7E0C;}

  .home-news .icon-list-2022 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .home-news .icon-list-2022 svg {
    margin-bottom: 0px;
    padding-bottom: 0px;
    fill: #27579B;
    width: 74px;
  }

  .home-news:hover {}

  .home-news .card-text a {
    color: #1F1F1F;
  }

  .inner-padding {
    padding: 10px 30px 0px 30px;
  }

  .home-cms {
    padding: 10px 0px 70px 0px;
    margin-top: 70px;
  }

  .contactus {
    padding: 90px 0px 90px 0px;
  }

  .text-blue {
    color: #2586c7;
  }

  #carousel {
    margin-bottom: 2.815rem;
  }

  #CMS_Pages .card {
    margin-bottom: 3.75rem;
    margin-top: 0;
  }

  #CMS_Pages .card .description {
    margin-bottom: 1.5rem;
  }

  #Casestudy .card {
    margin-bottom: 1.875rem;
    margin-top: 0;
  }

  .Casestudy .card {
    margin-bottom: 1.875rem;
    margin-top: 0;
  }

  .offer-thank-you-page .content {
    padding-top: 3.75rem;
    padding-bottom: 4.75rem;
  }

  .offer-thank-you-page .content h2 {
    color: #27579B;
  }

  .offer-form {
    padding-top: 3.75rem;
    padding-bottom: 4.75rem;
    clear: both;
    overflow: hidden;
  }

  #cms-bottom {
    margin-bottom: 7.64rem;
  }

  .all-button {
    margin: 2.70rem 0 8.64rem 0;
  }

  .back-button {
    margin: 3rem 0 6rem 0;
  }

  .card-img-overlay {
    background: rgba(41, 57, 127, 0.5);
    color: #fff;
  }

  .details {
    padding: 0px 0px 50px 0px;
  }

  .pdf-listing {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 0;
    list-style: none;
  }

  .pdf-listing ul {    margin: 0; padding: 0; list-style: none;      display: flex;
    flex-wrap: wrap;}
  .pdf-listing li {    display: flex; width: 50%; margin: 0;  }

  .pdf-listing li a {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .pdf-listing li span {
 
    color: #27579B;
    padding: 12px;
 
    width: 70px;
    display:  flex;
 
    font-size: 3.75rem;
    line-height: 1;
    border-radius: 6px;
  }

  .pdf-listing li strong {
    font-weight: normal;
  
    font-size: 1rem;
    line-height: 1;
  
  }

 

   

  .footer-contact {
    padding-bottom: 4.5rem;
  }

  .foter-top {
    padding: 2.3rem 0px;
    font-size: 1.5rem;
    color: #2586c7;
    font-family: "QuadraatSans-Bold", sans-serif;
    margin-top: 30px;
  }

  .foter-bottom {
    padding: 5rem 0px 5rem;
    color: #fff;
  }

  .foter-bottom a {    color: #fff;  }
  .foter-bottom a:hover{    color: #F27303;  }

  .foter-last {
    padding: 1rem 0px 1rem;
    color: #fff;
  }

  .foter-last a {
    color: #fff;
  }

.sub-footer{
background: #27579B;
}
.sub-footer ul{
display: flex !important;
padding-left: 0px !important;
}
.sub-footer ul li {
list-style: none !important;
padding-right: 3rem !important;
}
.sub-footer ul li a{
color: white !important;
}
.sub-footer ul li a:hover{
color: #F27303 !important;
}
.sub-footer-caption{
display: flex;
padding-top: 1rem;
 padding-bottom: 1rem
}
.sub-footer-caption .designby{
margin-left: auto;
}
.sub-footer-caption .designby p {
  color: #fff;
}
.sub-footer hr{
border-top: 1px solid #ffffff29;
}
@media (max-width: 640px){
.sub-footer-caption{
display: block;
}
.sub-footer ul{
display: block !important;
}
.sub-footer ul li {
    padding-right: 0rem !important;
    padding-bottom: 1rem;
}
.sub-footer-caption .designby {
    margin-left: 0;
    text-align: left;
    position: relative;
}
.sub-footer-caption .designby p{
   padding-left: 10px
}
}
  .slider-content {
    margin-bottom: 46px;
  }

  .slider-content-links{margin-top: 46px; }
  .slider-content-links ul {
    display: flex;
    margin: 32px -8px  0px -8px;
    list-style: none;
    padding: 0px;
  }

  .slider-content-links ul li {
    width: 25%;
    padding: 0px 8px;
  }

  .slider-content-links li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 0.1pt solid #2D78BC;
    box-shadow: 0 3px 6px #E2F5FD;
    border-radius: 10px;
    padding: 18px;
    font-size: 12px;
    font-family: 'poppinssemibold';
    color: #1F1F1F;
    word-break: break-word;
    height: 100%;
  }
  .slider-content-links li a:hover{  background-color: #F5FCFF;}
  .slider-content-links li a i{ 
    width: 38px;
    font-size: 32px;
    margin-right: 10px;
    min-width: 38px;
    font-weight: 300;}
  .image {
    position: relative;
    width: 460px;
    margin: 0 auto;
  }

  #slider-container {
    width: 348px;
    margin: 16px auto 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }

  #owl-images .owl-stage-outer {
    padding-bottom: 60px;
  }

  .foter-bottom .navbar-nav{ display: block;}
  .foter-bottom .navbar-nav  .nav-item {
    float: left;
    display: block;
    width: 100%;
}


#footer{ border-top: 1px solid #CDCFD3;
  clear: both;
  float: left;
  margin-top: 6.5rem;
  width: 100%;}
  .designby {
    line-height: 1.2;
    padding-bottom: 20px;
    text-align: right;
    position: relative;
    clear: both;
     
    color: #fff;
    font-size: 0.825rem;
  }

  .designby p {
    margin-bottom: 0;
    font-size: 0.975rem;
  }

  .designby img {
    margin-top: 5px;
  }

  .designby a img {
    position: absolute;
    right: 0;
    width: 148px;
    height: auto;
  }

  .designby a img.normal {
    opacity: 1;
  }

  .designby a img.hoverme {
    opacity: 0;
  }

  .designby a:hover img.normal {
    opacity: 0;
  }

  .designby a:hover img.hoverme {
    opacity: 1;
  }

  .normal_slider {
    margin-bottom: 1.5rem;
  }

  .normal_slider .card {
    width: 100%;
    margin-bottom: 0;
  }

  .normal_slider .carousel-inner {
    padding-bottom: 0px;
  }

  .card-img-overlay-mouseover {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    text-align: center;
    font-size: 1.2375rem;
    padding: 0;
    color: #fff;
    display: block;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform-style: preserve-3d;
  }

  .card-img-overlay-mouseover h4.card-title {
    font-size: 2.475rem;
  }

  .card-img-overlay-mouseover h4.card-title a {
    color: #fff;
  }

  .card-img-overlay-mouseover .hover {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
  }

  .card {
    z-index: 1;
    position: relative;
    width: 100%;
  }

  .card:hover .card-img-overlay-mouseover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
    padding: 1.25rem;
    -webkit-transform-style: preserve-3d;
  }

  .card .card-img-overlay-mouseover {
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
  }

  .card:hover .card-img-overlay-mouseover {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
  }

  .header-top {
    
  }

  .header-top>.row {
    
  }

  

  a.logo {
    padding: 25px 0px;
    z-index: 9;
    display: block;
    position: absolute;
    width: 340px;
    z-index: 11;
  }

  a.logo img {
    width: 100%;
    height: auto;
  }

  /*.email { position: absolute; right: 90px; top: 56px; z-index: 9; font-size: 1.6rem; }*/

 .print-link{     background-color: #fff;
  box-shadow: 0px 3px 6px #e2f5fd;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 40px;
  height: 40px;
  border: 0.5pt solid #2386C6;
  border-radius: 50%;}

  .search {
    z-index: 12;
    font-size: 1.6rem;
    position: absolute;
    left: auto;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .search a {
    display: block;
    width: 30px;
    height: 30px;
  }

  .extra_menu1 {
    position: absolute;
    right: 220px;
    top: 52px;
    z-index: 9;
    font-size: 1.6rem;
  }

  .extra_menu2 {
    position: absolute;
    right: 412px;
    top: 52px;
    z-index: 9;
    font-size: 1.6rem;
  }

  .extra_menu1.no-search {
    right: 150px;
  }

  .extra_menu1 a {
    padding-left: 2.25rem;
  }

  #home-search.search-section.active {}

  #home-search.search-section {
    clear: both;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
  }


  .bg-grey {
    background-color: #eaeaea;
  }

  .home-product {
    padding: 100px 0px 50px 0px;
    background-color: #fcfeff;
  }

  .product-item-menu {
    /* background-color: #fff; */
    cursor: pointer;
    line-height: 1;
    font-size: 1rem;
    display: flex;
    margin: 0px 0px 0px 0px;
    color: #27579B;
    padding: 12px 0px 12px 0px;
    border-bottom: 1px solid #27579B;
    position: relative;
    text-transform: uppercase;
    justify-content: flex-start;
    align-items: center;
  }
 .dropdown-menu li:last-child a{
  border-bottom: 0px;
 }
 .dropdown-menu li:nth-child(2) a b{
  margin-left: 0px;
 }
  .product-item-menu strong {
    height: 35px;
    width: 35px;
    display: block;
    margin: 0px 0px 0px 0px;
    color: #27579B;
    padding: 0px;
    border-radius: 0px !important;
  }

  .product-item-menu b {
    clear: both;
    display: block;
    margin: 0px 0px 0px 10px;
    font-weight: normal;
    font-family: 'poppinssemibold';
  }

  .product-item-menu strong {
    display: inline-block;
    overflow: hidden;
  }
  .product-item-menu strong svg{ width: 100%; height: 100%;}
  .product-item-menu strong path {
    fill: #27579B;
  }

  .product-item-menu strong ellipse {
    fill: #27579B;
  }

  .icon-list {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px; 
      overflow: hidden;
  }

  .icon-list svg {
    width: 100%;
    height: 100%;
  }

  .icon-list a {
    width: 100%;
    height: 100%;
    padding: 8px;
  }

  .icon-list path {
    fill: #27579B;
  }

  .icon-list ellipse {
    fill: #27579B;
  }

  .icon-details {
    width: 170px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 0 0 0 auto;
  }

  .icon-details path {
    fill: #27579B;
  }

  .icon-details ellipse {
    fill: #27579B;
  }

  ul.product-item-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%;
    padding: 0 0px 0 0;
    margin: 0px -20px;
  }

  ul.product-item-box li {
    overflow: hidden;
    list-style: none;
    position: relative;
    text-align: center;
    width: 20%;
    padding: 0px 20px;
    display: flex;
    align-items: start;
  }

  ul.product-item-box li .product-item {
    background-color: #fff;
    display: block;
    cursor: pointer;
    min-height: 182px;
    line-height: 1;
    font-size: 0.95rem;
    color: #2586c7;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 8px;
    width: 100%;
    position: relative;
  }

  ul.product-item-box li .product-item span {
    position: relative;
    display: block;
    text-align: center;
    line-height: 1.2;
  }

  ul.product-item-box li .product-item b {
    position: relative;
    height: 65px;
    width: 65px;
    display: inline-block;
    text-align: center;
    background-color: #27579B;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 6px;
    font-weight: normal;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }

  ul.product-item-box li .product-item b path {
    fill: #8bd9f7;
  }

  ul.product-item-box li .product-item b ellipse {
    fill: #8bd9f7;
  }

  ul.product-item-box li .product-item span img {
    height: 65px;
    width: 65px;
    display: inline-block;
    background-color: #27579B;
    margin: 20px auto 10px;
  }

  ul.product-item-box li:hover a {
    background-color: #2ec0f9;
    color: #fff;
  }

  ul.product-item-box li:hover .product-item b {
    margin-top: 0px;
  }

  ul.product-item-box li:hover .product-item b path {
    fill: #fff;
  }

  ul.product-item-box li:hover .product-item b ellipse {
    fill: #fff;
  }

  ul.product-item-box li .product-item:hover span {
    color: #fff;
  }

  ul.product-item-box li .product-item strong {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);

    margin-top: 8px;
    font-weight: normal;

    z-index: 1;
    padding: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #2ec0f9;
    font-size: 0.75rem;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }

  ul.product-item-box li:hover .product-item strong {

    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    color: #fff;
    bottom: -30px;
  }

  .content-details {
    padding-top: 40px;
  }
  .breadcrumb-item{ max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
  .emailicon{ margin-bottom: 2.5rem;}
  .emailicon a{ display: flex; justify-content: flex-start; align-items: center;}
 
  .emailicon a i{ width: 50px; min-width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin-right: 10px; border: 3px solid #27579B;  border-radius: 50%; text-align: center;}

  .related_display{  display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #2d78bc40;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #bcd7f0;
    padding: 15px 15px;
    margin-top: 1.5rem;
    transition: all 0.3s ease-out;
    opacity: 100;
    height: calc(100% - 1.5rem);}

  .content {
    padding: 20px 0px 0px 0px;
  }

  .content h2 {
    font-size: 1.125rem;
    padding-top: 15px;
  }

  .content a.link {
    padding-left: 30px;
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
  }

  .content a.link::before {
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    color: #27579B;
    font-size: 0.9090909091rem;
    left: 2px;
    top: 2px;
    position: absolute;
  }

  .content ul {
    list-style: none;
    padding: 0;
    margin-left:0px;
  }

  .content ul li {
    padding-left: 30px;
    position: relative;
    font-family: 'poppinssemibold';
    padding-bottom: 8px;
  }
  .content ul li a{ color:#27579B;}
  .content ul li::before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    color: #27579B;
     
    left: 0px;
    top: 0px;
    position: absolute;
  }

  .content strong,
  .content b {
    color: #27579B;
  }

  .social-icons a {
    color: #2386C6;
  }

  .social-icons a:hover {
    color: #27579B;
  }

  .btn+.btn {
   
  }

  .googlemap {
    padding: 55px 0px;
    clear: both;
    overflow: hidden;
  }

  .featured-projects {
    padding: 0px 0px 55px 0px;
    clear: both;
    overflow: hidden;
  }

  .googlemap iframe {
    width: 100%;
  }

  .googlemap .container-fluid {
    padding: 0px;
  }

  .googlemap .container-fluid .row {
    margin-right: 0;
    margin-left: 0;
  }

  .googlemap .container-fluid .row>.col,
  .googlemap .container-fluid .row>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .address p {
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
  }

  .address p span {
    position: absolute;
    color: #27579B;
    top: 8px;
    left: 0;
    font-size: 1.2rem;
  }

  .address ul {
    list-style: none;
    margin: 1rem 0 0 0;
    padding: 0px;
  }

  .address ul li {
    display: block;
    margin-bottom: 1rem;
  }

  .address-footer p {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0;
    font-size: 1.3rem;
  }

  .address-footer p span {
    position: absolute;
    color: #27579B;
    top: 8px;
    left: 0;
    font-size: 1.2rem;
  }

  .address-footer ul {
    list-style: none;
    margin: 1rem 0 0 0;
    padding: 0 0 0 9.5rem;
  }

  .address-footer ul li {
    display: inline-block;
    margin-bottom: 1rem;
    vertical-align: top;
  }

  .address a {
    color: #27579B;
  }

  .address a:hover {
    color: #27579B;
  }

  .address-footer a {
    color: #27579B;
  }

  .address-footer a:hover {
    color: #27579B;
  }

  .simple-menu .navbar-nav>li.dropdown span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 9999;
    cursor: pointer;
    color: #1F1F1F;
    justify-content: flex-end;
    align-items: center;
    transform: translateX(-10px);
  }

  .simple-menu .navbar-nav .nav-item a.nav-link {
    color: #1F1F1F;
    padding: 1rem 2rem;
    font-size: 1.25rem;
    font-family: 'poppinsmedium';
  }

  .simple-menu .navbar-nav .nav-item:hover>a.nav-link {
    color: #2586c7;
  }

  .simple-menu .navbar-nav .nav-item:hover>span {
    color: #1F1F1F;
  }


  #bs-example-navbar-collapse-center-header-2 {
    clear: both;
    z-index: 101;
    width: 100%;
  }

  .menu-overlay {
    clear: both;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }

  .menu-overlay.active {
    visibility: visible;
    opacity: 1;
  }

  .nav-link.dropdown-toggle {
    padding-left: 1.8rem;
  }





  @media (min-width: 992px) {
    .simple-menu {
      padding: 0px 60px 0px 0px;
      display: flex;
      position: relative;
      z-index: 10;
    }

    .simple-menu+.row .col-sm-12 {
      height: 100%;
    }

    #bs-example-navbar-collapse-center-header-2 .navbar-nav {
      padding: 0px;
      display: flex;
      justify-content: flex-end;
    }

    .simple-menu .dropdown-menu {
      border: 0.5px solid #2D78BC !important;
      border-radius: 10px;
      border-style: solid none;
      min-width: 400px;
      padding: 10px 0px 0px 0px;
      margin: 0;
      width: 100%;
      z-index: 9999 !important;
      background-color: #fff;
      box-shadow: 0px 3px 6px #E2F5FD;
    }

    .dropdown-submenu {
      padding: 0px 24px;
    }

    .dropdown-submenu:last-child a {
      border: 0px;
    }

    .simple-menu li a:focus {
      filter: none !important;
    }

    .simple-menu li.dropdown:hover {
      background-color: transparent;
    }

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

    .dropdown-toggle::after {
      display: none;
    }

    .simple-menu .open>.dropdown-menu {
      display: none;
    }
  }


  .simple-menu .dropdown-menu:before {
    content: " ";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;

    border-bottom: 15px solid white;
    position: absolute;
    top: -23px;
    left: 20%;
    margin-top: 1px;
    transform: translateY(50%);
    z-index: 1;
  }

  .simple-menu .dropdown-menu:after {
    content: " ";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;

    border-bottom: 15px solid #2D78BC;

    position: absolute;
    top: -23px;
    left: 20%;
    transform: translateY(50%);
  }

  @media (max-width: 991px) {
    .simple-menu .navbar-toggle {
      display: block;
    }

    .simple-menu .navbar-collapse.collapse {
      clear: both;
      width: 100%;
      margin-top: 75px;
    }

    .simple-menu .navbar-collapse.collapse.show {
      display: block !important;
      overflow-y: auto !important;
    }

    .simple-menu .navbar-nav {
      float: none !important;
      margin: 20px 0 20px;
    }

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


    .dropdown-toggle::after {
      display: none;
    }

    .simple-menu .navbar-nav>li {
      float: none;
      position: relative;
    }

    .simple-menu .navbar-nav>li a.active:before {
      display: none;
    }

    .simple-menu .navbar-nav>li a.active:after {
      display: none;
    }

    .simple-menu .navbar-nav>li.dropdown span {
      top: 0px;
    }

    .simple-menu .navbar-nav .nav-link {
      font-size: 1.52rem;
      
      border-bottom: 1px solid #eff6fb;
      padding: 12px 16px;
    }

    .simple-menu .navbar-brand {
      top: -1px;
    }

    .simple-menu .navbar-default .navbar-toggle {
      top: 1px;
    }

    .simple-menu .navbar-header {
      padding: 0px 0;
    }

    .simple-menu .navbar-nav .nav-item.last {
      margin-top: 0;
    }

    .simple-menu .navbar-nav .nav-item {
      width: 100%;
    }
    .simple-menu .navbar-nav >li.dropdown.show span i{
      right: 10px;
      transform: rotate(180deg);
    }

    .simple-menu .navbar-nav>li.dropdown span i {
    
       
    }

    .simple-menu .navbar-nav>li.dropdown span i {
      float: right;
      padding-right: 22px;
      font-size: 1.742rem;     
      transform: rotate(0deg);
      right: 0px;  
      position: relative;
    }

    .nav-link.dropdown-toggle {
      padding-left: 0;
    }

    .product-item-menu {
      height: auto;
      width: 100%;
      margin: 0 0 0px;
      position: relative;
      min-height: 30px;
      padding: 7px 0px 7px 0px;
    }

    .form-group-3{     float: left !important;
      width: 100% !important;}
      .contact-form .btn-secondary{ display: block; }
      .btn{ border-radius: 10px;}

    li.dropdown-submenu.inline {
      width: 100%;
      float: left;
    }

    li.dropdown-submenu.inline a.product-item-menu {}

    .product-item-menu strong {
      position: absolute;
      height: 30px;
      left: 5px;
      top: 5px;
      margin: 0px 0px 0px 0px;
      width: 30px;
      display: none;
    }

    .product-item-menu b {
      display: inline-block;
      margin: 6px 0px 6px 30px;
      float: none;
      
      font-size: 1.3rem;
    }

    .navbar-toggleable-md .navbar-nav .dropdown-menu {
      position: relative;
      float: left;
      width: 100%;
      border: 0px;
      overflow: auto;
     
    }

  }

  .mega-menu .navbar-nav>li.dropdown span {
    display: none;
  }

  @media (min-width: 992px) {
    .mega-menu {
      padding: 0px;
    }

    .mega-menu .navbar-nav>li>a {
      padding: 1em 1em;
    }

    .mega-menu .nav-item.dropdown {
      position: static;
    }

    .mega-menu .dropdown-menu {
      border: 0px;
      border-image: none;
      border-radius: 0;
      border-style: solid none;
      padding: 0;
      margin: 0;
      z-index: 9999 !important;
      display: none;
      width: 100%;
      top: 100%;
    }

    .mega-menu .dropdown-menu .dropdown-submenu {
      position: relative;
    }

    .mega-menu .dropdown-submenu .dropdown-menu {
      border: 0px !important;
      box-shadow: none;
      margin: 0px !important;
      top: 0px !important;
    }

    .mega-menu .dropdown-menu>li {
      float: left;
      display: inline-block;
    }

    .mega-menu .dropdown-menu>li.dropdownlink:before {
      display: none;
    }

    .mega-menu .dropdown-menu li {
      float: left;
      display: inline-block;
    }

    .mega-menu .dropdown-menu li.dropdownlink {
      float: none;
      display: block;
      position: relative;
      background-color: #fff;
    }

    .mega-menu .dropdown-menu li.dropdownlink a {
      padding-left: 15px;
    }

    .mega-menu .navbar-nav>li.dropdown:hover>.dropdown-menu {
      display: block;
    }
  }

  @media (max-width: 991px) {
    .mega-menu .navbar-toggle {
      display: block;
    }

    .mega-menu .navbar-collapse.collapse {
      display: none !important;
      margin-top: 50px;
    }

    .mega-menu .navbar-collapse.collapse.show {
      display: block !important;
      overflow-y: auto !important;
      margin-top: 50px;
    }

    .mega-menu .navbar-nav>li.dropdown {
      position: relative;
    }

    .mega-menu .navbar-nav>li {
      float: none;
    }

    .mega-menu .navbar-nav>li>a {
      padding-bottom: 10px;
      padding-top: 10px;
    }

    .mega-menu .navbar-header {
      padding: 0px 0;
    }

    .mega-menu .navbar-nav>li.dropdown span {
      position: absolute;
      top: 10px;
      color: #fff;
      right: 0px;
      width: 40px;
      display: inline-block;
      z-index: 9999;
      cursor: pointer;
      height: 40px;
      text-align: center;
    }
  }

 

  a.clickable {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: block;
  }

  .g-recaptcha {
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin-bottom: -25px;
  }

  .logo a {
    display: inline-block;
    padding-top: 10px;
  }

  a.footer-logo {
    position: absolute;
    z-index: 9999;
  }

  a.footer-logo img {
    width: 100px;
    height: auto;
  }

  .carousel-caption {
    padding: 0px !important;
    top: 0% !important;
  }

  #bs-example-navbar-collapse-center-footer ul li:first-child a{ font-weight: bolder;}
  #bs-example-navbar-collapse-center-footer ul li  a{  padding: 0; line-height: 2;}
  .footer-addres-text{line-height: 2;}

  @media only screen and (min-width: 1024px) and (max-width: 1186px) {
    .product-listing a span{ width: 40px;
      margin-right: 10px;
      position: absolute;
      right: 0;
      bottom: 8px;
      opacity: 0.125;
      height: 40px;}
    .product-listing{padding:18px 10px; position: relative;}
  }
  
  @media (max-width: 991px) {

    a.logo {
      position: absolute;
      z-index: 9990;
    }

    a.logo {
      padding: 15px 0px;
    }

    a.logo img {
      width: 180px;
      height: auto;
    }

    _::-webkit-full-page-media,
    :root,
    .carousel-caption {
      top: 0 !important;
    }

    .email {
      top: 32px;
      right: 66px;
    }

    .search {
      top: 33px;
      right: 112px;
    }

    .extra_menu2,
    .extra_menu1 {
      display: none
    }

    li.nav-item.last {
      display: block !important;
    }

    #section_3.search-section.active {
      top: 90px;
    }

    .navbar-inverse .navbar-toggler {
      height: 90px;
      padding-right: 15px;
      z-index: 9994;
      position: fixed;
      right: 0;
      top: 0;
    }

    .page-header {
      font-size: 1.5rem;
      margin-bottom: 2rem;
      margin-top: 1rem;
      clear: both;
    }

    .page-header::after {
      width: 69px;
    }

    #slider1_center {
      margin-top: 0rem;
      clear: both;
      float: left;
    }

    .home-product {
      padding: 3rem 0 3rem;
    }

    .home-product ul.product-item-box {
      min-height: 50px;
      margin: 0px;
      padding-bottom: 40px;
    }

    .home-news {
       
    }

    .home-cms {
      padding: 1rem 0 1rem;
      margin-top: 30px;
    }

    .details {
      padding: 1rem 0 1rem;
    }

    ul.product-item-box {
      padding: 0px;
      clear: both;
      float: left;
      width: 100%;
    }

    ul.product-item-box li {
      height: 147px;
      position: relative;
      top: auto !important;
      right: auto !important;
      margin: 0 0 15px;
      width: 50%;
      display: block;
      padding: 0px 6px;
    }

    ul.product-item-box li.item1 {
      margin-top: 40px;
    }

    .inner-padding {
      padding: 10px 0px;
    }

    .image {
      width: 100%;
      height: auto;
      margin-top: 20px;
    }

    .image img {
      width: 100%;
      height: auto;
    }

    #slider-container {
      width: 75%;
    }

    #owl-images .owl-stage-outer {
      padding-bottom: 30px;
    }

    .slider-content {
      margin-bottom: 70px;
    }

    .content {
      padding: 10px 0px 0px 0px;
    }

    .pdf-listing li {
      margin-bottom: 10px;
    }

    .pdf-listing {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }

    .content ul li::before {
      font-size: 0.9rem;
    }

    .home-featured-cms {
      margin-bottom: 1rem;
    }

    .all-button {
      margin-bottom: 2rem;
      margin-top: 0rem;
    }

    .footer-contact {
      padding-bottom: 1rem;
    }

    .card-block {
      padding-bottom: 1rem;
    }

    #CMS_Pages .card {
      margin-bottom: 1rem;
    }

    .searchbox_inner {
      padding: 1rem;
    }

    .search-section input[type="text"] {
      height: 60px;
      font-size: 1.25rem;
    }

    .search-section button[type="button"] {
      width: 40px;
      right: 25px;      
    }
    .search-section button[type="button"] i{ font-weight: bold; }
    .search-section button[type="button"] img {
      width: 25px;
      height: 20px;
    }

    .search_results {
      padding: 1rem 0;
    }
    .search_results p.font-32.text-black{ margin-bottom: 30px;}
    .address p span {
      font-size: 1rem;
    }

    .offer-form {
      padding: 1rem 0;
    }

    #carousel {
      margin-bottom: 1rem;
    }

    .form-control.contact {
      padding: 0.5rem 0;
    }

    .form-control.contact {
      padding: 0.5rem;
    }

    .padding-left {
      padding-left: 15px;
    }

    a.footer-logo {
      position: absolute;
      z-index: 9999;
    }

    a.footer-logo img {
      width: 60px;
      height: auto;
    }

    .featured-projects {
      padding: 0 0 1rem 0;
    }

    .foter-top {
      padding: 1rem 0;
      font-size: 0.85rem;
    }

    .footer-bottom {
      padding: 1rem 0;
    }

    .footer-bottom {
      font-size: 0.85rem;
    }

    .designby {
      font-size: 0.85rem;
      position: absolute;
      right: 10px;
      bottom: 0px;
    }

    .designby a img {
      width: 132px;
      top: 20px;
    }

    .address-footer ul {
      padding-left: 70px;
      margin-top: 0;
    }

    .address-footer p {
      font-size: 1.25rem;
      padding-right: 0px;
    }

    .address-footer p span {
      font-size: 0.9rem;
    }

    .card {
      margin-bottom: 1rem;
    }

    .card-img-overlay-mouseover h4.card-title {
      font-size: 1.6rem;
    }

    .card-img-overlay-mouseover {
      font-size: 1.2rem;
    }

    #cms-bottom {
      margin-bottom: 1rem;
    }

    .navbar {
      min-height: 100px;
    }
  }

  @media (max-width: 991px) {
    .carousel-indicators {
      display: none;
    }

    .carousel-caption {
      padding: 0px !important;
      bottom: 5px;
      right: 5%;
      left: 5%;
      width: 90%;
    }

    .carousel-caption .display-3 {
      padding: 0px !important;
    }

    .carousel-caption .search-section button[type="button"] svg {
      width: 10px;
      height: 10px;
    }

    .call-to-cation {
      margin-top: 10px;
    }

    .total {
      position: relative;
    }

    .inner-padding {
      padding: 10px 15px;
    }
  }

  @media only screen and (min-width: 48em) and (max-width: 61em) {
    body {
      font-size: 0.9375rem;
    }

    .carousel-caption {
      padding: 0px !important;
      bottom: 5px;
      right: 5%;
      left: 5%;
      width: 90%;
    }

    .carousel-caption .display-3 {
      font-size: 2.1rem;
      padding: 30px 0px 0px 0px !important;
    }
  }

  @media only screen and (min-width: 61em) and (max-width: 72em) {
    body {
      font-size: 1rem;
    }

    .page-header {
      font-size: 2.34375rem;
    }

    h2,
    .h2 {
      font-size: 2.34375rem;
    }

    .btn {
      font-size: 0.8333333333rem;
      line-height: 1.0769230769;
    }

    .carousel-caption {
      padding: 0px !important;
      bottom: 5px;
      right: 5%;
      left: 5%;
    }

    .carousel-caption .display-3 {
      font-size: 2.45rem;
      padding: 0px !important;
    }

    .call-to-cation {
      margin-top: 2rem;
    }

    .card-img-overlay-mouseover {
      font-size: 0.9rem;
    }

    .card-img-overlay-mouseover h4.card-title {
      font-size: 1.2375rem;
    }

    .icon-list {
      margin: 0 auto;
    }

    ul.product-item-box li {}

    ul.product-item-box li .product-item {
      min-height: 160px;
    }

    ul.product-item-box li .product-item b {
      height: 55px;
      width: 55px;
      margin-top: 10px;
    }

    ul.product-item-box li.item1 {
      top: 40px;
      right: 46px;
    }

    ul.product-item-box li.item2 {
      top: 260px;
      right: 46px;
    }

    ul.product-item-box li.item3 {
      top: 150px;
      right: 156px;
    }

    ul.product-item-box li.item4 {
      top: 260px;
      right: 266px;
    }

    ul.product-item-box li.item5 {
      top: 40px;
      right: 265px;
    }

    ul.product-item-box li.item6 {
      top: 150px;
      right: 375px;
    }

    ul.product-item-box li.item7 {
      top: 40px;
      right: 486px;
    }

    ul.product-item-box li.item8 {
      top: 260px;
      right: 485px;
    }

    ul.product-item-box li.item9 {
      top: 150px;
      right: 596px;
    }

    ul.product-item-box li.item10 {
      top: 260px;
      right: 706px;
    }

    ul.product-item-box li.item11 {
      top: 165px;
      right: 951px;
    }

    ul.product-item-box li.item12 {
      top: 165px;
      right: 0;
    }

    .search-section button[type="button"] {
      width: 40px;
      height: 40px;
      right: 25px;
      top: 0px;
    }

    .search-section button[type="button"] img {
      width: 25px;
      height: 25px;
    }

    .product-item-menu {
     
    }

    .product-item-menu strong {
      height: 45px;
      width: 45px;
    }

    .navbar-inverse .navbar-nav .nav-link {
      font-size: 1.2rem;
    }

    .simple-menu .navbar-nav>li.dropdown span {
      top: 0px; 
      right: -7px;
    }
  }

  @media only screen and (min-width: 72em) and (max-width: 79em) {
    .carousel-caption {
      padding: 0px !important;
      bottom: 5px;
      right: 5%;
      left: 5%;
    }

    .carousel-caption .display-3 {
      font-size: 2.45rem;
      padding: 0px !important;
    }
  }

  @media only screen and (min-width: 79em) and (max-width: 88em) {
    .carousel-caption {
      padding: 0px !important;
      bottom: 5px;
      right: 5%;
      left: 5%;
    }

    .carousel-caption .display-3 {
      font-size: 3.15rem;
      padding: 0px !important;
    }
  }

  
  @media only screen and (min-width: 1024px) and (max-width: 1200px) {
    a.logo{ width: 250px;}
    .simple-menu .navbar-nav .nav-item a.nav-link{ padding: 1rem 1.5rem; font-size: 1.125rem;}
  }
  @media (max-width: 767px) {
    .btn+.btn {
      margin-left: 0;
      clear: both;
      margin-top: 10px;
      display: table;
    }

    .form-control {
      margin-bottom: 1rem;
      padding: 0.5rem 0.75rem;
    }

    .form-group {
      margin-bottom: 0;
    }

    .carousel-caption {}

    .carousel-caption .display-3 {
      font-size: 0.8rem;
      padding: 0px !important;
    }

    #bs-example-navbar-collapse-center-footer {
      margin-top: 10px;
      
    }

    #bs-example-navbar-collapse-center-footer .nav-item {
      float: none;
      display: inline-block;
      padding: 5px 0px 0;
      
      margin: 0px 0;
    }
  }

  p.info {
    position: relative;
    margin: 0
  }

  p.info.error {
    color: #ff0000;
  }

  p.info label {
    position: absolute;
    padding: 0rem 0.75rem 0 1rem;
    left: 0;
    top: auto;
    font-size: 12px;
    bottom: -24px;
  }

  .form-group {
    margin-bottom: 1rem;
    clear: both;
    width: 100%;
    overflow: initial;

  }

  .form-control {
    border: 1px solid #C3CAD9;
    padding: 10px;
    border-radius: 10px;
  }

  @media (max-width: 769px) {
    #cmsCenterBodyFrm .form-group {
      margin-bottom: 0;
    }

    .form-control {
      margin-bottom: 30px;
      padding-left: 0.75rem
    }

    p.info label {
      top: -28px;
      padding: 0rem 0.75rem 0;
    }
  }

  .pop-up {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    text-align: center
  }

  .pop-up-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 40%;
    height: auto;

    padding: 20px;
    background: white;
    color: white;
    text-align: center;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }

  .ui-widget-content {
    z-index: 9999 !important;
  }

  input[type="text"]:focus {
    outline: none;
  }

  .container {
    clear: both;
  }

  .logotext {
    background-color: #2ec0f9;
    padding: 5px 0px;
    margin-bottom: 20px;
  }

  .news-home {
    position: absolute;
    left: 0;
    width: 100%;
    top: 12%;
  }

  #News-card-block {
    background-color: #5993d2;
    padding: 15px;
    border: 5px solid #ff7e0c;
    background-image: url("images/newsbg.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 240px;
    margin-top: 40px;
  }

  #News-card-block .card-text a {
    color: #fff;
    font-size: 18px;
  }

  #News-card-block .carousel-indicators {
    margin: 0;
    width: 20px;
    left: auto;
    top: 0px;
  }

  #News-card-block .carousel-indicators li {
    display: block;
    margin-bottom: 3px;
    border-color: #ff7e0c;
  }

  #News-card-block .carousel-indicators li.active {
    background-color: #ff7e0c;
  }


  .btn-link:hover {
    color: #FF7E0C;
  }

  .btn-secondary {
    color: #fff;
    background-color: #ff7e0c;
    border-color: #ff7e0c;
  
   
    
    outline: none;
  }

  .btn-secondary:hover {
    color: #fff;
    background-color: #27579B;
    border-color: #27579B;
  
  }

  .btn-secondary:focus,
  .btn-secondary.focus {
   
  }

  .btn-secondary.disabled,
  .btn-secondary:disabled {
    color: #fff;
    background-color: #ff7e0c;
    border-color: #ff7e0c;
    box-shadow: none;
  }

  .btn-secondary:not(:disabled):not(.disabled):active,
  .btn-secondary:not(:disabled):not(.disabled).active,
  .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #ff7e0c;
    border-color: #ff7e0c;
    box-shadow: none;
  }

  .btn-secondary:not(:disabled):not(.disabled):active:focus,
  .btn-secondary:not(:disabled):not(.disabled).active:focus,
  .show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
  }





  .btn-secondary-light {
    color: #27579B;
    background-color: #e2f5fd;
    border-color: #e2f5fd;

    box-shadow: none;
    outline: none;
  }

  .btn-secondary-light:hover {
    color: #27579B;
    background-color: #e2f5fd;
    border-color: #e2f5fd;
  }

  .btn-secondary-light:focus,
  .btn-secondary-light.focus {
    box-shadow: none;
  }

  .btn-secondary-light.disabled,
  .btn-secondary-light:disabled {
    color: #27579B;
    background-color: #e2f5fd;
    border-color: #e2f5fd;
  }

  .btn-secondary-light:not(:disabled):not(.disabled):active,
  .btn-secondary-light:not(:disabled):not(.disabled).active,
  .show>.btn-secondary-light.dropdown-toggle {
    color: #27579B;
    background-color: #e2f5fd;
    border-color: #e2f5fd;
  }

  .btn-secondary-light:not(:disabled):not(.disabled):active:focus,
  .btn-secondary-light:not(:disabled):not(.disabled).active:focus,
  .show>.btn-secondary-light.dropdown-toggle:focus {
    box-shadow: none;
  }


  .page-title {
     
    padding: 20px 0px;
    clear: both;
    overflow: hidden;
  }

  .page-title h1 {
    color: #4b87c6;
    margin-bottom: 15px;
    text-transform: none;
  }

  .page-title p {
    color: #76789c;
    font-size: 20px;
  }

  .btn {
    font-size: 1rem;
    line-height: 1.4;
    border-radius: 16px;
    box-shadow: 0px 3px 6px #00000029;
}

  .product-title{ display: flex;  }
  .btn.btn-primary.with-shadow{   border: 0.5pt solid #2D78BC;  
    box-shadow: 0px 3px 6px #e2f5fd;    
    border-radius: 10px;
    padding: 12px 30px 10px 30px;
    margin-bottom: 1.25rem !important; margin-right: 1.25rem;}

    .btn.btn-primary.with-shadow.active{
      background-color: #27579B;
      color: #fff !important;
    }
    .btn.btn-primary.with-shadow:hover{
      background-color: #27579B;
      color: #fff !important;
    }

    #tab-categories{ margin-bottom: 40px;}

    .inner-card-links{border-bottom: 1px solid #b7d1e8; padding: 12px 0px; }
    .inner-card-links a.card-headers-small{ display: flex; }
    .inner-card-links a.card-headers-small i { margin-right: 20px; }
  .accordion .card-headers {
    margin-bottom: 20px;
    font-size: 24px;
    padding-right: 35px;
  }

  .accordion .card-headers[aria-expanded='false']:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f138";
    float: right;
    color: #8bd9f7;
    position: absolute;
    font-weight: bold;

    left: auto;

  }

  .accordion .card-headers[aria-expanded='true']:after {
    /* symbol for "collapsed" panels */
    font-family: "Font Awesome 6 Pro";
    float: right;
    content: "\f13a";
    color: #8bd9f7;
    position: absolute;
    font-weight: bold;

    left: auto;
  }


  .accordion .card-headers-small {
    font-size: 18px;
    padding: 5px 25px 5px 25px;
    background-color: #fff;
    color: #27579B;
    display: inline-block;
  }

  .accordion .card-headers-small[aria-expanded='true'] {
    background-color: #edf3f6;
    color: #007dc2;
    display: block;
  }

  .accordion .inner-card {
    margin-bottom: 20px;
  }

  .accordion .inner-card-body {
    background-color: #edf3f6;
    color: #007dc2;
    padding: 5px 25px 5px 25px;
  }

  .accordion .card-headers-small[aria-expanded='false']:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f138";
    float: right;
    color: #27579B;
    position: absolute;
    font-weight: bold;

    left: auto;

    font-size: 1rem;
  }

  .accordion .card-headers-small[aria-expanded='true']:after {
    /* symbol for "collapsed" panels */
    font-family: "Font Awesome 6 Pro";
    float: right;
    content: "\f13a";
    color: #007dc2;
    position: absolute;
    font-size: 1rem;
    font-weight: bold;
    left: auto;
  }

  .carousel-control-prev,
  .carousel-control-next {
    z-index: 100;
  }

  .category-item .card-block a.icon-news {
    width: 80px;
    height: 80px;
    background-color: #b0b6d0;
    border: 5px solid #fff;
    border-radius: 50%;
    padding: 4px;
  }

  .category-item .card-block {
    position: relative;
    margin-bottom: 0px;
    padding: 0;
  }

  .category-item .card-block h5 {
    position: absolute;
    display: none;
    left: -70%;
    width: 200px;
    margin: 0px;
    padding: 0px;
    word-break: break-word;
    font-family: 'Conv_QuadraatSansRegular';
    font-weight: normal;
    background-color: #fff;
  }

  .category-item .card-block:hover h5 {
    position: absolute;
    display: block;
  }

  .news-category-items {
    margin: 30px  0px;
    clear: both;
  }

  .category-item {
    padding: 20px 22px;
    text-align: center;
  }

  .icon-list-category {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
  }

  .icon-list-category svg {
    width: 100%;
    height: 100%;
  }

  .icon-list-category a {
    width: 100%;
    height: 100%;
    padding: 8px;
  }

  .icon-list-category path {
    fill: #ffffff;
  }

  .icon-list-category ellipse {
    fill: #ffffff;
  }


  .category-item .card-block.active a.icon-news {
    background-color: #27579B;
    border-color: #ff7e0c;
  }

  .category-item .card-block.active h5 {
    display: block;
  }

  .paginate {
    margin: 30px 0px 40px;
    clear: both;
  }

  .page-title.title-large {
    padding: 20px 0px 48px;
    margin-bottom: 20px;
  }

  .indicator-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 5px;
    z-index: 99;
    left: 0;

  }

  .indicator {
    width: 0;
    height: 100%;
    background-color: #ff7e0c;

  }

  .back-button-news {
    background-color: #FF8235;
    color: #fff;
    font-size: 1.85rem;
    padding: 10px 12px;
    display: none;
  }

  .search-page .page-title.title-large {
    display: none;
  }


  .dropdown.show  .btn-default.dropdown-toggle{ border-bottom: 0px; border-color: #fff;  
    box-shadow: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0px;
    z-index: 1001;
    position: relative;
    background-color: #fff;
    border: 0px solid rgba(41, 57, 127, 0.15);
    border-bottom: 0;
  }
	 .btn-default.dropdown-toggle{ 
    border:0.5pt solid #2D78BC; box-shadow: none; background-color: #fff; position: relative; padding: 8px 40px 8px 20px;
  border-radius: 10px;}
	 .btn-default.dropdown-toggle::after{ content: "\f078";
		font-family: "Font Awesome 6 Pro";
    color: #27579B;
    font-size: 0.9090909091rem;
	position: absolute;
    display: flex;
    border: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
right: 0;}
.filter-news .dropdown.show {
  filter: drop-shadow(0px 3px 6px #A0A5A7);
  z-index: 100;
}
.dropdown.show  .btn-default.dropdown-toggle::after{content: "\f077"; }
	  .dropdown-menu.dropdownselect.show{ background-color: #fff; transform: none !important;
    top: 100% !important; padding: 16px 16px;   
    display: flex;
    flex-wrap: wrap; min-width: 630px; margin-top: -2px;
    box-shadow: none; border: 0px; }
	.dropdown-menu.dropdownselect .dropdown-item{ padding: 0px; width: 50%; display: flex; display: flex;
    flex-wrap: wrap;     white-space: normal; color: #27579B; border-bottom: 2px solid #fafafa; text-transform: uppercase;
    justify-content: flex-start;
    align-items: center; padding: 10px 0px;
    line-height: 1.2; font-size: 1.125rem}
	.dropdown-menu.dropdownselect .dropdown-item .card-block{ display: flex; padding: 0px;}
	.dropdown-menu.dropdownselect .dropdown-item svg{ width: 32px; height: 32px; fill: #27579B; margin-right: 16px;}



	#sortNewsFrmmenu .dropdown-menu.dropdownselect.show{ background-color: #fff; transform: none !important;
    top: 100% !important; padding: 16px 16px; display: flex; flex-wrap: wrap; min-width: 100%; margin-top: -2px;
    box-shadow: 0px 2px 6px #E8E8E8; }
	#sortNewsFrmmenu .dropdown-menu.dropdownselect .dropdown-item{ padding: 0px; width: 100%; display: flex; display: flex;
    flex-wrap: wrap; white-space: normal; color: #1F1F1F; border-bottom: 2px solid #fafafa; text-transform:capitalize;    justify-content: flex-start; align-items: center; padding: 10px 0px; line-height: 1.2; font-size: 1rem}
	#sortNewsFrmmenu .dropdown-menu.dropdownselect .dropdown-item .card-block{ display: flex; padding: 0px;}
	 .filter-news{ margin: 30px 0px; width: 100%;    display: inline-block;}
   .section-child{    float: left;
    width: 100%;}
   .section-child + .section-child{ margin-top: 2rem;}
 
    @media (max-width: 991px) {
      .news-category-items .btn-default.dropdown-toggle{    z-index: 1006 !important; box-shadow: none;}
      .dropdown-menu.dropdownselect .dropdown-item{ width: 100%;}
      .dropdown-menu.dropdownselect.show{ min-width: 100%;   z-index: 1006; box-shadow: none;}
      div#Onderwerpkiezenmenu.show::after{ content: "";
      background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0;left: 0;right: 0;bottom: 0px;z-index: 1005;    
      }
      .news-category-items .dropdown.show .btn-default.dropdown-toggle{ box-shadow: none;}
    .news-category-items .dropdown.show .btn-default.dropdown-toggle::after{ content:"\f077";}
    .icon-and-lists{ display: flex; justify-content: space-between; margin-top: 30px ;}
    .icon-and-lists .text-center{ min-width: 100px;}
    .innerpage{ margin: 0 -1rem;}
    .innerpage .product-listing {
      margin: 0 1rem 1rem;
      width: 100%;
      padding: 15px 10px;
  }
  
    .innerpage .product-listing b { max-width: 100%; width: 50%;}
    }

    @media (max-width: 640px) {    
      .innerpage{ margin: 0rem;}
      .innerpage .product-listing { margin-right: 0rem; margin-left: 0; width: 100%;} 
      .innerpage .product-listing b{ max-width: 100%; width: 50%;}
     }

  @media (max-width: 991px) {
    body {
      line-height: 1.3;
      font-size: 1rem;
    }

    .font-40{
      font-size: 2rem;
    }

    .logotext {
      font-size: 0.785rem;
    }

    .simple-menu .navbar-nav .nav-item {
      position: relative;
    }

    .logo-section {
      position: fixed;
      top: 0px;
      left: 0;
      right: 0px;
      width: 100%;
      background-color: #fff;
      min-height: 100px;
      z-index: 9994;
      border-bottom: 0px solid #fff;
    }

    .header-top {}

    #bs-example-navbar-collapse-center-header-2 {
      top: 100%;
      padding-top: 20px;
      position: fixed;
      height: calc(100% - 90px);
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
       
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
      overflow: auto;

      -webkit-transition: all 0.208s ease-in-out;
      -moz-transition: all 0.208s ease-in-out;
      -o-transition: all 0.208s ease-in-out;
      transition: all 0.208s ease-in-out;
    }

    #bs-example-navbar-collapse-center-header-2.show {
      top: 90px;
      opacity: 1;
      visibility: visible;
      z-index: 9991;
      left: 0;

    }

    #News-card-block {
      margin-top: 30px;
    }

    .carousel-control-prev,
    .carousel-control-next {
      z-index: 100;
    }

    .news-home {
      position: relative;
      top: 00;
      clear: both;
    }

    ul.product-item-box li {
      height: auto;
    }

    ul.product-item-box li .product-item strong {
      display: none !important;
      height: auto;
    }

    ul.product-item-box li .product-item {
      min-height: 170px;

      font-size: 0.85rem;
      margin-top: 0px;
    }

    .home-product ul.product-item-box {
      padding-bottom: 0px;
    }

    .accordion .card-headers {
      margin-bottom: 0px;
      font-size: 16px;
      padding-right: 35px;
    }

    .icon-details {
      width: 90px;
    }

    .accordion .card-headers-small {
      font-size: 14px;
      display: inline-block;
    }

    .sorting {
      justify-content: flex-start !important;
      margin-top: 20px;
  }
    .category-item {
      padding: 5px;
      text-align: center;
      width: 100%;
    }

    .category-item .card-block {
      position: relative;
      margin-bottom: 0px;
      padding: 0;
      display: flex;
    }

    .icon-list-category {
      width: 50px;
      height: 50px;
      margin: 0 0 0px;
    }

    .category-item .card-block a.icon-news {
      width: 50px;
      height: 50px;
    }

    .category-item .card-block h5 {
      position: relative;
      display: flex;
      margin-left: 10px;
      align-items: center;
      font-size: 1rem;
      text-align: left;
      justify-content: center;
      left: 0;
      width: auto;
    }

    .category-item .card-block.active h5 {
      display: flex;
      left: 0;
      width: auto;
    }

    .category-item .card-block:hover h5 {
      position: relative;
      display: flex;
      left: 0;
      width: auto;
    }

    .page-title.title-large {
      padding: 20px 0px 20px;
      margin-bottom: 20px;
    }

    #News-card-block {
      min-height: 200px;
    }

    #News-card-block .carousel-indicators {
      display: block;
    }

    /*16dec*/
    .client-slider{ background-color: #ffffff;}
    .client-slider .clients{ display: flex;
      flex-wrap: wrap;}
    .clients .item{ width: 50%;}
    .product-listing-wrapper{ margin-top: 30px;}
    .slider-content-links ul{ flex-direction: column;}
    .slider-content-links ul li{ width: 100%;     margin-bottom: 1rem ;} 
    .slider-content-links li a{ padding: 14px;
      font-size: 14px;}

    #slider1_center .carousel-inner .carousel-item>img {
      display: none;
    }

    #slider1_center .carousel-caption {
      position: relative;
      color: #27579B;
      height: auto !important;
      top: 0px !important;
      right: 0%;
      left: 0%;
    }

    .carousel-caption .display-3 {
      font-size: 1.40rem;
      padding: 20px 0 !important;
    }

    .logotext {
      background-color: #fff;
      padding: 5px 0px;
      margin-bottom: 20px;
      color: #27579B !important;
      display: none;
    }

    .logotext p {
      font-family: 'Conv_QuadraatSansRegular';
      font-size: 24px;
      color: #27579B !important;
    }

    #News-card-block {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      margin-left: -16px;
      margin-right: -16px;
      padding: 0px;
      border: 0px;
    }

    #News-card-block .card-title {
      padding: 10px 16px 5px;
      width: 100%;
      margin: 0px 0px;
      background-color: rgb(255 126 12 / 80%);
    }

    #News-card-block .carousel {
      padding: 5px 16px 5px;
      background-color: rgb(255 126 12 / 80%);
      width: 100%;
    }

    #News-card-block .carousel .card {
      margin-bottom: 0px;
    }

    #News-card-block .carousel .card-block {
      padding-bottom: 0px;
    }

    #News-card-block .card-text a {
      font-size: 16px;
      line-height: 1.3;
    }

    #News-card-block .card-text a i {
      display: none;
    }

    #News-card-block .carousel-indicators li.active {
      background-color: #fff;
    }

    #News-card-block .carousel-indicators li {
      border-color: #fff;
      float: left;
      margin-left: 0;
      display: inline-block;
      width: 8px;
      height: 8px;
    }

    #News-card-block .carousel-indicators {
      left: 0;
      top: 0px;
      right: 0;
      position: relative;
      width: 100%;
      margin-top: 10px;
    }

    .home-product {
      background-color: #fff;
      padding: 1.5rem 0 1.5rem;
    }

    .home-product ul.product-item-box {
      width: calc(100% + 32px);
      margin: 0 -16px;
      padding: 0;
    }

    .home-product ul.product-item-box li {
      height: auto;
      display: flex;
      width: 100%;
      padding: 0px;
      margin-bottom: 8px;
    }

    .home-product ul.product-item-box li .product-item {
      min-height: 30px;
      font-size: 1.125rem;
      margin-bottom: 0px;
      text-transform: uppercase;
      padding: 10px 16px;
      display: flex;
      background-color: #ecf5f6;
      text-align: left;
    }

    .home-product ul.product-item-box li .product-item span {
      display: flex;
      text-align: left;
      line-height: 1.2;
      flex-direction: row-reverse;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .home-product ul.product-item-box li .product-item b {
      height: 65px;
      width: 65px;
      min-width: 65px;
      margin-top: 0px;
      margin-bottom: 0px;
      text-align: left;
    }

    .home-product ul.product-item-box li .product-item br {
      display: none;
    }

    ul.product-item-box li .product-item b {
      background-color: transparent;
    }

    ul.product-item-box li .product-item b path {
      fill: #2685c6;
    }

    ul.product-item-box li .product-item b ellipse {
      fill: #2685c6;
    }

    .icon-details {
      display: none;
    }

    .details {
      margin-top: -1rem;
      overflow: hidden;
    }

    .search-section {
      overflow: hidden;
    }

    .page-title {
      background-color: #ffffff;
      font-size: 1.125rem;
      padding: 0px 0px;
    }

    .page-title h1 {
      margin-bottom: 0;
      text-transform: none !important;
    }

 
    .p-title a{ display: block; color:#FF7E0C;}
    #News +.container .btn-secondary{display: block; font-size: 1.25rem;}

    #accordion {
      margin: 0px -16px;
    }

    #accordion .card {
      background-color: #fff;
    }

    #accordion .card .position-relative.mb-1 {
      background-color: #ECF4F6;
    }

    #accordion .card .btn-secondary-light {
      background-color: #ECF4F6;
      border-color: transparent;
      color: #27579B;
      text-transform: none !important;
    }

    .accordion .card-headers {
      font-size: 22px;
      padding-right: 35px;
      white-space: normal;
      text-align: left;
      font-weight: bold;
    }

    .accordion .card-headers[aria-expanded='false']:after {
      content: "\f0d7";
      color: #27579B;
      font-size: 2rem;
      line-height: 1;
    }

    .accordion .card-headers[aria-expanded='true']:after {
      content: "\f0d8";
      color: #27579B;
      font-size: 2rem;
      line-height: 1;
    }

    .card.inner-card {
      border-bottom: 2px solid #27579B !important;
    }

    .accordion .card-headers-small {
      font-size: 20px;
    }

    .accordion .inner-card-body {
      font-size: 18px;
    }

    .accordion .card-headers-small[aria-expanded='true'] {
      background-color: #ECF4F6;
      color: #27579B;
    }

    .accordion .card-headers-small {
      background-color: transparent !important;
      text-transform: none !important;
      font-weight: bold;
    }

    .accordion .inner-card-body {
      background-color: transparent !important;
    }

    .accordion .card-headers-small[aria-expanded='false']:after {
      background-color: transparent !important;
      content: "\f0da";
      color: #27579B;
      font-size: 1.5rem;
      line-height: 1;
    }

    .accordion .card-headers-small[aria-expanded='true']:after {
      background-color: transparent !important;
      content: "\f0d7";
      color: #27579B;
      font-size: 1.5rem;
      line-height: 1;
    }

    .indicator-wrapper {
      top: 110px;
    }

    .icon-list-category {
      display: none;
    }

    .category-item .card-block h5 {
      font-size: 30px;
      margin-left: 0;
      padding-left: 40px;
      position: relative;
      margin-bottom: 20px;
    }

    .category-item .card-block h5:before {
      content: "\f0da";
      font-family: "Font Awesome 5 Pro";
      font-weight: 100;
      font-size: 42px;
      color: #27579B;
      left: 2px;
      top: -6px;
      position: absolute;
    }

    .category-item .card-block.active h5:before {
      font-weight: 600;
    }

    .page-title.title-large.news-title-main {
      background-color: #27579B !important;
      font-size: 32px;
    }

    .page-title.title-large.news-title-main h1 {
      font-size: 32px !important;
    }

    h4.news-title {
      font-size: 30px;
      color: #27579B !important;
    }

    h4.news-title a {
      color: #27579B !important;
    }

    .home-news .card{
     margin-top: 1rem;
      margin-bottom:1rem;
    }

    .home-news p.date {
      font-size: 1.25rem;
      color: #27579B !important;
    }

    .home-news h4.card-title {
      font-size: 1.25rem;
      color: #27579B !important;
      line-height: 1.3;
    }

    .home-news .card-text {
      font-size: 1.125rem;
      color: #2585C7 !important;
      line-height: 1.3;
    }

 
    #home-search.search-section .searchbox_inner p{ display: none;}
    #home-search.search-section .searchbox_inner{ margin: 40px 0px; }
    #home-search.search-section input[type="text"]{ font-size: 1rem;}
    #home-search.search-section button[type="button"]{ background-color: #fff; border: 0px;}
    #home-search.search-section button[type="button"]:after{ font-weight: 400;font-size: 24px; color: #27579B; top: 0;
      position: absolute;
      right: 0;
      width: 50px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;}
    #home-search.search-section button[type="button"] i{ display: none;}
    #home-search.search-section button[type="button"] img {
      opacity: 0;
    }

    #home-search.search-section button[type="button"]:after {
      content: "\f002";
      font-family: "Font Awesome 5 Pro";
      
      font-size: 24px;
      color: #27579B;
      left: auto;
  
      position: absolute;
      right: 4px;
    }
    #home-search.search-section .input-group{ border:1px solid #2386C6; box-shadow:0px 3px 6px #2D78BC34; font-size: 16px !important;}
    #home-search.search-section input[type="text"] {
      height: 44px;
      font-size: 16px !important;
      color: #27579B;
      font-weight: 500;
      border: 0;
    }

    ul.list-inline.social-icons.text-primary {
      font-size: 30px;
    }

    .content .btn { display: block; font-size: inherit; }

    .content .btn+.btn { margin-top: 20px; } 

    .total { right: 0; margin-top: 10px; } 

    .paginate { font-size: 18px;
      text-align: center;
      padding-top: 10px;
      border-top: 1px solid #a0c2e1; }

    .paginate span a{ padding: 0.75rem 0.5rem;}

    .carousel-control-prev-icon {
      display: none;
    }

    .carousel-control-next-icon {
      display: none;
    }

    #footer{
      margin-top: 4.5rem;
    }

    .search {
      width: 28px !important;
      height: 28px !important;
      right: 126px;
      display: none;
    }

    .email {
      width: 36px !important;
      height: 30px !important;
      top: 28px;
      right: 72px;
    }

    .navbar-toggler-icon {
      width: 40px !important;
      height: 40px !important;
    }

    #News-card-block {
      background-image: url("images/newsbg_mobile.jpg");
      background-size: cover;
      min-height: 300px;
      margin-top: 10px;
      margin-left: 0px;
      margin-right: 0px;
    }

    .home-news-section>.container {
      padding: 0px;
    }

    #News-card-block p.card-text.text-white {
      line-height: 1.2;
    }

    #News-card-block .card-title {
      font-size: 22px;
      visibility: hidden;
      opacity: 0;
      display: none;
    }

    #News-card-block .carousel {
      visibility: hidden;
      opacity: 0;
      display: none;
    }

    #News-card-block .card-text a {
      font-size: 20px;
      line-height: 22px;
    }

    .home-news .card .row.clearfix {
      display: none;
    }

    .home-page .header-top+#section_3 {
      overflow: hidden;
    }

    .home-product {
      overflow: hidden;
    }

    .home-product+#section_5 {
      overflow: hidden;
    }

    a.btn.btn-lg.btn-secondary {
      font-size: 1.5rem;
      display: block;
    }

    .home-featured-cms h1.page-header {
      font-size: 1.25rem;
    }

    .home-featured-cms p {
      font-size: 1.125rem;
      line-height: 1.3;
    }

    .home-featured-cms a.btn.btn-secondary {
      font-size: 1.5rem;
      display: block;
    }

    .inner-padding {
      padding: 10px 0px;

    }

    .foter-bottom {
      font-size: 1rem;
      padding: 2rem 0;
    }

    #Search_Box .card-title {
      font-size: 26px;
    }

    #Search_Box .card-text {
      font-size: 24px;
    }

    #Search_Box .row.clearfix {
      display: none;
    }

    h1.page-header {
      font-size: 1.65rem;
      margin-top: 30px;
    }
 

    #search_results .card .card .inner-padding{ position: relative; }
    #search_results .card .col-md-7 .card-block{}
    #search_results .card .col-md-5{ position: absolute; top: 0px; right: 0px; width: auto; padding: 0px;}

    #search_results .card .card-title {
      font-size: 26px;  padding-right:90px; word-break: break-word;min-height: 90px;
    }

    #search_results .card .card-text {
      font-size: 24px;
    }

    #search_results .card {
      font-size: 24px;
    }

    .form-control {
      
      padding-left: 0.75rem;
      font-size: 18px;
      font-weight: normal;
      padding: 10px 10px 10px 10px;
      border-radius: 5px;
      
    }
    .form-container{ padding: 30px 0px;}
    .pdf-listing {
      display: flex; flex-direction: column;
    }

    .pdf-listing ul{ margin: 20px 0px 0px; } 
    .pdf-listing li {
      width: 100%;
    }

    .pdf-listing a {
      display: flex;
       
      justify-content: center;
      align-items: center;
      text-align: center;
      text-align: left;

    }

    .pdf-listing a span {
      background-color: transparent;
      position: relative;
      
    }

    .print-link{     width: 50px;
      height: 50px;}
    .pdf-listing a span i {
      font-weight: 300 !important;     
    }

    .pdf-listing a strong {
      padding-left: 0;
      font-size: 20px;
    }

    .pdf-listing a strong i {
      display: none;
    }

    .back-button-news {
      display: inline-block;
      color: #fff !important;
    }

    .navbar-inverse .navbar-nav .open>.nav-link,
    .navbar-inverse .navbar-nav .active>.nav-link,
    .navbar-inverse .navbar-nav .nav-link.open,
    .navbar-inverse .navbar-nav .nav-link.active {
      color: #00abb7;
    }


    .hide-mobile {
      display: none;
    }

    .navbar-inverse .navbar-toggler.active .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class=' '%3e%3cpath fill='%231F1F1F' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z' class=''%3e%3c/path%3e%3c/svg%3e");
    }

    .breadcrumb{ margin-top: 2rem;}
  .d-flex.align-items-center.filter-menu {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start !important;
}
.news-category-items .btn-default.dropdown-toggle{ width: 100%; display: block; text-align: left;}
.d-flex.align-items-center.filter-menu h4{ margin-top: 30px;}
.news-category-items{ margin-bottom: 30px; width: 100%;  display: block !important}
    .menu-overlay.active {
      visibility: visible;
      opacity: 1;
      display: none;
    }

    .carousel-caption {
      width: 100%;
    }

    h2.page-header {
      font-size: 1.25rem;
    }

    .over-flow {
      overflow: hidden;
    }
    .nav-container .nav ul li{    padding: 12px 16px 12px 0px;}
    .nav-container.active .nav{ top: auto !important; bottom: 0;}
    .nav-container .nav ul {
      padding: 0px 16px 0px 16px;
      height: calc(90vh - 270px);
      overflow: auto;
    }
  }