/* devanagari */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');

  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;

}

/* latin-ext */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

/* devanagari */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');

  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;

}

/* latin-ext */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

/* latin */

@font-face {

  font-family: 'Poppins';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}



:root {

    --primary: #2e3192;

    --secondary: #052342;

    --gray: #231F20;

    --medium-gray: #484848;

    --light-gray: #EDEDEB;

    --light-gray-1: #F6F8FB;

    --glass-effect: rgba(35, 31, 32, 0.5);

    --white: #ffffff;

    --black: #000000;

    --light: #F6F8FB;

    --dark: var(--primary);

    --desktop-size: 1560px;

    --bs-nav-link-color: #484848;

    --bs-dropdown-link-color: #484848;

    --default-font-size: 15px;

    --linear-gradient: linear-gradient(90deg, #2e3192, #052342);

}





* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: 'Poppins', sans-serif;

    text-decoration: none;

    transition: 0.15s ease-in-out;

}



html, body {

    /* background-color: var(--light-gray-1); */
    box-shadow: none !important;

}



body {

    /* inline-size: var(--desktop-size); */

    min-block-size: 100vh;

    display: flex;

    flex-direction: column;

    /* justify-content: space-between; */

    align-items: center;

    overflow-x: hidden !important;

}



main {

    max-width: var(--desktop-size);

    width: 100vw;

}

.h3, .hero-container.pages .swiper-wrapper .swiper-slide .slide-text span, .swiper-container.pages .swiper-slide .slide-text span, h3, .paragraph, .paragraph p, p {

    margin: 0 !important;

}



p, a {

    color: var(--medium-gray);

    font-size: var(--default-font-size);

    text-decoration: none;

}



h1, h2, h3, h4, h5, h6 {

    font-weight: 700;

}



img {

    inline-size: 100%;

    block-size: auto;

}



ul {

    list-style: none;

}



::-moz-selection { /* Code for Firefox */

  color: var(--white);

  background: var(--secondary);

}



::selection {

  color: var(--white);

  background: var(--secondary);

}



::marker {

    font-size: 10px;

    color: var(--secondary);

}



::-webkit-scrollbar{

    inline-size:5px;

    block-size: 5px;

}

::-webkit-scrollbar-track{

    border-radius:10px;

}

::-webkit-scrollbar-thumb{

    background:var(--linear-gradient);

    border-radius:10px;

    box-shadow: 0 0 1px var(--secondary);

}

::-webkit-scrollbar-thumb:hover{

    background:var(--secondary);

    box-shadow: 0 0 1px var(--primary);

}



a:hover {

    color: var(--primary);

}



.section-padding {

    padding: 80px 0;

}

.section-title {

    padding-bottom: 40px;

}

  

.section-title h2 {

    font-size: 14px;

    font-weight: 500;

    padding: 0;

    line-height: 1px;

    margin: 0 0 5px 0;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: #aaaaaa;

    font-family: "Poppins", sans-serif;

}

  

.section-title h2::after {

    content: "";

    width: 120px;

    height: 1px;

    display: inline-block;

    background: var(--secondary);

    margin: 4px 10px;

}



.section-title p {

    margin: 0;

    margin: 0;

    font-size: 36px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: "Poppins", sans-serif;

    color: var(--medium-gray);

}





.main-navigation {

    margin-left: auto;

    margin-right: auto;

}



header .meta-navigation {

    position: unset;

    padding: 0 50px 0 0;

}



header .meta-navigation>li {

    margin: 0 2px;

}



header .meta-navigation>li a {

    color: var(--primary);

}



header .home-link {

    /* width: 312px; */
    width: 388px;

    /*top: -12px;*/

    /*left: -17px;*/

    

    height: auto; 

    position: unset;

    padding: 5px;

}



.slide-search .slide-icon-search, .slide-search .slide-search-input, .slide-search .slide-search-submit, .slide-search.slide-search-open .slide-icon-search, .button-red, .more-link, .mega-flyout-tabs .tab-navigation ul li.active a, .sidebar>div:nth-of-type(4n+1), .button-ghost-blue:hover, .button-ghost-primary:hover {

    background: var(--linear-gradient);

}



@media only screen and (min-width: 1240px) {

    .main-navigation>ul>li {

        /*padding: 0 4px;*/

    }

}



@media only screen and (max-width: 428px){

    header .home-link {

        width: 72%;

    }

}

#downloads ul, #downloads li {
    width: 100%;
    list-style: none !important;
    margin: 0;
}
#downloads li label  {
    width: calc(100% - 32px);
    list-style: none !important;
    margin: 0;
}
/* #downloads li, #downloads li label {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */
#downloads li::before {
    display: none;
}
ul.download-list li:hover .download-button span {
    color: var(--primary);
    opacity: 1;
}

