body {
font-family: "Open Sans", sans-serif;
background-color: #fff;
font-weight:400;
font-size: 17px;
margin:0; padding:0;
color:#333232;
overflow-x:hidden;
}

a {color: #00538A; text-decoration:none;}
a:hover {color:#37b6ff;}

.container {padding:0 15px;margin:0 auto;}
@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}} @media (min-width:1400px){.container{max-width:1320px}}

.img-fluid {
max-width: 100%;
height: auto;
}

.header-btn:lang(de), .header-btn:lang(fr), .header-btn:lang(es) {
 display:none;
}

.gtranslate_wrapper select {
padding:10px; border-radius:5px;	
border: 1px solid #37b6ff;
}

header {
	padding:20px 0;
	box-shadow: 0px 1px 30px #89aaf085; 
    background-color: #fdfdfd;	
}

header.header-fixed {
	position:fixed;
width:100%;	
	top:0;
	z-index:1;
	padding:15px 0;
}

header.header-fixed .logo img {
width:170px; height:auto;	
}

header.header-fixed .header-btn a {
	padding: 8px 18px;
}

.header-btn a {
    padding: 10px 21px;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
/* 	border:2px solid#0097ee; */
	background-color:#00538A;
	
/* 	background: rgb(0,111,138);
background: linear-gradient(90deg, rgba(0,111,138,1) 35%, rgba(55,182,255,1) 100%); */
	
	white-space:nowrap;
}
.header-btn a:hover {
background: #37b6ff; color: #fff;	
} 

.logo { 
flex: 1 1 auto;
}

.logo a {line-height:0; display:block;}
.logo img {
    width: 100%;
    max-width: 250px;
	height:auto;
}

.lang a {
	display:inline-block; 
	margin-left:5px; 
	padding:10px; 
	background-color: #89aaf021; 
	border-radius:15px;
	text-decoration:none; color:#00538A;
}

.parent > ul {
    padding: 15px 30px;
    position: absolute;
    top: 100%;
	margin-top:30px;
    left: 0;
    z-index: 1000;
    display: none;
    /* min-width: 17rem; */
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
}


