.content_banner_security {
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	font-size: 1.6em;
	line-height: 1.4em;
	width:100%;
	height:50%;
	max-width: 100vw;
	z-index:-1;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.banner-wrapper_security  {
	display:flex;
	margin-top:10%;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 100%;
	max-width:100vw;
	height:60vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
}

.banner-wrapper_security-1 {
	display:none;

}


.content-wrapper2_security  {
	display:flex;
	position:relative;
    margin-left:5%;
	justify-content: center;
	text-align: left;
	align-items: center;
	border-radius: 8px;
	width: 50%;
	max-width:100%;
	height:auto;
	max-height:60vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	float:left;
	z-index: -3;
}

.content_nadpis_security {
	text-align: left;
	border-radius: 8px;
	position:relative;
	width:100%;
	height:20%;
	max-width: 50vw;
	z-index:3;
	
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_nadpis_security  ul{
	font-size: 1.5vw;
	font-weight: bold;
	color:black;
}

.content_nadpis_security  h1{
	font-size: 2.5vw;

	font-weight: bold;
	color:black;
}

.content_text_security {
	border-radius: 8px;
	position:relative;
	width:100%;
	height:auto;
	max-width: 50vw;
	z-index:-1;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	text-align: left;
}

.content_text_security  ul{
	font-size: 1.5vw;
	line-height: 1.2;
	color:black;
}

.picture_security  {
	display:flex;
	align-items: center;
	justify-content: center;
    border-radius: 3.5em;
	background-image: url("/photo/security/card.svg");
	background-repeat: no-repeat;
	background-position:center;
	position:relative;
	width: 40%;
	background-color: #f1f1f1;
	max-width: 100vw;
	z-index:-5;

	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.picture_security-1 {
	display:none;
	align-items: center;
	justify-content: center;
    border-radius: 3.5em;
	background-image: url("/photo/security/card.svg");
	background-repeat: no-repeat;
	background-position:center;
	position:relative;
	width: 40%;
	background-color: #f1f1f1;
	max-width: 100vw;
	z-index:-5;

	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

Button.device{
    position:relative;
	background-color: rgb(49, 123, 34);
	box-sizing: border-box;
	color: white;
	font-size: 1.3vw;
	line-height: 1.4em;
	padding: 20px;
	width: 35%;
	max-width: 50vw;
	z-index:7;
	float:left;
	cursor: pointer;
	border:none;
	border-radius: 20px;
    font-weight: 600;
    background-color: #4AAD52;
	font-family: Arial, Helvetica, sans-serif;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

    button.device:hover{
		transform: scale(1.05);
		transition: ease-in-out 100ms;
		background-color: #F6F930;
		color: black;
}

Button.variants {
    position:relative;
    background-color: transparent;
	border-radius: 0.6rem;
	box-sizing: border-box;
    color: #4AAD52;
	font-size: 1.3vw;
	line-height: 1.4em;
	padding: 20px;
	width: 35%;
	max-width: 50vw;
	border: 1px solid #4AAD52;
	z-index:7;
	cursor: pointer;
	margin-left:10%;
	font-family: Arial, Helvetica, sans-serif;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;


   

}

 button.variants:hover{
	transform: scale(1.05);
    transition: ease-in-out 100ms;
    background-color: #F6F930;
    border: none;
    color: black;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.work_container{
    position:relative;
    max-width: 100vw;
    width:80%;
    max-height:100vh;
    height:70%;
    margin-left:10%;
    margin-top:10%;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.work_container-1{
	display:none;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.work_container_nadpis{
    position:relative;
    max-width:100%;
    justify-content: center;
    text-align: center;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.work_container_nadpis ul{
    font-size: 2rem;
    color:black;
    font-weight: bold;
}

.work_container_nadpis H1{
	font-size:2.5vw;
}

.work_container_row{
    display:flex;
    margin-top:3%;
    max-width:100%;
    width:100%;
    height:22vh;
    color:black;

}

.work_container_row2{
    display:flex;
    margin-top:5%;
    max-width:100%;
    width:100%;
    height:25vh;
    color:black;
    border-top-left-radius: 1.2em ;
    border-bottom-left-radius: 1.2em ;
    background-color: #f1f1f1;
}

.work_container_row3{
    display:flex;
    margin-top:5%;
    max-width:100%;
    width:100%;
    height:22vh;
    color:black;
}


.work_container_pic{
    display:flex;
    width:20%;
    max-height:22vh;
    height:100%;
    background-image: url("/photo/security/nfc.svg");
	background-repeat: no-repeat;
	background-position:left;
    
}

.work_container_pic2{
    display:flex;
    width:20%;
    max-height:25vh;
    height:100%;
    background-image: url("/photo/security/lock.svg");
	background-repeat: no-repeat;
    background-color: #384d48;
    background-size: 45%;
    background-position: center;
    border-top-right-radius: 1.2em ;
    border-bottom-right-radius: 1.2em ;
}

.work_container_pic3{
    display:flex;
    width:20%;
    max-height:22vh;
    height:100%;
    background-image: url("/photo/security/api.svg");
	background-repeat: no-repeat;
	background-position:left;
}

.work_container_block{
	display:flex;
    width:80%;
    height:100%;
	align-items: center;
}

.work_container_block2{
	display:flex;
	align-items: center;
	justify-content: left;
    width:80%;
    height:100%;
}

.work_container_block3{
    display:flex;
    align-items: center;
    width:80%;
    height:100%;
}


.work_container_block p{
    font-size:1.2vw;
    color:black;
    margin-top:1%;
}

.work_container_block2 p{
    max-width:90%;
    font-size:1.2vw;
    color:black;
    margin-top:1%;
    margin-left:2%;
	text-align: left;
}

.work_container_block3 p{
    font-size:1.2vw;
    color:black;
}

.podpora{
	position:relative;
	max-width:100vw;
	width:60%;
	max-height:100vh;
	height:auto;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	margin-top:10%;
	margin-left:20%;
}

.podpora-1{
	display:none;
	position:relative;
	max-width:100vw;
	width:60%;
	height:auto;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	margin-top:10%;
	margin-left:20%;
}

.podpora P{
	display:flex;
	justify-content: center;
	color:black;
	font-size:2.2vw;
	font-weight: bold;
	margin-top:10%;
	margin-left:5%;
}

.podpora_top{
	margin-top:3%;
	position:relative;
	display:flex;
	justify-content:center;
	align-items: center;
	height:50%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.podpora_bot{
	margin-top:3%;
	position:relative;
	display:flex;
	justify-content:center;
	align-items: center;
	height:50%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.podpora_blocks1
{
	position:relative;
	width:20%;
	height:30vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/	
}

.podpora_blocks1_top
{
	position:relative;
	display:flex;
	width:100%;
	height:70%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/	
	background-image: url("/photo/security/apple.svg");
	background-repeat: no-repeat;
	background-position: 50% 20%;
	background-size: 55%;
	background-color: #384D48;

}

.podpora_blocks1_bot
{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width:80%;
	height:45%;
	margin-top:-13%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	margin-left:10%;
	background-color: #F1F1F1;
}

.podpora_blocks2
{
	position:relative;
	width:20%;
	height:30vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/	
	margin-left:5%;
	margin-right:5%;
}

.podpora_blocks2_top
{
	position:relative;
	display:flex;
	width:100%;
	height:70%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-image: url("/photo/security/android.svg");
	background-repeat: no-repeat;
	background-position: 50% 20%;
	background-size: 55%;
	background-color: #384D48;

}

.podpora_blocks2_bot
{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width:80%;
	height:45%;
	margin-top:-13%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	margin-left:10%;
	background-color: #F1F1F1;
}

.podpora_blocks3
{
	position:relative;
	width:20%;
	height:30vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.podpora_blocks3_top
{
	position:relative;
	display:flex;
	width:100%;
	height:70%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-image: url("/photo/security/android.svg");
	background-repeat: no-repeat;
	background-position: 50% 20%;
	background-size: 55%;
	background-color: #384D48;

}

.podpora_blocks3_bot
{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width:80%;
	height:45%;
	margin-top:-13%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	margin-left:10%;
	background-color: #F1F1F1;
}

.podpora_blocks1_bot ul
{
	font-size:1.3vw;
	color:black;
	font-weight:bold;
}

.podpora_blocks2_bot ul
{
	font-size:1.3vw;
	color:black;
	font-weight:bold;
}

.podpora_blocks3_bot ul
{
	font-size:1.3vw;
	color:black;
	font-weight:bold;
}

.what{
	Display:flex;
	position:relative;
	color:black;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-height:100vh;
	height:10%;
	margin-top:10%;
	max-width:100vw;
	width:80%;
	font-weight: bold;
	margin-left:10%;
}

.what h1{
	font-size:2.5vw;
}

.content-wrap{
	display:block;
	border-radius: 8px;
	position:relative;
	width:100%;
	height:25%;
	margin-top:5%;
	max-width: 100%;
	z-index:-1;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/

}

.content-wrap-1{
	display:none;
}

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

	.content_banner_security {
		position:relative;
		display:none;
		background-color: transparent;
		border-radius: 8px;
		font-size: 1.5vw;
		line-height:0;
		width:100%;
		height:70vh;
		max-width: 100vw;
		z-index:-1;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.banner-wrapper_security-1  {
		display:block;
		margin-top:10%;
		position:relative;
		background-color: transparent;
		border-radius: 8px;
		width: 100%;
		max-width:100vw;
		height:55vh;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		z-index:-1;
	}
	
	.banner-wrapper_security  {
		display:none;
	}

	.content-wrapper2_security  {
		display:block;
		margin-left:10%;
		width: 90%;
	}
	
	.content_nadpis_security {
		text-align: left;
		border-radius: 8px;
		position:relative;
		width:90%;
		height:auto;
		margin-left:5%;
		max-width: 50vw;
		z-index:3;
		
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.content_nadpis_security  ul{
		font-size: 5vw;
		font-weight: bold;
		color:black;
	}
	
	.content_nadpis_security h1{
		font-size: 5vw;
		font-weight: bold;
		color:black;
	}
	
	.content_text_security {
		border-radius: 8px;
		position:relative;
		width:100%;
		height:auto;
		max-width: 100vw;
		z-index:-1;
		margin-top:5%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		text-align: left;
		float:left;
	}
	
	.content_text_security  ul{
		font-size: 4vw;
		line-height: 2.5vh;
		color:black;
	}
	
	.picture_security  {
		display:none;
/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}


	.picture_security-1 {
		display:flex;
		align-items: center;
		justify-content: center;
		border-top-left-radius: 50px;
		border-bottom-left-radius: 50px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		background-image: url("/photo/security/card.svg");
		background-repeat: no-repeat;
		background-position:center;
		position:relative;
		float:right;
		width: 80%;
		height:30vh;
		background-color: #f1f1f1;
		max-width: 100vw;
		z-index:-5;
	
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	
	Button.device{
		position:relative;
		background-color: #317B22;
		border-radius: 20px;
		box-sizing: border-box;
		color: white;
		font-size: 2.5vw;
		line-height: 1.4em;
		padding: 20px;
		width:40vw;
		max-width: 50vw;
		z-index:7;
		float:none;
		cursor: pointer;
		border:none;
		-webkit-border-radius: 3rem;
		margin-left:0;
		font-family: Arial, Helvetica, sans-serif;
	}
	
		button.device:hover{
		background-color: black;
	}
	
	Button.variants {
		position:relative;
		background-color: white;
		border-radius: 20px;
		box-sizing: border-box;
		color: black;
		font-size: 2.5vw;
		line-height: 1.4em;
		padding: 20px;
		width: 40vw;
		max-width: 50vw;
		border: solid black ; border-width: 0.1em;
		z-index:7;
		cursor: pointer;
		margin-left:5%;
		font-family: Arial, Helvetica, sans-serif;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 3rem;
		-moz-border-radius: 20px;
	}
	
	 button.variants:hover{
			background-color: rgba(194, 205, 194, 0.537);
	}
	
	.work_container{
		position:relative;
		display:none;
		max-width: 100vw;
		width:80%;
		max-height:100vh;
		height:70%;
		margin-left:10%;
		margin-top:10%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}

	.work_container-1{
		position:relative;
		display:block;
		max-width: 100vw;
		width:80%;
		max-height:max-content;
		height:auto;
		margin-left:10%;
		margin-top:10%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.work_container_nadpis{
		position:relative;
		max-width:100%;
		justify-content: center;
		text-align: center;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.work_container_nadpis ul{
		font-size: 2rem;
		color:black;
		font-weight: bold;
	}
	
	.work_container_nadpis H1{
		font-size:5vw;
	}
	
	.work_container_row{
		display:flex;
		margin-top:3%;
		max-width:100%;
		width:100%;
		height:auto;
		color:black;
	
	}
	
	.work_container_row2{
		display:block;
		margin-top:25%;
		max-width:100%;
		width:100%;
		height:auto;
		color:black;
		border-radius:20px;
		z-index:-2;
		background-color: #f1f1f1;
	}
	
	.work_container_row3{
		display:block;
		margin-top:5%;
		max-width:100%;
		width:100%;
		height:auto;
		color:black;
	}
	
	
	.work_container_pic{
		display:flex;
		margin-top:-15%;
		width:40%;
		max-height:20vh;
		height:12vh;
		z-index:1;
		background-image: url("/photo/security/nfc.svg");
		background-repeat: no-repeat;
		background-position:left;
		
	}
	
	.work_container_pic2{
		display:flex;
		margin-top:-15%;
		width:35%;
		max-height:20vh;
		height:12vh;
		z-index:1;
		background-image: url("/photo/security/lock.svg");
		background-repeat: no-repeat;
		background-position:center;
		border-radius:10px;
		
	}
	
	.work_container_pic3{
		display:flex;
		width:40%;
		max-height:22vh;
		height:13vh;
		margin-top:10%;
		background-image: url("/photo/security/api.svg");
		background-repeat: no-repeat;
		background-position:center;
	}
	

	.pics{
		width:100%;
		justify-content: center;
		display:flex;
		height:auto;
	}
	.work_container_block{
		width:100%;
		display:block;
	}
	
	.work_container_block2{
		text-align: center;
		display:block;
		justify-content: left;
		width:100%;
		height:100%;
		padding-bottom:10%;
	}
	
	.work_container_block3{
		display:flex;
		align-items: center;
		width:80%;
		margin-left:10%;
		height:100%;
		margin-top:10%;
	}
	
	
	.work_container_block p{
		font-size:4vw;
		color:black;
		margin-top:3%;
	}
	
	.work_container_block2 p{
		max-width:100vw;
		width:80%;
		font-size:4vw;
		color:black;
		margin:10% 10%;
		text-align: left;
	}
	
	.work_container_block3 p{
		font-size:4vw;
		color:black;
	}
	
	.podpora{
		position:relative;
		display:none;
		max-width:100vw;
		width:80%;
		max-height:100vh;
		height:auto;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		margin-top:10%;
		margin-left:10%;
	}

	.podpora-1{
		position:relative;
		display:block;
		max-width:100vw;
		width:80%;
		
		height:100%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		margin-top:10%;
		margin-left:10%;
	}



	
	.podpora P{
		display:flex;
		justify-content: center;
		color:black;
		font-size:4.5vw;
		font-weight: bold;
		margin-top:10%;
		margin-left:0;
	}

	
	.podpora-1 P{
		display:flex;
		justify-content: center;
		color:black;
		font-size:4.5vw;
		font-weight: bold;
		margin-top:10%;
		margin-left:0;
	}
	
	.podpora_top{
		margin-top:3%;
		position:relative;
		display:block;
		justify-content:center;
		align-items: center;
		height:auto;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.podpora_bot{
		margin-top:3%;
		position:relative;
		display:flex;
		justify-content:center;
		align-items: center;
		height:50%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.podpora_blocks1
	{
		position:relative;
		width:100%;
		height:30vh;
		margin-bottom:10%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/	
	}
	
	.podpora_blocks1_top
	{
		position:relative;
		display:flex;
		width:100%;
		height:70%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/	
		background-image: url("/photo/security/apple.svg");
		background-repeat: no-repeat;
		background-position: 50% 20%;
		background-size: 40%;
		background-color: #384D48;
	
	}
	
	.podpora_blocks1_bot
	{
		position:relative;
		display:flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width:80%;
		height:30%;
		margin-top:-13%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		margin-left:10%;
		background-color: #F1F1F1;
	}
	
	.podpora_blocks2
	{
		position:relative;
		width:100%;
		height:30vh;
		margin-left:0;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/	
		margin-bottom:10%;
	}
	
	.podpora_blocks2_top
	{
		position:relative;
		display:flex;
		width:100%;
		height:70%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		background-image: url("/photo/security/android.svg");
		background-repeat: no-repeat;
		background-position: 50% 20%;
		background-size: 40%;
		background-color: #384D48;
	
	}
	
	.podpora_blocks2_bot
	{
		position:relative;
		display:flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width:80%;
		height:30%;
		margin-top:-13%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		margin-left:10%;
		background-color: #F1F1F1;
	}
	
	.podpora_blocks3
	{
		position:relative;
		width:100%;
		height:30vh;
		margin-top:10%;
		margin-bottom:10%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.podpora_blocks3_top
	{
		position:relative;
		display:flex;
		width:100%;
		height:70%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		background-image: url("/photo/security/android.svg");
		background-repeat: no-repeat;
		background-position: 50% 20%;
		background-size: 40%;
		background-color: #384D48;
	
	}
	
	.podpora_blocks3_bot
	{
		position:relative;
		display:flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width:80%;
		height:30%;
		margin-top:-13%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		margin-left:10%;
		background-color: #F1F1F1;
	}
	
	.podpora_blocks1_bot ul
	{
		font-size:4vw;
		color:black;
		font-weight:bold;
	}
	
	.podpora_blocks2_bot ul
	{
		font-size:4vw;
		color:black;
		font-weight:bold;
	}
	
	.podpora_blocks3_bot ul
	{
		font-size:4vw;
		color:black;
		font-weight:bold;
	}
	
	.what{
		Display:flex;
		position:relative;
		color:black;
		justify-content: center;
		align-items: center;
		text-align: center;
		max-height:100vh;
		height:10%;
		margin-top:10%;
		max-width:100vw;
		width:80%;
		font-weight: bold;
		margin-left:10%;
	}
	
	.what h1{
		font-size:5vw;
	}
	
	.content-wrap-1{
		display:flex;
		border-radius: 8px;
		position:relative;
		justify-content: center;
		width:90%;
		height:auto;
		margin-left:5%;
		max-width: 100vw;
		margin-top:5%;
		z-index:-1;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	
	}

}