.popis-nadpis {display: none;}
.description-inner { padding: 0 0;}


/* vlastnosti */

.vlastnosti-bg {position: relative; z-index: 100; background-repeat:no-repeat; background-size: cover; background-position: right center; width: 100%; padding: 60px 0px 120px 0px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%); clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%); }
.vlastnosti-bg.clipnone {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%) !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%) !important; padding: 60px 0px 60px 0px; margin: 0 0 50px 0;}
.vlastnosti {width: auto; background: rgba(9, 172, 237, 1.0); padding: 35px 25px 15px 25px; font-size: 19px; line-height: 105%; font-weight:600; letter-spacing: 0.5px;}
.vlastnosti h2 {color:#FFFFFF !important; font-weight:700;	font-size: 30px;}
.vlastnosti ul {margin-left:0px; list-style: none;}
.vlastnosti li {list-style: none; padding: 10px 0px; color: #fff;}
.vlastnosti li:before {content: "❯"; color: #ffffff; float: left; font-size: 22px; width: 22px; margin-top: 0px; margin-left: -1.4em;}

@media screen and (max-width: 920px) {	
.vlastnosti-bg {padding: 40px 0px; 180px 0px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%); }    
.vlastnosti {padding: 15px 15px 15px 15px;font-size: 17px; margin-top: 15px;  margin-bottom: 15px; }
} 

@media screen and (max-width: 480px) {	
.vlastnosti {padding: 20px 15px 10px 15px;font-size: 16px; }
.vlastnosti ul {margin-left:-15px; list-style: none;}    
.vlastnosti li {padding: 5px 0px;}    
.vlastnosti li:before {content: "❯"; color: #ffffff; float: left; font-size: 15px; width: 15px; margin-top: 0px; margin-left: -1.4em;}    
.vlastnosti h2 {font-size:22px;} 
} 


/* popis1 */

.popis1 { width: 100%; display: block; padding: 0px 0px 20px 0px; vertical-align: top;}
.popis1-f {width: 100%; display: block; vertical-align: top; padding: 0 0 30px 0; font-size: 17px; line-height:1.6em;font-weight: 500; color: #24242e;}
.popis1-f h2 {color: #00B2EF;font-size: 33px;font-weight: 700;line-height: 110%;margin-bottom: 25px;letter-spacing: 0.8px;}
.popis1-l {width: 49.5%; display: inline-block; vertical-align: top;}
.popis1-l img {width: 100%; max-width: 550px; height: auto;}
.popis1-r {width: 49.5%; display: inline-block; vertical-align: top; padding: 0px 0 0 0; font-size: 17px; line-height:1.6em;font-weight: 600; color: #24242e;}
.popis1-r h2 {color: #00B2EF;font-size: 30px;font-weight: 700;line-height: 110%;margin-bottom: 25px;letter-spacing: 1.2px;}
.blok-ikony {width: 100%; display: block; padding: 60px 0px 0px 0px; vertical-align: top; text-align: right; }
.blok-ikony .ikona {width: 10.4%; margin: 0 1.7% 20px 1.7%; vertical-align: top; text-align:center;	display: inline-block; font-size:18px; line-height: 115%; color:#00B2EF; font-weight:800;}
.blok-ikony .ikona img {width:auto;	max-height: 75px; margin: 0 auto 20px auto;	display:block; }

@media screen and (max-width: 920px) {	
.popis1 { padding: 0px 0px 0px 0px;}  
.popis1-f {font-size: 17px;}  
.popis1-f h2 {font-size: 30px;letter-spacing: 0.5px;}    
.popis1-l {width:100%; margin: 0 auto; text-align: center}
.popis1-r {width: 100%; font-size: 17px; padding: 10px 0 0 0;}
.popis1-r h2 {font-size: 30px; margin-bottom: 25px;letter-spacing: 0.5px;}
.blok-ikony {padding: 40px 0px 0px 0px; vertical-align: top; text-align: left; }    
.blok-ikony .ikona {width: 10.4%; margin: 0 1.6% 30px 1.6%; font-size:16px; line-height: 110%;}  
.blok-ikony .ikona img {width:auto;	max-height: 50px; }    
}

@media screen and (max-width: 768px) {	
.popis1-f {font-size: 16px;}  
.popis1-f h2 {font-size: 22px;letter-spacing: 0.2px;}      
.popis1-r {width: 100%; font-size: 16px;}    
.popis1-r h2 {font-size: 22px; margin-bottom: 25px;letter-spacing: 0.2px;}  
.popis1-l img {max-width: 300px;}    
.blok-ikony .ikona {width: 21.0%;  margin: 0 1.3% 35px 1.3%; font-size:13px; line-height: 110%;}  
.blok-ikony .ikona img {width:auto;	max-height: 40px; margin: 0 auto 10px auto; }    
}


/* funcie */

.produkt-funkcie {display: flex; align-items: center; padding: 40px 0px; margin: 0 0px; font-size: 17px; color: #24242e; line-height: 1.6em;}
.produkt-funkcie h2 {font-size: 33px; position: relative; padding-bottom: 0px; margin-bottom: 15px; margin-top: 10px; text-align: left; color: #00B2EF; line-height: 1.1em;}
.produkt-text {width: 50%;}
.lava-pozicia {padding: 0 60px 0 0;}
.prava-pozicia {padding: 0 0 0 70px;}
.stredna-pozicia {width: 100%;}
.produkt-foto {width: 50%; padding: 0;}
.produkt-foto img {width: 100%; height: auto; }
.cela-sirka {width: 100%}


@media screen and (max-width: 920px) {	   
.produkt-funkcie {padding: 10px 0px; display: flex;flex-wrap: wrap; font-size: 17px;}  
.produkt-funkcie h2 {font-size: 26px;}     
.produkt-text { width: 100%; padding: 0 0 0px 0; order: 2;}
.produkt-foto { width: 100%; order: 1; margin-bottom: 15px;}    
} 

@media screen and (max-width: 768px) {	
.produkt-funkcie {font-size: 16px;}  
.produkt-funkcie h2 {font-size: 22px;}  
} 

/* precokupit */

.precokupit { width: auto; display: block; padding: 30px 30px 20px 30px; vertical-align: top; background:#F6F6F6; }
.precokupit h2 {color:#00B2EF; font-weight:700;	font-size: 30px; line-height: 1.15;}
.precokupit h3 {color:#24242e; font-weight:700;	font-size: 26px; line-height: 1.15; margin: 20px 0 10px 0 !important;; }
.precokupit p {color:#24242e; font-weight:500;	font-size: 17px; line-height: 1.4em; margin-bottom: 30px; margin-top: 0px;}
.precokupit ul {margin-left:-10px; list-style: none;}
.precokupit li {list-style: none; padding: 8px 0px; color: #24242e; font-size: 17px; line-height: 120%; font-weight: 500;}
.precokupit li:before {content: "❯"; color: #00B2EF; float: left; font-size: 20px; width: 20px; margin-top: 0px; margin-left: -1.2em;}

@media screen and (max-width: 920px) {	
.precokupit h2 {font-size: 26px;}  
.precokupit h3 {font-size: 22px;}      
.precokupit ul {margin-left:-10px; } 
.precokupit li {font-size: 17px; line-height:1.4em;}    
.precokupit p {font-size: 17px;}    
}

@media screen and (max-width: 768px) {	
.precokupit {padding: 15px 15px 10px 15px; }    
.precokupit h2 {font-size: 22px;}  
.precokupit h3 {font-size: 18px;}      
.precokupit ul {margin-left:-15px; } 
.precokupit li {font-size: 16px;padding: 5px 0px;}       
.precokupit p {font-size: 16px;}    
}



/* prehlasenie */

.prehlasenie {display: flex; align-items: top; padding: 0px; margin: 0 0 50px 0; font-size: 17px; color: #24242e; line-height: 1.5em; background: #F6F6F6; }
.prehlasenie h4 {font-size: 23px; position: relative; padding-bottom: 0px; margin-bottom: 10px; margin-top: 10px; text-align: left; color: #00B2EF; line-height: 1.1em;}
.prehlasenie-text {width: 50%; vertical-align: top; margin: 26px;}
.prehlasenie ul {margin-left:-20px; list-style: none;}
.prehlasenie li {list-style: none; padding: 4px 0px; color: #24242e; font-size: 17px; line-height: 1.4em; font-weight: 500;}
.prehlasenie li:before {content: "❯"; color: #00B2EF; float: left; font-size: 16px; width: 16px; margin-top: 0px; margin-left: -1.0em;}

@media screen and (max-width: 920px) {	
.prehlasenie {flex-wrap: wrap; font-size: 17px;}    
.prehlasenie-text {width: 100%; margin: 5px 15px;}  
.prehlasenie h4 {font-size:18px;}    
.prehlasenie ul {margin-left:-20px;}  
.prehlasenie li {font-size: 17px;}    
}

@media screen and (max-width: 768px) {	
.prehlasenie {flex-wrap: wrap; font-size: 16px;}    
.prehlasenie h4 {font-size:16px;}    
.prehlasenie li {font-size: 16px;}    
}


/* video */
.video-container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;margin:30px 0px;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (max-width: 920px) {	
.video-container {margin:40px 0px 0px 0px;}
}

/* parametre */

.parametre {width: auto; display: block; vertical-align: top; padding: 30px 0;}
.parametre h3 {font-size: 26px; position: relative; padding-bottom: 0px; margin-bottom: 10px; margin-top: 20px; text-align: left; color: #00B2EF; line-height: 1.1em;}
.parametre ul {margin-left:0px; list-style: none; padding: 0px}
.parametre li {list-style: none; padding: 9px 0px 9px 25px; color: #24242e; font-size: 17px; line-height: 120%; font-weight: 500;border-bottom: 1px solid #DCDCDC;}
.parametre li:hover {border-bottom: 1px solid #00B2EF;}
.parametre li:before {content: "❯"; color: #00B2EF; float: left; font-size: 20px; width: 20px; margin-top: 0px; margin-left: -1.0em;}
.parametre .balenie li {list-style: none; padding: 4px 0px 4px 30px; color: #24242e; font-size: 17px; font-weight: 500;border-bottom: none; font-weight: 800;}
.parametre .balenie li:hover {border-bottom: none;}
.parametre .label1 {display: inline-block; width: 35%; max-width:320px; vertical-align: top;}
.parametre .label2 {display: inline-block; width: 64%;vertical-align: top;}

@media screen and (max-width: 920px) {	
.parametre h3 {font-size: 22px;}
.parametre li {font-size: 16px;}    
.parametre .balenie li {font-size: 16px;}    
.parametre .label1 {display: inline-block; width:40%; }
.parametre .label2 {display: inline-block; width:59%;}    
}


/* aplikacia */

.app-banner {width: 100%; text-align:left; display:block; position:relative; margin:40px auto -20px auto;}  
.app-banner .screen {width: 44%; max-width: 520px; overflow:hidden; display: inline-block; vertical-align: bottom; }
.app-banner .screen img {width:100%; margin-bottom: -10px;}   
.app-banner .infoapp {width: 53%; display: inline-block; vertical-align: top; margin-top: 30px; margin-bottom:30px; float:right;}   
.app-banner .infoapptx {font-size: 17px; line-height:1.4em; font-weight: 600; color: #24242e; letter-spacing:0.8px; margin-top: 30px; margin-bottom: 10px; clear:both; display:block;}   
.app-banner .logoapp {width:75px; float: left;	margin-right: 30px;	border-radius: 15px; }
.app-banner .viac a {display: inline-block;	padding: 8px 6px;background: #00ADEF; text-align:center; width: 260px; display:block; border-radius: 3px; vertical-align: baseline; color:#ffffff; text-decoration:none !important; font-size: 20px; line-height: 30px; font-weight: 600; }
.app-banner .viac a:hover {background: #5E5E5E; text-decoration: none; transition: background ease 0.3s; }

@media screen and (max-width: 1020px) {	
.app-banner .screen {width: 100%; max-width: 589px;	margin:0 auto; display: block; vertical-align: bottom;}  
.app-banner .infoapp {width: 100%;display: block;margin:0 auto 30px auto; } 
.app-banner .infoapptx {font-size: 17px; margin-top: 40px; margin-bottom: 10px; text-align: center;} 
.app-banner .viac a {margin: 0 auto; }    
}

@media screen and (max-width: 768px) {	
.app-banner {margin:0px auto -10px auto;}         
}

@media screen and (max-width: 480px) {	  
.app-banner .logoapp {width:60px; float: left;	margin-right:10px;border-radius: 15px; }
.app-banner .infoapptx {font-size: 16px;}     
}


/* upozornenie */

.upozornenie {width: auto; display: block; vertical-align: top; padding: 5px 0; font-size: 15px; color:#24242e; }
.upozornenie p { margin-top: 0px; }