@import url("clash-display.css");
@import url("manrope.css");
@import url("../../assets/style.css");


/* general settings */
body{
background:url(../../assets/texture-colored-scaled.jpg) black!important;
	    background-size: cover!important;
    height: 100vh!important;
	/*
    background-image: url(https://crm.boit.cloud/theme/Lines.webp)!important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    padding-top: 165px;
    display: flex;
    position: relative;	
	min-height: 100vh;
    background-position: 50% 0;
    background-size: auto;*/
		
	
	
	
	
	
color: var(--neutral-0, #FFF);
font-size: 20px;
font-weight: 600;
line-height: 140%; /* 28px */
}
.background-wrapper {
    /*z-index: 1;*/
    min-height: 800px;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
		right: 0%;}

#page{margin:0 auto;}
.site-header{background:none;}
.main-navigation ul > li > a{color:white;font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 19.6px */}
.is-stuck{background:#0E171B;}
.flaticon-search{color:white!important;}

#claim{
	display: flex;justify-content: center;	background: radial-gradient(50% 50.00% at 50% 50.00%, rgba(14, 23, 27, 0.40) 0%, #0E171B 100%);}
#claim p{
	border-radius: 32px;
background: rgba(111, 111, 111, 0.40);
	color: var(--neutral-0, #FFF);
text-align: center;

font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
letter-spacing: 0.36px;
padding:8px 32px;}




h1{
color: var(--neutral-0, #FFF);
text-align: center;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 76.8px */
}
.podnadpis{
	color: var(--neutral-10, #E6E6E6);
text-align: center;

font-family: "Manrope-Light",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.32px;
}

h2{
	color: var(--neutral-0, #FFF);
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 48px */
}
h6{color: var(--neutral-0, #FFF);}
p{
	color: var(--neutral-10, #E6E6E6);
/* Manrope/Body/Big Paragraph */
font-family: "Manrope-Regular";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.32px;
}


/* footer */
.elementor-location-footer{background:#0E171B;padding:56px 0 56px;}
.footLogo p{font-size: 24px;font-style: normal;font-weight: 400;line-height: 140%;color: var(--neutral-0, #FFF);}
.footMenu ul li a{font-size: 14px;font-style: normal;font-weight: 500;line-height: 140%;}
.foot01BL{margin-bottom:32px;}
.foot01BL p{font-size: 20px;
color: var(--neutral-0, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 28px */}
.foot01BL a{color:white;}
.foot01BL a:visited{color: var(--neutral-10, #E6E6E6);}
.foot02BL{margin-bottom:32px;}
.foot02BL p{font-family: "Manrope-Light",sans-serif;font-size:16px;color: var(--neutral-10, #E6E6E6);}
.foot03BL p{font-family: "Manrope-Light",sans-serif;font-size:14px;color: var(--neutral-30, #B3B3B3);}
@media only screen and (max-width: 768px) {
  .foot01BL,.foot02BL,.foot03BL {
    margin-bottom:24px;
  }
}

/* formular */
#poptavka .eael-contact-form-7-wrapper{
border: 1px solid #223944;
background: #111C22;
margin:0 auto;
width:80%;
display: flex;
padding: 50px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}

#poptavka .eael-contact-form-7 label{
font-family: "Manrope-Light",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.32px;}

#poptavka .eael-contact-form-7-wrapper .wpcf7-textarea{border: 1.2px solid var(--blue, #72B6D2);opacity: 0.5;background: #111C22;width:100%;}
#poptavka .eael-contact-form-7-wrapper .wpcf7-text{border: 1.2px solid var(--blue, #72B6D2);opacity: 0.5;background: #111C22;width:100%;}
#poptavka .eael-contact-form-7-wrapper .wpcf7-submit{border-radius: 4px;width:100%;
border: 1px solid var(--blue, #72B6D2);
background: rgba(114, 182, 210, 0.10);
color: var(--blue, #72B6D2);
text-align: center;

font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}


.sluzba-boxik{text-align:left;}
.sluzba-boxik h2{}
.sluzba-boxik p{
color: var(--neutral-10, #E6E6E6);
font-family: "Manrope-Light",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.32px;}
.sluzba-boxik ul{}
.sluzba-boxik ul li,.cena-boxik ul li{
color: var(--neutral-0, #FFF);
font-family: "Manrope-Light",sans-serif;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 21px */
letter-spacing: 0.28px;
margin-bottom:16px;
	list-style:none;
}
.sluzba-boxik ul li:before,.cena-boxik ul li:before { content: "✔"; padding-right:7px;color:#72B6D2;}



.sluzba-boxik img{border-radius:10px;border:double 4px var(--blue, #72B6D2);}

.sexy-tlacitko{border-radius: 4px;
border: 1px solid #D3FC23;
background: black;

margin:20px auto;text-align:center;
padding: 12px 20px;
justify-content: center;
align-items: center;

color: #D3FC23;
text-align: center;

font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}
.sexy-tlacitko svg{margin-left:8px;}
.sexy-nav-tlacitka{display:flex;}
.sluzba-boxik .no-border img{border:0;}

.roadmap-carousel:before{content: "<"}
.roadmap-carousel:after{content: ">"}

.cenovka{}
.cena-boxik,.souvisejici-boxik{
color: var(--neutral-0, #FFF);
font-family: "ClashDisplay-Variable", sans-serif;
border-radius: 8px;
border: 0.955px solid #223944;
background: #111C22;
margin:0 12px 0 12px;

display: flex;
width: 360px;
padding: 32px;
flex-direction: column;
align-items: flex-start;}
.cena-boxik p,.souvisejici-boxik p{
color: var(--neutral-10, #E6E6E6);
font-family: "Manrope-Light",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.32px;
}
.cena-boxik h3,.souvisejici-boxik h3{
color: var(--neutral-0, #FFF);
font-family: "ClashDisplay-Variable", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 28.8px */
}
.cena-boxik .cena{
color: var(--blue, #72B6D2);
font-family: "ClashDisplay-Variable", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 48px */}
.cena-boxik ul li {font-size:14px;}
.cena-boxik .promo{
color: var(--dark, #0E171B);
text-align: center;
font-family: "Manrope-Light",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
letter-spacing: 0.32px;
margin:-48px -32px 20px -32px;
border-radius: 8px 8px 0px 0px;
background: var(--blue, #72B6D2);
display: block;
padding: 8px;}
.sluzba-boxik ul li {font-size:14px;}
.cena-boxik .sexy-tlacitko{margin:16px 0;}

.souvisejici-boxik{
display: flex;
width: 360px;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;

}
.souvisejici-boxik h3{
color: var(--neutral-0, #FFF);
font-family: "ClashDisplay-Variable", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 28.8px */}
.souvisejici-boxik p{
color: var(--neutral-10, #E6E6E6);
font-family: "Manrope-Light",sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.32px;}
.souvisejici-boxik .icon{
border-radius: 4px;
background: rgba(114, 182, 210, 0.30);padding:8px;width:50px;}