--bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-style: normal;
    user-select: none;
    pointer-events: auto;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: abril-titling, serif;
    color: #2A2A2B;
    font-size: 2.5rem;    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-style: normal;
    user-select: none;
    pointer-events: auto;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: abril-titling, serif;
    color: #2A2A2B;
    font-size: 2.5rem;    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-style: normal;
    user-select: none;
    pointer-events: auto;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: abril-titling, serif;
    color: #2A2A2B;
    font-size: 2.5rem;    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-style: normal;
    user-select: none;
    pointer-events: auto;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: abril-titling, serif;
    color: #2A2A2B;
    font-size: 2.5rem;body {
  font-family: "abril-titling",serif;
  color: #000;
  overflow-x: hidden;
  font-weight: 400;
  font-style: normal;
}
.domus{ font-family: "jaf-domus",sans-serif}
.bg-yellow{background:#A3D1FF;}
.bg-dark-gray{background: #2A2A2B}
.bg-black-50{background:rgb(0 0 0 / 50%);}
.bg-grid-blue{background:#1C75D3;}
.text-yellow{color: #A3D1FF}

.vr-text-right{position: absolute; right: 1rem; font-size: 1.25rem; }
.test2 { font-family: "jaf-domus-titling-web",sans-serif;}
@media(min-width:992px) {
    .vr-text-right{ right: -3rem; top:7rem; transform: rotate(90deg); transform-origin: top center;}
}
@media(max-width:991px) {
    .test2{ writing-mode: vertical-rl; }
}

.img-padding{height: 100%}
.nav-header-bottom-bg{background:#A3D1FF;}
a.arrowbig{font-size: 4rem;line-height: 0;animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);}
a:hover.arrowbig {color: #fff}
.border-dary-blue{border-left:3px solid #047ED5}
.border-light-blue2{border-left:3px solid #30A7EB}
.border-light-blue{border-left:3px solid #9EE2F7}
.text-light-blue{color: #ACF1F7}
.relative{position: relative;}

.text-blue{color: #0F67BF}
a {
  text-decoration: none;
  color: #2A2A2B;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover {
  color: #A3D1FF;
  text-decoration: none;
}
.arrow-container {
  width: 25px;
  animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer;
  height: 20px;
}

.arrow-down {
  height: 6px;
  background: black;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
  border-radius: 5px;
}
.arrow-down:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 100%;
  border-radius: 5px;
  background: black;
  transform: rotate(-90deg);
  transform-origin: 0% 100%;
}

@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}


h1, h2, h3, h4, h5, h6 {
 font-family: abril-titling, serif;
}

h1, h2, h3{color: #2A2A2B;}
h4{color: #2A2A2B;}
header{ padding: 1rem 0.65rem 1rem 1rem;transition: all 0.5s ease 0s;}
.header-fix{position: absolute;z-index: 3; width: 100%}
/*.fixed-top .header-fix{position: fixed;}*/
.fixed-top {
  animation:slide-down 0.5s;   
  background: #fff;
  box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
  /*border-bottom: 1px solid rgb(112 112 112 / 20%);*/
}
@keyframes slide-down {
    0% {
        opacity: 100;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 100;
        transform: translateY(0);
    } 
}
/*.fixed-top .logo img{height: 65px;}*/
.logo {font-family:"jaf-domus-titling-web";}
.logo img{height: 120px; }
.fixed-top .logohome{background:transparent;
  color: #000;    
  align-items: center;
  display: flex;
  /*margin: 0;*/
  /*padding-left: 0.5rem;*/
}
.fixed-top .logohome:before{display: none;}

.logo{font-size: 2.2rem;}
.logo-h{margin-top: -0.4375rem;}
@media (max-width:1450px){ .logo{font-size: 2.0rem;} .logo-h{margin-top: -0.3375rem;} }
@media (max-width:1360px){ .logo{font-size: 2.2rem;} .logo-h{margin-top: -0.4375rem;} }
@media (max-width:991px){.logo{font-size: 2.2rem;} .logo-h{margin-top: -1rem;} }
@media (max-width:767px){.logo{font-size: 1.5rem;} .logo-h{margin-top: -0.5rem;} }
@media (max-width:599px){.logo{font-size: 1.25rem;} .logo-h{margin-top: -0.5rem;} }
@media (min-width:992px){
  .logohome {    
    color: #fff;
  }
  .fs-big-size{font-size: 3.5rem;}
  .logohome:before{content: "";width: 35%;background: rgb(0 0 0 / 40%); 
  position: absolute; left: 0;height: 65%; top:0; z-index: -1 }
  .fixed-top .logo-h{margin-top: 0rem;}
}
.bannertext{background: rgb(0 0 0 / 40%); height: 84vh; width: 35%; 
  padding: 9rem 2rem 1rem 1.75rem; font-size: 1.2rem; position: relative;}
/*.logohome:before{content: ""; position: absolute; left:0; background:#000;}*/
.top-email-list{margin:0; padding:0;}
.top-email-list li span{/*display: block; */font-size: 1rem;padding-top: 0.4rem;}
.top-email-list li{list-style: none; display: inline-block; color: #2A2A2B; /*padding-right: 1rem;*/font-size: 1.1rem}
.top-email-list li img{height: 36px; /*padding-top: 0.3rem;*/}
.top-email-list li a{color: #0F67BF;}
.top-email-list li a:hover{color: #2A2A2B}
.offcanvas_bg{
  background-color: rgb(255 255 255 / 90%);    
  border: none;
  box-shadow: 0px 5px 15px rgb(0 0 0 / 16%);
}
.offcanvas_bg .offcanvas-header .btn-close{margin-top: -2rem;}

.email-circle span{color: #fff}
/*.email-circle:hover {
    width:200px;
}
.email-circle .language{display: none;}
.email-circle:hover .language{display: block;}*/
@media(min-width:992px){
  .teaser_bg{background: #707070;border-radius: 50px;height: 100px;  padding-top:1rem} 
  .teaserwidth{height: 100px; width: 100px;}
  .teaser,
  .teaser-w-h{width: 100px;}
  /*.teaser{ margin-right: 1rem;}*/
  .teaser .info.active{margin-top: -1.5rem;}
  .fixed-top .email-circle span,
  .fixed-top .t-m-white {color: #000;}
  .fixed-top .email-circle,
  .fixed-top .teaser_bg{background:transparent;padding-top: 0rem; height: 100%;}
  .fixed-top .email-circle{width: 100%; height: 100%;padding: 0rem;}
  .fixed-top .teaserwidth{width: 100%;height: 100%;}
  .fixed-top .teaser .info:focus, 
  .fixed-top .skiptranslate{margin-top: 1rem;}

}
.showimg{display: none;}
.fixed-top .showimg{display: block;}
.fixed-top .hideimg{display: none;}
.teaser {
  font-family: "jaf-domus";
  margin-right: 0.5rem;
  display: flex;
  overflow:hidden;
  transition: all 0.5s ease 0s;
 /* align-items: flex-start;
  justify-content: center;*/
  flex-direction: column;
  cursor: pointer;
  /*transition: 100ms max-width cubic-bezier(0.25, 0.75, 0.5, 1.25) calc(500ms * 2), 500ms max-height cubic-bezier(0.25, 0.75, 0.5, 1.25) 500ms;*/
}
.teaser:focus,
.teaser.active {
   overflow: hidden; /*padding-right: 1rem; margin-right: 1rem;*/
  width: 320px;  transition: all 0.5s ease 0s;
  /*transition: 100ms max-width cubic-bezier(0.25, 0.75, 0.5, 1.25) 0ms, 500ms max-height cubic-bezier(0.25, 0.75, 0.5, 1.25) 500ms;*/
}

.teaser .info {
  display: none;
  visibility: hidden;
  max-width: 0;
  max-height: 0;
  /*transition: 500ms max-width cubic-bezier(0.25, 0.75, 0.5, 1.25) calc(500ms * 2), 500ms max-height cubic-bezier(0.25, 0.75, 0.5, 1.25) 500ms, 500ms opacity cubic-bezier(0.25, 0.75, 0.5, 1.25) 0ms;*/
}
.teaser .info:focus,
.teaser .info.active {
  max-width: 400px;
  max-height: 100px;
  display: block;
  visibility: visible;
  
 padding-left:2rem;
  /*transition: 100ms max-width cubic-bezier(0.25, 0.75, 0.5, 1.25) 0ms, 400ms max-height cubic-bezier(0.25, 0.75, 0.5, 1.25) 500ms, 400ms opacity cubic-bezier(0.25, 0.75, 0.5, 1.25) calc(500ms * 2);*/
}

.t-m-white{color: #fff;}
.goog-te-gadget img {height: 20px !important;}
.skiptranslate{overflow: hidden;transition: all 0.7s ease 0s;}
/*.offcanvas_bg .offcanvas-header {
  justify-content: flex-start;
}*/
.opening-canvas .btn-close,
.offcanvas_bg .btn-close{color: #0F67BF; opacity: 100;
box-shadow: none; outline: none;}
.offcanvas-backdrop{background:transparent;}
.offcanvas_bg{}
.opening_bg{
  background:#fff;
  border: none;
  box-shadow: 0px 5px 15px rgb(0 0 0 / 16%);
}
.opening-canvas {
    box-shadow: 0px 5px 15px rgb(0 0 0 / 16%);
    border: none;
}
.opening-canvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0,0,0,.2);
    transform: translateX(100%);
}
.opening-canvas.show {
    transform: none;
    display: block;
}
.opening-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 2rem;
}
.opening-body {
    flex-grow: 1;
    padding: 0rem 2rem 2rem;
}
.inner-wrap{    
  background: rgb(15 103 191 / 90%);
  color: #fff;
  font-size: 2rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.5rem;
}
.numcall{margin-bottom: 0;text-align: center;font-family:"jaf-domus-titling-web";}
.numcall a{color:#000;} 
.numcall a:hover{color:#000;}   
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidenav {
  font-family:"jaf-domus";
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #aab7cf transparent;
}
.sidenav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidenav ul li.sub-menu  {
  border-top:2px solid #A3D1FF;
  padding:0.5rem 0;
 position: relative;

}
.sidenav ul li.sub-menu a {
  display: inline;
  color: #2A2A2B;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
.sidenav ul li.sub-menu a li ul{
  padding-top: 0.5rem;
}
.sidenav ul li.sub-menuli a:hover {}
.sidenav ul li.sub-menu a .bi {
  width: 20px;
  font-size: 1.5rem;
  float: right;
}
.sidenav ul li.sub-menu a .bi::before{vertical-align: top}
.sidenav ul .sub-menu li ul{
  padding:0.5rem 0;
  margin-top: 0.5rem;
}
ul.whiteborder-menu li{border-top:0;font-size: 1.2rem}
ul.whiteborder-menu li:last-child{border:0;}
ul.whiteborder-menu .bi{color: #000}
.sub-dropdown{border-left:4px solid #fff; }
ul.sub-dropdown li{border-bottom: 0}
ul.sub-dropdown li a {
    margin-left: 1rem;
    font-weight: 300;
    border:0;
}
.sub-menu-plus{   
  position: absolute;
  right: 0;
  top: 0.2rem;
  font-size: 1.5rem;
  color: #2A2A2B;
  cursor: pointer;
}
.menu-body{padding-top: 1rem;}
.sub-nav-bg{background: #A3D1FF;}
.general-card img {
  padding-bottom:1rem 
}
.general-card p {
  font-size: calc((1.5 - 1) * 1.5vw + 0.55rem);
  font-weight: 300;
  word-break: break-word; 
  margin-bottom: 0;
  transition: all ease-in-out 0.3s;
}
.img-svg-big img{height: 7rem;}
.img-svg-small img{height: 5rem;}
.news-content{ color: #fff; padding-left: 1rem;}
.news-content h3{color: #72D6ED;font-size: 1.5rem; transition: all 0.5s ease;}
.news-content a{color: #fff;}
.news-content a:hover{color: #72D6ED;}
.news-content a:hover h3{color: #fff}
.readbtn{color: #3DC9EA; font-size: 1.3rem; font-weight: normal;}
.readbtn:hover{color: #fff;}
.girdimg{
    background-repeat: no-repeat;
}
.contact-info img {
    height: 20px;
}
.infosize{font-size: 1.1rem; color: #2A2A2B}
.contact-info {
  color: #2A2A2B;
  font-weight: 300;
}

.share{color: #c4c4c4}
@media (max-width:991px){ .share { display:none!important; } }

.opening-hours{ margin:0; padding:0; }
.opening-hours li{list-style: none; font-size: 1rem; display: flex; justify-content: space-between; align-items:center }
.opening-hours li span{font-size: 1.5rem;}

.owl-carousel .owl-stage, .owl-item{display: flex;}

.card-deck { justify-content:center; }
.card { flex-grow: 1; height: 100%; width:100%; }
.card { overflow: hidden; }
.card .services-img-top, a.card .card-title { transition: 0.3s; }
.card .card-title { margin-bottom:0.5rem; }
.card a:hover .services-img-top, a.card:hover .services-img-top { transform: scale(1.4); }
a.card:hover .card-title { color:#fff; }
.card .card-title a { transition: 0.5s; border-bottom: 2px solid #fff; font-weight: 500; }
.card .card-title a:hover { border-color: #A3D1FF; color:#2A2A2B; }
.card-body p a {transition: 0.5s; border-bottom: 2px solid #A3D1FF; font-weight: bold; }
.card-body p a:hover { border-color: #2A2A2B; color:#2A2A2B; }
@media (max-width:767px){ .news-list.services-box { margin-top:20px!important; } }
.news-list.services-box a.card:hover .card-title { color:#2A2A2B; }
.news-list.services-box .card-body { background:#fff; transition: 0.3s; }
.news-list.services-box a.card:hover .card-body { background:#eee; }
.news-list.services-box .card-text, .news-list.services-box .card-title { color:#2A2A2B; }
.cardhover{}
.cardhover .card,
.cardhover .card-no-hover{height: 100%;transform: scaleY(1); transition: transform 0.2s ease-in;visibility: visible;}
.cardhover .card-text-hover,
.pinyellow{margin-bottom:-3px;}
.cardhover .pinyellow{transition: all 0.5s ease;opacity: 100; }
.cardhover:hover .pinyellow{opacity: 0;}
.cardhover .card-text-hover{ transform-origin: top; height: 0;
  transform: scaleY(0);  transition: transform 0.2s ease-out;}
.cardhover:hover .card-text-hover{transform: scaleY(1);
  transition: transform 0.2s ease-in; height: 100%;opacity: 100;}
.cardhover:hover .card-no-hover{height: 0; opacity: 0; visibility: hidden;transition: all 0.1s ease;}
.homenotice .services-img-wrap {overflow:hidden;}
.homenotice .services-img-top, .homenotice .card-body {transition: 0.3s;}
.homenotice .card-text { z-index:1; color:#2A2A2B!important; }
/*.homenotice:hover .card-text { color:#2A2A2B; }
.homenotice:hover .card-body { background:#eee; }*/
.homenotice .services-img-wrap { border:0; }
.homenotice .services-img-top:hover { transform: scale(1.4); }
.homenotice a {transition: 0.5s; border-bottom: 2px solid #A3D1FF; font-weight: bold; }
.homenotice a:hover { border-color: #2A2A2B; color:#2A2A2B; }
.homenotice h5 a {transition: 0.5s; border-bottom: 2px solid #fff; font-weight: 500; }
.homenotice h5 a:hover { border-color: #A3D1FF; color:#2A2A2B; }
.services-box{}   
.services-box .card { border-radius: 0px; border: 0; box-shadow: 0px 2px 15px rgb(0 0 0 / 10%); }
.cardhover:hover .card{height: 100%}
.services-border{border-top: 1rem solid #A3D1FF;}
.services-box .card-body{ padding-bottom:0; background:#2A2A2B;padding: 1.5rem 1.5rem; z-index: 1;} 
.services-box .card-title {
  color: #A3D1FF;
  font-size: calc((1.5 - 1.2) * 0.8vw + 0.95rem);
  font-family:"jaf-domus-titling-web";
  margin-bottom:0.5rem;
}
.services-box .card-text {
  color: #fff;
  font-weight: 300;
  font-family:"jaf-domus";
}
.services-box .card-text.card-text-last {
    padding-bottom:15px;
}

.card-discription{padding-bottom: 0rem;}
.services-img-top{ padding-bottom: 50.24%;} 
.align-bottom-btn{ margin-top: -0.5rem; }
.services-box .card-footer {
  padding: 0;
  padding-bottom: 7px;
    border-top: none;
    border-radius: 0;
}
.readmore{color: #fff;font-weight:500; }
.readmore .bi{vertical-align: sub;color: #A3D1FF; padding-left: 0.5rem;}

[data-collapse] {
  display:none
}
.btnborder{border:2px solid #A3D1FF; color: #fff; margin-bottom: 0.5rem;
    padding: 0.375rem 1.2rem;font-size:0.90rem;}
.btnborder:hover{background:#A3D1FF; color: #000;}   

.team-member{color: #fff; margin-bottom: 5rem;} 
.team-member .pic {
    overflow: hidden;
    max-width: 100%;
    border-radius: 100%;
}
.team-member .pic img {
    transition: ease-in-out 0.3s;
}
.team-member h5{font-weight: 700}
.auther{
  font-weight: 500;
  font-family: "jaf-domus";
  font-size: 1.2rem;
  letter-spacing: -0.1px;
  text-transform: uppercase;
  text-shadow: 0px 0px 5px rgb(0 0 0 / 80%);
}

.portfolio-info h3{font-size: 2.5rem; color:#fff; }
.portfolio-info h4{color:#fff;}
.portfolio-info {font-family:"jaf-domus"; font-size: 1.1rem;}
.portfolio-info h3 small{padding-left: 1rem; text-transform: uppercase;font-family:"jaf-domus";}
.portfolio-info h3 span { text-transform: uppercase!important; font-size: 1.5rem; font-family:"jaf-domus"; margin-left:10px; }
@media(max-width:991px){
    .portfolio-info h3 span { margin-left:0; display:block; }
}
.our-team{
  position: relative;
  overflow: hidden;
  height: 100%;
  text-align: left;
  color: #fff;
  display: block;
}
.our-team .team-pic{
  width: 100%;
  height:auto;
  transition: 0.3s;
  position: relative;
}
.team-pic-img-top{
    padding-bottom: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

.our-team:hover .team-pic {
  transform: scale(1.4);
}
.our-team:hover .team-pic:after{
  content: "";
  position: absolute;
  top:0;
  left:0;
  background:rgb(0 0 0 / 70%);
  width: 100%;
  height: 100%;
}
.our-team .team-profile{
  position: absolute;
  right: 0;
  bottom: -65%;
  height: 100%;
  width:100%;
  padding:3rem 2rem;
  transition: all 0.25s ease 0s;
  overflow:hidden;
  justify-content: top;
  display: flex;
  flex-direction: column;
}
@media(max-width:1599px){ .our-team .team-profile { bottom: -60%; } }
@media(max-width:1399px){ .our-team .team-profile { bottom: -65%; } }
@media(max-width:1199px){ .our-team .team-profile { bottom: -58%; } }
@media(max-width:991px){ .our-team .team-profile { bottom: -62%; } }
@media(max-width:767px){ .our-team .team-profile { bottom: -50%; } }
@media(max-width:575px){ .our-team .team-profile { bottom: -62%; } }
.our-team .team-profile h5{font-size: 1.75rem;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 83%);}
.our-team:hover .team-profile{
  bottom: 0%;
  height: 100%;
  justify-content: center;
}

.our-team .description{
  font-family: "jaf-domus";
  opacity: 0;
  color: #fff;
  font-size: 1.1rem;
  padding-top: 1rem;
}
.our-team .description p{
  margin-bottom: 0.5rem;
  color: #A3D1FF;
}
.teambtn{
  color: #fff;
  font-size: 1rem;
  padding-top: 2.5rem;
  display: block;
  font-family:"jaf-domus-titling-web";
}
.our-team:hover .description{opacity: 100;}
.teambtn:hover{color: #A3D1FF}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
/*.portfolio .portfolio-item, .our-team {
    margin:0!important;
    padding:0!important;
    grid-gap: 0!important;
    column-gap: 0!important;
}*/
@media(min-width:992px){
  .portfolio #portfolio-flters {
    margin-bottom: 3rem;
    padding-left: 0;
  }
}

.portfolio #portfolio-flters li {
    cursor: pointer;
    display: inline-flex;
    color: #000;
    transition: all 0.3s ease-in-out;
    border: 2px solid #A3D1FF;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0.7rem;
    font-size: 1rem;
    letter-spacing: 0.5px;
    background: transparent;
    text-transform: uppercase;
    font-family: "jaf-domus",sans-serif;
    word-wrap: break-word;
}
.portfolio #portfolio-flters li:hover, 
.portfolio #portfolio-flters li.filter-active {
  color: #000;
  background: #A3D1FF;
  border: 2px solid #A3D1FF;
}
.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.detail-description{    
  padding-top: 1rem;
  color: #A3D1FF;
  font-family: "jaf-domus";
  font-size: 1rem;
}
.carousel-row {
  /*display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; */
}

/* The Modal */
.teammodal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  right:0;
  top: 0;
  bottom:0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgb(0 0 0 / 60%); 
}

.teammodal.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}
  .modal-content {
    margin: auto;
    max-width: 980px;
    overflow: hidden;
    background: transparent;
    border-radius: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border:0;
    width: 100%;
    height: 100%;
}
.my-slides{
  background:#2A2A2B; 
  padding: 2rem;
  margin:2rem;
  border: 1px solid #2A2A2B; 
  animation: anime 0s ease-in;
  color: #fff
}

@keyframes anime {
  0% {
    opacity: 0;
    transform: scale(0.9); }
  100% {
    opacity: 1;
    transform: scale(1); } 
}


.demo {opacity:0;transition: all 0.4s; }

/* The Close Button */
.close {
    color: rgb(255 255 255 / 50%);
    position: absolute;
    right: 2rem;
    font-size: 4rem;
    z-index: 1;
    margin-top: -2.8rem;
}
.close:hover, .close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  color:rgb(255 255 255 / 50%);
  font-size: 3rem;
  text-align: center;
  transition: 0.6s ease;
  transform: translateY(-50%); 
  z-index: 1;
}

/* Position the "next button" to the right */
.next {right: 0; }
.prev {left: 0; }
.inner-top-img{ background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  height: calc(100vh - 30vh);
}


.well-about {
    padding: 0;
}
.well-about .inner-top-img2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 500px;
}
.well-about .about-content {
  padding: 3.3rem 4.2rem;
  font-size: 1.125rem;
}
@media (max-width: 992px){
  .well-about .about-content {
    padding: 0.5rem 0.5rem 1.5rem;
  }

}


@media (max-width: 991px) {
  .prev, .next {top: 2rem;width: 10%;z-index: 2;}
  .next{left:0;margin-left: 3rem;}
  .close {top: 1.5rem;}
  .modal-content{justify-content: start;}
  .logohome{color: #fff;}
  .fixed-top .teaserwidth{ padding-top: 0.25rem;}
  /*.fixed-top .logohome{ padding-left: 0.5rem;}*/
} 

.prev:hover,
.next:hover {color: #fff;}

 .featured_column>ul{padding-left: 0; list-style: none;}
@media (max-width: 767px) {
 .featured_column>ul>li.gridone {max-width: 100%;margin-bottom: 0.7rem;}
 .featured_column>ul>li.gridtwo,
 .featured_column>ul>li.gridthree{max-width: 50%;margin-bottom: 0.7rem;}
 .featured_column>ul>li {
    padding-right: calc(var(--bs-gutter-x) * .31);
    padding-left: calc(var(--bs-gutter-x) * .31);
  }  
.general-card {min-height: 160px;}
.my-slides {    
  border: none;
  overflow: scroll;
  max-height: 100%;
  margin: 4rem 1rem;
}
.modal-content{padding-top: 0rem;}
.close {right: 1rem;}
}

@media (min-width: 768px) {
 .featured_column>ul>li.gridone {max-width: 100%;}
 .featured_column>ul>li.gridtwo{max-width: 50%; margin-bottom: 0.7rem;}
 .featured_column>ul>li.gridthree{max-width: 33.333%; margin-bottom: 0.7rem;}
 .featured_column>ul>li {
    padding-right: calc(var(--bs-gutter-x) * .31);
    padding-left: calc(var(--bs-gutter-x) * .31);
    margin-bottom: 0.6rem;
  }  
 .modal-content{padding-top: 2rem;}
 .close {right: 2rem;}
}
@media (min-width: 768px) and (max-width:991px) { 
  .bg-grid2 {background: #c1dff8;}
  .bg-grid6{background: #b5f3fa;}
  .bg-grid9 {background: #83ebf4;}
}
  

@media (min-width: 992px) {
  .featured_column>ul>li.gridone {
    max-width: 50%;
    height: 452px;
    background-size: cover;
  }
  .featured_column>ul>li.gridtwo{
    max-width: 25%;
    margin-bottom: 1.3rem;
  }
  .featured_column>ul>li.gridthree{
    max-width: 25%;
    margin-bottom: 1.3rem;
  }
  .featured_column>ul>li {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-bottom: 1.3rem;
  }
  
}
.container-wrap{width: 90%; margin: 0 auto}
.box-grid-hover-1,
.box-grid-hover-0{transition: all ease-in-out 0.3s;}

.box-grid-hover-0:hover{
  transition: all 0.2s ease-out;
  box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.8);
  background:#4089EB;
}
.box-grid-hover-1:hover{
  transition: all 0.2s ease-out;
  box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.8);
  background:#fff;
}
.box-grid-hover-1 .general-card p{color: #2A2A2B}
.box-grid-hover-1:hover .general-card p{color: #1D75D3}
 
.featured_column>ul>li {
  width: 100%;
  display: inline-block;
  float: left;
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  transition: all .3s;
  max-width: 100%;
}

.pin{    
  position: absolute;
  top: -2.65rem;
  left: 0;
  right: 0;
  height: 44px;
  width: 33px;
  margin: 0 auto;
  z-index: 1;
}

.vertical-txt span{
  font-size: 2.6em;
  padding: 0.2em 1.2em;
  transform: rotate(180deg);
  display: block;
  text-align: left;
}
footer .vertical-txt span{
  padding: 0.2em 1.5em 0.2em 0.9em;
}

.vertical-txt{
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
  display:block;
  direction:rtl;
  transform: rotate(-90deg);
  transform-origin:top left;
  -ms-transform: rotate(-90deg); /* IE 9 */
  -ms-transform-origin:top left; /* IE 9 */
  /*-webkit-transform: rotate(-90deg);*/ /* Safari and Chrome */
  -webkit-transform-origin:top left; /* Safari and Chrome */
  moz-transform: rotate(-90deg); /* Firefox */
  -moz-transform-origin:top left; /* Firefox */
  -o-transform: rotate(-90deg); /* Opera */
  -o-transform-origin:top left; /* Opera */
  text-align: center;
}


.service-feature{background:#A3D1FF; border-radius: 100%;font-family:"jaf-domus";
width: 250px;height: 250px; padding:2rem 2rem 1.5rem; position: relative; margin-top: 2rem;
    box-shadow: 0px 1px 10px rgb(0 0 0 / 22%); transition: all .3s;}
.service-feature:hover {background: #fff}   
.service-icon img{height: 75px;}
.service-feature p{font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;}
.service-feature:hover p { color:#000; }
@media(min-width: 992px){
  .services-bottom{position: absolute;bottom:0; }
  .services_bg{padding-top: 3rem; padding-bottom: 3rem;}
  .email-circle{
    border-radius: 100%;
    background: #707070;
    padding: 1rem;
    width: 100px;
    height: 100px;
    text-align: center;
  }
}  
.service-feature:hover .more{color: #000;}  
.services-bottom{width: 100%; background:rgb(0 0 0 / 50%); padding: 1.75rem 1rem 1rem 5rem; 
  margin-top: 1rem;}
a.more ,
.more{color: #fff;font-family: "jaf-domus-titling-web",sans-serif; }

a:hover.more {color: #000;}
.comment-message{position: relative; color: #fff; font-weight: 500; font-size: 1.2rem}
.comment-message:before{
  content: '“';
  position: absolute;
  left: -60px;
  top: -40px;
  z-index: 2;
  font-size: 5.5rem;
}
.bottom-15 {bottom: 15px;}
.range {display: flex;flex-wrap: wrap;}
.underline{border-bottom: 1px solid #A3D1FF; font-weight: 600}
.outlinebtn{
  color: #000;
  border: 2px solid #A3D1FF;
  padding: 0.5rem 1.4rem 0.7rem;
  display: inline-block;
  outline: none;
  transition: all 0.5s ease;
  cursor: pointer;
  font-family:"jaf-domus-titling-web";
}
@media(max-width:1199px){
    .outlinebtn { font-size:1rem; }
}
@media(max-width:767px){
    .outlinebtn { text-align:center; }
}
footer .outlinebtn { font-size:1rem; }
.outlinebtn:focus,
.outlinebtn:hover{background: #A3D1FF;color: #000;text-decoration: none;border: 2px solid #A3D1FF;}
.slide-btn-bottom{position: absolute; bottom: 2.5rem; width: 100%;font-family:"jaf-domus-titling-web";}
.alpha-btn{ 
    max-width: 330px;
    border: 1px solid #fff;
    background: rgb(0 0 0 / 50%);
    padding: 0.6rem 1rem 0.98rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    transition: all 0.5s ease;
    font-size: 1.2rem;
}
.alpha-btn i{transition: all 0.5s ease;}
.alpha-btn:hover i{color: #fff;margin-right: -0.5rem;}
.alpha-btn:hover{background: #A3D1FF;border:1px solid #A3D1FF; color: #000}

.main-content {position: relative;}
.main-content .owl-prev, 
.main-content .owl-next {
  position: relative;
  background: transparent;
  border: none;
  z-index: 1;
}
.main-content .owl-prev:hover, 
.main-content .owl-next:hover {
  background:transparent;
}
.main-content button.owl-prev img {
  opacity: 0.5;
  transition: 0.5s;
}

.main-content button:focus,
.main-content button:active,
.main-content button:visited{ opacity: 1; }
.main-content button.owl-prev img{opacity: 0.5;transition: 0.5s;}
.main-content button:focus.owl-prev img{opacity: 1}
.main-content button.owl-next img{opacity: 1}
.main-content button img {
    height: 24px;
}
.main-content button{margin:0 2rem;}
.main-content .owl-prev {
  position: absolute;
  left: 0px;
  z-index: 2;
}
.main-content .owl-next {
  position: absolute;
  right: 0px;
  z-index: 2;
}
.main-content .owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 3rem;
  background: transparent;
}
.main-content .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #A3D1FF;
  text-decoration: none;
}
.arrow-position{   
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
}

.owl-buttons {display: block;}
.row.no-gap {
  margin-left: 0;
  margin-right: 0;
}
.w-lg-75{width: 75%}

footer{ border-top: 1px solid #EFECEC; position: relative; padding-bottom: 3rem;}
.footer-inner{padding-top: 2.2rem; padding-bottom: 2rem; width: 90%; margin:0 auto;font-family: "jaf-domus";font-size: 1.2rem;}
footer h2{color: #001A2E;font-weight:500;}
footer a{color: #2A2A2B;}
footer a:hover{color: #013d7b;}
.fo-address{padding-top: 0.5rem;}
.fo-address span{display: block;}
@media(min-width:1121px) and (max-width:1920px){
    .fo-address, .footer-wrap{padding-left: 2rem;}
}
.social-links {padding-left: 2rem;}
.social-links a{padding-left: 0.3rem;}
.share-link a,
.social-links a{transition: 0.3s;}
.social-links a img{width: 2.5rem; height: 2.5rem;}
.min-70{min-height: 72px;}  
.hamburger span{display: block; text-align: center;padding-top: 0.5rem;font-family: "jaf-domus";}
.copy-right{/*font-size: 0.85rem;*/color:#2A2A2B; }
@media(max-width:1199px){.copy-right{font-size: 1rem; }}

.card-inner{padding:0.5rem 1rem;font-family:"jaf-domus";}
@media(max-width:991px){
  .nhs{height: 24px;margin-right: 0.55rem;}
  .footer-wrap{padding-top: 1rem; padding-bottom: 0.5rem;}
  header,
  .fixed-top{padding:1rem 0.65rem 1rem 0.4rem;}
  /*.fixed-md-top{margin-right: 1rem}*/
  .logo img{height: 65px}
  .top-email-list{
    /*padding-bottom: 1rem;
    padding-top: 1rem;*/
    position: absolute;
    top: 0;
    right: 50px;
  }
  .nav-header-bottom-bg {
    padding-top: 0.4rem;
    padding-bottom: 1rem;
  }
  .hamburger{    
    position: absolute;
    right: 1rem;
    top: 0rem;
    text-align: center;
  }
  .hamburger-home{top:-0.5rem;}
  .skiptranslate{display: inline-flex;}
  .infosize {
    padding-top: 0.5rem;
    display: inline-flex;
    padding-bottom: 0.5rem;
  }
  .top-email-list li{display: block;text-align: center; padding-right: 0}
  /*.fixed-top .top-email-list{display: none;}*/
  .msleft{margin-left: 0.5rem;}
  .img-padding{padding: 24.25%;height: auto;}
  .img-svg-big img {height: 5rem;margin-top: 0.5rem;}
  .img-svg-small img{
    height: 4rem;    
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
  .general-card p {font-size: 1.2rem;}
  .inner-top-img{/*height: calc(100vh - 70vh);*/ margin-top: 2rem;}
  .our-team{padding-top: 2rem; /*height: 300px;*/}
  .vertical-txt-mobile{background: #A3D1FF; }
  .vertical-txt-mobile span{padding: 0.5rem 0.875rem;}
  .vertical-txt span, footer .vertical-txt span{transform: rotate(0deg); padding: 0.5rem 1.20rem;}
  .vertical-txt{position: relative; top: auto; transform: rotate(0deg);min-width:100% !important;}
  .height-fill {width: 100%;}
  .test2 {writing-mode: horizontal-tb; color: #A3D1FF;}
  .main-content .owl-theme .owl-nav [class*=owl-]{
    background: rgb(0 0 0 / 25%);
    font-size: 1.3rem;
    margin: 0;
    padding: 5px 0 0;
  }
  .main-content .owl-theme .owl-nav [class*=owl-]:hover {
    background: #A3D1FF;
      color: #000;
    }

    /*.alpha-btn {max-width: 85%;}*/
    .slide-btn-bottom{padding-left: 0.02rem;}
    .bannertext{width: 100%; padding-left:1.2rem;height:320px;
    position: static;/*padding-top: 8rem;*/}
    .top-email-list li span,
    .hamburger span{ padding-top: 0.2rem;font-size: 0.8rem;}
    img.hamburger-img {height: 16px;margin-top: 0.5rem;}
    .top-email-list li img {height: 20px; padding-top: 0.2rem; margin-top:7px;}
    .email-circle {padding: 0.5rem;/*width: 75px;height: 75px;*/}
    /*.fixed-top{ right: 25px; padding-top: 1rem;}*/
    .our-team{padding-top: 0rem}
  .footer-inner {    
    padding-top: 1.2rem;
    padding-bottom: 1rem;
    padding-left: 0.475rem;
    width: 100%;
    padding-right: 0.475rem;} 
  .fixed-top .top-email-list li span, 
  .fixed-top .hamburger span{color: #000} 
  .teaser.active{width: 250px;}
  .top-email-list-m-home{position: absolute; right: 60px; /*top:0.5rem;*/}
  .teaser .info.active{padding-right: 1rem;}
  .outlinebtn{width: 100%}
  .w-lg-75{width: 100%}
  .services-bottom{padding-left: 3rem;}
  .text2-md{display: block; margin-top: -3rem;}
  .fs-big-size{font-size: 2.75rem;}
}

@media(max-width:560px){.offcanvas-end{width: 100%;}}
@media(max-width:767px){
  .bg-grid6 {background: #b5f3fa;}
  .hamburger-img{height: 2rem;}
}
@media(min-width:320px) and (max-width:480px){
  .portfolio-info h3 small{display: block;padding-left: 0rem;}
  .alpha-btn{ max-width: 320px;}
}
@media(min-width:768px) and (max-width:991px){
}
@media (max-width:767px){
  .pin{ /*position: relative; top:0;*/}
}
@media(min-width:1300px){
.floor-city span{display: block;}
}
@media(min-width:768px) and (max-width:991px){
  .comment-message:before{left: -46px;}
}

@media(min-width:992px){
  .offcanvas_bg{height: 90vh; overflow-y: scroll;}
  .opening-canvas {
    position: absolute;
    min-height: 465px;
    max-width: 350px;
    top: 4.5rem;
    display: none;
  }
  .bg-white-contact{background:#fff;}
  .fs-md-2{font-size: 1.45rem}
  .hours{width: 65%;}
  img.hamburger-img{height: 26px; margin-top: 0.5rem}
  .me-lg-h-3{margin-right: 1rem;}
}
@media(max-width:767px){
  .portfolio-info h3{padding-top: 1rem}
}  
@media(min-width:768px){
  .portfolio-info{margin-top: -0.7rem}
}
@media(min-width:1381px) and (max-width:1920px){
  .hours{width: 55%;}
}
@media(min-width:992px) and (max-width:1120px){
 .footer-inner{padding-left: 40px;}
}
@media(min-width:992px) and (max-width:1199px){
  .service-feature{width: 230px; height: 230px;}
  .service-feature p{ -webkit-line-clamp: 3;line-clamp: 3;}
}
@media(min-width:992px) and (max-width:1360px){
 .bannertext,
 .logohome:before{width: 525px;}
}
@media (min-width: 1920px){
  .min-70 {min-height: 80px;}
  .featured_column>ul>li.gridone{ height: 468px;}
  .general-card p {font-size: calc((1.45 - 1) * 1.2vw + 1rem);}
  .comment-message{margin-left: -2.8rem}
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1720px;}
  .comment-message {margin-left: 0rem;width: 74%;}
  .well-about .about-content {padding: 3.3rem 5.2rem;font-size: 1.2rem;}
  .fs-xxl-2{font-size: 2rem}
  .card-no-hover p{font-size: 1.2rem;}
}
@media (min-width: 1600px) and (max-width:1919px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1550px;}
}
@media(min-width:1500px) and (max-width:1600px){
  .fs-xxl-2{font-size: 1.65rem}
}
@media(min-width:1600px) and (max-width:1920px){
  .bannertext,
  .logohome:before{width: 525px;}
  .well-about .inner-top-img2{min-height: 550px;}
  .numimg{margin-top: 0.5rem;}
}
@media(min-width:1121px) and (max-width:1280px){
  .footer-inner{width: 87%;}
}
@media(min-width:992px) and (max-width:1240px){
.numcall{font-size: 2.5rem;}   
} 
@media(min-width: 1200px){
  .wp-block-cover-image {
    position: relative;
    background-position: 100%;
    justify-content: center;
    align-items: center;
  }

  .wp-block-cover-image.has-background-dim:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
  }

  .wp-block-cover-image {
    background-attachment: fixed;
    background-position: 50% 0;
  }
}

@media(max-width:991px){
  .wp-block-cover-image{ background-position: center center !important;}
}

.map {
  height: 600px;
  padding-left: 78px;
}
.map iframe {
  width: 100%;
  height: 100%;
}
@media(max-width:991px){
    .map { padding-left: 0; }
}

/* overriding content styling */
#content p.csbutton, p.csbutton { margin-bottom:1.5rem; margin-top:1.5rem; }
.contenttitle h1 { font-size: 2rem; }
@media(max-width:1199px){
    /*.contenttitle h1 { font-size: calc(1.325rem + .9vw); }*/
}
.contenttitle h1 { margin-top:8px; }

@media(max-width:767px){
    #content p.csbutton a, p.csbutton a, #content .buttongroup a, #form-table input[type=submit], input[type=submit].formsubmit, #content a.form_section_prev_btn, #content a.form_section_next_btn { padding: 0.5rem 0.7rem; font-size: 1rem; letter-spacing: 0; }
}
@media(min-width:992px) and (max-width:1199px){
    #content p.csbutton a, p.csbutton a, #content .buttongroup a, #form-table input[type=submit], input[type=submit].formsubmit { padding: 0.5rem 1rem; font-size: 1rem; letter-spacing: 0; }
}
.card .csbutton a { padding: 0.5rem 0.7rem; font-size: 1rem; letter-spacing: 0.5px; background:transparent; color:#fff; border-width: 2px; }
.buttonmargin { margin-top:50px; }
.vertical-wrap { min-height:auto!important; }
@media(min-width:768px) { .bannertext p.text-yellow { font-size:1.7rem!important; } }

/* embedded video aspect ratio adjustment */
.videoWrapper, .videoWrapper4by3, .videoWrapper3by1, .videoWrapper1by1, .videoWrapperfixed { position: relative; height: 0; margin: 0 0 20px; border: 0; }
.videoWrapper { padding-bottom: 56.25%; }
.videoWrapper4by3 { padding-bottom: 75%; }
.videoWrapper3by1 { padding-bottom: 33.33%; }
.videoWrapper1by1 { padding-bottom: 100%; }
.videoWrapperfixed { padding-bottom: 350px; }
.videoWrapper iframe, .videoWrapper4by3 iframe, .videoWrapper3by1 iframe, .videoWrapper1by1 iframe, .videoWrapperfixed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* open close */
#content h4.reveal { position:relative; border-bottom: 2px solid #cccccc; padding-bottom:10px; padding-right:30px; margin:12px 0; cursor: pointer; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
#content h4.reveal:after { position:absolute; right:0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; line-height:1.6rem; }
#content h4.reveal.closed:after { font-weight: 600; font-family: "Font Awesome 6 Free", sans-serif; content: "\f078"; float: right; font-size: 1.6rem; }
#content h4.reveal.open:after { font-weight: 600; font-family: "Font Awesome 6 Free", sans-serif; content: "\f078"; transform: rotate(180deg); float: right; font-size: 1.6rem; }
#content h4.reveal.closed + .expandable { display: none; }
.expandable { padding: 1px 0 10px 0; border: 0; }

a.banneralert { display:block; background:#e95414ff; margin:0; padding:13px 15px 9px; border-radius: none; }
a.banneralert:hover { background:#e95414cc; }
a.banneralert h2 { font-size: 1.8rem; }
a.banneralert p { font-size: 1.4rem; font-weight:300; font-family: "jaf-domus",sans-serif; }
a.banneralert h2, a.banneralert p { color:#fff; margin:0; text-align: center; display:block; line-height: 1.8rem; }

.slidebanner { background-repeat: no-repeat; background-size: cover; height: 84vh; width: 100%; overflow: hidden; background-color: #707070; }

/* tab nav */
@media (max-width: 767px) { .nav-tabs .nav-link { border-radius: 0.25rem; } }
#content ul.nav-tabs { margin: 0; border-bottom: none; }
#content ul.nav-tabs li { margin: 4px 0 0; font-size: 16px; line-height: 24px; background: 0; padding: 0; }
#content ul.nav-tabs li button { 
    padding: 0.3rem 0.7rem 0.2rem;
    line-height: 1.8rem;
    font-size: 1rem;
    border-radius: 0;
    font-family: "jaf-domus",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
background:#666; color:#fff;}
#content ul.nav-tabs li:before { display:none; }
#content ul.nav-tabs li button:hover,
#content ul.nav-tabs li button.active { background: #A3D1FF; color: #2A2A2B; }
.nav-tabs > li { margin-bottom: -1px; }
.nav-tabs > li > button { margin-right: 4px; line-height: 1.4; border: none; border-radius: 0 0 0 0; background-color: #ddd; padding: 8px 10px 6px; }
.nav-tabs > li > button:hover { color: #fff; background-color: #3c9dff; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #efbd4c; background-color: #3c9dff; border: none; cursor: default; text-decoration: none; }
.nav-tabs-markers > li.active > a, .nav-tabs-markers > li.active > a:hover, .nav-tabs-markers > li.active > a:focus { color: #3c9dff; background-color: #ddd; }
.nav-tabs-markers > li > a:hover { background-color: #ddd; color: #3c9dff; /*pointer-events:none;*/ }
.nav-tabs-markers > li > a, .nav-tabs-markers > li > a:hover, .nav-tabs-markers > li > a:focus { background-color: #eee; color: #aaa; }
.tab-content { margin: 10px 0; }
#content .tab-content h3:first-of-type { margin-top: 0; }
#content .tab-content h3 { font-size: 2.2rem; }
#content .tab-content h4 {  }
.tab-content-form { margin: 0; }
@media (min-width: 768px) {
	#content ul.nav-tabs { margin-bottom:6px }
    #content ul.nav-tabs-markers { ; }
    .nav-tabs > li > a { border-radius: 4px 4px 0 0; }
	}
	
/* multi-section form styling */
#content .tab-content-form table tr, #content .tab-content-form table tr:nth-of-type(2n+1), #content .tab-content-form table#form-table tr:nth-of-type(2n+1) { background: transparent; }
.mainform { margin: 10px 0; }
.form_section_title { font-size: 1.6em; font-weight: 500; }
.form_section_desc { font-size: 1.1em; }
.form_section_panel { padding-top: 15px; padding-bottom: 30px; }
.form_section_panel:after { clear:both; content:""; display:block; }
#content a.form_section_next_btn, #content a.form_section_prev_btn { float: right; margin: 5px 0 0 0; white-space: nowrap; }
#content a.form_section_next_btn:hover, #content a.form_section_prev_btn:hover {  }
#content a.form_section_prev_btn { float: left; margin-left: 5px 0 0 0; }

/* list and single views */
.calendarwrap { background: #80A5B2; padding: 20px 20px 10px; margin-bottom: 30px; }
.listitem { margin: 15px 0 30px; }
.eventcontent-area .listitem { margin-top: 42px; }
img.listitemleftholder { width: 30%; border-radius: 3px; border:1px solid #ccc; float: right; margin-left:20px; margin-bottom:20px; }
.listitemleftfeatured { background: url(/images/tab-featured.png); width: 105px; position: absolute; top: 0; left: 0; z-index: 1; }
.listitem {  }
.listitemright { padding: 0 0 0 20px; display:inline-block; }
.listitemfull { padding: 15px 20px 20px; position: relative; }
#content .listitem p { margin: 0 0 18px; font-size:17px; }
#content .listitem h2 { margin: 6px 0; }
#content .listitem h5 { margin: 0; }
#content .listitem h5 { margin: 0; }
.listitem h4 { color: #888 !important; }
#content .listitem h3 a, #content .listitemtype h3 a { text-decoration: none; }
.listwrapper .col-sm-6 { margin-left: -15px; margin-right: -15px; }
#content .listwrapper img { border: none; box-shadow: none; padding: 0; }
.listitemtype { margin: 10px 0 20px; }
.listitemimagewrapper { position: relative; background-size: cover; background-position: center center; padding-bottom: 80%; height: 0; }
.listitemimagewrapper h4 { position: absolute; background: rgba(0, 0, 0, 0.4); display: block; width: 100%; bottom: 0; left: 0; margin: 0; padding: 8px 15px 12px; color: #fff; }
.listitemimagewrappervideo { padding-bottom: 55.5%; }
.listitemtype h2 { margin: 10px 0 0; line-height: 1.2; }
#content .listitemtype p.listsummary { margin: 8px 0 0; font-size: 14px; }
#content .listitemtype p.csbutton { float: right; margin: 0 0 0 10px; text-align: right; }
#content .listitemtypevideo p.csbutton { float: none; }
#content .listitemtype p.csbutton a { margin: 0 0 5px; }
#content .listitemtype p.csbutton a:hover { margin: 0; padding-top: 10px; }
#content .listitemtype h3 { margin: 0 0 5px; }
.listitemsimple { margin: 10px 0 30px; }
#content .listitemsimple h3 a { text-decoration: none; }
#content .listitemsimple h3, #content .listitemsimple p { margin: 0; }
#content p.listitemdate { color: #00807e; text-transform: uppercase; font-weight: bold; }
#content .listitemsimple p { line-height: 1.4; }
#content .listitemsimple p.csbutton { margin: 0; }
.singleitemcontent { margin: 0 0 20px; }
.singleitemcontent .videoWrapper { margin-top: 5px; }
.singleitemcontent h3 { margin-top: 20px; }
#content .singleitemcontent img.right { width: 100%; }
@media (min-width: 768px) {
  .form_section_panel { padding: 25px 30px 85px; border:3px solid #A3D1FF; box-shadow: 0px 2px 15px rgb(0 0 0 / 10%); }
  .eventcontent-area .listitem { margin-top: 15px; }
  .listitemleftholder {  }
  .listitemright {  }
  .content-below .listitemright, .content-below .listitemleftholder { height: auto; }
  .listwrapper .col-sm-6 { margin-left: 0; margin-right: 0; }
  .listwrapper .col-sm-6:nth-of-type(2n+1) { padding-left: 0; clear: both; }
  .listwrapper .col-sm-6:nth-of-type(2n+2) { padding-right: 0; }
  #content .singleitemcontent img.right { width: 50%; }
}
@media (min-width: 992px) {
  .listitemleftholder {  }
  .listitemright {  }
  .content-below .listitemright, .content-below .listitemleftholder { height: auto; }
  .listwrapper .col-sm-6:nth-of-type(2n+1) { clear: none; }
  .listwrapper .col-sm-6:nth-of-type(2n+2) { padding-right: 10px; }
  .listwrapper .col-md-4:nth-of-type(3n+1) { padding-left: 0; padding-right: 14px; clear: both; }
  .listwrapper .col-md-4:nth-of-type(3n+2) { padding-left: 7px; padding-right: 7px; }
  .listwrapper .col-md-4:nth-of-type(3n+3) { padding-left: 14px; padding-right: 0; }
}

/* pagination */
#pagination ul.pagination { margin: 40px 0 10px; display: flex; align-items: center; justify-content: center;}
#pagination .pagination > li { background: none; padding: 0; }
#pagination .pagination > li:before { display: none; }
#pagination .pagination > li > a { text-decoration: none; }
#pagination .pagination > span { display: inline-block; float: left; padding: 8px 12px 4px; }
#pagination .pagination > li > a, #pagination .pagination > li > span { text-decoration: none; padding: 4px 12px 8px; margin: 0 2px 3px 1px; color: #000; border: 1px solid #ccc; line-height: 1rem; font-family: "jaf-domus-titling-web", sans-serif; }
#pagination .pagination > li:first-child > a, #pagination .pagination > li:first-child > span { margin-left: 0; border-radius: 3px 0 0 3px; }
#pagination .pagination > li:last-child > a, #pagination .pagination > li:last-child > span { border-radius: 0 3px 3px 0; }
#pagination .pagination > li > a:hover, #pagination .pagination > li > span:hover, #pagination .pagination > li > a:focus, #pagination .pagination > li > span:focus { color: #000; background: #A3D1FF; }
#pagination .pagination > .active > a, #pagination .pagination > .active > span, #pagination .pagination > .active > a:hover, #pagination .pagination > .active > span:hover, #pagination .pagination > .active > a:focus, #pagination .pagination > .active > span:focus { color: #000; background-color: #A3D1FF; border-color:#A3D1FF; }
#pagination .pagination > .disabled > span, #pagination .pagination > .disabled > a, #pagination .pagination > .disabled > a:hover, #pagination .pagination > .disabled > a:focus { color: #aaa; background-color: #cccccc; cursor: not-allowed; }

/* buttongroup */
.buttongroup { border: 0; }

/* pageimage */
.contentimage { display:none; background-size: cover; height:0; padding-bottom:36.6%; }
.contentimage.withpageimage { display:block; }

/* polls */
.pollresponseouter { width:100%; padding:8px 0 0; }
.pollresponsetitle { width:100%; background:rgba(255, 255, 255, 0.2); text-align:left; color:#222; font-size:18px; line-height:20px; padding:2px 6px 1px 0; -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; }
.pollresponseresultouter { width:100%; background:rgba(0, 0, 0, 0.6); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; overflow:hidden; height:30px; }
.pollresponseresult { height:30px; background-color:#A3D1FF; font-size:16px; line-height:30px; text-indent:5px; }
.pollresponseresultnumber { color:#fff; display:block; padding:0 0 0 4px; }
p.responsetext { display:none; }

.offcanvas.show {
    overflow-y: scroll;
}

/* Civic overrides */
#ccc-close{display:none!important}
#ccc-button-holder{max-width:300px}
#ccc-icon svg { fill:#2A2A2B; }
#ccc .ccc-notify-button.ccc-accept-button{flex-wrap:wrap!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-accept-button{background:#0d7410!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-accept-button{background:#b0d3b1!important}
#ccc .ccc-notify-button.ccc-reject-button{padding:4px 8px!important;font-size:0.8em!important;flex-wrap:wrap!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-reject-button {border-color:#ffffffb3!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-reject-button {border-color:#00000080!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-reject-button span{color:#ffffffb3!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-reject-button span{color:#000000a3!important}