/* extracted from pages/operacia-oci.php inline <style>.
   Re-audited 2026-09-09: the initial dead-code pass missed the glasses-toggle
   cluster (.anime/.trash/.close_top/.glasses/.open_top), .vyhody, .navi-mobil,
   .posunto/.posunut, .revolucna-novinka, .stroj, .img-responsive, .bok,
   .row-laser table/img (no <table>/<img> in var15 content), .row-trash table*
   (no <table> in var7 content), and several unused #pricelist sub-classes
   (.smart-velke/.margintop/.logos2/.ext/.clt/.txttable/.line/.dovera/.vszp/.bg/
   bare .price_tab) -- none referenced by this page's markup or its live CMS
   content. See feedback_final_exhaustive_dead_css_check memory. */

/* extracted from pages/operacia-oci.php inline <style> */



.row-clear {
    background-position: center top;
    background-size: cover;
    padding: 50px 0;
    color: #5e5e5e;
    min-height: 580px;
    height: auto;
}
.row-clear h3 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #29c3b1;
    font-size: 36px;
}
.row-clear h4 {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #29c3b1;
    font-size: 18px;
    margin-bottom: 20px;
}
.row-clear a {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

	#pocket .row-banner p, #pocket .row-trash p, #pocket .row-video .texty p, #pocket .row-before p, #pocket .row-laser p, #pocket .row-relex p, #pocket .row-zlasik p, #pocket .row-zlasik-3d p, #pocket .row-other p, #pocket .row-tabulka p {
		line-height: 22px;
		margin-bottom: 20px;
	}

	.row-other .card {
			margin-bottom: 20px;
		}

	.akciova, .akciova:hover {
		display: inline-block;
		text-align: left;
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		margin-top: 15px;
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		color: #36c2b2;
		background-image: url(../img/nbtn.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		cursor: pointer;
	}



	#pocket .row-before ul li, #pocket .row-laser ul li {
		background-image: url(../img/textLi.jpg);
		background-repeat: no-repeat;
		background-position: left 50%;
		padding-left: 21px;
		margin-bottom: 10px;
	}

	@media (max-width: 768px){
		.row-clear {
			background-repeat: no-repeat;
			background-color: #fff;
			background-position: right bottom;
			background-size: 100%;
		}
	}

	.row-trash {
		background-color: #fff;
		padding: 60px 0px;
	}

	.row-video {
		background-color: #f3f1f0;
		padding: 40px 0px;
	}

	.row-banner {
		background-position: center top;
		background-size: cover;
		color: #fff;
		padding: 50px 0;
		height: 470px;
	}

	.row-before {
		padding: 70px 0;
		height: auto;
		color: #5e5e5e;
	}

	.row-before p {
		color: #5e5e5e;
	}

	.row-before h3 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #5e5e5e;
		text-transform: uppercase;
		font-size: 20px;
		margin-bottom: 20px;
	}

	.row-tabulka {
		background-color: #fff;
		padding: 50px 0;
		color: #5e5e5e;
		height: auto;
	}

	.row-tabulka h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #29c3b1;
		font-size: 36px;
		text-align: center;
		margin: 40px 0px;

	}

	.row-tabulka .btnko {
		display: inline-flex;
		text-align: left;
		height: 50px;
		line-height: 50px;
		padding: 0 22px;
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		color: #36c2b2;
		cursor: pointer;
		font-size: 15px;
	}

	.row-tabulka .btnko::before {
		width: 6px;
		margin-right: 20px;
		height: 50px;
		display: inherit;
		background-image: url(/img/left.png);
		content: '';
	}

	.row-tabulka .btnko::after {
		width: 6px;
		margin-left: 20px;
		height: 50px;
		display: inherit;
		background-image: url(/img/right.png);
		content: '';
	}

	.row-tabulka .btnko:hover::before {
		background-image: url(/img/left-hover.png);
	}

	.row-tabulka .btnko:hover::after {
		background-image: url(/img/right-hover.png);
	}
	.row-tabulka .btn + .btn {
		margin-left: 20px;
	}

	.row-other {
		background-color: #f3f1f0;
		padding: 50px 0;
		color: #5e5e5e;
		height: auto;
	}

	.row-other .card {
		background: #fff;
		padding: 20px;
	}

	.row-other h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #29c3b1;
		font-size: 36px;
	}

	.row-other h3 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #29c3b1;
		font-size: 18px;
	}

	.row-other a {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 14px;
	}


	.row-relex {
		background-position: center top;
		background-size: cover;
		padding: 50px 0;
		color: #5e5e5e;
		min-height: 580px;
		height: auto;
	}

	.row-relex h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #29c3b1;
		font-size: 36px;
	}

	.row-relex h3 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #29c3b1;
		font-size: 18px;
	}

	.row-relex a {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 14px;
	}

	.row-zlasik {
		background-position: center top;
		background-size: cover;
		padding: 50px 0;
		color: #5e5e5e;
		min-height: 580px;
		height: auto;
	}

	.row-zlasik h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #29c3b1;
		font-size: 36px;
	}

	.row-zlasik h3 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #29c3b1;
		font-size: 18px;
	}

	.row-zlasik a {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 14px;
	}

	.row-zlasik-3d {
		background-position: center top;
		background-size: cover;
		padding: 50px 0;
		color: #5e5e5e;
		min-height: 580px;
		height: auto;
	}

	.row-zlasik-3d h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #29c3b1;
		font-size: 36px;
	}

	.row-zlasik-3d h3 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #29c3b1;
		font-size: 18px;
	}

	.row-zlasik-3d a {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 14px;
	}

	.row-laser {
		background-color: #f3f1f0;
		padding: 50px 0;
		color: #5e5e5e;
		height: auto;
	}

	.row-banner h1 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #fff;
		font-size: 38px;
		text-transform: uppercase;
	}
	.row-banner h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #fff;
		font-size: 20px;
	}
	.row-banner p {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #fff;
		font-size: 18px;
		margin-top: 20px;
	}
	.row-banner .headline {
		max-width: 655px;
		padding: 60px 80px 70px 30px;
		background-color: rgba(29,96,113, 0.8);
		margin-top: 30px;
	}

	.row-trash h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #29c3b1;
		font-size: 36px;

	}
	.row-trash h3 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #5e5e5e;
		text-transform: uppercase;
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.row-trash  {
		color: #5e5e5e;
	}

	.row-trash ul {
		margin-top: 20px;
	}

	.row-trash li {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #5e5e5e;
		font-size: 16px;
		margin-top: 5px;
	}


	.row-video h3 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #5e5e5e;
		font-size: 20px;
		margin-top: 20px;
	}

	.row-video .texty p {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #5e5e5e;
		font-size: 16px;
		margin-top: 15px;
		width: auto;
	}

	.akciova {
		color: #fff!important;
	}

	.row-laser h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #29c3b1;
		font-size: 36px;
		margin-top: 20px;
		text-align: center;
	}

	.row-video h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #29c3b1;
		font-size: 36px;
		margin-top: 20px;
		text-align: center;
	}
	.row-laser p {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #5e5e5e;
		font-size: 16px;
		margin-top: 5px;
		width: auto;
	}



	#pocket .text-center  {
		text-align: center;
	}

	@media (max-width: 1024px){

		.row-banner .headline {
			max-width: 475px;
			padding: 70px 35px 70px 30px;
			background-color: rgba(29,96,113, 0.8);
			margin-top: 30px;

		}
		.row-laser {
			height: auto;
		}




	}

	@media (max-width: 960px){

		#pocket .container {
			width: 95%;
		}

		.row-banner .headline {
			max-width: 585px;
			padding: 70px 35px 70px 30px;
			background-color: rgba(29,96,113, 0.8);
			margin-top: 30px;

		}
		.row-laser {
			height: auto;
		}



		.row-banner {
			background-position: 60% top;
		}


	}

	@media (max-width: 800px){

		.row-banner .headline {
			max-width: 475px;
			padding: 70px 35px 70px 30px;
			background-color: rgba(29,96,113, 0.8);
			margin-top: 30px;

		}
		.row-laser {
			height: auto;
		}




	}

	@media (max-width: 768px){
		.row-before {
			height: auto;
		}

		.row-tabulka .btn {
			font-size: 12px!important;
			margin: 10px 0px!important;
		}

		.row-before img {
			margin-top: 20px;
		}

	}

	@media (max-width: 736px){
		.row-banner .headline {
			padding: 70px 30px 70px 30px;
		}
		.row-laser {
			height: auto;
		}




	}

	@media (max-width: 667px){
		.row-banner .headline {
			padding: 70px 30px 70px 30px;
		}

		.row-banner h1 {
			font-size: 36px;
		}
		.row-laser {
			height: auto;
		}




	}


	@media (max-width: 568px){


		.row-trash h2 {
			font-size: 26px;
		}

		.row-banner .headline {
			padding: 70px 30px 70px 30px;
		}

		.row-banner h1 {
			font-size: 36px;
		}
		.row-laser {
			height: auto;
		}



	}

	@media (max-width: 420px){
		.row-banner .headline {
			padding: 70px 30px 70px 30px;
		}

		.row-banner h1 {
			font-size: 34px;
		}



		.row-banner h2 {
			font-size: 18px;
		}
		.row-laser {
			height: auto;
		}
		.row-before {
			height: auto;
		}

		.row-before p {
			padding: 0px -15px;
		}

		.row-before img {
			margin-top: 20px;
		}






	}

	@media (max-width: 380px){
		.row-banner .headline {
			padding: 20px 30px 20px 30px;
			margin-top: 30px;
		}

		.row-banner {
			height: 370px;
		}

		.row-other .card {
			margin-bottom: 20px;
		}

		.row-banner h1 {
			font-size: 32px;
		}

		.row-banner h2 {
			font-size: 14px;
		}
		.row-laser {
			height: auto;
		}






	}


	@media (max-width: 320px){
		.row-banner .headline {
			padding: 20px 30px 20px 30px;
			margin-top: 0px;
		}

		.row-banner {
			height: 370px;
		}

		.row-banner h1 {
			font-size: 30px;
		}
		.row-laser {
			height: auto;
		}






	}