/*content*/
ul.download-list {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
ul.download-list li {
	margin: 0;
	padding: 10px 10px 10px 70px;
	position: relative;
	min-height: 6.5rem;
}
ul.download-list li:hover {
    background-color: #ededeb;
}
ul.download-list li input[type="checkbox"] {
	position: absolute;
	left: -9999px;
}
ul.download-list li input[type="checkbox"]+input[type="hidden"]+label {
	font-weight: normal;
	cursor: pointer;
	/* display: none; */
}
ul.download-list li .download-button {
	display: block;
	padding-top: 5px;
	color: #b3b3b3;
	/* position: absolute;
	top: 55px;
	right: 15px; */
	padding: 0;
	float: right;
	display: block;
}
.download-all{display:none;}
ul.download-list li .download-button .icon-download{
	background-image: url(images/download.png);
	background-repeat:no-repeat;
	width:32px;
	height:32px;
    opacity: 0.5;
}
ul.download-list li .download-button a {
	float: none !important;
	margin: 0;
}

ul.download-list li .icon {
	font-size: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #e4002b;
	/* background-image:url(images/pdf.png); */
	width:32px;
	height:32px;
	background-repeat: no-repeat;
}
ul.download-list li .icon-download:before {
    display: none;
}
ul.download-list li .download-title-meta {
	width: 100%;
	display: inline-block;
}
ul.download-list li .download-title-meta .download-title {
	font-family: "Poppins-SemiBold",sans-serif;
	padding-right: 10px;
	display: block;
	word-break: break-word;
	font-weight:600;
}
ul.download-list li .download-title-meta .download-meta {
	padding-right: 10px;
	display: block;
	font-size: 15px !important;
}
ul.download-list li span {
	display: inline-block;
}
ul.download-list li .download-description {
	padding-right: 10px;
	font-size: 15px !important;
}

ul.download-list li .download-description p {
	line-height: 140%;
}
ul.download-list li input[type="checkbox"]:checked+input[type="hidden"]+label:before {
	background-position: bottom left;
}
ul.download-list li input[type="checkbox"]+input[type="hidden"]+label:before {
	content: "";
	height: 20px;
	width: 20px;
	background-image: url(../img/checkbox_bg.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 18px;
}

/*************** Service Box ***************/



.service-box .read-more {

	margin-top: 4px;

	font-weight: 500;

	margin-left: 2px;

}



.service-box .read-more i {

	display: inline-block;

	position: relative;

	top: 1px;

}



.image-service-box img {

	margin-bottom: 14px;

}



.image-service-box h4 {

	margin-bottom: 8px;

	padding: 0 10px;

    font-weight: 400;

}



.image-service-box p {

	padding: 0 10px;

}



.service-box {

	/* margin-bottom: 35px; */

}



.service-center {

	text-align: center;

}

.service-box.service-center * {
    font-size: 12px;
}

.service-icon-left .service-icon {

	float: left;

}



.service-icon-left .service-content {

	padding-left: 45px;

}



.service-icon-left-more .service-icon {

	float: left;

}



.service-icon-left-more .service-content {

	padding-left: 60px;

}



.service-center .service-icon {

	margin-bottom: 14px;

}



.service-center .service-content h4 {

	margin-bottom: 6px;

    font-weight: 500;

}



.service-center .service-icon i {

	display: inline-block;

}



.service-box h4 {

	margin-bottom: 5px;

    font-weight: 400;

}



.service-box > div:first-child {

	padding: 0;

}



.service-boxed {

	margin-top: 30px;

	padding: 0 15px 20px 15px !important;

	border: 1px solid #eee;

	border-radius: 4px;

	-webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

	transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.service-boxed:hover {

	border-color: #e2e2e2;

	box-shadow: 0 0 6px rgba(0,0,0,.1);

	-o-box-shadow: 0 0 6px rgba(0,0,0,.1);

	-moz-box-shadow: 0 0 6px rgba(0,0,0,.1);

  	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);

}



.service-boxed p {

    margin-bottom: 0;

}



/*--------------------------------------------------------------

# index

--------------------------------------------------------------*/

.main-section > .row > div {

    flex-direction: column; 

    align-items: flex-start; 

    justify-content: flex-start; 

    gap: 25px;;

}



#references-section .owl-carousel.owl-theme * {

    display: flex;

    align-items: center;

}



#references-section .owl-carousel.owl-theme .owl-nav, #references-section .owl-carousel.owl-theme .owl-dots {

    display: none;

}

.main-section .owl-carousel .owl-stage-outer {

    box-shadow: -5px 5px 6px 0 rgb(0 0 0 / 30%);

    min-height: 200px;

    border-radius: 5px;

}

.main-section .owl-carousel .owl-stage-outer .owl-stage, .main-section .owl-carousel .owl-stage-outer .owl-stage .owl-item, .main-section .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {

    height: 100%;

}

.main-section .owl-carousel .owl-stage-outer .owl-stage .owl-item {

    width: auto;

    margin: 0;

}

.main-section .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {

    background-repeat: repeat;

    background-position: center;

    background-size: cover;

}



/*--------------------------------------------------------------

# Services

--------------------------------------------------------------*/

.services .icon-box {

  padding: 30px;

  position: relative;

  overflow: hidden;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0 2px 29px 0 rgba(68, 88, 144, 0.12);

  transition: all 0.4s ease-in-out;

  width: 100%;

  height: 100%;

}



.services .icon-box:hover {

  transform: translateY(-10px);

  box-shadow: 0 2px 35px 0 rgba(68, 88, 144, 0.2);

}



.services .icon {

  position: absolute;

  left: -20px;

  top: calc(50% - 30px);

  color: var(--secondary);

}



.services .icon i {

  font-size: 64px;

  line-height: 1;

  transition: 0.5s;

}



.services .title {

  margin-left: 40px;

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 18px;

}



.services .title a {

  color: var(--gray);

  transition: ease-in-out 0.3s;

  text-transform: capitalize;

}



.services .title a:hover {

  color: var(--secondary);

}



.services .description {

  font-size: 14px;

  margin-left: 40px;

  line-height: 24px;

  margin-bottom: 0;

  max-height: 100px;

}



#services-details-section ul {

  list-style: disc;

}



/*--------------------------------------------------------------

# Testimonials

--------------------------------------------------------------*/

.testimonials .testimonials-carousel,

.testimonials .testimonials-slider {

  overflow: hidden;

}



.testimonials .testimonial-item {

  box-sizing: content-box;

  padding: 30px 30px 0 30px;

  margin: 30px 15px;

  text-align: center;

  min-height: 350px;

  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);

  background-color: var(--white);

  border-radius: 15px;

}



