/* OLD - remove */
.oj-shop-list h1, .oj-shop-list h2 { display: block; width: 100%; text-align: center; font-size: 160%; margin-top: 2.5em; letter-spacing: 0; margin-bottom: 1.5em; }
/* OLD-END */
/* NEW - add
.oj-shop-list h2 { display: block; width: 100%; text-align: center; font-size: 160%; margin-top: 2.5em; letter-spacing: 0; margin-bottom: 1.5em; }
*/
.oj-shop-list .banner .col-lg-3 { width: 25%; }
.oj-shop-list .banner-languages { background-color: #fff; border-bottom: 3px solid #f2f2f2; }
.oj-shop-list .banner-languages .container { width: 1050px; }
.oj-shop-list .banner-languages,
	.oj-shop-list .banner-languages ul { overflow: visible; }
.oj-shop-list .banner-languages a { text-transform: uppercase; width: 100%; overflow: visible; height: 100%; position: relative; padding: 0; display: block; position: absolute; color: #333; }
.oj-shop-list .banner-languages a span { display: block; position: absolute; bottom: -5px; width: 90%; margin-left: 5%; line-height: 60px; border-bottom: 5px solid transparent; letter-spacing: 0.1em; }
/* NEW - add
.oj-shop-list .banner-languages h2 { margin: 0; font-size: 100%; }
*/
.oj-shop-list .banner-languages a:hover { color: #0095da; }
/* Added 6th language */
/*.oj-shop-list .banner-languages li.col-lg-3 {width: 16.66%;}*/

/* Added 7th category */
.oj-shop-list .banner-languages li.col-lg-3 { width: 14.25%; }
.oj-shop-list .banner-languages li.col-lg-3.lang-de, .oj-shop-list .banner-languages li.col-lg-3.lang-ru, .oj-shop-list .banner-languages li.col-lg-3.lang-xy { width: 13.3%; }
.oj-shop-list .banner-languages li.col-lg-3.lang-fr { width: 16.6%; }
.oj-shop-list .banner-languages li.col-lg-3.lang-es { width: 15%; }

.oj-shop-list .banner-languages li { background-position: center 43%; background-repeat: no-repeat; background-size: auto 30%; overflow: visible; padding: 0; }
.oj-shop-list .banner-languages li.active { border: none; }
.oj-shop-list .banner-languages li.active a { color: #0095da; }
.oj-shop-list .banner-languages li.active a span { border-bottom: 5px solid #0095da; }

.oj-shop-list .banner-languages .lang-en { background-image: url('../img/shop/lang/en@2x.png'); }
.oj-shop-list .banner-languages .lang-de { background-image: url('../img/shop/lang/de@2x.png'); }
.oj-shop-list .banner-languages .lang-fr { background-image: url('../img/shop/lang/fr@2x.png'); }
.oj-shop-list .banner-languages .lang-es { background-image: url('../img/shop/lang/es@2x.png'); }
.oj-shop-list .banner-languages .lang-ru { background-image: url('../img/shop/lang/ru@2x.png'); }
.oj-shop-list .banner-languages .lang-it { background-image: url('../img/shop/lang/it@2x.png'); }
.oj-shop-list .banner-languages .lang-xy { background-image: url('../img/shop/lang/xy@2x.png'); }

/* detail */
.oj-page-shop-detail .shop-detail-main { padding-top: 3.5em; }
.oj-page-shop-detail .shop-detail-main .container { position: relative; overflow: visible; }
.oj-page-shop-detail .shop-detail-main .product-image { width: 135%; margin-left: -15%; margin-top: 20px; }
.oj-page-shop-detail .shop-detail-main .ribbon { position: absolute; top: 0; right: 0; height: 300px; width: 7%; background-size: 100% auto; background-repeat: no-repeat; }
.oj-page-shop-detail .shop-detail-main .ribbon-new { background-image: url('../img/shop/ribbon/ribbon-new@2x.png'); }
.oj-page-shop-detail .shop-detail-main .left .btn { margin-left: 30px; margin-top: -30px; }
.oj-page-shop-detail .shop-detail-main .left .btn .ico { font-size: 190%; margin-right: 0.5em; float: left; }
.oj-page-shop-detail .shop-detail-main .left .btn span { line-height: 2em; }
.oj-page-shop-detail .shop-detail-main .subtitle { color: #0095da; font-family: 'FontSemibold'; text-transform: uppercase; font-size: 95%; margin-top: -2px; }
.oj-page-shop-detail .shop-detail-main .subtitle .ico { margin-right: 1em; }
.oj-page-shop-detail .shop-detail-main .description { padding-top: 1.5em; padding-right: 10%; font-size: 105%; margin-bottom: 3em; }
.oj-page-shop-detail .shop-detail-main .detail-buy { padding: 2em 0;  position: relative;}
.oj-page-shop-detail .shop-detail-main .price { display: inline; font-family: 'FontBold'; font-size: 220%; white-space: no-wrap;}
.oj-page-shop-detail .shop-detail-main .price-original { margin-left: 2em; text-decoration: line-through; font-size: 120%; display: inline; white-space: no-wrap; }
.oj-page-shop-detail .shop-detail-main .buttons { padding: 1em 0; line-height: 70px;}

.oj-page-shop-detail .shop-detail-info { padding-top: 5em; }
.oj-page-shop-detail .shop-detail-info .container { border-bottom: 3px solid #f7f7f7; }
.oj-page-shop-detail .shop-detail-info .tabs { padding: 0; margin: 0 15px; overflow: auto; border-bottom: 3px solid #0095da; margin-bottom: 2em; }
.oj-page-shop-detail .shop-detail-info .tabs li { list-style-type: none; float: left; margin-right: 1em; }
.oj-page-shop-detail .shop-detail-info .tabs li a { display: block; width: 100%; padding: 1em 3em; color: #333; background-color: #f2f2f2; text-transform: uppercase; font-size: 90%; text-decoration: none; font-family: 'FontSemibold'; }
.oj-page-shop-detail .shop-detail-info .tabs li a .ico { margin-left: -1em; margin-right: 1em; }
.oj-page-shop-detail .shop-detail-info .tabs li.active a { background-color: #0095da; color: #fff; }
.oj-page-shop-detail .shop-detail-info .tabs li a:hover { color: #0095da; }
.oj-page-shop-detail .shop-detail-info .tabs li.active a:hover { color: #fff; }
.oj-page-shop-detail .shop-detail-info .tab-content { font-size: 110%; margin-bottom: 1em; overflow: auto; }

.oj-page-shop-detail .shop-detail-info .tab-content.course img.lector { width: 100%; }

.oj-page-shop-detail .rating-stars { height: 23px; width: 149px; margin: 15px 0; }
.oj-page-shop-detail .rating-stars div { height: 100%; overflow: hidden; }
.oj-page-shop-detail .rating-stars span { display: block; padding: 0.5em 0; }

/* docasne schovat */
/*.oj-page-shop-detail .rating-item .rating-stars,
	.oj-page-shop-detail .rating-item .rating-stars div{ background: none; }
*/
.oj-page-shop-detail .rating-item { margin-bottom: 2.5em; }
.oj-page-shop-detail .rating-item .rating-stars { height: 15.3333px; width: 99.3333px; }

.rating-stars .r1 { width: 1%; }
.rating-stars .r2 { width: 2%; }
.rating-stars .r3 { width: 3%; }
.rating-stars .r4 { width: 4%; }
.rating-stars .r5 { width: 5%; }
.rating-stars .r6 { width: 6%; }
.rating-stars .r7 { width: 7%; }
.rating-stars .r8 { width: 8%; }
.rating-stars .r9 { width: 9%; }
.rating-stars .r10 { width: 10%; }
.rating-stars .r11 { width: 11%; }
.rating-stars .r12 { width: 12%; }
.rating-stars .r13 { width: 13%; }
.rating-stars .r14 { width: 14%; }
.rating-stars .r15 { width: 15%; }
.rating-stars .r16 { width: 16%; }
.rating-stars .r17 { width: 17%; }
.rating-stars .r18 { width: 18%; }
.rating-stars .r19 { width: 19%; }
.rating-stars .r20 { width: 20%; }
.rating-stars .r21 { width: 21%; }
.rating-stars .r22 { width: 22%; }
.rating-stars .r23 { width: 23%; }
.rating-stars .r24 { width: 24%; }
.rating-stars .r25 { width: 25%; }
.rating-stars .r26 { width: 26%; }
.rating-stars .r27 { width: 27%; }
.rating-stars .r28 { width: 28%; }
.rating-stars .r29 { width: 29%; }
.rating-stars .r30 { width: 30%; }
.rating-stars .r31 { width: 31%; }
.rating-stars .r32 { width: 32%; }
.rating-stars .r33 { width: 33%; }
.rating-stars .r34 { width: 34%; }
.rating-stars .r35 { width: 35%; }
.rating-stars .r36 { width: 36%; }
.rating-stars .r37 { width: 37%; }
.rating-stars .r38 { width: 38%; }
.rating-stars .r39 { width: 39%; }
.rating-stars .r40 { width: 40%; }
.rating-stars .r41 { width: 41%; }
.rating-stars .r42 { width: 42%; }
.rating-stars .r43 { width: 43%; }
.rating-stars .r44 { width: 44%; }
.rating-stars .r45 { width: 45%; }
.rating-stars .r46 { width: 46%; }
.rating-stars .r47 { width: 47%; }
.rating-stars .r48 { width: 48%; }
.rating-stars .r49 { width: 49%; }
.rating-stars .r50 { width: 50%; }
.rating-stars .r51 { width: 51%; }
.rating-stars .r52 { width: 52%; }
.rating-stars .r53 { width: 53%; }
.rating-stars .r54 { width: 54%; }
.rating-stars .r55 { width: 55%; }
.rating-stars .r56 { width: 56%; }
.rating-stars .r57 { width: 57%; }
.rating-stars .r58 { width: 58%; }
.rating-stars .r59 { width: 59%; }
.rating-stars .r60 { width: 60%; }
.rating-stars .r61 { width: 61%; }
.rating-stars .r62 { width: 62%; }
.rating-stars .r63 { width: 63%; }
.rating-stars .r64 { width: 64%; }
.rating-stars .r65 { width: 65%; }
.rating-stars .r66 { width: 66%; }
.rating-stars .r67 { width: 67%; }
.rating-stars .r68 { width: 68%; }
.rating-stars .r69 { width: 69%; }
.rating-stars .r70 { width: 70%; }
.rating-stars .r71 { width: 71%; }
.rating-stars .r72 { width: 72%; }
.rating-stars .r73 { width: 73%; }
.rating-stars .r74 { width: 74%; }
.rating-stars .r75 { width: 75%; }
.rating-stars .r76 { width: 76%; }
.rating-stars .r77 { width: 77%; }
.rating-stars .r78 { width: 78%; }
.rating-stars .r79 { width: 79%; }
.rating-stars .r80 { width: 80%; }
.rating-stars .r81 { width: 81%; }
.rating-stars .r82 { width: 82%; }
.rating-stars .r83 { width: 83%; }
.rating-stars .r84 { width: 84%; }
.rating-stars .r85 { width: 85%; }
.rating-stars .r86 { width: 86%; }
.rating-stars .r87 { width: 87%; }
.rating-stars .r88 { width: 88%; }
.rating-stars .r89 { width: 89%; }
.rating-stars .r90 { width: 90%; }
.rating-stars .r91 { width: 91%; }
.rating-stars .r92 { width: 92%; }
.rating-stars .r93 { width: 93%; }
.rating-stars .r94 { width: 94%; }
.rating-stars .r95 { width: 95%; }
.rating-stars .r96 { width: 96%; }
.rating-stars .r97 { width: 97%; }
.rating-stars .r98 { width: 98%; }
.rating-stars .r99 { width: 99%; }
.rating-stars .r100 { width: 100%; }

.oj-page-shop-detail .shop-detail-info .tab-content.rating .rating-item { border-bottom: 3px solid #f2f2f2; padding-bottom: 1em; margin-bottom: 1em; }
.oj-page-shop-detail .shop-detail-info .tab-content.rating .rating-item .rating-stars { height: 15px; width: 20%; }
.oj-page-shop-detail .shop-detail-info .tab-content.rating .text { padding: 0 0 0.5em 0 ; }
.oj-page-shop-detail .shop-detail-info .tab-content.rating .name { font-size: 80%; font-family: 'FontBold'; text-transform: uppercase; margin-top: 0.5em; }

.shop-list-products { border-bottom: 3px solid #f2f2f2; }

/* up to ipad landscape */
@media (max-width: 1199px) {
        .oj-shop-list .banner-languages a span { font-size: 85%;}
	.oj-page-shop-detail .shop-detail-main .left button { font-size: 90%; margin-left: 0; }
	.oj-page-shop-detail .shop-detail-main .detail-buy { padding-top: 0; }
	
	.oj-page-shop-detail .shop-detail-info .tabs li { font-size: 90%; }
	.oj-page-shop-detail .shop-detail-info .tabs li a { padding: 1em 2em; }
}

/* up to ipad portrait */
@media (max-width: 991px) {
	.oj-shop-list .shop-list-products .col-lg-4 { width: 50%; }
	.oj-shop-list .banner-languages li { background-size: auto 25%; font-size: 90%; }
	.oj-shop-list .banner-languages li.active a { background-size: auto 25%; }
        .oj-shop-list .banner-languages a span { font-size: 80%; }
	
	.oj-page-shop-detail .shop-detail-main .left button { font-size: 80%; margin-left: 0; white-space: normal; }
	.oj-page-shop-detail .shop-detail-main .left,
		.oj-page-shop-detail .shop-detail-main .right { float: left; }
	.oj-page-shop-detail .shop-detail-main .right { width: 66.6666%; }
	.oj-page-shop-detail .shop-detail-main .detail-buy .btn { padding: 0.5em 1em; }
	.oj-page-shop-detail .shop-detail-main .detail-buy .ico { margin-left: 0.5em; }
	.oj-page-shop-detail .shop-detail-info .tabs li { margin-right: 0.2em; font-size: 80%; } 
	.oj-page-shop-detail .shop-detail-info .tabs li a { padding: 1em 1em; }
	.oj-page-shop-detail .shop-detail-info .tabs li a .ico { margin-left: 0; }
}

/* up to iphone landscape */
@media (max-width: 767px) {
	.oj-shop-list .banner-languages .container { width: 100%; }
	.oj-shop-list .banner-languages ul { display: flow-root; }
	.oj-shop-list h1 { margin-top: 0.5em; margin-bottom: 0.5em; }
	.oj-shop-list .shop-list-products .col-lg-4 { width: 100%; }
	.oj-shop-list .shop-product { width: 400px; margin: 0 auto; }
	.oj-shop-list .banner-languages li {  background-size: 40px; font-size: 75%; }
        .oj-shop-list .banner-languages li.col-lg-3 { width: 14.2857% !important; float: left; }
	.oj-shop-list .banner-languages li.active { border-bottom: 5px solid #0095da; }
	.oj-shop-list .banner-languages li.active a { background-image: none; }
	.oj-shop-list .banner-languages a span { display: none; width: 100%; margin-left: 0; }
	
	.oj-page-shop-detail .shop-detail-main .left button { font-size: 70%; }
	.oj-page-shop-detail .shop-detail-main .left button .ico { display: none; }
	
	.oj-page-shop-detail .shop-detail-info .tabs li { float: none; }
	.oj-page-shop-detail .shop-detail-info .tabs li a { padding: 0.3em 1em; }
	.oj-page-shop-detail .shop-detail-info .tab-content .col-lg-4 { width: 100%; }
	.shop-detail-main .ribbon { min-width: 60px; }
}

@media (max-width: 450px) {
        .oj-shop-list .banner-languages li.col-lg-3 { width: 25% !important; float:left; height: 75px; min-height: 75px; }
}

/* iphone portrait */
@media (max-width: 400px) {
        .oj-shop-list .banner-languages li.col-lg-3 { width: 25% !important; float:left; height: 75px; min-height: 75px; }
        .oj-page-shop-detail .shop-detail-main .left,
	.oj-page-shop-detail .shop-detail-main .right { width: 100%; }
	.oj-page-shop-detail .shop-detail-main .left img { width: auto; margin: 0 auto; }
	.oj-page-shop-detail .shop-detail-main .ribbon { width: 80px; }
}


/* MAREK - pixel-perfect */

.oj-shop-list .banner-languages { border-bottom: 1px solid #f2f2f2; background: 
#fff url('../img/block-back-bottom@2x.png') bottom center no-repeat;
background-size: 50% auto;}
.shop-list-products { border-bottom: 1px solid #f2f2f2; background: 
#fff url('../img/block-back-bottom@2x.png') bottom center no-repeat;
background-size: 50% auto;}
.oj-page-shop-detail .shop-detail-main { padding-top: 1em; border-bottom: 1px solid #f2f2f2; background: #fff url('../img/block-back-bottom@2x.png') bottom center no-repeat; background-size: 50% auto; }
.oj-page-shop-detail .shop-detail-main .description { font-size: 100%; margin-bottom: 1.5em; padding-right: 15%;}
.oj-page-shop-detail .shop-detail-main .subtitle { color: #0095da; font-size: 90%; margin-top: -0.3em; }
.oj-page-shop-detail .shop-detail-info .container { border-bottom: none}
.oj-page-shop-detail .shop-detail-info .tabs li.active a, .oj-page-shop-detail .shop-detail-info .tabs li.active a:hover { background-color: #fff; color: #0095da; border-top: 3px solid #0095da; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
.oj-page-shop-detail .shop-detail-info .tabs { border-bottom: 1px solid #f2f2f2;  }
.oj-page-shop-detail .shop-detail-info .tabs li a { color: #3b3f41; background-color: #ffffff; }
.oj-page-shop-detail .shop-detail-main .obrazek img {width: 140% !important; margin-top: -20px !important; margin-left: -27% !important} /* tohle je potreba vyresit - moc se mi to nezda, ale na desktopu je tohle graficke rozlozeni idealni */
.oj-page-shop-detail .shop-detail-info { padding-top: 3em;  border-bottom: 1px solid #f2f2f2; background: #fff url('../img/block-back-bottom@2x.png') bottom center no-repeat; background-size: 50% auto; }
.oj-page-shop-detail .shop-detail-info .tab-content { font-size: 100%; margin-bottom: 3em; }
.oj-page-shop-detail .shop-detail-main .left button { font-size: 80%; margin-top: -40px; padding-bottom: 4em;} /* proverit */
.btn-blank:hover,
	.btn-blank:focus { border-color: transparent; }
.mobile .btn-blank:hover,
	.mobile .btn-blank:focus { border: #ccc; }
.oj-page-shop-detail .rating-stars span { font-family: FontSemibold; text-align: center; text-transform: uppercase; font-size: 90%; }

/* Ondra - ceny bez DPH */
.detail-buy p {vertical-align: baseline;}
.detail-buy .price-no-vat {color: #888; font-size: 90%; display: inline; margin-left: 40px;}

/* Ondra - záložka "Obsah kurzu" a odkazy na sylabus */

.odkaz-sylabus a {
	display: inline-block;
	padding: 12px 20px 12px 55px;
	border: solid 1px #C9C6C6;
	border-radius: 100px;
	transition: none;
	background: url('../img/ico/download.svg') 19px 10px no-repeat;
	background-size: 22px 22px;
}

.odkaz-sylabus a:hover {
	border-color: #0195DA;
	color: #02B5EA;
}

/* Easylingo link */

.easylingo-link {
	margin-bottom: 30px;
	clear: both;
}

.calendly-link {
	margin-bottom: 40px;
	clear: both;
	text-align: center;
}

.calendly-label {
	color:#333;
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 24px;
	text-align: center;
}


.easylingo-link-a {
	display: inline-block;
	white-space: normal;
	margin-left: 10px;
}

@media screen and (max-width: 992px) {
	.oj-page-shop-detail .shop-detail-main .buttons { padding: 1em 0; line-height: 50px;	}
}


/* Discount banner on product page */

.detail-buy-price-row {
	display: flex;
	gap: 50px;
	align-items: center;
	padding-top: 16px;
	padding-bottom: 16px;
}

.price--with-discount-banner {
	margin-bottom: 0;
}

.price--discounted {
	text-decoration: line-through;
	text-decoration-thickness: 3px;
	text-decoration-color: black;
	text-decoration-skip-ink: all;
}

.oj-page-shop-detail .shop-detail-main .detail-buy--with-discount-banner {
	padding-top: 0;
}

.coupon-discount-banner {
	background: black;
	color: white;
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	grid-template-areas: 'code code' 'price discount';
	grid-column-gap: 30px;
}

.coupon-discount-banner__code {
	background: #f8d216;
	color: black;
	font-size: 13px;
	padding: 4px 10px;
	grid-area: code;
	text-align: center;
}

.coupon-discount-banner__discount {
	background: black;
	color: white;
	grid-area: discount;
	text-align: center;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;

	strong {
		font-weight: bold;
		font-size: 25px;
		display: block;
		line-height: 28px;
	}
}

.coupon-discount-banner__new-price {
	background: black;
	color: white;
	grid-area: price;
	text-align: center;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;

	strong {
		font-weight: bold;
		font-size: 25px;
		display: block;
		line-height: 28px;
	}

}



.eshop-product-inaccessible-message {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding-left: 20px;
	margin-top: -100px;
	padding-bottom: 100px;
}