.row-trash .cattegory {
    display: flex;
    border: 2px solid #c1c3c2;
    padding: 12px;
	margin-bottom: 40px;
}

.row-trash .cattegory a {
    padding: 0 15px;
    border-right: 1px solid #eee;
    line-height: 20px;
    font-family: 'Open Sans',sans-serif;
    text-transform: uppercase;
    color: #5e5e5e;
    font-size: 14px;
	font-weight: 700;
	display: inline-table;
	text-align: center;
	width: 20%;
}
.row-trash .cattegory a span{
   height: 60px;
   vertical-align: middle;
   display: table-cell;
}

.row-trash .cattegory a:last-child {
	border-right: none;
}

.row-trash .cattegory a.active {
    color: #36c2b2;
    font-weight: 700
}

.row-trash .cattegory a:hover {
    color: #36c2b2
}
.row-trash .select {
	display: table-cell;
    height: 103px;
    padding: 0 18px;
    border: 2px solid #c1c3c2;
    vertical-align: middle;
	background: #fff;
    width: 100%;
    font-family: 'Open Sans',sans-serif;
    font-size: 20px;
    color: #5e5e5e;
	background-image: url(../img/relex-smile/select2.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding-right: 45px;
	padding-left: 20px;
}
.mobil-navi {
	position: relative;
	margin-bottom: 40px;
	display: none;
}

.mobil-navi ul {
	border-left: 2px solid #c1c3c2;
	border-right: 2px solid #c1c3c2;
	border-bottom: 2px solid #c1c3c2;
    margin-top: 0px;
	position: absolute;
    top: 103px;
    width: calc(100% - 1px);
    background: #fff;
    z-index: 100;
	display: none;
}
.mobil-navi ul li {
	padding: 10px 10px;
	margin: 0px;
}

.mobil-navi ul li:hover {
	background-color: #c1c3c2;
}
@media (max-width: 1024px){
	.row-trash .mobil-navi {
		display: block;
	}

	.row-trash .cattegory {
		display: none;
	}
}

	.price_tab_box_top {
		cursor: pointer;

	}

	@media (max-width: 767px){
		.bgcko {
			background-image: none!important;
		}
	}


#pricelist {
    background: none;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	color: #5e5e5e;
	overflow: hidden;
	margin: 30px 0px;
	padding: 0px;
}