.testimonials .testimonial-item .testimonial-img {

  width: 90px;

  border-radius: 50%;

  border: 4px solid #fff;

  margin: 0 auto;

}



.testimonials .testimonial-item h3 {

  font-size: 18px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #111;

}



.testimonials .testimonial-item h4 {

  font-size: 14px;

  color: #999;

  margin: 0;

}



.testimonials .testimonial-item .quote-icon-left,

.testimonials .testimonial-item .quote-icon-right {

  color: #fedac0;

  font-size: 26px;

}



.testimonials .testimonial-item .quote-icon-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.testimonials .testimonial-item .quote-icon-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

}



.testimonials .testimonial-item p {

  font-style: italic;

  margin: 0 auto 15px auto;

}



.testimonials .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.testimonials .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid var(--secondary);

}



.testimonials .swiper-pagination .swiper-pagination-bullet-active {

  background-color: var(--secondary);

}



/* =-=-=-=-=-=-= Breadcrumbs =-=-=-=-=-=-= */

.page-header-area-2 {

	padding: 30px 0;

	text-align: left;

	position: relative;

}



.page-header-area-2 .small-breadcrumb {

	background: transparent;

}



.page-header-area-2 .small-breadcrumb .breadcrumb-link ul li a {

	color: #999;

}



.page-header-area-2 .small-breadcrumb .breadcrumb-link ul li::after {

	color: #a0a0a0;

}



.page-header-area-2 .small-breadcrumb .breadcrumb-link ul li a.active {

	border-bottom: medium none;

}



.page-header-area-2 h1 {

	color: #232323;

	font-size: 26px;

	font-weight: 600;

	text-transform: capitalize;

}



.page-header-area-2 .key-features {

	margin-top: 15px;

	margin-bottom: 0;

}

.small-breadcrumb {

	overflow: hidden;

	position: relative;

	width: 100%;

}



.small-breadcrumb .breadcrumb-link {

	overflow: hidden;

}



.small-breadcrumb .breadcrumb-link ul li {

	float: left;

	padding: 0 15px;

}



.small-breadcrumb .breadcrumb-link ul li:first-child {

	padding-left: 0;

}



.small-breadcrumb .breadcrumb-link ul li a {

	color: #fff;

	display: inline-block;

	padding: 10px 0;

	position: relative;

}



.small-breadcrumb .breadcrumb-link ul li a .icon {

	margin-right: 5px;

}



.small-breadcrumb .breadcrumb-link ul li a .icon {

	display: inline-block;

	width: auto;

}



.small-breadcrumb .breadcrumb-link ul li a::after {

	bottom: -8px;

	content: "";

	height: 4px;

	left: 0;

	position: absolute;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	width: 100%;

}



.small-breadcrumb .breadcrumb-link ul li a:hover::after {

	bottom: -4px;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}



.small-breadcrumb .breadcrumb-link ul li a:first-child {

	padding-left: 0;

}



.small-breadcrumb .breadcrumb-link ul li {

	position: relative;

}



.small-breadcrumb .breadcrumb-link ul li::after {

	color: #fff;

	content: "\f105";

	font-family: "FontAwesome";

	font-size: 13px;

	font-style: normal;

	font-weight: 500;

	position: absolute;

	right: 0;

	text-decoration: inherit;

	top: 10px;

}



.small-breadcrumb .breadcrumb-link ul li:last-child::after {

	display: none;

}







.hero-heading {

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../img/pedodonti-B69984.jpg');

    color: #fff;

    background-repeat: no-repeat;

    background-size: cover;

}



.hero-heading * {

    color: #fff;

}



.small-breadcrumb .breadcrumb-link ul li a.active {

    color: var(--secondary) !important;

}



.mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li > a:focus, .footer-top .widget.my-quicklinks ul li a:hover, .footer-top .widget.my-quicklinks ul li a:focus {

    color: var(--secondary) !important;

    text-shadow: -1px 1px 0px black;

}

.hero-heading .row.text-center {

    padding-top: 100px;

}

.hero-heading h1 {

    font-weight: 600;

}









.no-p-top {

    padding-block-start: 0;

}



.no-p-bottom {

    padding-block-end: 0;

}



.no-p-right {

    padding-inline-end: 0;

}



.no-p-left {

    padding-inline-start: 0;

}



a.skip-main{

    inset-inline-start:-999px;

    position:absolute;

    inset-block-start:auto;

    inline-size:1px;

    block-size:1px;

    overflow:hidden;

    z-index:-999;

}

a.skip-main:active,a.skip-main:focus{

    position:fixed;

    overflow:hidden;

    z-index:999;

    inset-inline-start:10px;

    inset-block-start:10px;

    inline-size:auto;

    block-size:auto;

}

/* :focus{

    outline:none;

} */

:focus{

    outline:-webkit-focus-ring-color auto 1px !important;

    outline-offset: 1px !important;

}

a:-webkit-any-link{

    /* color:-webkit-link; */

    cursor:pointer;

    /* text-decoration:underline; */

}

a:-webkit-any-link:focus-visible{

    outline-offset:1px;

}



.text-color-primary {

    color: var(--primary);

}



.text-color-secondary {

    color: var(--secondary);

}



.text-color-light-gray {

    color: var(--light-gray);

}



.text-color-light-gray-1 {

    color: var(--light-gray-1);

}



.input-custom {

    inline-size: 100%;

    display: inline;

    padding: 20px 30px;

    gap: 20px;



    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); */

    border-radius: 5px !important;

    margin-top: 5px;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



.btn-custom {

    

    /* display: inline; */

    padding: 12px 30px;

    gap: 20px;



    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

    /* border-radius: 25px; */

}



.btn-theme-1, .btn-theme-2:hover {

    background: var(--linear-gradient) !important;

    color: var(--light-gray) !important;

    border-style: solid;

}



