html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
*{margin:0;padding:0;border:none;}
html.js .os-animation{opacity: 0}
html.js .os-animation.animated{opacity: 1}

ul{list-style:none;}
body{color:#7c7c7c;font-weight:400;font-family:'Roboto',Arial,Verdana,Tahoma;font-size:100%;width:100%;line-height:1.4;overflow-x:hidden;}

#masterpopup { position: absolute; top: 17%; left: 5%; width: 90%; z-index: 1500; background: black; color: #fff; padding: 2em 4em; font-size: 100%;  }
#masterpopup .masterpopupsloser { position: absolute; z-index: 100; top: -1em; right: -1em; width: 50px; height: 50px; text-align: center; border-radius: 50%; background: #F5A00B; padding: 0.5em 0.75em; display: block; color: #000; font-size: 120%; cursor: pointer; }
#masterpopup .masterpopupsloser:hover { color: #fff; }
#masterpopup h2, #masterpopup a { color: #F5A00B; }

#mainarrowup { visibility: hidden; display: block; position: fixed; top: calc(50% - 50px); right: 10px; z-index: 2000; width: 40px; height: 40px; text-decoration: none; border-radius: 50%; color: #f08219; -webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease; }
#mainarrowup span { display: block; position: absolute; bottom: 0; right: 0; z-index: 2001; }

#mainarrowuppricelist { display: block; position: fixed; top: calc(50%); right: 0; z-index: 2000; text-decoration: none; border-radius: 50%; color: #fff; -webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease; }
#mainarrowuppricelist span { display: inline-block; vertical-align: middle; background: #92D30B; height: 2em; padding: 0.25em 0.75em; font-size: 110%; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

header{background: #333 url('../images/bgheader.svg') center top no-repeat; }
header .inbox{padding: 0.625em;}
header p.logo{ width: 150px; }
header p.logo img{padding:1em; width: 100%; max-width: default;}

nav{text-align:left;background:#0f0f0f; }
html.js nav ul{display:none;}
nav .inbox { padding: 0 !important; position: relative; }
nav ul{padding: 1em 1.5em; }
nav ul li{display:block;margin:0;padding: 0;}
nav ul li a{display:block; padding:1em 0.5em;margin:0;border-top:1px dotted #fff;text-decoration:none;font-size:110%;text-transform:uppercase;font-weight:400;color:#fff;line-height:1;-webkit-transition:color 500ms ease;-moz-transition:color 500ms ease;-ms-transition:color 500ms ease;-o-transition:color 500ms ease;transition:color 500ms ease;}
nav ul li:first-child a{ border: none; }
nav ul li a:hover,nav ul li.over a{color:#f08219;}
html.js nav ul ul {display:none;}
#menucloser{display:none;}
html.js #menucloser{display:block; position: absolute; top: -95px; right: 10px; z-index: 1000; border-left: 1px dotted #fff; width: 60px; }
#menucloser p { margin: 0 !important; padding: 0 !important; }
#menucloser a{display:block;width:50px;height:50px; margin-left: 10px; background:url('../images/menucloser.svg') center top no-repeat;color:#fff;text-decoration:none;font-size:120%; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -ms-transition: background 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease; }
#menucloser a.close { background-position: center bottom; }

#zakaznickyportal{display:none;}
html.js #zakaznickyportal{display:block; position: absolute; top: -95px; right: 80px; z-index: 1000; width: 50px; }
#zakaznickyportal a {display:block;width:50px;height:50px; color:#f08219;text-decoration:none;font-size:150%; }
#zakaznickyportal a span.fa { margin: 12px 0 0 14px; } 
#zakaznickyportal a span.title { display: none; } 

#hotlinks { background: #111; color: #fff; padding: 1em; text-align: center; }
#hotlinks p { display: inline-block; padding: 0 0.5em; font-size: 140%; cursor: pointer; position: relative; }
#hotlinks p span:first-child {  }
#hotlinks p span:nth-child(2) { display: none; }
#hotlinks a { color: inherit; text-decoration: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#hotlinks p.htlnkzakport { display: none; }

/*#hotlinks a { color: #fff; border-bottom: 1px solid rgba(255,255,255,0.6); text-decoration: none; }
#hotlinks a:hover { border-bottom: 1px solid rgba(255,255,255,0.9); text-decoration: none; }
#hotlinks p.htlnksearch span:last-child { border-bottom: 1px dashed rgba(255,255,255,0.6); cursor: pointer; }
#hotlinks p.htlnksearch:hover span:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.9); }*/

#search { display: none; padding: 1em; text-align: center; background: #000; color: #fff; width: 100%; }
#search span { display: block; }
#search input[type=text] { padding:0.5em 1em; margin: 10px; min-width: 100px; max-width: 500px; width: 60%; }
#search input[type=submit]{border:none; background: transparent; padding: 0; width: 22px; height: 22px; overflow: hidden; display: inline-block; background: url('../images/arrowsearch.svg') left top no-repeat; }
#search input[type=submit]:hover{background-position: left bootom;  }

.searchresults .searchform { background: #F8F8F7; border: 1px solid #E4E2DF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 1.5em 1em 0.1em 1em; margin: 1em auto; }
.searchresults ul {}
.searchresults li { border-bottom: 1px solid #E4E2DF; padding: 1em 0; }
.searchform p { text-align: center; }
.stroked { display: inline-block; border-bottom: 1px dashed #3B4C5D; color: #3B4C5D; padding: 0.025em; margin: 0 0.1em; }

#graphic1 { height: 600px; color: #fff; text-align: center; }
#graphic1 span { padding: 20px 0; display: block; }
#graphic1 span:first-child { font-size: 130%; line-height: 1.6; }
#graphic1 span:last-child { text-align: center; }
#graphic1 span:last-child a { display: inline-block; text-transform: uppercase; text-decoration: none; color: #fff; font-size: 110%; padding: 15px 30px; border: 1px solid #fff; -webkit-transition:background 500ms ease;-moz-transition:background 500ms ease;-ms-transition:color 500ms ease;-o-transition:background 500ms ease;transition:background 500ms ease; } 
#graphic1 span:last-child a:hover { background: rgba(255,255,255,0.3); }

#reference { background:#fff; }
#reference .bubbles, #reference .reftexts { padding: 0 0 30px 0; }
#reference .bubbles { margin: 0 auto; width: 220px; min-height: 390px; text-align: center; position: relative; line-height: 1.2; }
#reference .reftexts { padding: 0 30px; }
#reference .reftexts p.title { text-transform: uppercase; color: #0A0A0A; font-size: 135%; padding-bottom: 1em; text-align: center; }

  #reference .bubbles #bubble1 { position: absolute; top: 15px; left: 50px; z-index: 600px; width: 196px; height: 197px; padding: 45px 30px 0 30px; color: #fff; font-size: 125%; background: url('../images/bgstargreen.svg') 0 0 no-repeat;  }
  #reference .bubbles #bubble1 span { color: #151515; font-size: 180%; line-height: 1; display: block; font-weight: 700; }
  #reference .bubbles #bubble1 a { color: #fff; text-decoration: none; }
  #reference .bubbles #bubble1 a:hover span { color: #fff; }
  
  #reference .bubbles #bubble2 { position: absolute; top: 165px; left: 0; z-index: 550px; width: 196px; height: 197px; padding: 45px 30px 0 30px;color: #151515; font-size: 125%; background: url('../images/bgstarorange.svg') 0 0 no-repeat; }
  #reference .bubbles #bubble2 span { color: #e81000; font-size: 180%; line-height: 1; font-weight: 700; }
  #reference .bubbles #bubble2 a { color: #151515; text-decoration: none; }  
  #reference .bubbles #bubble2 a:hover span { color: #151515; }

  #reference .referenceslist { display: none; }

  #reference .referenceslistlink { text-align: center; }
  #reference .referenceslistlink a { text-decoration: none; text-transform: uppercase; }
  #reference .referenceslistlink a span { display: inline-block; vertical-align: middle; }
  #reference .referenceslistlink a span:last-child { padding-left: 0.5em; }

#mainpricelist { background: #F8F8F8; border: 1px solid #E9E9E9; text-align: center; }
#mainpricelist.hp { display: none; }
  /*#mainpricelist ul { display: inline-block; } */
  #mainpricelist li { padding: 0.25em 0.5em 0.25em 25px; background: url('../images/bullet.svg') left no-repeat; text-align: left; }
  #mainpricelist h2, #mainpricelist p { text-align: center; }
  #mainpricelist a, #content #mainpricelist a { color: #54d300; text-decoration: none; }
  #mainpricelist a:hover, #content #mainpricelist a:hover { color: #f9b503; text-decoration: none; }
  .multicollist { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; }
  
  .showall { border-top: 1px dotted #333; padding-top: 2em; margin-top: 2em; }
  #mainpricelist .showall a { color: #000; text-decoration: underline; }
  #mainpricelist .showall a:hover { text-decoration: none; }

/* rozcestnikove boxy  */
.smallguides { }
.smallguides .box { background: #F8F8F7; border: 1px solid #E4E2DF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 1.5em; margin: 1em auto; display: block; position: relative; min-height: 16em; max-width: 400px; }
.smallguides span.text { position: absolute; bottom: 0; left: 0; display: block; width: 100%; text-transform: uppercase; color: #000; font-size: 140%; padding: 1em; line-height: 1.2;  z-index: 200; }
.smallguides span.absimg { position: absolute; top: -10px; left: 0; display: block; width: 100%;  z-index: 100; }
.smallguides a { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 300; text-decoration: none; }

/* MALE BOXIKY S ORANZOVYMI IKONAMI */ 
.smallboxes { }
.smallboxes h2 { font-size: 180%; text-transform: uppercase; color: #000; font-weight: 400; padding: 1em 0 ; }
.smallboxes .sbox { display: block; margin: 0 auto; padding: 0 0 1em 0; }
.smallboxes span { display: block; margin: 0 auto; }
.smallboxes span.fa { padding: 0.25em 0; margin-bottom: 0.25em; width: 1.5em; max-width: 1.5em; height: 1.5em; text-align: center; background: #FF8C00; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.smallboxes span.tx { padding: 0 0.5em; margin-bottom: 1em; color: #000; font-size: 100%; text-align: center; } 
.akali { display: block; margin: 1em 0; padding: 0 0 0 40px; background: url('../images/bulletbig.svg') left no-repeat; list-style-type: none;  text-align: left; }
.smallboxes span strong { text-transform: uppercase; }

.smallboxes.smallboxesnews { border-top: 1px solid #e4e4e4; padding-top: 1em; margin-top: 1em; }
.smallboxes.smallboxesnews span.fa { background: #90D20B; }
.smallboxes.smallboxesnews span.tx { font-size: 95%; color: #7c7c7c; line-height: 1.2; }
#content .smallboxes.smallboxesnews span.tx a { color: #000; display: block; font-size: 110%; padding-bottom: 0.625em; }

/* radi vam poradime */
.inhelpbox { text-align: center; margin-top: 1em; }
.inhelpbox div { display: inline-block; padding: 1em; }
#content .inhelpbox p { font-size: 120%; }
#content .inhelpbox p.title { font-size: 220%; font-weight: 400; line-height: 1.2; color: #f7a50a; padding-bottom: 0.6em; text-align: center; }
.inhelpbox form { padding-top: 1em; }

/* filtr lokaci */
.infilterlocation { background: #F8F8F7; border: 1px solid #E4E2DF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.infilterlocation .iflh { position: relative; background: #70D12D; color: #fff; text-transform: uppercase; font-size: 140%; padding: 2.5em 2.2em; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.infilterlocation .iflh span { position: absolute; bottom: -20px; right: calc(50% - 20px); z-index: 50; display: block; width: 40px; height: 20px; background: url('../images/arrowinfhb.svg') top left no-repeat; }
.infilterlocation .iflbox { padding: 1.5em; }
.infilterlocation .ifls { display: block; padding: 1em; position: relative; text-align: center; }
.infilterlocation .ifls input[type=text] { width: 165px; }
.infilterlocation .iflt { display: block; clear: both; padding: 1em; }

/* ceniky */
#pricelists h2 { font-size: 200%; font-weight: 300; padding-top: 0; }
#content .pricelisttitleimg { text-align: center; padding-bottom: 0; }
#content .pricelisttitleimg img { width: 150px; }

.pricelists { padding-bottom: 1em; }
#content .pricelists p.title { font-size: 230%; font-weight: 400; color: #000; text-transform: uppercase; padding: 1em 0 ; }
.pricelists .pbox { display: block; border: 1px solid #E4E2DF; background: #F8F8F7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; max-width: 400px; margin: 1em auto; padding-bottom: 1em; }
/*.pricelists .pbox.pbox2 { background: #F8F8F7; border: 1px solid #A3A19E; } */
.pricelists .plh { font-size: 150%; padding: 1em; display: block; background: #DFDFDE; border-bottom: 1px solid #E4E2DF; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; }
.pricelists .pbox.top .plh { background: #548C00; color: #fff; }
.pricelists2 .plh { background: #3E3E3E; color: #fff; }
.pricelists3 .plh { background: #DFDFDE; }
#content .pricelists2 a.tip, #content .pricelists3 a.tip { color: #fff; border-bottom: 1px dashed #fff; }
.pricelists .plh a.tip span { font-size: 65%; }
.pricelists .plb { display: block; /*padding: 60px 1em 1em 1em;*/ padding: 1em; border-bottom: 1px solid #E4E2DF; text-align: center; position: relative; }
.pricelists .plb.plblight { padding: 1em !important; }
#content .pricelists .plb p.plbspeed { color: #559e00; font-size: 140%; text-align: center; padding-bottom: 0.5em; }
#content .pricelists .plb.plblight .plbspeed { text-align: center; }
#content .pricelists .plb .plbspeed span { font-size: 180%; }
#content .pricelists .plb .plbdetail { font-size: 90%; text-align: center; }
#content .pricelists .plb.plblight .plbdetail { font-size: 110%; text-align: center; padding: 1em 0; }
#content .pricelists .plb .plbdetail em { display: block; padding-top: 0.5em; font-style: normal; }
.plbquestion { display: none; /*position: absolute; top: 1em; left: calc(50% - 18px); width: 35px; height: 35px; background: url('../images/icon-question.svg') center bottom no-repeat;*/ }
#content .pricelists .plb a.tip { /*display: block; position: absolute; z-index: 10000; top: 0; left: 0; */ width: 100%; height: 100%; border: none; }
#content .pricelists .plb a.tip span { top: 1em; left: calc(50% - 100px); width: 200px; }

#content .pricelists .plb a.tip.sec { display: inline; position: relative; top: auto; left: auto; width: auto; height: auto; border-bottom: 1px dashed #000; }
#content .pricelists .plb a.tip.sec span { top: 2em; left: calc(50% - 100px); width: 200px; }

.pricelists .plf { display: block; padding: 1em; }
#content .pricelists .plf p { font-size: 150%; text-align: center; }
#content .pricelists .plf p em { font-size: 70%; display: block; padding-top: 0.5em; }
.pricelists .plf span { color: #000; }
.pricelists .plf form { padding-top: 1em; }
.pricelists .plf input[type=submit] { background: #303030; font-size: 115%; padding: 0.725em 1.5em; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -ms-transition: background 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease; }
.pricelists .plf input[type=submit]:hover { background: #000; }

.variant { padding: 0 0 0.1em 0; margin: 0 1em 0.25em 1em; display: block; font-size: 110%; }
.variant.active strong { color: #559e00; border-bottom: 1px dashed #559e00; cursor: pointer; }
.variant.active:hover strong { border-bottom-style: solid; }
.variants { padding: -1em 0 1em 0; display: block; font-size: 90%; }

/* POPUPTIP */

#content a.tip {position: relative; cursor: help; text-decoration: none; color: #000; border-bottom: 1px dashed #000; }
#content a.tip span { display: none;	position: absolute; z-index: 1000; top: 1em;	left: calc(50% - 100px);	width: 200px;	padding: 1em;	background: #fff;	color: #000;	border: 1px solid #ccc;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; }
#content a.tip:hover { font-size: 99%; /* this is just for IE */ }
#content a.tip:hover span { display: block; }

#content{ /*background:#fff; */ text-align: center; }
#content.hp{background: /*#5CAE02*/ url('../images/bgmainquidebox-g.svg') center bottom no-repeat; color: #fff; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#content p, #main .inbox ul, #main ol{font-size:105%;}
#content p.title{padding-bottom:0.25em;font-weight:700;}

/*#content ul{padding:0 0 1.5em 0;}
#content li {margin:0 0 1em 1em;padding-left:0.5em;font-size:100%;list-style-type:disc;}
#content ol{margin-left:1em;}
#content ol li{list-style-type:lower-alpha;}

*/

.akatable { margin: 0 auto 1em auto; color: #4F4F4F; }
.akatable .tbrow { margin-bottom: 1em; }
.akatable .tbrow div { border: 1px solid #ccc; padding: 1em; }
.akatable .tbrow div:first-child { background: #efefef; border-bottom: none; }

//#content a { color: #0080ed; }
/*#content a { color: #606060; }*/
#content a { color: #63A800; }

/* sledovani TV NEW 2021 vlastni kod */
/*.allowed-services-banner { max-width: 74em; padding: 1em 2em; margin: 1em auto; border: 1px solid #E4E2DF; background: #F8F8F7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }


.main-service-items, .service-items { position: relative; margin: 0 0 1em 0; padding-bottom: 1em; text-align: center; border: 1px solid #E4E2DF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.main-service-items h2.main-service-title, .service-items h3.service-title { font-size: 150%; padding: 1em; display: block; background: #DFDFDE; border-bottom: 1px solid #E4E2DF; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; height: auto; }

h4.channels-count { padding: 1em; color: #8DD00A; font-weight: 700; }
.main-service-items h5, h5.multiline-text { font-size: 90%; padding: 1em; font-weight: 400; }

.snippet .service-price {}
.snippet .service-price p { display: inline-block; vertical-align: middle; padding: 0.5em 0; }
#content .snippet p.service-price-value { color: #000; font-size: 150%; }
#content .snippet p.service-price-duration { color: #7c7c7c; } 

.snippet .btn.more-info, .snippet .btn-primary { display: inline-block; background: #999; border-color: #999; padding: 0.725em 1.5em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.snippet .btn.more-info:hover, .snippet .btn-primary:hover { background: #585858; border-color: #585858; }
#content a.btn { color: #fff; text-decoration: none; } 

.snippet-row { }
.toggle-button-div { margin: -0.75em auto 0 auto; width: 1.5em; height: 2em; z-index: 1000; }
#content .toggle-button-div a { display: block; width: 1.1em; height: 1.1em; background: #63A800; color: #fff; text-decoration: none; font-weight: 700; font-size: 150%; line-height: 1; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#content .toggle-button-div a:hover { background: #F08219; }
#content .toggle-button-div a p { text-align: center; padding: 0; }

.snippet .multiline-text{display:block;    display:-webkit-box;    height:35.4px;    margin:0 auto;        margin-bottom:0px;    font-size:14px;    line-height:1.3;    -webkit-line-clamp:2;    -webkit-box-orient:vertical;    overflow:hidden;    text-overflow:ellipsis;    margin-bottom:20px;}
.snippet .main-service-item .description{margin-top:20px;    height:120px;    padding-bottom:20px;    margin-bottom:20px;    overflow:hidden;}

.images-hidden { overflow: hidden; height: 130px; }

.image-container { display: inline; float: left; margin: 0.5em; position: relative; }
.image-container img { width: 50px; }
.image-container .tooltip-container { visibility: hidden; position: absolute; }
.image-container .logos-tooltip { position: absolute; top: 1em; left: 1em; z-index: 1000; width: 200px; background: #fff; color: #000; border: 1px solid #E4E2DF; font-size: 80%; padding: 1em; border-radius: 5px; }
.image-container:hover .tooltip-container { visibility: visible; cursor: help; }
.image-container .logos-tooltip-head { font-weight: 700; display: block; }
.image-container .logos-tooltip-options { display: block; }
.image-container .logos-tooltip-language { color: #8DD00A; }
.image-container .logos-tooltip-services { color: #000; float: right; }

.promo-price-circle { position: absolute; width: 6em; height: 6em; background: #DA0316; border-radius: 50%; padding: 1.1em 1em 1em 1em; color: #fff; top: -0.5em; right: 1em; z-index: 1000; }
.promo-price-duration { font-weight: 700; font-size: 150%; } /*

/* response pro TV */

@media screen and (min-width: 60em){
.main-service-items, .snippet-col-xxl-3 { display: inline-block; vertical-align: top; width: 31.333333%; margin: 1%; }
}

.inbox{ padding: 1.5em; }

#news { text-align: center; font-family: "Trebuchet MS", Arial, sans-serif;}
#news .inbox{ margin-top: -2em; padding-bottom: 2em; }
#news h2 { font-size: 200%; font-weight: 700; margin: 0; padding: 0 0 1em 0; text-transform: uppercase; }
#news .item { padding: 0 1em 2em 1em; font-size: 95%; }
#news p { text-align: center; }
#news p.title{font-size:125%; font-weight: 400; padding-bottom:0;color:#000;line-height:1.4; padding-bottom: 1em; padding-top: 1em; }
#news .title a { color:#000; }
/* pro male obrazvky nektere polozky skryvam */
#news.hp .item:nth-child(4), #news.hp .item:nth-child(5), #news.hp .item:nth-child(6), #news.hp .item:nth-child(7) { display: none; }

#news .item.higlight { margin-bottom: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#news .item.higlight p.addondesc { color: #fff; margin: 0 -1em -2em -1em; padding-top: 1em; text-transform: uppercase; }
#news .item.higlight p.addondesc span { font-size: 120%; }

#news .item.higlight55 { border: 1px solid #95D50C; }
#news .item.higlight55 .addondesc { background: #95D50C; }
#news .item.higlight56 { border: 1px solid #F8AC06; }
#news .item.higlight56 .addondesc { background: #F8AC06; }

h3,h4{font-weight:400;}

h1{font-size:180%;padding: 0 0 1em 0; font-weight:700; text-transform: uppercase; color:#0a0a0a;}
.hp h1, .hp2 h1 { position: absolute; top: -10000px; left: 0; z-index: -1; }
h2{ font-size:150%; font-weight:700; padding: 1em 0;line-height:1.1; color: #000; }
h2.important { font-size:180%; color: #F8A50B; }
h3{font-size:130%;padding: 1em 0; color: #000;}
h4{font-size:120%;padding: 1em 0; color: #000;}

h1 + h2 { padding-top: 0; }
h1 + h3 { padding-top: 0; }
h1 + h4 { padding-top: 0; }
h2 + h3 { padding-top: 0; }
h2 + h2 { padding-top: 0; }
h3 + h4 { padding-top: 0; }
h3 + h3 { padding-top: 0; }

p { padding: 0 0 1em 0; }

.boxed > h2, .box > h2 { padding-top: 0.5em; }
.boxed > h3, .box > h3 { padding-top: 0; }

a{color:#54D300;text-decoration:underline;}
a:hover{text-decoration:none;}

#breadcrump{ background: url('../images/bgbreadcrump-g.svg') center bottom no-repeat;}
#breadcrump .inbox{padding: 1.5em 1em 4em 1em;color:#333;}
#breadcrump .inbox a{font-size:90%;color:#333;}

.items{padding:0 0 0.5em 0;}
.item{padding:1em 1em 1em 0;
}
.items hr{display:none;}
.item{display:inline-block;vertical-align:top;width:99%;border:none;
}

ul.list { display: inline-block; margin: 0 auto; } 
ul.list li { margin: 0.6em 0; padding: 0 0 0 30px; background: url('../images/bullet.svg') 0 1px no-repeat; list-style-type: none;  text-align: left; }

a.akabutton{display:inline-block; padding:1em 2em; border: 1px solid #0a0a0a; color: #0a0a0a; text-decoration:none;font-weight:400;-webkit-transition:background 500ms ease;-moz-transition:background 500ms ease;-ms-transition:color 500ms ease;-o-transition:background 500ms ease;transition:background 500ms ease;}
a.akabutton.small{font-size:85%;padding:0.5em 1em;}
a.akabutton:hover{ background: rgba(0,0,0,0.1);}
.displayinlineblock{display:inline-block;}
.bordered{border:1px solid #E4E4E4;background:#efefef;padding:1.5em 2em 0.1em 2em;margin-bottom:1.5em;}
.bordered h2{line-height:1.4;}
.title{font-weight:700;}
.uppercase { text-transform: uppercase; }
#map{background:#F2F1E1;border-top:1px solid #CAC4AF;}

#hpguide { display: block; text-align: center; padding-top: 50px; padding-bottom: 75px; }
#hpguide.subpage { padding: 0; }
.hpguideitem { display: block; position: relative; padding: 1em; margin-bottom: 1em; min-height: 400px; border: 1px solid rgba(211,211,211,0.4); background-color: rgba(211,211,211,0.15); -webkit-transition:background 500ms ease; -moz-transition:background 500ms ease; -ms-transition:background 500ms ease;-o-transition:background 500ms ease; transition:background 500ms ease; }
.hpguideitem:hover { background-color: rgba(211,211,211,0.3); }
.hpguideitem h2 { font-size: 150%; font-weight: 700; padding: 1em; text-transform: uppercase; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100; }
.hpguideitem a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; }
.hpguideitem span { position: absolute; top: 0; left: 0; width: 100%; z-index: 150; padding: 1em; color: #333; text-transform: uppercase; font-weight: 300; font-size: 120%; }
#content #hpguide.subpage .hpguideitem span { color: #000; }
#content #hpguide.subpage .hpguideitem span a { color: #000; border-bottom: 1px dashed rgba(0,0,0,0.6); }
#content #hpguide.subpage .hpguideitem span a:hover { border-bottom: 1px solid rgba(0,0,0,0.6); }

#content .hpguideitem span a { display: inline; position: relative; width: auto; height: a; color: #fff; font-weight: 300; text-decoration: none; border-bottom: 1px dashed rgba(255,255,255,0.6); }
#content .hpguideitem span a:hover { border-bottom: 1px solid rgba(255,255,255,0.6); }

#hpguide.provideo .hpguideitem h2 { color: #fff; }

#pagging { border-top: 1px solid #E4E2DF; padding-top: 2em; }
  #pagging a, #pagging span { font-size: 110%; color: #3B4C5D; display: inline-block; padding: 0.25em 0.5em; margin: 0.25em 0 0.25em 0; background: #F8F8F7; border: 1px solid #E4E2DF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  #pagging a { color: #F8F8F7; background: #3B4C5D; border: 1px solid #3B4C5D; text-decoration: none; }
  #pagging a:hover { background: #1D2E3F; }

.extrabox { background: #0a0a0a; color: #fff; }
	.extrabox .inbox { padding-top: 3em; padding-bottom: 0; }
  
  .extrabox .extinboxli, .extrabox .extinboxod { padding-bottom: 2em; }
  .extrabox .extinboxod { padding-top: 2em; border-top: 1px solid #303030; }

	.extrabox h3 { font-size: 140%; margin: 0 0 0.725em 0; padding:  0; font-weight: normal; color: #c2c2c2; text-transform: uppercase; }

	.extrabox .extinboxli ul { margin: 0; padding: 0; }
	.extrabox .extinboxli li { margin: 0; padding: 0.05em 0.725em; list-style-type: none; background: url('../images/oddsmall.svg') left no-repeat; }
	.extrabox .extinboxli li a { color: #7a7a7a; text-decoration: underline; font-size: 85%; -webkit-transition:color 200ms ease;-moz-transition:color 200ms ease;-ms-transition:color 200ms ease;-o-transition:color 200ms ease;transition:color 200ms ease; }
	.extrabox .extinboxli li a:hover { color: #fff; }

  .extrabox .extinboxli.connections { display: none; }

	.extrabox .extinboxod p, .extrabox .extinboxli p, .extrabox .extinboxod ul { font-size: 85%; margin-bottom: 1em; text-align: left; }
  .extrabox .extinboxod a.hostuj { color: #fff; text-decoration: none; }
	.extrabox .extinboxod a.hostuj:hover { color: #ededed; }
	.extrabox .extinboxod a.hostuj img { margin-bottom: 5px; }

  .payments { margin: 1.5em 1em 0 0; }

  .logosazka, .logosupercash { display: inline-block; vertical-align: middle; max-width: 130px; } 
  .logosazka { padding-right: 10px; }
  .logosupercash {}
  

.canals { min-height: 100px; position: relative; background: url('../images/bg_canals_rss.svg') left no-repeat; }
.canals a {
    position: absolute; top: 10px; left: 10px;
    height: 76px;
    margin: 0;
    width: 72px;
    background: url('../images/bico-rss.svg') no-repeat;
}

.canals a span { display: none; }

footer{background:#000;color:#fff;}
footer .copy{padding:2em 0;font-size:90%;text-align:center;}

.formular { background: #F8F8F7; border: 1px solid #E4E2DF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 1.5em; margin: 1em 0; text-align: left; }
.formular h2 { padding: 0 0 1em 0; }
.formular.dotaz form { padding-top: 2em; }
.formular input[type="text"] { width: 99%; }

.formular input[type="text"].w40 { width: 40px; }
.formular input[type="text"].w60 { width: 60px; }
.formular input[type="text"].w80 { width: 80px; }
.formular input[type="text"].w100 { width: 100px; }
.formular input[type="text"].w120 { width: 120px; }
.formular input[type="text"].w140 { width: 140px; }
.formular input[type="text"].w160 { width: 160px; }
.formular input[type="text"].w180 { width: 180px; }
.formular input[type="text"].w200 { width: 200px; }
.formular input[type="text"].w220 { width: 220px; }
.formular input[type="text"].w240 { width: 240px; }

.formular textarea { margin-bottom: 0.5em; }
.formular .nice-select { float: none; }
.formular textarea { width: 100%; }
.formularpart1 {  }
.formularpart2 { padding-top: 1em; }
.formularpart3 { }

.formular p > span { display: block; }

.formular .formularpart3 p { padding: 1em 0 0 0; }

strong.needed { color: #3B4C5D; }
strong.needed::after { color: #D63000; content: " *"; }

.errorbuble { background: #D63000; color: #fff; padding: 0.5em; margin: 0 0 1em 0; font-size: 85%; width: 99%; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.formsentresult, .messeagesent { background: #7CC408; color: #fff; border: 1px solid #559E00; padding: 1em; margin: 1em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.messeagesent.failed { background: red; border: 1px solid #660000; }
.formsentresult, .formsentresult p, .messeagesent, .messeagesent p { text-align: center; }
.formsentresult .fa, .messeagesent .fa { color: #B4FD5F; margin: 0.5em 0 -0.5em 0; }
.messeagesent.failed .fa { color: #FFC4BF; }

.formradiospacer { display: inline-block; vertical-align: top; width: 0; height: 40px; }

/* zabalovaci otazky */
ul.unpack { margin: 1em 0; }
.technicka-podpora ul.unpack, .mam-dotaz ul.unpack { margin-top: -1em; }
ul.unpack li { border: 1px solid #559E00; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 1em 0; text-align: left; }
  ul.unpack li .question { background: #7CC408 url('../images/plus.svg') 10px 15px no-repeat; color: #fff; font-weight: 300; padding: 1em 1em 1em 50px; display: block; }
  ul.unpack li .question.active { text-decoration: underline; cursor: pointer; }
  ul.unpack li .answer { padding: 1em; background: #fff; color: #3B4C5D; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
  ul.unpack li .answer p {  }
  ul.unpack li table.table {  }  
  ul.unpack li .answer a {  }
  ul.unpack li .question.isopen { background-image: url('../images/minus.svg'); }

ul.unpack.gray li { border: 1px solid #9F9F9F; }
  ul.unpack.gray li .question { background: #ccc url('../images/plus-g.svg') 10px 15px no-repeat; color: #333; }
  ul.unpack.gray li .question.isopen { background-image: url('../images/minus-g.svg'); }

  /* uvnitr */
  ul.unpack li li { border: none !important; margin: 0.6em 0; padding: 0 0 0 30px; background: url('../images/bullet.svg') 0 1px no-repeat; list-style-type: none;  text-align: left; }

/* uprava pro oranzovou verzi */
ul.unpack.extraunpack li { border: 1px solid #D08400; }
ul.unpack.extraunpack li .question { background: #f8ac06 url('../images/plus2.svg') 10px 15px no-repeat; }
ul.unpack.extraunpack li .question.isopen { background-image: url('../images/minus2.svg'); }

.boxed { background: #F8F8F7; border: 1px solid #E4E2DF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 1.5em; margin: 1em 0; } 
.boxed.textleft { text-align: left; }

.box { border-bottom: 1px solid #E4E2DF; padding-bottom: 1em; margin-bottom: 1em; }
.box.noborder { border: none; }

.filestodownload p { display: block; padding: 0.5em; }

p.pilu { display: block; padding: 0.5em 0; text-align: center; }
p.pwithilu { display: block; padding: 0.5em 0; text-align: center; }

.listlogo { padding: 1.5em 0.5em 0 0.5em; }

.mapa { border-top: 1px solid #E4E2DF; background: #F0EDE5; }

#content .newsdetail p.small { padding-top: 0; margin-top: -2em; font-size: 90%; }
.reset{display:block;width:100%;height:1px;clear:both;overflow:hidden;}
#main .red{color:red;}
.extra{background:#f0d2f8;padding:1em 1em 0 1em;margin:0 0 1em 0;}
.extra a{color:#50217b;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.floatright{float:right;}
.floatleft{float:left;}
img{max-width:100%;}
hr{border-top:1px solid #E4E4E4;}
.callus{display:inline-block;padding:0.5em;font-weight:700;text-decoration:none;}
.callus.maincall{margin:0 -0.5em;}
.callus.inline{margin-left:-0.5em;}
.iluimage{}
.ilu{/*border:1px solid #E4E4E4;*/margin:0 0 1em 0;}
.ilu.left{margin:0 1em 0 0; float: left;}
.ilu.right{margin:0 0 0 1em;float: right; }
.iluquide{margin-top:1em;}

.imagesfororangefaq { text-align: center; }
.imagesfororangefaq span { display:inline-block; vertical-align:bottom; padding: 0 2em 1em 2em; }
.imagesfororangefaq em { color: #728394; font-size: 90%; }

.jiz19let { text-align: center; margin: 1em 0 2em 0; }
.jiz19let img { width: 300px; height: 300px; } 

.claim { display: none; }
 
#photogallery{ padding: 1em 0;}
#photogallery span.galleryitem{ display:inline-block; vertical-align:top; margin: 0.5em 1em 0 0; }
#photogallery img{ border:1px solid #E4E4E4; padding: 4px; }
.maincontent{}
.addcontent{border:1px solid #D9DBDC;background:#fff;padding:2em 2em 1em 2em;margin-top:1em;}
#main .addcontent p.title{font-size:120%;padding-bottom:0.5em;color:#0a3a67;}
/*select{padding:1em;border:1px solid #ccc;overflow:hidden;color:#333;}*/
input[type=text],input[type=password],textarea{border:1px solid #ccc;padding:0.7em; margin: 0 10px 10px 0; font-size: 90%;color:#3e3e3e;background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px rgba(247, 171, 7, 1); border: 1px solid rgba(247, 171, 7, 1); }
textarea{font-family:Arial,Tahoma,Verdana; font-size:100%;}
input[type=submit]{border:none;padding: 0.625em;color:#fff;background:#999999;font-size:105%;font-weight:400;overflow:hidden;cursor:pointer;text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; -ms-transition: color 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease; }
input[type=submit]:hover{background:#585858;}
input[type=text].focused,textarea.focused{border:1px solid red;}
fieldset{border:1px solid #ccc;margin:0 0 1em 0;padding:1em 1em 2em 1em;}
legend{border-left:3px solid #ccc;color:#ccc;font-size:90%;text-transform:uppercase;padding:0 1em;margin-left:1em;}
/*
.formular span{display:block;float:left;padding:0.725em 2em 0 0;text-align:right;}
.formular input[type=text]{min-width:15em;}
.formular input[type=text].inptsmaller2{width:8em;}
.formular input[type=text].inptsmaller3{width:5em;}
*/
#main .formular .row1{padding:1em 0 0 0;clear:both;}
#main .formular .row2{display:none;}
.formular strong::after{color:red;content:' *';}
span.focused{min-width:auto;text-align:left;background:#FF3100;color:#fff;display:none;float:left;padding:0.5em 1em;font-size:90%;margin:0.5em 0 0 0;}
span.focused.podminky{margin-left:0;}
.fl{float:left;}
.formular span.flbox{padding:0;text-align:left;float:left;}

.success{color:#fff;background:#66CC33;padding:1em;text-align:center;display:none;}
.error{color:#fff;background:#FF3100;padding:1em;text-align:center;display:none;}

#callfiled1 { display: none; } /* toto skryvam je to pole pro roboty ktere nesmi vypnit */

/*

input[type="radio"] {
    display:none;
}
input[type="radio"] + label {

}
input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin: 0 8px 0 0;
    vertical-align:middle;
    cursor:pointer;
}

input[type="radio"] + label span {
     background: url('../images/radios.svg') left bottom no-repeat;
}

input[type="radio"]:checked + label span{
     background: url('../images/radios.svg') left top no-repeat;
}

input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition:background 0.2s linear;
  -o-transition:background 0.2s linear;
  -moz-transition:background 0.2s linear;
  transition:background 0.2s linear;
} 

.checkbox input {
    display: none;
    position: relative;
    z-index: -9999;
}

.checkbox span {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/checks.svg') left bottom no-repeat;
    cursor:pointer;
}

.checkbox input:checked + span {
    background: url('../images/checks.svg') left top no-repeat;
}

label.checkbox, label.checkboxlabel { display: inline-block; vertical-align: middle; }
label.checkbox { width: 30px; }
label.checkboxlabel { width: 200px; } */

.newsdetail { text-align: left; }
.newsdetail li { padding: 0.25em 0.5em 0.25em 25px; background: url('../images/bullet.svg') left no-repeat; text-align: left; }

/* CETIN */
#cetin-widget { }
#cetin-widget h3 { font-size: 130%; font-weight: 700; padding: 1em 0; color: #000; }
#cetin-widget #addressForm { max-width: 440px; margin: auto; }
#cetin-widget .aw-input { width: 100%; padding: 15px; }
#cetin-widget .aw-list { position: absolute; z-index: 100; max-width: 440px; text-align: left; border: 1px solid #ccc; background: #f7f7f7; max-height: 250px; overflow-y: auto; width: 100%; padding: 15px; }
/* uvnitr vyhledavani CETIN */
#cetin-widget #searchResults h2 { display: none; }
#cetin-widget .newSearchLink { text-align: center; border: 1px solid #ccc; border-bottom: none; background: #f7f7f7; padding: 15px; border-radius: 5px 5px 0 0; }
#cetin-widget .resultsFullAddress { text-align: center; border: 1px solid #ccc; border-top: none; background: #f7f7f7; padding: 0 15px 15px 15px; border-radius: 0 0 5px 5px; font-weight: bold; color: #000; }
#cetin-widget #searchResults .products > h3 { display: none; }
#cetin-widget #searchResults .availableProducts h4 { font-size: 130%; font-weight: 700; padding: 1em 0; color: #000; }
/* dlazdice s vysledky CETIN */
#cetin-widget .cardsContainer { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
#cetin-widget .cardsContainer .product { flex-basis: calc(25% - 15px); display: flex; flex-direction: column; justify-content: space-between; background: #F8F8F7; border: 1px solid #E4E2DF; border-radius: 8px; padding: 20px; margin: 0; text-align: center; }
#cetin-widget .cardsContainer .product strong { font-size: 120%; font-weight: 700; padding: 0; margin: 0; color: #000; text-align: center; text-transform: uppercase; }
#cetin-widget .cardsContainer .product .profile, #cetin-widget .cardsContainer .product .description, #cetin-widget .cardsContainer .product .availability { text-align: center; padding: 5px 0; }
#cetin-widget .cardsContainer .product .profile:empty, #cetin-widget .cardsContainer .product .description:empty, #cetin-widget .cardsContainer .product .availability:empty { display: none; }
#cetin-widget .cardsContainer .product button { cursor: pointer; font-size: 95%; text-transform: uppercase; color: #fff; background: #90D20B; font-weight: 700; padding: 10px; border-radius: 8px; }
#cetin-widget .cardsContainer .product .info { position: absolute; left: calc(50% - 15px); top: -15px; cursor: pointer; padding: 6px; color: #000; background: #ccc; width: 30px; height: 30px; border-radius: 50%; }
#cetin-widget .cardsContainer .product .technologyParameters { /*margin: 0 10px !important; left: 0 !important; bottom: calc(100% + 10px);*/ }
/* brzy dostupne CETIN */
#cetin-widget .futureProducts { display: none; }
/* formular CETIN */
#cetin-widget .fields { display: flex; flex-direction: column; gap: 10px; max-width: 600px; margin: auto; }
#cetin-widget .field { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
/* přepínač CETIN */
#cetin-widget .field:first-child { justify-content: center; }
/* políčka formuláře CETIN */
#cetin-widget .field:not(:first-child):not(:last-child) label { min-width: 150px; text-align: right; }
#cetin-widget .field:not(:first-child):not(:last-child) input, #cetin-widget .field:not(:first-child):not(:last-child) textarea { min-width: 250px; padding: 15px; font-family: 'Roboto',Arial,Verdana,Tahoma; }
/* tlacitka CETIN */
#cetin-widget button.createLead { cursor: pointer; font-size: 95%; text-transform: uppercase; color: #fff; background: #90D20B; font-weight: 700; padding: 10px; border-radius: 8px; }
#cetin-widget button.back { cursor: pointer; font-size: 95%; text-transform: uppercase; font-weight: 400; padding: 10px; border-radius: 8px; }

/* RESPONS */
@media screen and (min-width:20em){
  
  header p.logo{ width: 200px; }
  .formradiospacer { width: 10px; }
  
}

@media screen and (min-width:30em){
  #graphic1 { height: 350px; }
  
  .formradiospacer { width: 20px; }
  
}

@media screen and (min-width:40em){

  #search span { display: inline-block; }
  nav ul li.htlnkzakportmenu { display:none; }

  .hpguideitem { display: inline-block; vertical-align: top; margin: 0 1em 2em 1em; min-height: 350px; width: 44%; }

  #news .item { display: inline-block; vertical-align: top; margin: 0 1em 2em 1em; padding: 0 1em; width: 44%; }
  #news .item.higlight p.addondesc { margin-bottom: 0; }
  /* pro male obrazvky nektere polozky skryvam */
  #news.hp .item:nth-child(4), #news.hp .item:nth-child(5) { display: inline-block; }

  #graphic1 { height: 400px; }
  #graphic1 span {  padding: 25px 50px; }
  #graphic1 span:first-child { font-size: 150%; line-height: 1.8; }
  #graphic1 span:last-child { }
  #graphic1 span:last-child a { font-size: 130%; }
  
  .extrabox .extinboxli, .extrabox .extinboxod { display: inline-block; vertical-align: top; border: none; margin-bottom: 2em; padding-bottom: 0; }
  .extrabox .extinboxod { padding-top: 0; padding-left: 2em; border-left: 1px solid #303030; }
  
  .extrabox .extinboxli.connections { width: 98%; }
  .extrabox .extinboxli.services { width: 49%; }
  .extrabox .extinboxod { width: 49%; }
  
  .extrabox .extinboxli.connections ul { width: 49%; display: inline-block; vertical-align: top; }

  #hotlinks p { display: inline-block; vertical-align: middle; text-align: left; font-size: 100%; padding: 0 0.3em; font-weight: 300; }
  #hotlinks p.htlnkzakport  { display: inline-block; color: #FBB901; font-weight: 700; }
  #hotlinks p span:first-child { display: inline-block; width: 20px; }
  #hotlinks p span:nth-child(2) { display: inline-block; }

  #mainpricelist { text-align: left; }
  .multicollist { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
  
  .smallboxes .sbox { margin: 1.5em 0.5em; display: inline-block; vertical-align: top; width: 46%; }
  .smallboxes span { display: inline-block; vertical-align: middle; margin: 0; }
  .smallboxes span.fa { width: 35%; margin-bottom: 0; }
  .smallboxes span.tx { width: 65%; text-align: left; margin-bottom: 0; }  
  
  .smallboxes.smallboxesnews { margin-bottom: -1em;  }
  .smallboxes.smallboxesnews span.tx { padding-left: 1.5em; }

}

@media screen and (min-width:50em){

  #hotlinks p { padding: 0 1em; }

  #reference .reftexts p.title { text-align: left; }
  #reference .referenceslist { display: block; }
  #reference .referenceslistlink a { display: none; }

  #mainpricelist.hp { display: block; }

  .extrabox .extinboxli.connections { width: 36%; display: inline-block; }
  .extrabox .extinboxli.services { width: 35%; padding-left: 2em; border-left: 1px solid #303030; }
  .extrabox .extinboxod { width: 26%; }

  label.checkboxlabel { width: 270px; }
  
  .akatable { display: table; width: 96%; }
  .akatable .tbrow { display: table-row; margin-bottom: 0; }
  .akatable .tbrow div { display: table-cell; text-align: left; padding: 0.5em; }
  .akatable .tbrow div:first-child { border-bottom: 1px solid #ccc; border-right: none; } 
  
  .akali { display: inline-block; vertical-align: top; width: 49.5%; }  
  .akali:nth-child(odd) { padding-right: 2em; }

  .formradiospacer { width: 30px; }

}

@media screen and (min-width:60em){                                                              
                                                               
  #graphic1 { height: 500px; }
  #graphic1 span { display: inline-block; vertical-align: middle; padding: 120px 30px 30px 30px; }
  #graphic1 span:first-child { width: 62%; text-align: left; font-size: 150%; line-height: 1.8; }
  #graphic1 span:last-child { width: 28%; }
  #graphic1 span:last-child a { font-size: 130%; }

  #reference .bubbles, #reference .reftexts { display: inline-block; vertical-align: middle; padding: 30px; }
  #reference .bubbles { width: 28%; margin: 0; }
  #reference .reftexts { width: 62%; text-align: left; }  

  .smallguides { padding-top: 1.5em; }
  .smallguides .box { margin: 1em 0.5em; display: inline-block; vertical-align: top; width: 31%; }
  
  .smallboxes .sbox { width: 31%; }
  .smallboxes.smallboxesnews .sbox { width: 46%; }
  .smallboxes span.fa { width: 20%; }
  .smallboxes span.tx { width: 80%; }
  
  .inhelpbox { text-align: left; }
  .inhelpbox.callgirl { min-height: 370px; background: url('../images/callgirl.jpg') center bottom no-repeat; }
  .inhelpbox.servisman { min-height: 420px; background: url('../images/servisman.jpg') center bottom no-repeat; }
  .inhelpbox div { width: 61%; max-width: 650px; padding: 20px 0 0 13%; }
  #content .inhelpbox p.title { text-align: left; }  

  .infilterlocation { text-align: left; }
  .infilterlocation .iflh { margin: -1px; display: inline-block; vertical-align: middle; width: 31%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
  .infilterlocation .iflh span { top: calc(50% - 20px); right: -20px; width: 20px; height: 40px; background: url('../images/arrowinfhr.svg') top left no-repeat; }

  .infilterlocation .iflbox { display: inline-block; vertical-align: middle; width: 66%; }

  .infilterlocation .ifls { display: inline-block; vertical-align: middle; width: 48%; }
  .infilterlocation .iflt { display: inline-block; vertical-align: middle; width: 48%; }

  .infilterlocation .ifls input[type=text] { width: 175px; }

  .pricelists .pbox { display: inline-block; vertical-align: top; margin: 1em 0.725em; width: 46%; }
  /*.pricelists .plb { display: block; padding: 1em 1em 1em 90px; text-align: left; }*/
  /*.plbquestion { position: absolute; top: calc(50% - 18px); left: 20px; margin: 0; }*/
  #content .pricelists .plb a.tip span { top: 1em; left: 1em; width: 200px; } 
  #content .pricelists .plb .plbdetail { /*text-align: left;*/ }
  
  .formularpart1 { width: 48%; display: inline-block; vertical-align: top; text-align: left; }
  .formularpart2 { width: 48%; display: inline-block; vertical-align: top; text-align: left; padding-top: 0; }
  .formularpart3 {  } 
  
  .formradiospacer { width: 40px;}
  
  .box.polovina, .box.tretina { display: inline-block; vertical-align: top; padding: 1em 2em; margin: 1%; }
  .box.polovina { width: 47%; }
  .box.tretina { width: 31%;}
  .box:not(.boxed).polovina { border: none; }
  .box:not(.boxed).tretina { border: none; }  

  p.pilu { display: inline-block; vertical-align: middle; padding-right: 1em; text-align: left; }
  p.pwithilu { display: inline-block; vertical-align: middle; text-align: left; }
 
  .multicollist { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } 
 
  p { text-align: justify; }
  p.textleft { text-align: left; }
  
  .jiz19let { min-height: 357px; background: url('../images/bgjiz19let.jpg') right bottom no-repeat; padding-right: 45%; padding-top: 30px; border-bottom:1px solid #E4E4E4; }

  .payments { display: flex; }
 
}

@media screen and (min-width:70em) {  
  
  #masterpopup { left: 10%; width: 80%; }
  
  header{text-align:left;}
  
  nav{ display:block; background-image: url('../images/bgmenu.svg'); background-position: top; background-repeat: repeat-x; }
  hear nav ul,html.js nav ul{display:block;text-align:center;padding:1.5em;}
  nav ul li{display:inline-block;}
  nav ul li a{display:inline-block; border:none; border-left:1px dotted #546677; padding:0 0.35em; margin:0.5em 0; }
  nav ul li:first-child a{border:none;}
  #menucloser, html.js #menucloser {display:none;}
  #zakaznickyportal, html.js #zakaznickyportal {display:none;}
  
  #hotlinks { background: transparent; padding: 0; text-align: right; position: absolute; top: -95px; right: 0; z-index: 1000; width: 70%; max-width: 650px; }
  #hotlinks p { vertical-align: top; width: 44%; font-size: 110%; padding: 0 0 1em 0; }
  #hotlinks p span:first-child { width: 30px; }
  #hotlinks p.htlnkphone { cursor: default; }
  #hotlinks p.htlnkphone a { display: none; }
  #hotlinks .hlc { font-weight: bold; }  
  
}

@media screen and (min-width:80em){

  header p.logo { width: 300px; }
  .inbox { max-width: 80em; margin: 0 auto; }
 
  nav ul li a{ padding:0 0.55em; } 
  #hotlinks { top: -115px; }
  
   .hpguideitem { width: 30%; }
   
   #news .item { width: 30%; }
   #news.hp .item:nth-child(6), #news.hp .item:nth-child(7) { display: inline-block; }
  
  .smallboxes.inmodal .sbox { width: 23%; }
  
  #reference .bubbles #bubble1  { left: 100px; }
  #reference .bubbles #bubble2 { left: 50px; }
  
  .pricelists .pbox { width: 31%; }
  #content .pricelists .plb a.tip span { top: 1em; left: 1em; width: 310px; } 
  
  .formular p > span { display: inline-block; vertical-align: top; }
  .formular p > span:first-child { width: 200px; text-align: right; padding: 0.625em 1em 0 0; }
  p.withoutleftcol { margin-left: 205px; }
  .formular .formularpart2 p span { vertical-align: top; }   
  .formular .formularpart2 p > span:first-child { width: 140px; }  
  .formular .formularpart2 p > span:last-child { width: 410px; }  

  .infilterlocation .ifls input[type=text] { width: 220px; }

  .multicollist { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; }
  
  /*.inhelpbox div { max-width: 700px; } */
  
  .jiz19let { padding-right: 35%; background-position: center; } 

}


@media screen and (min-width:100em){

  #masterpopup { left: 20%; width: 60%; }

  .claim { display: block; position: fixed; top: calc(50% - 2em); left: -1em; z-index: 1000; cursor: pointer; }
  
  .claim strong { font-size: 150%; font-weight: 700; color: rgba(255,255,255,0.9); display: block; }
  .claim strong+strong { line-height: 1; }
  .claim em { color: rgba(255,255,255,0.9); font-weight: 400; font-style: normal; }
  .claim a { color: rgba(255,255,255,0.9); }

  #claims { width: 11em; height: 11em; padding: 1.5em 2.5em 1em 2.5em; font-size: 130%; font-weight: 300; line-height: 1.1; text-align: center; color: rgba(255,255,255,0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  background: #f49311; background: -moz-linear-gradient(left, #f49311 0%, #f9b702 100%); background: -webkit-linear-gradient(left, #f49311 0%,#f9b702 100%); background: linear-gradient(to right, #f49311 0%,#f9b702 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49311', endColorstr='#f9b702',GradientType=1 ); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }    
  #claimstop { position: absolute; top: -10em; left: -1em; z-index: 10; width: 11em; height: 11em; padding: 2em 2.5em 1em 2.5em; font-size: 100%; font-weight: 300; line-height: 1.2; text-align: center; color: rgba(255,255,255,0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  background: #64a600; background: -moz-linear-gradient(left, #64a600 0%, #508500 100%); background: -webkit-linear-gradient(left, #64a600 0%,#508500 100%); background: linear-gradient(to right, #64a600 0%,#508500 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a600', endColorstr='#508500',GradientType=1 ); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }

  #claims:hover { font-size: 135%; cursor: pointer; }
  #claims:hover .claim { left: -2em; }
  #claimstop:hover { font-size: 110%; left: -1.5em; }
 
}

/* nice select */
.nice-select{ -webkit-tap-highlight-color:transparent;  background:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #3e3e3e; border:solid 1px #dbdbdb;  box-sizing:border-box;  clear:both;  cursor:pointer;  display:block;  float:left;  font-family:inherit;  min-height:44px;  line-height:42px;  outline:none;  padding-left:18px;  padding-right:35px;  position:relative;  text-align:left !important;  -webkit-transition:all 0.2s ease-in-out;  transition:all 0.2s ease-in-out;  -webkit-user-select:none;     -moz-user-select:none; -ms-user-select:none; user-select:none;  white-space:nowrap;  width:auto; }
.nice-select:hover{border-color:#BDBDBD; }
.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#dbdbdb; }
.nice-select:after{border-bottom:2px solid #dbdbdb; border-right:2px solid #dbdbdb;    content:''; display:block; height:10px; margin-top:-8px; pointer-events:none; position:absolute; right:12px; top:50%; -webkit-transform-origin:66% 66%; -ms-transform-origin:66% 66%; transform-origin:66% 66%; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.15s ease-in-out;    transition:all 0.15s ease-in-out;    width:10px; }
.nice-select.open:after{-webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg);  transform:rotate(-135deg); }
.nice-select.open .list{opacity:1; pointer-events:auto; -webkit-transform:scale(1) translateY(0); -ms-transform:scale(1) translateY(0); transform:scale(1) translateY(0); }
.nice-select.disabled{border-color:#dbdbdb;    color:#999;    pointer-events:none; }
.nice-select.disabled:after{border-color:#dbdbdb; }
.nice-select.wide{ width:100%; }
.nice-select.wide .list{left:0 !important; right:0 !important; }
.nice-select.right{float:right; }
.nice-select.right .list{left:auto; right:0; }
.nice-select.small{font-size:12px; height:36px; line-height:34px; }
.nice-select.small:after{height:4px; width:4px; }
.nice-select.small .option{line-height:34px; min-height:34px; }
.nice-select .list{background:#fff; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #3e3e3e; box-shadow:0 0 0 1px rgba(68,68,68,0.11); box-sizing:border-box; margin-top:1px; opacity:0; overflow:hidden; padding:0; pointer-events:none; position:absolute; top:100%; left:0; -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; -webkit-transform:scale(0.75) translateY(-21px); -ms-transform:scale(0.75) translateY(-21px); transform:scale(0.75) translateY(-21px); -webkit-transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out; transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out; z-index:9; }
.nice-select .list:hover .option:not(:hover){background:transparent !important; }
.nice-select .option{ background:#fff; cursor:pointer; font-weight:400; font-size: 85%; line-height:32px; list-style:none; min-height:32px; outline:none; padding-left:18px; padding-right:29px; text-align:left; -webkit-transition:all 0.2s; transition:all 0.2s; }
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background:#f6f6f6; }
.nice-select .option.selected{ font-weight:bold; }
.nice-select .option.disabled{background:transparent; color:#999; cursor:default; }
.no-csspointerevents .nice-select .list{display:none; }
.no-csspointerevents .nice-select.open .list{display:block; }
.nice-select .current { font-size: 85%; }

/* omezeni vysky otevreneho selectboxu */
.croppedselect .nice-select.open .list { max-height: 250px; overflow-y: scroll; }