#pricelist p {
    text-align: left
}


#pricelist h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 30px
}

#pricelist .price_tab_body {
    margin-top: 11px;
    position: relative
}

#pricelist .price_tab_body .price_tab_box {
    width: 228px;
    float: left;
    margin-right: 10px
}

#pricelist .price_tab_body .price_tab_box.no_margin {
    margin-right: 0
}

#pricelist .price_tab_body .price_tab_box .price_tab_box_top {
    background: #1e607d;
    color: #fff;
    height: 154px;
    text-transform: uppercase;
    display: table
}

#pricelist .price_tab_body .price_tab_box .price_tab_box_top p {
    width: 228px;
    font-size: 20px;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

#pricelist .price_tab_body .price_tab_box .price_tab_box_top p:hover {
    background: #36c2b2
}

#pricelist .price_tab_body .price_tab_box .price_tab_box_top p a {
    color: #fff;
    display: block
}

#pricelist .price_tab_body .price_tab_box .price_tab_box_top p span {
    font-size: 13px;
    font-weight: 700;
    display: block
}

#pricelist .price_tab_body .price_tab_box .price_tab_box_bottom {
    background: #fff;
    color: #36c2b2;
    height: 158px;
    text-transform: uppercase;
    display: table
}

#pricelist .price_tab_body .price_tab_box .price_tab_box_bottom p {
    width: 228px;
    font-size: 36px;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