.btn-theme-2, .btn-theme-1:hover {

    background: var(--light-gray) !important;

    color: var(--gray) !important;

    border-style: solid;

}



.glass-effect {

    background: rgba(35, 31, 32, 0.5);

    backdrop-filter: blur(10px);

}



.round-box-shadow {

    border-radius: 50px;

    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);

}



header {

    width: 100%;

}



footer {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 10px;

    padding-block-end: 0;



    

    /* inset-block-end: 0; */

    /* inset-block-start: auto;

    position: absolute;

    inset-inline-start: 50%;

    translate: -50%; */

}



footer li a {

    font-size: 0.8rem;

}



footer > .footer-top {

    max-inline-size: 80%;

    inline-size: 100%;



    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    padding: 20px 100px;

    gap: 10px;



    color: var(--light-gray-1);



    background: var(--linear-gradient);

    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);

    border-radius: 50px;



    margin-block-end: -50px;

    z-index: 1;

}



footer > .footer-top p {

    color: var(--light-gray-1);

    font-size: var(--default-font-size);

}



footer > .footer-top .btn-custom{

    display: unset;

}



footer > .footer-bottom {

    inline-size: 100%;



    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    padding: 10px 50px 0px;

}



.copyright {

    inline-size: 100%;

    justify-content: space-between;

    flex-direction: row;

    align-items: center;

    padding: 15px;

}



.copyright div:nth-child(1) a {

    color: var(--black);

    padding-inline-end: 10px;

}



.copyright * {

    font-size: 0.8rem;

    margin: 0;

    padding: 0;

}



.logo {

    /* max-inline-size: 250px; */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 0px 15px;

    gap: 10px;



    /* inline-size: 250px; */

    block-size: inherit;

}



.logo img {

    inline-size: 250px;

    block-size: auto;

}



img.nav-icons {

    inline-size: 15px;

    block-size: 15px;

}

.nav-link {

    color: var(--primary);

}



.navbar-nav .dropdown-menu {

    position: absolute;

    min-width: 300px;

    max-width: 350px;

    overflow: hidden;

}



.navbar-nav .dropdown-menu a {

    white-space: normal;

}



/* a[data-bs-toggle="dropdown"]:focus ~ .dropdown-menu {

    display: block;

} */



.h3, .hero-container.pages .swiper-wrapper .swiper-slide .slide-text span, .swiper-container.pages .swiper-slide .slide-text span, h3, .paragraph, .paragraph p, p {

    margin: 0;

}



.btn.next, .btn.prev {

    background: var(--white);

    border-radius: 100%;

    block-size: 30px;

    position: absolute;

    inset-block-start: 45%;

    inline-size: 30px;

    color: var(--gray);

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 2px solid #fff;

    opacity: 1;

    transition: opacity 0.2s ease-in-out;

}



.btn.next {

    inset-inline-end: 20px;

}

/* .btn.next:hover, .btn.next:focus, .btn.prev:hover, .btn.prev:focus {

    opacity: 0.5;

} */



.btn.prev {

    inset-inline-start: 20px;

}



.hero-service-section {

    position: absolute;

    bottom: 15%;

    left: 50%;

    translate: -50%;

}



.hero-services {

    background: rgba(255,255,255,0.5);

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100px;

    border-radius: 5px;

    border-radius: 5px;

    backdrop-filter: blur(6px);

    border: 1px solid rgba(0,0,0,0.1);

    box-shadow: 4px 4px 15px -4px rgb(0 0 0 / 40%);

    color: var(--primary);

}



#carousel-section {

    position: relative;

}



#crousal-section > .row:nth-child(1) {

    margin: 0;

    min-block-size: 500px;

    /* border-radius: 100px; */

    justify-content: center;

    /* align-items: center; */

    overflow: hidden;

    flex-wrap: wrap;

    position: relative;

    background-repeat: no-repeat;

    background-size: cover;



    /*background: url("../img/6.jpeg");*/

    background-blend-mode: darken;

    transition: background 3s;

}



#carousal-section .overlay {

    background: var(--primary);

    border-radius: 0 164px 0 0;

    block-size: 100%;

    inset-inline-start: -10%;

    max-inline-size: 60%;

    mix-blend-mode: multiply;

    position: absolute;

    inset-block-start: 130.66667px;

    transform:

    rotate(352deg);

    inline-size: 100%;

    z-index: 0;

}



#carousal-section .crousal-search-bar {

    display: flex;

    gap: 15px;

    align-items: center;

    justify-content: center;

}





.hero-waves {

    display: block;

    width: 100%;

    height: 60px;

    position: absolute;

    bottom: 0;

  }

  

  .wave1 use {

    -webkit-animation: move-forever1 10s linear infinite;

    animation: move-forever1 10s linear infinite;

    -webkit-animation-delay: -2s;

    animation-delay: -2s;

  }

  

  .wave2 use {

    -webkit-animation: move-forever2 8s linear infinite;

    animation: move-forever2 8s linear infinite;

    -webkit-animation-delay: -2s;

    animation-delay: -2s;

  }

  

  .wave3 use {

    -webkit-animation: move-forever3 6s linear infinite;

    animation: move-forever3 6s linear infinite;

    -webkit-animation-delay: -2s;

    animation-delay: -2s;

  }

  

  @-webkit-keyframes move-forever1 {

    0% {

      transform: translate(85px, 0%);

    }

  

    100% {

      transform: translate(-90px, 0%);

    }

  }

  

  @keyframes move-forever1 {

    0% {

      transform: translate(85px, 0%);

    }

  

    100% {

      transform: translate(-90px, 0%);

    }

  }

  

  @-webkit-keyframes move-forever2 {

    0% {

      transform: translate(-90px, 0%);

    }

  

    100% {

      transform: translate(85px, 0%);

    }

  }

  

  @keyframes move-forever2 {

    0% {

      transform: translate(-90px, 0%);

    }

  

    100% {

      transform: translate(85px, 0%);

    }

  }

  

  @-webkit-keyframes move-forever3 {

    0% {

      transform: translate(-90px, 0%);

    }

  

    100% {

      transform: translate(85px, 0%);

    }

  }

  

  @keyframes move-forever3 {

    0% {

      transform: translate(-90px, 0%);

    }

  

    100% {

      transform: translate(85px, 0%);

    }

  }



