/* extracted from pages/esteticke-zakroky.php inline <style>; full DB-verified dead-code
   audit applied (see project_css_dead_code_audit_status memory) -- removed the entire
   unused row-anime/krokovac/glasses-animation cluster, row-after/process/laser/before/
   video, row-tabulka/row-implantovanych/row-prekoho-promo, the yesno/table-responsive
   Bootstrap-table leftovers, and several other one-off dead classes -- none referenced
   by this page's markup or its live CMS content. Added missing .row-akcia/.stara-cena/
   .akciova rules (page used them but had never defined them) matching the standard
   template pattern from operation-page.css/femto-page.css. */


.mobil-navi ul {
		margin-top: 0px!important;
	}

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

	#pocket .row-banner {
		background-position: center top;
		background-size: cover;
		padding: 50px 0;
		color: #fff;
        position: relative;
		min-height: 400px;
	}
	#pocket .row-order {
		background-image: url(/img/magic-pocket/azure.jpg);
		background-position: center top;
		background-size: cover;
		padding: 80px 0;
		color: #fff;
		height: 305px;
	}



	#pocket .row-banner h1 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #fff;
		margin-bottom: 10px;
		font-size: 45px;
	}
	#pocket .row-banner h2 {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #fff;
		font-size: 20px;
	}
	#pocket .row-banner p {
		font-family: 'Open Sans',sans-serif;
		font-weight: 300;
		color: #fff;
		font-size: 18px;
		margin-top: 16px;
		margin-bottom: 10px;
	}
	#pocket .row-banner .headline {
        max-width: 650px;
        padding: 20px 35px 25px 30px;
        background-color: rgba(29, 96, 113, 0.8);
        margin-top: 50px;
        margin-left: 20%;
	}

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

	}


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

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

	#pocket .row-trash ul {
		margin-top: 10px;
	}


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

	#pocket .row-order .first-cena {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #5e5e5e;
		text-transform: uppercase;
		font-size: 20px;
		margin-top: 10px;
		display: block;
	}

	#pocket .row-order .second-cena {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #36c2b2;
		text-transform: uppercase;
		font-size: 56px;
		display: block;
	}

	#pocket .row-order .second-cena .sup{
		color: #36c2b2;
		text-transform: initial;
		font-size: 28px;
		position: relative;
		top: -17px;
	}

	#pocket .row-order .third-cena {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #5e5e5e;
		text-transform: uppercase;
		font-size: 18px;
		display: block;
	}

	#pocket .row-order .text-right {
		text-align: right;
	}

	#pocket .row-order .text-right img {
		margin-right: 10px;
		margin-top: 8px;
	}

	#pocket .row-order .posun {
		margin-top: 20px;
	}

	#pocket .row-order .btn-order {
		font-family: 'Open Sans',sans-serif;
		font-weight: 700;
		color: #FFF;
		text-transform: uppercase;
		font-size: 20px;
		background-color: #36c2b2;
		padding: 15px 20px;
		display: -webkit-inline-box;
		cursor: pointer;
	}

	#pocket .row-order .btn-order i {
		margin-left: 20px;
	}

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

	#pocket .row-order .under-button {
		font-family: 'Open Sans',sans-serif;
		font-weight: 400;
		color: #5e5e5e;
		font-size: 16px;
		width: 60%;
		margin-top: 5px;
		text-align: center;
		display: -webkit-inline-box;
	}


	/* newly added */

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

    .sub_menu_div{
        background-color: #fff !important;
    }
    .menu-top .cattegory a {
        padding: 0 15px;
        border-right: 2px 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: 19%;
        box-sizing: border-box;
    }

    .sub_menu_content{
        margin-top: 50px;
        margin-left: 25px;
    }
    .sub_menu_content p{
        margin-top: 20px;
        line-height: 25px;
    }
	
	.pb-60px{
		padding-bottom: 60px !important;
	}

    .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;
	text-align: center;
	display: inline-table;
}
.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: 30px;
	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;
}

.bok {
	border-right: 2px solid #36c2b2;
}
@media (max-width: 1024px){
	.row-trash .mobil-navi {
		display: block;
	}

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

	.bok {
		border: none;
	}
}
#pocket .row-trash-0{
    padding:60px 0px 0px !important;
}
#pocket .row-trash-0 .cattegory{
    margin-bottom:0px !important;
}

