img.mobil-view{
	width: 90px;
	height: 90px;
}

/*Main bannner*/
.content_banner {
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	font-size: 1.6em;
	line-height: 1.4em;
	width: 100%;
	height:300px;
	max-width: 35vw;

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

.banner-wrapper {
	margin-left:1%;
	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;
}

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

.picture {
	display:flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 3.5em;
	border-bottom-left-radius: 3.5em;
	background-image: url("/logo/telefon.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
	position:relative;
	width: 60vw;
	background-color: #f1f1f1;
	max-width: 100vw;
	z-index:-5;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.picture1 {
	display:none;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 3.5em;
	border-bottom-left-radius: 3.5em;
	background-image: url("/logo/telefon.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
	position:relative;
	width: 60vw;
	background-color: #f1f1f1;
	max-width: 100vw;
	z-index:-5;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.faces-wrap
{
	display:flex;
	border-radius: 8px;
	position:relative;
	width:96%;
	height:30%;
	max-width: 50vw;
	z-index:-1;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	
	margin-left:4%;
}

.faces{
	display:flex;
	border-radius: 8px;
	position:relative;
	width:50%;
	height:100%;
	max-width: 50vw;
	z-index:-1;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-image:url("/photo/index/firmy.png");
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center;
}

.faces-text{
	display:flex;
	align-items: center;
	border-radius: 8px;
	font-size: 1vw;
	line-height: 1.4em;
	position:relative;
	width:50%;
	height:100%;
	max-width: 50vw;
	z-index:-1;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.faces-text ul{
	color:black;

}

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

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

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


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

.content_text ul{
	font-size:1.3vw;
	color:black;
}
	Button.wcard {
	position:relative;

	border-radius: 20px;
    font-weight: 600;
    border: none;
    background-color: #4AAD52;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	box-sizing: border-box;
	color: white;
	font-size: 1vw;
	line-height: 1.4em;
	padding: 20px;
	width: 40%;
	margin-left:5%;
	max-width: 50vw;
	z-index:7;
	float:left;
	cursor: pointer;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
}

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





Button.microsite {
		align-self:end;
		position:relative;
		background-color: #384D48;
		border-radius: 0.5em;
		box-sizing: border-box;
		color: white;
		font-size: 1rem;
		line-height: 1.4em;
		padding: 20px;
		width: 35%;
		z-index:7;
		margin-top:5%;
		cursor: pointer;
		border:none;
		font-family: Arial, Helvetica, sans-serif;
		float:left;
		font-weight: bold;
		}
		
		button.microsite:hover{
			background-color:rgb(17, 17, 98);
		}



Button.login {
	position:relative;

	border-radius: 20px;
    color: #4AAD52;
    border: 1px solid #4AAD52;
    background-color: transparent;
	color: #4AAD52;
	font-size: 1vw;
	line-height: 1.4em;
	margin-right:10%;
	padding: 20px;
	width: 40%;
	max-width: 50vw;
	z-index:7;
	cursor: pointer;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	
}

	button.login: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;
}

/* End of Main bannner*/


/*Pros*/

.Text-pros{

    margin-left:1%;
    display:flex;
    position:relative;
    background-color: transparent;
    border-radius: 8px;
    width: 98%;
    max-width:100vw;
    height:200px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
    z-index:-1;
    justify-content: center;	
  }
  
  .Text_pros-wrap{
    margin-left:1%;
    position:relative;
    background-color: transparent;
    border-radius: 8px;
    width: 60%;
    max-width:100vw;
    height:200px;
   /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
    z-index:-1;
    justify-content: center;
  }
  
  .pros-title{
    position:relative;
    display:flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width:100%;
    height:28%;
    max-width:100vw;
    border-radius: 8px;
    justify-content: center;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
    font-family: Arial, Helvetica, sans-serif;	
  }

  .pros-title ul{
	font-size: 3em;
	color:black;
	font-weight: bold;
  }

  .text-pro{
    position:relative;
    display:flex;
    text-align: center;
    justify-content: center;
    background-color: transparent;
    width:100%;
    height:48%;
    max-width:100Vw;
    border-radius: 8px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size:2em;
    color:black;
  }

  .text-pro ul{
	font-size: 1.5em;
	color:black;
	font-weight: normal;
  }

.pros-duo{
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 50%;
	max-width:100vw;
	height:250px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: right;
	align-items: center;

}

.pros-duo2{
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 50%;
	max-width:100vw;
	height:250px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	align-items: center;
	float:left;
}

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

}

.pros_wrap1{
	position:relative;
	background-color: transparent;
	width:100%;
	height:180px;
	max-width:15vw;
	font-size:large;
	border-radius: 8px;
	justify-content: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.pros_wrap2{
	position:relative;
	margin-left:5%;
	background-color:transparent;
	width:100%;
	height:180px;
	max-width:15vw;
	font-size:large;

	border-radius: 8px;
	justify-content: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.pros_wrap2-2{
	position:relative;
	margin-left:5%;
	background-color:transparent;
	width:100%;
	height:180px;
	max-width:15vw;
	font-size:large;

	border-radius: 8px;
	justify-content: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.pros_wrap3{
	display:none;
}

.pros1{
	display:flex;
	position:relative;
	justify-content: center;
	background-color: transparent;
	width:100%;
	height:70%;
	max-width:20vw;
	border-radius: 8px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/

}


.pros3{
	display:none;
}
.pros1_5{
	display:flex;
	text-align: center;
	justify-content: center;
	position:relative;
	background-color: transparent;
	width:100%;
	height:30%;
	max-width:20vw;
	border-radius: 8px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/

}

.pros3_5{
	display:none;
	
}

.pros ul{

	font-size:1vw;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
}

img.pros1_card{
	width:auto;
	transform:scale(1);

}

img.pros2_card{
	width:auto;
	transform:scale(1);

}

img.pros3_card{
	display:none;

}

p.top4{
	margin-top:-0.1em;
}

p.top5{
	display:none;
}

/*End of Pros*/


/* Options */

.content_banner ul {
	margin: .5em 2em;
	padding: 0;
}

.options ul{
	font-size:0.9em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
}

.options_wrap{
	display:flex;
	align-items: center;
	position:relative;
	background-color: transparent;
	width:48%;
	height:100%;
	max-height:50vh;
	max-width:98vw;
	font-size:large;
	float:left;
	justify-content: center;
	
	 /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.options_wrap2{
	position:relative;
	/*background-color: rgba(194, 205, 194, 0.537);*/
	width:44%;
	height:100%;
	max-height:55vh;
	max-width:98vw;
	font-size:large;
	float:left;
	margin-top:-2.6%;
	border-radius: 8px;
	justify-content: center;   
}

.options_wrap2-2{
	display:none;  
}

.options{
	margin-top:10%;
	margin-left:1%;
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 98%;
	max-width:100vw;
	height:65vh;
	 /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.options1{
	align-items: center;
	justify-content: center;
	position:relative;
	background-color: #f1f1f1;
	width:100%;
	height:110%;
	max-width:100%;
	font-size:large;
	border-radius: 3.5em;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

 img.options1{
		background-color: transparent;
		width:auto;
		margin-top:0%;
		transform:scale(1.6);
}

.options2{
	position:relative;
	background-color: transparent;
	width:80%;
	height:45vh;
	max-width:43.1vw;
	font-size:large;
	margin-left:5%;
	border-radius: 8px;
     /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.options2 h1{
	color:black;
	text-align: left;
	font-weight: bold;
	margin-bottom:0%;
	font-size:2.5vw;
}

.options2 h2{
	color:black;
	text-align: left;
	font-size:1.9vw;
	margin-top:0%;
	margin-bottom:2.5%;
}

.options2 ul{
	text-align:left;
	font-size:1.7vw;
	margin-bottom:2%;
}
.options2_5{
	position:relative;
	display:block;
	background-color: transparent;
	width:100%;
	height:100%;
	max-width:43.1vw;
	font-size:large;
	border-radius: 8px;
     /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.options3{
	position:relative;
	display:flex;
	align-items: end;
	background-color: transparent;
	width:80%;
	height:10vh;
	max-height:100%;
	max-width:43.1vw;
	font-size:large;
	border-radius: 8px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


Button.basic {

align-self:end;
position:relative;
background-color: transparent;
border-radius: 20px;
box-sizing: border-box;
font-size: 1.3vw;
font-weight: 600;
line-height: 1.4em;
padding: 20px;
border: none;
width: 40%;
margin-left:5%;
z-index:7;
color: #4AAD52;
cursor: pointer;
border: 1px solid #4AAD52;
font-family: Arial, Helvetica, sans-serif;
float:left;

}









button.basic: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;
}
Button.business {
	position:relative;
	background-color: #4AAD52;
	border-radius: 20px;
	border: none;
	box-sizing: border-box;
	color: white;
	font-weight: 600;
	font-size: 1.3vw;
	line-height: 1.4em;
	padding: 20px;
	width: 40%;
	margin-left:5%;
	max-width: 43.1vw;
	z-index:7;
	cursor: pointer;
	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;
	float:left;
	}

	button.business: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;
	}

	Button.extension {
		position:relative;
		background-color: #317B22;
		border-radius: 0.5em;
		box-sizing: border-box;
		color: white;
		font-size: 0.4em;
		line-height: 1.4em;
		padding: 20px;
		width:100%;
		height:auto;
		z-index:7;
		cursor: pointer;
		border:none;
		font-family: Arial, Helvetica, sans-serif;
		margin-top: -1.8em;
		}

		Button.extension:hover{
			background-color:rgb(17, 17, 98);
		}

img.option1_card{
	margin-top:-30%;
	width:70%;
	max-width:750px;
	margin-bottom:20px;
}

/* End of Options */


/*Text extensions*/


.Text-extension{
	margin-top:10%;
	margin-left:1%;
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 98%;
	max-width:100vw;
	height:150px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;	
}

.Text_extension-wrap{
	margin-left:1%;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 50%;
	max-width:100vw;
	height:200px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	justify-content: center;
}

.text-title{
	position:relative;
	display:flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width:100%;
	height:28%;
	max-width:100vw;
	border-radius: 8px;
	justify-content: center;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	font-family: Arial, Helvetica, sans-serif;	
}

.text-title2{
	position:relative;
	display:flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width:100%;
	height:24%;
	max-width:100vw;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	font-family: Arial, Helvetica, sans-serif;	
}

.text-title H1{
	font-size:2.1rem;
	color:black;
	font-weight:bold;
}

.text-title2 ul{
	font-size:2em;
	color:black;
	font-weight:normal;
}

.Text_extensions-wrap{
	margin-left:1%;
	position:relative;
	display:flex;
	background-color: transparent;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	width: 98%;
	height:18vh;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
}
.text-extensions{
	position:relative;
	display:flex;
	text-align: center;
	align-items: center;
	background-color: transparent;
	width:40%;
	height:100%;
	max-width:100Vw;
	border-radius: 10px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:black;
}

.Extension-button{
	position:relative;
	display:flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width:70%;
	height:10vh;
	margin-left:15%;
	max-width:100Vw;
	border-radius: 8px;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:black;
}

.ext-button{
		position:relative;
		display:block;
		text-align: center;
		align-items: center;
		background-color: transparent;
		width:20%;
		height:50%;
		margin-left:1%;
		max-width:100Vw;
		border-radius: 8px;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size:2.5em;
		color:black;

}


/*End of Text extensions*/

/*Text carousel*/
.Text-wrap{
	margin-top:10%;
	margin-left:1%;
	display:flex;
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 98%;
	max-width:100vw;
	height:100px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	justify-content: center;
	align-items: center;
	text-align: center;
	z-index:-1;
}

.text-carousel ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size:2vw;
	color:black;
	font-weight: bold;

}


.carousel-img{
	max-width:15vw;
	width:15%;
}

/*End of Text carousel*/



/*Extention*/

Button.leads {
	position:relative;
	background-color: #317B22;
	border-radius: 20px;
	color: white;
	height:auto;
	font-size: 1em;
	line-height: 1.4em;
	padding: 20px;
	width: 100%;
	max-width:15vw;
	z-index:1;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

button.leads:hover{
	background-color:black;
}


.extension ul{
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
}

.extension_wrap{
    display: block;
    width: 30%;
    height: 80%;
}

.extension_wrap2{
	position:relative;
	margin-left:5%;
	background-color: rgba(194, 205, 194, 0.537);
	width:100%;
	height:80%;
	max-width:10vw;
	font-size:large;
	justify-content: center;
	float:left;
	border-radius: 8px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.extension_wrap3{
	display: block;
    width: 30%;
    height: 80%;
	margin-left:4%;
}

.extension{
    display: flex;
    max-width: 100%;
    width: 100%;
    height: 30vh;
    color: black;
	justify-content: center;
}

.extension_container{
	position: relative;
	display:flex;
	justify-content: center;
    max-width: 100vw;
    width: 40%;
    max-height: 100vh;
    height: 40%;
    margin-left: 30%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/	
}

.extension1{
	display: flex;
    width: 100%;
    max-height: 22vh;
    height: 100%;
    background-color: #f1f1f1;
    background-position: center;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.extension1_title{
    Display: flex;
    text-align: center;
	justify-content: center;
    width: 100%;
    height: 25%;
    background-color: #F1F1F1;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.extension1_title ul{
	font-size: 1.5rem;
	color:black;
	font-weight: bold;
}

/*
.extension1_text{
	position:relative;
	display:flex;
	align-items: center;
	background-color: transparent;
	width:100%;
	height:30%;
	max-width:18vw;
	font-size:large;
	border-radius: 8px;
    box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;
}


.extension1_5{
	position:relative;
	background-color: transparent;
	width:100%;
	height:30%;
	max-width:18vw;
	font-size:large;
	border-radius: 8px;
    box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;
}*/

.extension2{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width:100%;
	height:80%;
	max-width:18vw;
	font-size:large;
	border-radius: 8px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

/*.extension2_5{
	position:relative;
	background-color: transparent;
	width:100%;
	height:30%;
	max-width:18vw;
	font-size:large;
	border-radius: 8px;
    box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;
}
*/
.extension3{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	width:100%;
	height:80%;
	max-width:18vw;
	font-size:large;
	border-radius: 8px;
    /*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

/*.extension3_5{
	position:relative;
	background-color: transparent;
	width:100%;
	height:30%;
	max-width:18vw;
	font-size:large;
	border-radius: 8px;
    box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;
}*/

.extension1_card{
	width:100%;
    filter: brightness(0%);
}

/*End of the Extention*/



/*Footer*/



.microsites_wrap{
	position:relative;
	display:flex;
	margin-top:10%;
	height:auto;
	width:90%;
	margin-left:10%;
}

.microsites_left{
	position:relative;
	display:block;
	height:auto;
	width:45%;
	color:black;
	font-size:1.5rem;
}

.microsite_text_top{
	position:relative;
	color:black;
	font-weight: bold;
	font-size:1.5rem;
}

.microsite_text_mid{
	position:relative;
	height:auto;
	width:100%;
}

.microsite_text_mid ul{
	margin-top:3%;
	color:black;
	font-size:1.2rem;	
}

.microsite_bot{
	position:relative;
	height:auto;
	width:100%;
}

.microsites_right{
	position:relative;
	height:auto;
	width:40%;
	margin-left:5%;
	background-color: #F1F1F1;
	border-radius:2rem;
}


.two{
	position:relative;
	max-width:100%;
	width:65%;
	height:170vh;
	margin-left:17.5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:flex;
	margin-top:10%;
}

.four{
	position:relative;
	max-width:100%;
	width:65%;
	height:80vh;
	margin-left:17.5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:flex;
}
.two-1{
	position:relative;
	max-width:100%;
	width:65%;
	height:80vh;
	margin-left:17.5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:none;
	margin-top:10%;
}

.four-1{
	position:relative;
	max-width:100%;
	width:65%;
	height:80vh;
	margin-left:17.5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:none;
}

.four-2{
	position:relative;
	max-width:100%;
	width:65%;
	height:80vh;
	margin-left:17.5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:none;
}

.first-wrap{
	display:block;
	position:relative;
	justify-content: center;
	width:40%;	
	height:80%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	background-image: url("/photo/index/LEAD.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.second-wrap{
	display:block;
	position:relative;
	justify-content: center;
	width:55%;	
	height:100%;
	margin-left:5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	background-image: url("/photo/index/ruka.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.third-wrap{
	display:block;
	position:relative;
	justify-content: center;
	width:60%;	
	height:80%;
	margin-top:-10%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	background-image: url("/photo/index/mobil.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}



.fourth-wrap{
	display:block;
	position:relative;
	justify-content: center;
	width:60%;	
	height:90%;
	margin-top:5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	background-image: url("/photo/index/notas.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.first-half{

	position:relative;
	justify-content: center;
	width:100%;	
	height:65%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background: linear-gradient( rgba(241, 241, 241,0.1), rgba(241, 241, 241,0.5));

}

.first-half2{
	position:relative;
	width:100%;	
	height:34.5%;
	background: linear-gradient( rgba(241, 241, 241,0.5), rgba(241, 241, 241,1));
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.third-half{

	position:relative;
	justify-content: center;
	width:100%;	
	height:70%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background: linear-gradient( rgba(241, 241, 241,0.1), rgba(241, 241, 241,0.5));

}

.third-half2{
	position:relative;
	width:79.2%;	
	height:30%;
	background: linear-gradient( rgba(241, 241, 241,0.5), rgba(241, 241, 241,1));
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	margin-left:1.7%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.fourth-half{

	position:relative;
	justify-content: center;
	width:100%;	
	height:70%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background: linear-gradient( rgba(241, 241, 241,0.1), rgba(241, 241, 241,0.5));

}

.fourth-half2{
	position:relative;
	width:100%;	
	height:30%;
	background: linear-gradient( rgba(241, 241, 241,0.5), rgba(241, 241, 241,1));
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.second-half{

	position:relative;
	justify-content: center;
	width:100%;	
	height:65%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background: linear-gradient( rgba(241, 241, 241,0.1), rgba(241, 241, 241,0.5));

}

.second-half2{
	position:relative;
	width:100%;	
	height:35%;
	background: linear-gradient( rgba(241, 241, 241,0.5), rgba(241, 241, 241,1));
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 28px;
	
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.first-half2-nadpis{
	font-size: 1vw;
	color:black;
	font-weight: bold;
	z-index:2;
	margin-left:10%;	
}

.first-half2-text{
	font-size: 1vw;
	color:black;
	font-weight: 400;
	z-index:2;
	margin-left:10%;	
}

.second-half2-nadpis{
	font-size: 1.3vw;
	color:black;
	font-weight: bold;
	z-index:2;
	margin-left:15%;	
}
.third-half2-nadpis{
	font-size: 1.2vw;
	color:black;
	font-weight: bold;
	z-index:2;
	margin-left:10%;	
}

.fourth-half2-nadpis{
	font-size: 1.3vw;
	color:black;
	font-weight: bold;
	z-index:2;
	margin-left:10%;	
}


.second-half2-text{
	font-size: 1vw;
	color:black;
	
	z-index:2;
	margin-left:15%;	
}

.third-half2-text{
	font-size: 1vw;
	color:black;
	
	z-index:2;
	margin-left:10%;	
}

.fourth-half2-text{
	font-size: 1vw;
	color:black;
	
	z-index:2;
	margin-left:10%;	
}


.corp{
margin-top:10%;
height:auto;
width:80%;
margin-left:10%;
text-align:center;

}

.corp ul{
	margin-top:2%;
	color:black;
	font-size:1.2vw;
	font-weight:bold;
}
.corp_nadpis{
	color:black;
	font-size:1.3vw;
	font-weight: bold;
	margin-bottom:2%;
}

.corps_nadpis{
	font-size:3vw;
}

.benefits{
	display:flex;
	position:relative;
	width:80%;
	margin-top:10%;
	height:60vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits1{
	display:none;
	position:relative;
	width:80%;
	margin-top:10%;
	height:60vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left{
	display:block;
	width:60%;
	position:relative;
	height:auto;
	border-top-right-radius:30px;
	border-bottom-right-radius: 30px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-color: #F1F1F1;
}

.benefits-left1{
	display:none;
	width:60%;
	position:relative;
	height:auto;
	border-top-right-radius:30px;
	border-bottom-right-radius: 30px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-color: #F1F1F1;
}

.benefits-left-wrap{
	height:45%;
	display:block;
	position:relative;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left-wrap-top{
	height:100%;
	position:relative;
	display:flex;
	justify-content: center;
	width:20%;

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

.benefits-left-wrap-bot{
	height:100%;
	position:relative;
	display:flex;
	justify-content: center;
	width:20%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.benefits-left-bot{
	height:45%;
	position:relative;
	display:flex;
	justify-content: space-evenly;
	width:80%;
	margin-left:10%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left-top{
	height:40%;
	position:relative;
	display:flex;
	justify-content: space-evenly;
	width:100%;
	margin-top:5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left-bottom{
	height:43%;
	position:relative;
	display:block;
	width:100%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left-wrap-mid{
	height:auto;
	position:relative;
	display:flex;
	justify-content: center;
	width:20%;
	margin-top:2%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.benefits-left-bot-mid{
	height:auto;
	position:relative;
	display:flex;
	justify-content:center;
	width:30%;
	margin-top:2%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}



.benefits-bot-mid{
	height:20%;
	position:relative;
	display:flex;
	justify-content: space-evenly;
	width:80%;
	margin-left:10%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left-mid{
	height:20%;
	position:relative;
	display:flex;
	justify-content: space-evenly;
	width:100%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left-wrap-bottom{
	height:auto;
	position:relative;
	display:flex;
	text-align: center;
	justify-content: center;
	width:20%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left-wrap-bot{
	height:auto;
	position:relative;
	display:flex;
	text-align: center;
	justify-content: center;
	width:30%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

img.wrap-bot{
	width: 40%;
	height: 40%;
}


.benefits-left-top-bottom{
	height:20%;
	position:relative;
	display:flex;
	justify-content: space-evenly;
	width:100%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.benefits-left-bot-bottom{
	height:20%;
	position:relative;
	display:flex;
	width:80%;
	margin-left:10%;
	justify-content:space-evenly
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.text-top{
	font-size:1.1vw;
	color:black;
	font-weight: bold;
}

.text-bottom{
	font-size:0.9vw;
	color:black;
}


.benefits-right{
	display:block;
	width:50%;
	position:relative;
	height:100%;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.benefits-right1{
	display:none;
	width:50%;
	position:relative;
	height:100%;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.benefits-right-top{
	display:flex;
	width:100%;
	position:relative;
	height:50%;
	text-align: center;
	align-items:end ;
	justify-content: center;
}

.benefits-right-bot{
	display:flex;
	width:100%;
	position:relative;
	height:50%;
	text-align: center;
	justify-content: center;
}

.right-top{
	font-size:2.5vw;
	font-weight: bold;
	color:black;
}

.right-bot{
	font-size:1.6vw;
	color:black;
}

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

/*Main bannner*/
.content_banner {
	position:relative;
	background-color: transparent;
	border-radius: 8px;
	width: 100%;
	height:100%;
	max-width: 100vw;
	margin-top:0;
	z-index:-1;
	font-size:1rem;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}


.banner-wrapper {
	margin-left:0;
	display:block;
	margin-top:10%;
	width: 100%;
	height:70vh;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content-wrapper2 {
	text-align: left;
	margin-left:0%;
	width:100%;
	max-width:100vw;
	margin-top:0%;
}

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

.picture1 {
	display:flex;
	align-items: center;
	justify-content: center;

	background-image: url("/logo/telefon.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position:center;
	position:relative;
	width: 90%;
	background-color: #f1f1f1;
	max-width: 100vw;
	height:35%;
	margin-bottom:5%;
	margin-left:10%;
	z-index:-5;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.faces-wrap
{
	height:15%;
	max-width: 100vw;
	width:90%;
	z-index:-1;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	margin-left:5%;
}

.faces{
	width:60%;
	max-width: 100vw;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background-size: 110%;

}

.faces-text{
	display:flex;
	align-items: center;
	line-height:1;
	width:40%;
	font-size:3.8vw;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.faces-text ul{
	color:black;

}

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

.content_nadpis{
	width:90%;
	height:15%;
	max-width: 100vw;
	line-height: auto;
	margin-left:5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_nadpis ul{
	font-size:4vw;
	margin:0 0;
	color:black;
}


.content_text{
	margin-top:0;
	width:90%;
	height:10%;
	margin-left:5%;
	max-width: 100vw;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.content_text ul{
	margin:0;
	font-size: 4vw;
	color:black;
	
}
	Button.wcard {
	border-radius: 50px;
	width: 50%;
	margin-left:0;
	font-size:4vw;
}

	button.wcard:hover{
	background-color: black;
}



Button.login {
	border-radius: 50px;
	width: 45%;
	margin-right:0;
	font-size:4vw;
	
}

	button.login:hover{
	background-color: rgba(194, 205, 194, 0.537);
}

/* End of Main bannner*/


/*Pros*/



.pros-duo{
	width:100%;
	max-width:100vw;
	height:35%;
	z-index:-1;
	justify-content: space-evenly;
}

.pros-duo2{
	width: 100%;
	z-index:-1;
	align-items: center;
	justify-content: space-evenly;
}

.pros{
	display:block;
	width: 100%;
	margin-left:0;
	max-width:100vw;
	height:30vh;

}

.pros_wrap1{
	width:100%;
	max-width:25vw;
	height:20vh;

}

.pros_wrap2{
	position:relative;
	background-color:transparent;
	width:100%;
	height:20vh;
	margin-left:0%;
}

.pros_wrap2-2{
	margin-left:0%;
	width:100%;
	max-width:25vw;
	height:20vh;
}

.pros ul{
	font-size:3vw;
}

.pros1_5{
	width:100%;
	max-width:25vw;
	border-radius: 8px;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/

}
.pros1{

	width:100%;
	max-width:25vw;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/

}


img.pros1_card{
	transform:scale(1);
}

img.pros2_card{
	transform:scale(1.3);
}

/*End of Pros*/


/* Options */



.options_wrap{
	width:100%;
	margin-top:10%;
	margin-bottom:10%;
}


.options_wrap2{
	display:none;
}

.options_wrap2-2{
	display:block;
	position:relative;
	height:auto;
	max-height:55vh;
	max-width:100vw;
	font-size:large;
	justify-content: center;
	margin-top:10%;   
}

.options_wrap2-2 h1{
	font-size:6vw;
	font-weight:bold;

}

.options{
	display:block;
	margin-top:20%;
	height:auto;
}

.options2{
	width:90%;
	height:auto;
	max-width:100vw;
	margin-left:5%;


}

.options2 h1{
	color:black;
	text-align: left;
	font-weight: bold;
	margin-bottom:0%;
}

.options2 h2{
	color:black;
	text-align: left;
	font-size:5vw;
	font-weight:normal;
	margin-top:0%;
	margin-bottom:5%;
}

.options2 ul{
	text-align:left;
	font-size:4vw;
	margin-bottom:5%;
}
.options2_5{
	position:relative;
	display:block;
	background-color: transparent;
	width:100%;
	height:100%;
	max-width:100vw;

}

.options3{
	width:100%;
	max-height:100%;
	max-width:100vw;
	margin-left:0;
}

Button.basic {
	font-size: 4vw;
	margin-left:7%;

	}
	
	Button.business {
		font-size: 4vw;
		width: 40%;
		}
	

	Button.extension {
		display:none;
		}

		Button.extension:hover{
			display:none;
		}

img.option1_card{
	display:none;
}

/*End of Options */


/*Text extensions


.Text-extension{
	display:none;
}

.Text_extension-wrap{
	display:none;
}

.text-title{
	display:none;	
}

.text-title2{
	display:none;
}

.text-title H1{
	display:none;
}

.text-title2 ul{
	display:none;
}

.Text_extensions-wrap{
	display:none;
}
.text-extensions{
	display:none;
}

.Extension-button{
	display:none;
}

.ext-button{
	display:none;

}


End of Text extensions*/

/*Text carousel*/
.Text-wrap{
	margin-top:30%;
	height:50px;
	margin-bottom:-5%;
}

.text-carousel ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size:4vw;
	color:black;
	font-weight: bold;

}



/*End of Text carousel*/



/*Extention

Button.leads {
	display:none;
}

button.leads:hover{
	display:none;
}


.extension ul{
	display:none;
}

.extension_wrap{
	display:none;
}

.extension_wrap2{
	display:none;
}

.extension_wrap3{
	display:none;
}

.extension{
	display:none;
}

.extension_container{
	display:none;	
}

.extension1{
	display:none;
}

.extension1_title{
	display:none;
}

.extension1_title ul{
	display:none;
}


.extension2{
	display:none;
}

.extension3{
	display:none;
}



.extension1_card{
	display:none;
}

End of the Extention*/



/*Microsites



.microsites_wrap{
	display:none;
}

.microsites_left{
	display:none;
}

.microsite_text_top{
	display:none;
}

.microsite_text_mid{
	display:none;
}

.microsite_text_mid ul{
	display:none;
}

.microsite_bot{
	display:none;
}

.microsites_right{
	display:none;
}
*/

.two{
	width:80%;
	height:50vh;
	margin-left:10%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:none;
	margin-top:10%;
}

.four{
	width:80%;
	height:50vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:none;
	position:relative;
}

.two-1{
	width:80%;
	height:auto;
	margin-left:10%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:block;
	margin-top:10%;
}

.four-1{
	width:80%;
	height:40vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:block;
	margin-left:10%;
	position:relative;

}

.four-2{
	width:80%;
	height:65vh;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	display:block;
	margin-left:10%;
	margin-top:10%;
	position:relative;
}


.first-wrap{
	width:100%;
	height:100%;	
	display:block;
}

.second-wrap{

	width:100%;	
	height:100%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	margin-top:5%;
	display:block;
}

.third-wrap{
	width:110%;	
	height:120%;
	margin-top:5%;
	
}

.fourth-wrap{
	display:block;
	position:relative;
	justify-content: center;
	width:100%;	
	height:90%;
	margin-top:5%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	z-index:-1;
	background-image: url("/photo/index/notas.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.first-half{

	position:relative;
	justify-content: center;
	width:100%;	
	height:60%;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	background: linear-gradient( rgba(241, 241, 241,0.1), rgba(241, 241, 241,0.5));

}

.first-half2{
	position:relative;
	width:100%;
	height:40%;
	
}

.third-half{

	position:relative;
	justify-content: center;
	width:80%;	
	height:55%;

}

.third-half2{
	position:relative;
	width:80%;	
	height:40%;
	
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.fourth-half{

	width:95%;	
	height:60%;
	
}

.fourth-half2{
	width:95%;	
	height:31%;
	margin-left:0;
	/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
}

.second-half{
	width:100%;	
	height:65%;
	margin-left:0;
}

.second-half2{
	position:relative;
	width:100%;	
	height:31%;
	margin-left:0;

}

.first-half2-nadpis{
	font-size: 4vw;
	color:black;
	font-weight: bold;
	z-index:2;
	margin-left:10%;	
}

.first-half2-text{
	font-size: 4vw;
	color:black;
	
	z-index:2;
	margin-left:10%;	
}

.second-half2-nadpis{
	font-size: 4vw;
	color:black;
	font-weight: bold;
	z-index:2;
	margin-left:10%;	
}
.third-half2-nadpis{
	font-size: 4vw;
	color:black;
	font-weight: bold;
	z-index:2;
	margin-left:10%;	
}

.fourth-half2-nadpis{
	font-size: 4.5vw;
	color:black;
	font-weight: bold;
	z-index:2;
	margin-left:10%;	
}


.second-half2-text{
	font-size: 3.5vw;
	color:black;
	
	z-index:2;
	margin-left:10%;	
}

.third-half2-text{
	font-size: 4vw;
	color:black;
	
	z-index:2;
	margin-left:10%;	
}

.fourth-half2-text{
	font-size: 4vw;
	color:black;
	
	z-index:2;
	margin-left:10%;	
}


.corp{
	position:relative;
	height:auto;
	text-align:center;
	
	}
	
	.corp ul{
		margin-top:2%;
		color:black;
		font-size:3.5vw;
		font-weight:bold;
	}
	.corp_nadpis{
		font-size:4vw;
		font-weight: bold;
		margin-bottom:2%;
	}

	.corp H1{
		font-size:4.5vw;
		margin:0;
	}
.benefits{
		display:none;
		
	}

	.benefits1{
		display:block;
		width:100%;
		margin-top:10%;
		height:auto;
		margin-left:0;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.benefits_image{
		width:20vw;
		margin-top:30%;
	}


	.benefits-left{
		display:none;
	}
	
	.benefits-left1{
		display:block;
		width:95%;
		position:relative;
		height:auto;
		border-top-right-radius:30px;
		border-bottom-right-radius: 30px;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
		background-color: #F1F1F1;
	}

	.benefits-left-wrap{
		height:45%;
		display:block;
		position:relative;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.benefits-left-top{
		height:40%;
		position:relative;
		display:flex;
		width:100%;
		
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}


	
	.benefits-left-wrap-mid{
		width:30%;
		margin-left:3%;
		margin-top:2%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}

	.benefits-left-wrap-top{
		width:30%;
		margin-left:3%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}

	.benefits-left-wrap-bottom{
		width:30%;
		margin-left:3%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}

	.benefits-left-wrap-bot{
		width:30%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	.benefits-left-wrap-bot2{
		width:30%;
		margin-left:3%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}

	.benefits-left-bot-mid{
		width:30%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}
	
	.benefits-left-bot-mid2{
		width:30%;
		margin-left:3%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}

	.benefits-left-bot-bottom{
		padding-bottom:10%;
		/*box-shadow: inset 0 0.5px 0 #fff3, 0 0 1px #000;*/
	}

	.text-top{
		font-size:3vw;
		color:black;
		font-weight: bold;
	}
	
	.text-bottom{
		font-size:2.7vw;
		color:black;
	}
	
	
	.benefits-right{
		display:none;

	}
	
	.benefits-right1{
		display:block;
		width:90%;
		margin-left:5%;
		position:relative;
		height:auto;
	}
	
	
	.right-top{
		font-size:6vw;
		font-weight: bold;
		color:black;
	}
	
	.right-bot{
		font-size:5vw;
		color:black;
	}


	
}
	/*End of the Extention*/
	
	
	
	/*Foote