.system-certification-grid-container {  display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    grid-template-rows: 1fr 1fr 1fr;

    gap: 0px 30px;

    grid-auto-flow: row;

    grid-template-areas:

      "card-1 image image"

      "card-2 image image"

      "card-3 card-4 card-5";

      

    justify-content: center; 

    align-content: center; 

    justify-items: center; 

    align-items: center; 

}



.system-certification-grid-container .image { grid-area: image; padding: 5%;}



.system-certification-grid-container .card-1 { grid-area: card-1; }



.system-certification-grid-container .card-2 { grid-area: card-2; }



.system-certification-grid-container .card-3 { grid-area: card-3; }



.system-certification-grid-container .card-4 { grid-area: card-4; }



.system-certification-grid-container .card-5 { grid-area: card-5; }



.system-certification-grid-container .round-box-shadow.card > * {

    inline-size: 100%;

    block-size: auto;

}



.system-certification-grid-container .card {

    /* Auto layout */



    display: flex;

    flex-direction: column;

    align-items: flex-start;

    padding: 30px;

    gap: 10px;



    inline-size: 100%;

    block-size: 200px;



    /* Maya Green */



    border-width: 1px 1px 11px 1px;

    border-style: solid;

    border-color: var(--linear-gradient);

    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5)); */

    border-radius: 50px;

    background-color: var(--light-gray-1);



}



.system-certification-grid-container .card:hover {

    border-color: var(--gray);

    transition: 0.15s ease-in-out;

}



.system-certification-grid-container .card h3 {

    color: var(--primary);

}



.system-certification-grid-container .card:hover h3 {

    color: var(--gray);

}



#center-section .row {

    display: flex;

    align-items: center;

    justify-content: center;

}



#center-section .row:nth-child(1) {

    padding: 0 6em;

    margin-block-end: -10em;

}



#center-section .row:nth-child(2) {

    border-radius: 10em;

    padding: 3em;

    gap: 1em;

}



#center-section .row:nth-child(2) > div:nth-child(2) {

    display: flex;

    flex-wrap: wrap;

    gap: 15px;

    align-items: center;

    justify-content: center;

}



#center-section .row:nth-child(3) {

    border-radius: 0 0 100px 100px;

    background: var(--gray);

    margin-block-start: -0.5em;

    margin-inline-end: 5em;

    margin-inline-start: 5em;

    gap: 1rem;

}



#center-section .row:nth-child(2) a.btn {

    font-size: small;

    padding: 10px 15px;

}



#center-section .row:nth-child(2) a.btn:hover {

    background-color: var(--gray) !important;

}



#center-section .card {

    min-block-size: 400px;

    max-inline-size: 400px;

    background-repeat: no-repeat;

    background-position: center;

    padding: 0;

    border-radius: 100px;

    border: none;

    background-size: cover;

}



#center-section .card:hover {

    margin-block-end: 2rem;

}



#center-section .card:nth-child(1) {

    block-size: 400px;

}



#center-section .card:nth-child(2) {

    block-size: 500px;

    margin-inline-start: -55px;

}



#center-section .card:nth-child(3) {

    block-size: 600px;

    margin-inline-start: -55px;

}



#center-section .card .glass-effect{

    inline-size: 100%;

    block-size: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100px;

}



@media screen and (max-width: 800px) {

    

    .system-certification-grid-container {

        gap: 30px;

    }

    .system-certification-grid-container h3 {

        font-size: 1rem !important;

    }

    .system-certification-grid-container p {

        font-size: xx-small !important;

    }

    #crousal-section .overlay {

        max-inline-size: 90%;

        inset-block-start: 150.66667px;

        transform: rotate(354deg);

    }



    #center-section .row:nth-child(1) {

        margin-block-end: -13em;

    }



    #center-section .row:nth-child(3) h2 {

        font-size: calc(1rem + .9vw)!important;

    }



    #center-section .card {

        min-block-size: 300px;

        max-inline-size: 300px;

    }



    #center-section .card .glass-effect {

        padding: 0 2rem;

    }

    

    #center-section .card:nth-child(1) {

        block-size: 300px;

    }

    

    #center-section .card:nth-child(2) {

        block-size: 400px;

    }

    

    #center-section .card:nth-child(3) {

        block-size: 500px;

    }

}

  