.row-section-1 {
    background-position: center top;
    background-size: cover;
    padding: 50px 0;
    color: #5e5e5e;
    min-height: 580px;
    height: auto;
}
.row-section-1 h2, .row-section-2 h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #29c3b1;
    font-size: 36px;
    padding-bottom: 15px;
}
.row-section-1 h3, .row-section-2 h3{
    color: #29c3b1;
    padding-bottom: 20px;
}
.row-section-1 p, .row-section-2 p {
    line-height: 27px;
    font-weight: 400;
    font-size: 18px;
    margin-left: 5px;
    padding: 12px 0px;
    color: #5e5e5e;
}
.row-section-1 h4, .row-section-2 h4 {
    color: #5e5e5e;
    margin-bottom: 15px;
}
#pocket .row-section-1 ul li {
    background-image: url(../img/textLi.jpg);
    background-repeat: no-repeat;
    background-position: left 50%;
    padding-left: 21px;
    margin-bottom: 10px;
}
.row-section-1 a, .row-section-2 a {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.mobile-btn{
    margin-top: 25px;
}
.azure-btn {
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    background: #29c3b1;
    margin-top: 10px;
    display: -webkit-inline-box;
}

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



	@media (max-width: 768px){
		.row-banner {
			height: 360px;
			padding: 30px 0 !important;
		}
	}

	@media (max-width: 1024px){
		#pocket .row-banner {
			min-height: 300px;
		}

		#pocket .row-banner .headline {
			max-width: 730px;
			padding: 70px 35px 70px 30px;
			background-color: rgba(29,96,113, 0.8);
			margin-top: -18px;
        	margin-left: 12%;

		}

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}

		#pocket .row-order .under-button {
			width: auto;
			margin-top: 15px;
			text-align: center;
			display: block;
		}


		#pocket .row-order .col-sm-6 {
			width: 100%;
		}

		#pocket .row-order .ceny {
			width: 50%;
			float: right;
			text-align: left;
		}

		#pocket .row-order .symbol-euro {
			width: 50%;
			float: left;
			display: inherit;
		}

	}

	@media (max-width: 960px){

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

		}

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}

		#pocket .row-order .under-button {
			width: auto;
			margin-top: 15px;
			text-align: center;
		}

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


		#pocket .row-order .col-sm-6 {
			width: 100%;
		}

		#pocket .row-order .ceny {
			width: 50%;
			float: right;
			text-align: left;
		}

		#pocket .row-order .symbol-euro {
			width: 50%;
			float: left;
			display: inherit;
		}
		#pocket .row-banner .headline {
			max-width: 750px;
			margin-top: -20px;
			margin-left: 0;
		}

	}

	@media (max-width: 800px){

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

		}

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}

		#pocket .row-order .under-button {
			width: auto;
			margin-top: 15px;
			text-align: center;
		}


		#pocket .row-order .col-sm-6 {
			width: 100%;
		}

		#pocket .row-order .ceny {
			width: 50%;
			float: right;
			text-align: left;
		}

		#pocket .row-order .symbol-euro {
			width: 50%;
			float: left;
			display: inherit;
		}

	}


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

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}

		#pocket .row-order .under-button {
			width: 80%;
			margin-top: 15px;
		}


		#pocket .row-order .ceny {
			width: 50%;
			float: right;
			text-align: left;
		}

		#pocket .row-order .symbol-euro {
			width: 50%;
			float: left;
			display: inherit;
		}

	}

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

		#pocket .row-banner h1 {
			font-size: 36px;
		}

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}

		#pocket .row-order .under-button {
			width: 80%;
			margin-top: 15px;
		}


		#pocket .row-order .ceny {
			width: 50%;
			float: right;
			text-align: left;
		}

		#pocket .row-order .symbol-euro {
			width: 50%;
			float: left;
			display: inherit;
		}

	}


	@media (max-width: 568px){

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

		#pocket .row-banner h1 {
			font-size: 36px;
		}

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}

		#pocket .row-order .under-button {
			width: 80%;
			margin-top: 15px;
		}


		#pocket .row-order .ceny {
			width: 50%;
			float: right;
			text-align: left;
		}

		#pocket .row-order .symbol-euro {
			width: 50%;
			float: left;
			display: inherit;
		}
	}
	@media (max-width: 430px){
		.row-banner {
			height: 330px;
			padding: 20px 0 !important;
		}
	}

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

		#pocket .row-banner h1 {
			font-size: 36px;
		}
		.row-banner {
			padding: 5px 0 !important;
		}

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}

		#pocket .row-order .under-button {
			width: 100%;
			margin-top: 15px;
		}

		#pocket .row-order .ceny {
			width: inherit;
			float: inherit;
			text-align: center;
		}

		#pocket .row-order .symbol-euro {
			width: inherit;
			float: inherit;
			display: none;
		}

	}

	@media (max-width: 390px){
		#pocket .row-banner {
			padding: 40px 0;
		}
		#pocket .row-banner .headline {
			padding: 40px 30px 40px 30px;
		}
		.row-banner {
			height: 300px;
		}
	}

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

		#pocket .row-banner {
			min-height: 250px;
		}
		.row-banner {
			height: 250px;
		}
		#pocket .row-banner {
			padding: 20px 0;
		}

		#pocket .row-banner h1 {
			font-size: 36px;
		}

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}
		#pocket .row-order .btn-order {
			font-size: 14px;
		}
		#pocket .row-order .under-button {
			width: 100%;
			margin-top: 15px;
		}

	}

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


		#pocket .row-banner h1 {
			font-size: 36px;
		}

		#pocket .row-order .symbol-euro {
			display: none;
		}

		#pocket .row-order .ceny {
			text-align: center;
		}

		#pocket .row-order {
			height: auto;
		}
		#pocket .row-order .btn-order {
			font-size: 14px;
		}
		#pocket .row-order .under-button {
			width: 100%;
			margin-top: 15px;
		}



	}





.row-akcia {
	background: url(/img/relex-smile/bg-akcia.png) repeat-x;
	color: #fff;
	height: 90px;
	line-height: 90px;
}

.row-order .stara-cena {
	font-size: 18px!important;
	color: #5e5e5e;
	text-decoration: line-through;
	font-weight: normal;
	position: relative;
	top: -40px;
	left: -15px;
}

.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;
}