.item-129, .item-126, .item-141 {border-top:1px solid#89aaf08a; padding-top:5px; margin-top:10px !important;}

.mod-menu__sub li a {
font-size: 16px !important;
margin: 5px 0; 
}

.parent > a::after {
 background-image: url(/images/angles-down-solid.svg);
    width: 11px;
    height: 12px;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
	display:block;
}
.parent a {
display: flex !important;
    gap: 5px;
    align-items: center;		
}

.dropshow ~ ul {
    display: block !important; 
}
.offcanvas .parent > ul {
position:relative;	
margin-top: 15px;
padding: 10px 15px;
}

h1.sppb-addon-title, h2.sppb-addon-title {
    font-weight: 700 !important;
    font-size: 55px !important;
	color:#00538A !important;
}
h3.sppb-addon-title { font-weight: 700 !important; color:#00538A !important;}

@media (max-width: 768px) {
h1.sppb-addon-title, h2.sppb-addon-title {
    font-size: 35px !important; line-height:35px;
}	
}

.sppb-btn.sppb-btn-custom.sppb-btn-xlg.sppb-btn-rounded {
	background-color: #00538A !important;
}
.sppb-btn.sppb-btn-custom.sppb-btn-xlg.sppb-btn-rounded:hover {
	background-color: #37b6ff !important;
}
@media (max-width: 768px) {
.sppb-btn.sppb-btn-custom.sppb-btn-xlg.sppb-btn-rounded {
	padding: 10px 30px !important;
}	
}

.sppb-addon-content a {color: #00538A !important;}
.sppb-addon-content a:hover {color: #37b6ff !important;}


.hero {margin:100px 0 100px 0;}

.header-in {
	display:flex; gap: 30px;
	justify-content: space-between;
	align-items: center;   	
}

.hero-grid {
	display:grid;
	grid-template-columns: 40% 1fr;	
    grid-gap: 30px;
	align-items:center;		
}

.hero-part1 {position:relative;}
.hero-circle {
	position: absolute;
    top: -40px;
    left: -60px;
    content: "";
    width: 26rem;
    height: 26rem;
    border-radius: 100%;
    z-index: -1;
	background-color: #89aaf021; 
}

.hero1 h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 65px;
    color: #00538A;
	margin:0;
}
.second-color {color:#37b6ff;			  
background: -webkit-linear-gradient(#0092b6, #37b6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.bb { 
/* border-bottom:5px solid#0097ee; */
border-bottom:5px solid#37b6ff;
display:inline-block;}

.hero2 h2 {
font-size:28px;	
margin:0; margin-top:40px;
font-weight:500;
}
.hero3 {
margin-top:60px;
display:flex;
gap:40px;	
}

.hero3 a {padding: 15px 25px;font-size: 16px; border-radius: 5px;  text-decoration:none; font-weight: 600;
}

/* .hero-part2 {display:none;}
.why2, .about2-img  {display:none;} */

.btn1 {
background-color: #00538A;border: 2px solid#00538A; color: #fff;	
}
.btn1:hover {background:none; color: #00538A;}
.btn2 {border: 2px solid#37b6ff; }
.btn2:hover {background-color: #f6f6f6;}

/* .offcanv-btn {margin-top:30px; text-align:center;
border-top: 1px solid #89aaf08a;	
			  padding-top:30px
}
.offcanv-btn a {
padding: 10px 15px;font-size: 16px; 
	border-radius: 5px;  
	text-decoration:none; font-weight: 600;	
background-color: #00538A; color: #fff;	
} */


.demo-section {
padding:50px 0;
/* background-color: #e1ebff; */
/* border-top: 1px solid #c9d9f8; */
    background-color: #e6edfc;
    border-bottom: 3px solid #fff;
}

.demo-flex {
display:flex;
	gap:30px;
	justify-content: space-between;
	align-items:center;
}

.demo-icon {

}

.demo-title1 {
font-size: 21px;
    font-weight: 700;
    color: #00538A;  
	text-align:center;
}
.demo-title1 span {
font-size: 28px;
display:block;
border-top:2px solid#37b6ff;
	margin-top:5px;
}

.demo-title2 {
font-size: 21px;
    font-weight: 500;
    color: #00416A;   
}

.watch-demo-btn {

}

.watch-demo-btn a {
padding: 15px 25px;font-size: 16px; 
	border-radius: 5px;  
	text-decoration:none; font-weight: 600;	
background-color: #00538A; color: #fff;	
}

.watch-demo-btn a:hover {
background-color: #37b6ff;
}


.section-title-sub-wrap {text-align:center;}

.section-title-sub h3 {
padding: 10px 25px;
    border-radius: 10px;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #89aaf036;
    color: #00416A;
    margin: 0;
    margin-bottom: 5px;
	}
	
.section-title h4 {
font-size:50px;	
	font-weight:700;
	text-align:center;
	color: #00538A;
	margin:0;
}
	

.bar-main {
    margin: 22px 0 50px;
}
.bar-big {
    height: 5px;
    width: 90px;
    background: #aec6ef;
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}

.bar-big::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #37b6ff;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(88px);
            transform: translateX(88px);
  }
}




	   
.products-section {
    background-color: #89aaf021;
	padding:100px 0;
	position:relative;
}	

.shape {position:absolute; left:0; top:50px; z-index: -1;}

.products-in {
display:grid;
	grid-template-columns: repeat(3, 1fr); 
    grid-gap: 30px;	
}	   
.products-block {
	border:1px solid#89aaf04f;
	padding:50px 30px;
	border-radius:15px;
	background-color:#fff;
}
.products-block-icon {
border:1px solid#89aaf0;
display:inline-block;
	padding:20px 22px;
	border-radius:100%
}	   
.products-block-icon img {
width:50px; height:50px;	
} 
.products-block-text {
margin-top:30px;
font-size:18px;
	font-weight:600;
	min-height: 90px;
} 

.products-name-wrap {
	display:flex;
	gap:20px;
	align-items:center;
}
.products-name-icon {
    display: flex;
}
.products-name-icon img {}

.products-name-title h5 {
    font-size: 26px;
    font-weight: 800;
    color: #00538A;
    line-height: 30px;
	margin:0;
}
.products-block-list {
margin-top:15px;
border-top:1px solid#ccc;
padding-top:25px
}
.products-block-list img {margin-right: 10px; width:23px; height:auto;}
.products-block-list > div {
font-size: 18px;
    font-weight: 600;
	/* color: #5a7e94; */
	color: #506b7c;
	margin:15px 0;
}





.why-section {
padding:100px 0;
}

.why-in {
    display: grid;
    grid-template-columns: repeat(2, 1fr);  
    grid-gap: 30px;
	align-items:center;
}

.why-item-icon {flex:1 0 auto;}
.why-item-icon img {width:25px; height:auto; margin-top:4px;}	
   
.why-item-text {}

.why-item-title h5 {
    font-size: 23px;
    font-weight: 700;
    color: #00538A;	
	margin:0;
	margin-bottom:15px;
}
.why-item {
	display: flex;
    gap: 15px;
	background-color: #89aaf021;
	padding: 15px;
	border-radius: 12px;
	margin: 15px 0;
	border: 1px solid #89aaf04f;
}
.why2 img {border-radius:12px;} 



.about-section	{
padding:100px 0;
background-color: #89aaf021;
}  

.about-in  {
	display: grid;
    grid-gap: 30px;
	align-items:center;	
	grid-template-columns: repeat(2, 1fr); 
} 

.about2-img {
    padding: 15px;
	background-color: #89aaf021;
    border-radius: 12px;
    border: 3px solid #fff;
			  }
.about2-img img {
 border-radius:12px;	
}




.contacts-section {
    padding: 100px 0;	
}

.contacts-form-wrap {	
padding: 50px 30px 50px 30px;
    /* background-color: #f0f5ff;  */
	background-color: #89aaf021;
    border-radius: 12px;
    border: 3px solid #89aaf021;
	width:50%;
	margin:0 auto; margin-top:40px;
}
.contact-text {text-align:center; font-weight:600; color: #506b7c;}



#mobile-menu-btn {display:none;}

.wmenu {list-style:none;}

.deskmenu .wmenu {
padding:0; margin:0;
	display:flex;
	gap:30px;
} 
.wmenu li {
list-style:none;
display:block;
position:relative;
} 

.wmenu li a {
color: #00538A; 
font-size: 17px; 
position:relative;
white-space:nowrap;
font-weight: 500;
display:block;
} 
.wmenu li a:hover {
color:#37b6ff; text-decoration:none;
} 


.item-108 > ul li, .item-135 > ul li {
display:flex !important; gap:15px;
align-items:center;
}

.item-108 > ul li::before, .item-135 > ul li::before {
position: relative;	
	width:20px; height:20px;	
	content: "";
	background-size: contain;
background-repeat: no-repeat;
display:block;
}

.item-124::before {
	background-image: url(/images/menu-icons/menu-icon1.svg);		
}

.item-125::before {
	background-image: url(/images/menu-icons/menu-icon2.svg);		
}

.item-126::before {
background-image: url(/images/menu-icons/menu-icon3.svg);		
}

.item-127::before {
background-image: url(/images/menu-icons/menu-icon4.svg);		
}

.item-128::before {
background-image: url(/images/menu-icons/menu-icon5.svg);		
}

.item-129::before {
background-image: url(/images/menu-icons/menu-icon6.svg);		
}

.item-130::before {
background-image: url(/images/menu-icons/menu-icon7.svg);		
}

.item-131::before {
background-image: url(/images/menu-icons/menu-icon8.svg);		
}

.item-141::before {
background-image: url(/images/menu-icons/menu-icon10.svg);		
}


.item-136::before {
background-image: url(/images/menu-icons/int1.svg);		
}
.item-137::before {
background-image: url(/images/menu-icons/int2.svg);		
}
.item-138::before {
background-image: url(/images/menu-icons/int3.svg);		
}
.item-139::before {
background-image: url(/images/menu-icons/int4.svg);		
}
.item-140::before {
background-image: url(/images/menu-icons/int5.svg);		
}


footer {
background-color:#00538A; padding:80px 0; color:#dedede; 	
}
footer a {color: #dedede !important;}
footer a:hover {color: #ffffff !important;}
.footer-flex {
	display:flex;
	justify-content:space-between;
	gap:30px;
}
.f-name h5 {	
font-size: 30px;	
font-weight: 800;
	margin-bottom:20px;
	color: #fff;
	font-weight: 400;
margin-top: 0;	
}
.f-text h6 {
font-size: 15px; margin-bottom:25px; color: #fff; font-weight: 400;	
}
.f-title {
font-size: 20px;	
	margin-bottom:30px;
	color:#fff;
	font-weight: 700;
}
.f-soc img {margin:0 5px;}
/* .f1 {flex: 1 1 auto;} */

.f-menu a {display:block; margin-bottom:5px;}


.copy {
padding:15px; 
	text-align:center; color:#fff;
	background-color:#00416A;
}


.offcanvas.show {
    transform: none;
}

.offcanvas {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 7;
    width: 250px;
    max-width: 100%;
    background-color: #eee;
    outline: 0;
    transition: transform .3s ease-in-out;
    transform: translateX(100%);
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    width: 100vw;
    height: 100vh;
    background-color: #000;
	background-color: rgb(0 0 0 / 50%);
}
#btn-close {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 7;
    cursor: pointer;
}
.offcanvas .wmenu {
    margin: 60px 0px 0px;
    padding: 0px 15px;
    display: block;
}

.offcanvas .wmenu li a {
margin: 15px 0; font-size: 20px;
}

.offcanvas .mod-menu__sub li a {
    margin: 5px 0;
}

.cst {
	font-size:40px;
	font-weight:700;
	background-color: #37b6ff;
	color:#fff;
	padding:10px 30px;
	border-radius:7px;
}

/* .elink span {display:none;} */


@media (max-width: 1200px) {
.header-btn {display:none;}	
.hero1 h1 {
    font-size: 50px;
    line-height: 55px;
}
.hero2 h2 {
font-size: 25px;
}
}

@media (max-width: 992px) {
.hero1 h1 {
        font-size: 35px;
        line-height: 38px;
    }	
.hero2 h2 {
font-size: 18px;
margin-top: 20px;
}	
.hero3 a {
    padding: 10px 15px;
    font-size: 14px;
}
.watch-demo-btn a {
    padding: 10px 15px;
    font-size: 14px;
    white-space: nowrap;
}
.demo-title1 span {
    font-size: 21px;
}
.demo-title2 {
    font-size: 18px;
}
.section-title h4 {
    font-size: 40px;
}
.deskmenu {display:none;}	
#mobile-menu-btn {
    display: block;
	line-height: 0;
}	
}



@media (max-width: 768px) {
		
.header-in {
    gap: 15px;
}

.header-btn a {
    padding: 10px 10px;
    font-size: 15px;
    border-radius: 7px;
}
.lang a {
    display: block;
    margin: 3px 0;
    padding: 7px;
    border-radius: 10px;
font-size: 15px;
}
.logo img {
width: 100%;
max-width: 170px;
height:auto; 
}
	
.hero-grid {
    grid-template-columns: repeat(1, 1fr); */
    grid-gap: 15px;
}
.hero-circle {display:none;}
.hero {
    margin: 50px 0 50px 0;
}		
.hero1 h1 {
font-size: 35px;
line-height: 38px;
}	

.hero2 h2 {
    font-size: 20px;
    margin-top: 20px;
}

.hero3 {
    margin-top: 30px;
    gap: 15px;
}

.hero3 a, .about-more a {
	padding: 12px 15px;
	font-size: 16px;
	border-radius: 10px;  
	font-weight: 400;
}


.demo-flex {
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.watch-demo-btn {
margin-top:5px;
margin-bottom: 10px;
}

.watch-demo-btn a {
    padding: 10px 15px;
}
.demo-icon img {width:50px; height:50px;}
.demo-title2 {
    font-size: 20px;
}


.why-item-title h5 {
    font-size: 20px;
    line-height: 23px;
}

.why-item-icon img {
	width:20px; height:20px;
}
.products-block-list {
    padding-top: 10px;
}
.products-block-list > div {
    font-size: 16px; margin: 7px 0;
}
.products-block-list img {
    width: 20px;
    height: auto;
}
.products-block-text {
    font-size: 17px;
    min-height: auto;
}
.products-name-icon img {
    width: 40px;
    height: auto;
}
.products-name-title h5 {
    font-size: 25px;
    line-height: 27px;
}
.products-name-title h5 br {display:none;}
.section-title h4 {
    font-size: 34px;
    margin-bottom: 30px;
    line-height: 37px;
}

.bar-main {
    margin: 22px 0 30px;
}

.section-title-sub h3 {
padding: 7px 15px;
margin-bottom: 10px;
font-size: 16px;
}
.products-section, .why-section, .about-section, .contacts-section {
    padding: 50px 0;
}

.products-in, .why-in, .about-in {
    grid-template-columns: repeat(1, 1fr); 
    grid-gap: 15px;

}

.contacts-in {
display:flex;  
gap: 15px;
/* flex-direction: row-reverse; */
flex-direction: column-reverse;
}
.contacts-form-wrap {
    padding: 0; border:none; background:none;
	width: 90%; 
}

footer {padding:40px 0;}

.footer-flex {
    display: block; text-align: center;
}
.f-name {
    font-size: 20px;
}
.f-block {margin-bottom:30px;}
.f-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.cst {
	font-size:23px;
	padding:10px 30px;
	border-radius:7px;
}


}