@media screen and (max-width: 400px) {

    footer > .footer-top {

        padding: 20px 50px;

        padding-block-end: 30px;

        justify-content: center;

    }

    .system-certification-grid-container {

        gap: 30px 0px;

        grid-template-columns: unset;

        grid-template-rows: unset;

        grid-template-areas:

        "image image image"

        "card-1 card-1 card-1"

        "card-2 card-2 card-2"

        "card-3 card-3 card-3"

        "card-4 card-4 card-4"

        "card-5 card-5 card-5";

    }

    #crousal-section .overlay {

        max-inline-size: 100%;

        inset-block-start: 90.66667px;

        transform: rotate(345deg);

    }

    #crousal-section .crousal-search-bar {

        flex-wrap: wrap;

    }

    #center-section .row:nth-child(1) {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        margin: 0 0 -5em 0;

        padding: 0;

    }

    #center-section .row:nth-child(2) {

        border-radius: 7em;

        padding: 1em;

    }

    #center-section .row:nth-child(2) a.btn {

        padding: 7px 10px;

        font-size: 0.75rem;

    }

    #center-section .row:nth-child(2) > div:nth-child(2) {

        gap: 5px;

    }

    #center-section .row:nth-child(3) {

        margin-inline-end: 4em;

        margin-inline-start: 4em;

    }

    #center-section .row:nth-child(3) a.btn {

        padding: 0.75rem;

        font-size: 0.75rem;

    }



    #center-section .card {

        align-items: center;

        justify-content: center

    }



    #center-section .card .glass-effect {

        padding: 0;

        inline-size: inherit;

        block-size: inherit;

    }

    

    #center-section .card:nth-child(1) {

        block-size: 300px;

        margin-block-end: -5em;

    }

    

    #center-section .card:nth-child(2) {

        block-size: 300px;

        margin-inline-start: 0;

        margin-block-end: -5em;

    }

    

    #center-section .card:nth-child(3) {

        block-size: 300px;

        margin-inline-start: 0;

        margin-block-end: -1em;

    }



    .btn.next, .btn.prev {

        inset-block-start: 9%;

        opacity:0.6;

    }



    .btn.prev {

        inset-inline-start: calc(100% - 130px);

    }

    #crousal-section > .row > div:nth-child(1) > div:nth-child(2) {

        flex-flow: row !important;

    }

}



/* Third-party CSS - start */



.float-btns {

    position: fixed;

    display: flex;

    inset-inline-end: 15px;

    inset-block-end: 15px;

    z-index: 99;

    align-items: center;

    justify-content: end;

    flex-direction: column;

    gap: 10px;

}



.btn-whatsapp {

    padding: 10px 16px;

}



.back-to-top {

    /* position: fixed; */

    position: unset;

    display: none;

    inset-inline-end: 30px;

    inset-block-end: 30px;

    z-index: 99;

    padding: 10px 16px;

}





/*** Spinner ***/

#spinner {

    opacity: 0;

    visibility: hidden;

    transition: opacity .5s ease-out, visibility 0s linear .5s;

    z-index: 99999;

}



#spinner.show {

    transition: opacity .5s ease-out, visibility 0s linear 0s;

    visibility: visible;

    opacity: 1;

}



/*** dormakaba css ***/