#pricelist .price_tab_body .price_tab_box .price_tab_box_bottom p span {
    font-size: 16px;
    font-weight: 400;
    display: block;
    color: #1e607d;
	text-transform: initial;
}

@media (max-width:1220px) {
    #pricelist .container {
        width: 100%
	}

	#pricelist .price_tab_body .price_tab_box {
		margin-bottom: 10px;
		display: inline-block;
		float: none;
	}
}


@media (max-width:768px) {

	.tabulka {
		overflow-x: scroll;
		overflow-y: hidden;
	}

	#pricelist .mobile-off {
		display: none!important;
	}

	.tabulka table {
		min-width: 800px;
	}
    #pricelist  .price_tab_body .price_tab_box {
        margin-bottom: 10px;
        display: flex!important;
        float: none;
        width: 100%!important
    }
    #pricelist  .price_tab_body .price_tab_box .price_tab_box_top {
        width: 65%!important;
        display: flex!important;
        float: left;
        height: auto!important
    }
    #pricelist  .price_tab_body .price_tab_box .price_tab_box_bottom {
        width: 35%!important;
        display: flex!important;
        float: right!important;
        height: auto!important
    }
    #pricelist  .price_tab_body .price_tab_box .price_tab_box_top p {
        font-size: 18px;
        font-weight: 700;
        vertical-align: middle;
        text-align: left;
        padding: 10px
    }
    #pricelist  .price_tab_body .price_tab_box .price_tab_box_top p span {
        font-size: 14px;
        font-weight: 400;
        display: block;
        text-transform: initial!important
    }
    #pricelist  .price_tab_body .price_tab_box .price_tab_box_bottom p {
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        display: flex!important;
        justify-content: center;
        align-content: center;
        flex-direction: column
    }
    #pricelist  .price_tab_body .price_tab_box .price_tab_box_bottom span {
        text-transform: initial!important
    }
    #pricelist  .price_tab_body .price_tab_box .price_tab_box_bottom p .kupon {
        display: none
	}

	#pricelist .price_tab_body .price_tab_box .price_tab_box_bottom p .kupon {
		display: block;
	}



	#pricelist .price_tab_body .price_tab_box .price_tab_box_bottom p .kupon span {
		display: none!important;
	}

    .smart-hore {
        position: relative;
        top: -10px
    }
    .bgs {
        background: #9b0002 url(../img/extrem-akcia-iclinic-line.png) repeat-y!important;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #fff
    }
    .bez-bg {
        background: none!important
    }
    .bgs p {
        padding: 0 10px!important
    }
    .smart-a {
        font-size: 16px!important;
        font-weight: 400!important;
        display: block!important;
        color: #1e607d!important;
        text-transform: initial!important
    }

	.cnkbody .price_tab_box_bottom p {
    padding: 10px;
}
}

.azure-btn {
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	background: #29c3b1;
	margin-top: 10px;
	display: -webkit-inline-box;
}

@media (min-width: 767px) {
    #pricelist .price_tab_box.me {
        width: 32%;
        margin-right: 23px;
        margin-bottom: 20px;
    }

    #pricelist .price_tab_box.me.no_margin {
        margin-right: 0;
    }

    #pricelist .price_tab_box.me .price_tab_box_top {
        width: 100%;
    }

    #pricelist .price_tab_box.me .price_tab_box_bottom {
        width: 100%;
    }
}