/* 



header{

    position:fixed;

    top:0;

    width:100%;

    max-width:1560px;

    height:80px;

    background-color:#fff;

    z-index:99;

    border-bottom:1px solid #d9d9d7

}

header .home-link{

    display:block;

    width:244px;

    height:22px;

    position:absolute;

    top:5px;

    left:0;

    padding:22px

}

header .meta-navigation{

    width:150px;

    position:absolute;

    top:0;

    right:50px;

    text-align:right;

    margin:0;

    padding:0

}

header .meta-navigation>li{

    height:80px;

    display:inline-block;

    line-height:80px;

    margin:0 10px;

    position:relative

}

header .meta-navigation>li span{

    color:#484848;

    cursor:pointer

}

header .meta-navigation>li span:hover{

    color:#d9d9d7

}

header .meta-navigation>li a{

    color:#484848;

    cursor:pointer

}

header .meta-navigation>li a:hover{

    color:#d9d9d7

}

header .meta-navigation>li a i{

    vertical-align:middle;

    font-size:150%

}

header .meta-navigation>li.language-select ul.sub-menu{

    position:absolute;

    top:79px;

    left:-46px;

    width:auto;

    max-width:180px;

    padding:0 20px;

    margin:0;

    background-color:#fff;

    z-index:100;

    list-style:none;

    text-align:left;

    border:1px solid #d9d9d7;

    border-top:0;

    height:auto;

    max-height:0;

    overflow:hidden;

    transition:.3s

}

header .meta-navigation>li.language-select ul.sub-menu li{

    line-height:20px;

    height:auto;

    display:block;

    margin:10px 0;

    word-wrap:break-word

}

header .meta-navigation>li.language-select ul.sub-menu li:before{

    background-color:#d9d9d7

}

header .meta-navigation>li.language-select ul.sub-menu li:last-child{

    padding-bottom:15px

}

header .meta-navigation>li.language-select:hover .sub-menu{

    max-height:500px

}

header .meta-navigation>li.country-select .flag-icon{

    position:absolute;

    top:24px;

    right:-8px;

    z-index:1;

    border:1px solid #484848;

    height:16px

}

@media only screen and (max-width:1239px){

    header .meta-navigation{

        display:none

    }

}



.main-navigation{

    margin-left:250px

}

@media only screen and (max-width:1239px){

    .main-navigation{

        display:none

    }

}

@media only screen and (min-width:1240px){

    .main-navigation{

        display:inline-block

    }

    .main-navigation>ul{

        list-style:none;

        margin:0;

        padding:0

    }

    .main-navigation>ul>li{

        display:inline-block;

        padding:0 10px

    }

}

@media only screen and (min-width:1240px) and (min-width:1560px){

    .main-navigation>ul>li{

        padding:0 20px

    }

}

@media only screen and (min-width:1240px){

    .main-navigation>ul>li:before{

        top:13px;

        background-color:#d9d9d7

    }

    .main-navigation>ul>li>a{

        line-height:80px;

        font-family:Poppins-Light,sans-serif;

        font-size:1rem;

        color:#484848;

        display:inline-block;

        position:relative

    }

    .main-navigation>ul>li>a:hover{

        color:#959595

    }

    .main-navigation>ul>li>a:hover:before{

        content:"";

        position:absolute;

        bottom:0;

        left:50%;

        margin-left:-12px;

        width:24px;

        height:12px;

        background-image:url(data:image/svg+xml;

        base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0Q5RDlENyIgZD0iTTM1LjUgMEw3MSAzMkgweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);

        background-size:24px 12px

    }

    .main-navigation>ul>li.current-menu-item>a{

        font-family:Poppins-SemiBold,sans-serif

    }

    .main-navigation>ul>li.current-menu-item>a:before{

        content:"";

        position:absolute;

        bottom:0;

        left:50%;

        margin-left:-12px;

        width:24px;

        height:12px;

        background-image:url(data:image/svg+xml;

        base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0Q5RDlENyIgZD0iTTM1LjUgMEw3MSAzMkgweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);

        background-size:24px 12px

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout{

        display:block;

        height:auto;

        max-height:0;

        overflow:hidden;

        position:absolute;

        z-index:9;

        top:80px;

        left:0;

        background-color:#fff;

        border:0!important;

        width:100%;

        transition:.3s ease-in

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu{

        padding:40px 35px 50px;

        column-count:3;

        -webkit-columns:3;

        -moz-columns:3;

        opacity:0;

        filter:alpha(opacity=0);

        transition:.4s ease-in

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu li{

        display:block;

        padding:0

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu li a{

        line-height:21px;

        font-size:18px;

        padding:15px 15px 15px 0;

        color:#003594;

        border-bottom:1px solid #d9d9d7;

        display:inline-block;

        width:90%

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu li:hover:before{

        background-color:#d9d9d7

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu li:hover a{

        color:#484848

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu li:before,.main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu li:hover a:after{

        display:none

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu li.protected a:after{

        content:"\e947";

        font-family:iconfont!important;

        color:#484848!important;

        margin-left:30px

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout .sub-menu li.protected a:hover:after{

        display:inline-block

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout:before{

        content:"";

        width:100%;

        height:10px;

        position:absolute;

        bottom:-10px;

        top:auto;

        left:0;

        right:0;

        z-index:10;

        background:rgba(0,0,0,.2);

        background:linear-gradient(180deg,rgba(0,0,0,.2) 0,transparent);

        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=0);

        opacity:0;

        filter:alpha(opacity=0);

        transition:.4s ease-in

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout.has-teaser .mega-flyout-teaser{

        display:inline-block;

        width:33%;

        float:left;

        padding:20px 35px;

        opacity:0;

        filter:alpha(opacity=0);

        transition:.4s ease-in

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout.has-teaser .mega-flyout-teaser h3{

        font-family:Poppins-SemiBold,sans-serif;

        font-size:18px

    }

    .main-navigation>ul>li.menu-item-has-children .mega-flyout.has-teaser .sub-menu{

        column-count:2;

        -webkit-columns:2;

        -moz-columns:2;

        width:66%

    }

    .main-navigation>ul>li.menu-item-has-children:hover .mega-flyout{

        max-height:1000px;

        overflow:visible

    }

    .main-navigation>ul>li.menu-item-has-children:hover .mega-flyout .sub-menu{

        opacity:1;

        filter:alpha(opacity=100);

        padding:40px 35px 50px

    }

    .main-navigation>ul>li.menu-item-has-children:hover .mega-flyout .mega-flyout-teaser,.main-navigation>ul>li.menu-item-has-children:hover .mega-flyout:before{

        opacity:1;

        filter:alpha(opacity=100)

    }

    .main-navigation>ul>li.protected>a:after{

        content:"\e947";

        font-family:iconfont!important;

        color:#484848!important;

        margin-left:10px;

        line-height:0;

        position:relative

    }

    .main-navigation>ul>li.protected>a:hover:after{

        display:inline-block

    }

}



.breadcrumb,.embed-responsive,.list-view-filter,.logo-link,.main-navigation,.meta-navigation,.mobile-navigation,.pagination,.slide-search,iframe,video{

    display:none!important

}



@media only screen and (max-width:1239px){

    .mobile-navigation{

        display:block;

        position:fixed;

        top:80px;

        right:-400px;

        width:400px;

        z-index:99;

        background-color:#ededeb;

        height:100%;

        overflow-y:auto;

        padding-bottom:80px;

        transition:all .3s ease-in-out

    }

    .mobile-navigation.open{

        right:0

    }

    .mobile-navigation ul{

        list-style:none;

        margin:0;

        padding:0

    }

    .mobile-navigation ul li{

        display:block;

        position:relative;

        border-bottom:1px solid #d9d9d7

    }

    .mobile-navigation ul li .flag-icon{

        position:absolute;

        right:20px;

        top:23px

    }

    .mobile-navigation ul li a{

        padding:20px;

        display:block;

        color:#484848

    }

    .mobile-navigation ul li.menu-item-has-children>a{

        padding-right:60px

    }

    .mobile-navigation ul li.menu-item-has-children i{

        position:absolute;

        top:0;

        right:0;

        padding:30px;

        border-left:1px solid #d9d9d7;

        font-size:22px;

        cursor:pointer;

        height:100%

    }

    .mobile-navigation ul li.menu-item-has-children i:before{

        position:absolute;

        right:20px;

        top:50%;

        margin-top:-10px

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu{

        list-style:none;

        position:fixed;

        top:80px;

        right:-400px;

        height:100%;

        width:400px;

        z-index:25;

        margin:0;

        background-color:#ededeb;

        overflow-y:auto;

        padding-bottom:80px;

        transition:all .3s ease-in-out

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu.open{

        right:0

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu li{

        padding:0

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu li:before{

        display:none

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu li:first-child{

        border-top:1px solid #d9d9d7

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu li.sub-menu-back{

        background-color:#003594

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu li.sub-menu-back a{

        color:#fff

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu li.protected a:after{

        content:"\e947";

        font-family:iconfont!important;

        color:#484848!important;

        margin-left:30px

    }

    .mobile-navigation ul li.menu-item-has-children .sub-menu li.protected a:hover:after{

        display:inline-block

    }

    .mobile-navigation ul li.current-menu-item>a{

        font-family:Poppins-SemiBold,sans-serif

    }

    .mobile-navigation ul li.protected>a:after{

        content:"\e947";

        font-family:iconfont!important;

        color:#484848!important;

        margin-left:10px;

        line-height:0;

        position:relative

    }

    .mobile-navigation ul li.protected>a:hover:after{

        display:inline-block

    }

}

@media only screen and (max-width:767px){

    .mobile-navigation,.mobile-navigation ul li.menu-item-has-children .sub-menu{

        width:100%;

        right:-100%

    }

}

@media only screen and (min-width:1240px){

    .mobile-navigation{

        display:none

    }

}



#zeusModeBar+header{

    top:77px

}

#zeusModeBar+header .mobile-navigation{

    top:157px

}

#zeusModeBar+header+#main{

    padding-top:77px

}

.zeus-mode-bar{

    width:100%;

    padding-top:20px;

    padding-bottom:20px;

    background-color:#ededeb;

    position:fixed;

    top:0;

    z-index:1000;

    max-width:1560px

}

.zeus-mode-bar a#zeusModeBarOpen{

    padding:10px;

    line-height:100%;

    border:0!important;

    box-shadow:none!important;

    color:#484848;

    background-color:#d9d9d7;

    transition:.5s ease;

    border-radius:5px;

    display:inline-block

}

.zeus-mode-bar a#zeusModeBarOpen:hover{

    background-color:#484848;

    color:#fff

}

.zeus-mode-bar a#zeusModeBarOpen.active,.zeus-mode-bar a#zeusModeBarOpen.active a{

    background-color:#003594;

    color:#fff

}

.zeus-mode-bar__wrapper{

    display:block;

    height:auto;

    max-height:0;

    overflow:hidden;

    transition:.5s ease

}

.zeus-mode-bar__wrapper.open{

    max-height:800px

}

@media only screen and (min-width:768px){

    .zeus-mode-bar__wrapper.open{

        max-height:400px

    }

}

.zeus-mode-bar__inner{

    padding:20px 0

}

.zeus-mode-bar__left-top{

    height:40px;

    display:-ms-flexbox;

    display:flex;

    -ms-flex-align:center;

    align-items:center;

    -ms-flex-pack:justify;

    justify-content:space-between

}

@media only screen and (min-width:768px){

    .zeus-mode-bar__left{

        padding-right:15px

    }

}

.zeus-mode-bar__right-top{

    height:40px;

    display:-ms-flexbox;

    display:flex;

    -ms-flex-align:center;

    align-items:center;

    -ms-flex-pack:justify;

    justify-content:space-between

}

.zeus-mode-bar__right form{

    margin:0;

    padding:0

}

.zeus-mode-bar__right form input{

    padding:0 10px;

    margin:0;

    height:30px

}

@media only screen and (min-width:768px){

    .zeus-mode-bar__right{

        padding-left:15px

    }

}

.zeus-mode-bar__bottom a{

    margin:0

}

.zeus-mode-bar__list{

    padding:0;

    margin:10px 0;

    background-color:#fff;

    border:1px solid #484848;

    height:220px;

    overflow:scroll

}

.zeus-mode-bar__list li{

    padding:5px;

    display:block;

    cursor:pointer;

    transition:.5s ease

}

.zeus-mode-bar__list li:hover{

    background-color:#ededeb

}

.zeus-mode-bar__list li.active{

    background-color:#003594;

    color:#fff

}

.ie9 img[src$=".svg"]{

    width:100%

}

.strike{

    text-decoration:line-through

}

@media (-ms-high-contrast:active),(-ms-high-contrast:none){

    html{

        padding-right:20px

    }

    header{

        width:calc(100% - 20px)

    }

    img[src$=".svg"]{

        width:100%

    }

}

.custom-inputfield{

    display:none!important

}

 



@media only screen and (max-width:1239px){

    .menu-toggle{

        width:75px;

        height:80px;

        padding:20px;

        top:0;

        right:40px;

        cursor:pointer

    }

    .menu-toggle,.menu-toggle span{

        display:block;

        position:absolute;

        transition:all .3s ease-in-out

    }

    .menu-toggle span{

        width:35px;

        height:4px;

        background-color:#484848;

        opacity:1;

        filter:alpha(opacity=100)

    }

    .menu-toggle span.top{

        top:29px;

        left:20px

    }

    .menu-toggle span.middle,.menu-toggle span.middle2{

        top:39px;

        left:20px

    }

    .menu-toggle span.bottom{

        top:49px;

        left:20px

    }

    .menu-toggle.open span.top{

        top:39px;

        opacity:0;

        filter:alpha(opacity=0)

    }

    .menu-toggle.open span.middle{

        transform:rotate(-45deg)

    }

    .menu-toggle.open span.middle2{

        transform:rotate(45deg)

    }

    .menu-toggle.open span.bottom{

        top:39px;

        opacity:0;

        filter:alpha(opacity=0)

    }

}

@media only screen and (max-width:767px){

    .menu-toggle{

        right:60px

    }

}

@media only screen and (max-width:360px){

    .menu-toggle{

        right:30px;

        width:70px

    }

    .menu-toggle span{

        width:30px

    }

}

@media only screen and (min-width:1240px){

    .menu-toggle{

        display:none

    }

} */

@media only screen and (min-width: 1240px){
    .main-navigation > ul > li > a{
        font-size: 0.90rem !important;
    }
     .main-navigation > ul > li{
         padding: 0 7px !important;
     }
}