.menu-top-simple .left a { text-transform: uppercase; }
.oj-page-content-block,
	.oj-page-content-block .container { overflow: visible; }

.banner-checkout { background-color: #fafafa; border-bottom: 3px solid #ddd; height: 52px; padding-top: 55px; text-align: center; width: 100%; }
.oj-page .banner-checkout .col-lg-3 { width: 25%; }
.banner-checkout .container:before,
	.banner-checkout .container:after { display: block; }
.oj-page .banner-checkout ul { /*border-top: 3px solid #ddd;*/ margin-top: -1.5px; }
.banner-checkout .inactive {  }
.banner-checkout li { list-style-type: none; text-align: center; width: 25%; margin: 0 auto; }
.banner-checkout li a { text-transform: uppercase; font-family: 'FontSemibold'; display: block; margin-top: -22px; }
.banner-checkout li a:hover { text-decoration: none; }
.banner-checkout li.done a { color: #333; cursor: pointer; }
.banner-checkout li.done a:hover { text-decoration: underline; }
.banner-checkout li.inactive a { color: #ababab; }
.banner-checkout li a .ico { display: block; width: 100%; height: 50px; background-size: auto 100%; background-position-x: center; }

.oj-checkout h1 { font-size: 150%; margin-top: 2.5em; margin-bottom: 1.5em; padding-left: 15px; }

table { width: 100%; margin-bottom: 3em; }
table th { text-transform: uppercase; text-align: center; padding: 0.5em 0; font-size: 90%; font-family: 'FontBold'; letter-spacing: 0.1em; }
table th:first-child { padding-left: 2em; text-align: left; }
table td { text-align: center; }
table tbody { border-top: 4px solid #f2f2f2; }
table tbody td { border-bottom: 4px solid #f2f2f2;  }
table img { width: 115%; margin-left: -20%; }

table th.description { text-align: left; padding-left: 1em; }

table td.description { text-align: left; }
table td.description a { padding-top: 40% display: block; font-size: 120%; font-family: 'FontSemibold'; width: 100%; }
table td.description p { display: block; text-transform: uppercase; font-size: 80%; color: #666; font-family: 'FontSemibold'; }
table td.amount { font-size: 120%; }
.price { font-size: 110%; font-family: 'FontBold'; white-space: nowrap; }
table .price { text-align: right; padding-right: 0.5em; }
table .price .ico { margin-left: 1.5em; color: #aaa; font-size: 120%; text-decoration: none; }
table .price .ico:hover,
	table .price .ico:active { color: #f00; }

.cart-wrapper { position: relative; overflow: auto; width: 100%; }
.total { position: absolute; bottom: 0; right: 0%; padding-bottom: 8em; text-align: center; }
.total span { text-transform: uppercase; font-family: 'FontBold'; letter-spacing: 0.1em; }
.total p { font-size: 220%; overflow: visible; display: block; margin: 0 auto; position: relative; height: 2.5em; }
.total p span.price { border-bottom: 4px solid #333; padding-bottom: 0.5em; letter-spacing: 0; }

.container.nav-footer { padding: 3em 0 0 0; overflow: hidden; border-top: 3px solid #f2f2f2; }
.oj-checkout-cart .nav-footer { border-top: none; }

.nav-footer .left .input-group,
	.nav-footer .left .btn { width: 50%; float: left; margin: 0; }
.nav-footer .left .input-group input { padding-left: 1em; font-size: 110%; }
.nav-footer .left .btn { text-align: left; width: auto; }
.nav-footer .right a { float: right; margin-left: 2em; }

.oj-page-content-block .nav-footer .col-lg-5 { width: 41.66666666666667%; float: left; overflow: hidden; }
.oj-page-content-block .nav-footer .col-lg-7 { width: 58.333333333333336%; float: left; overflow: hidden; }

.faq { margin-top: 3em; padding: 0; border-top: 4px solid #f2f2f2; margin-bottom: 4em; }

.faq h2,
	.faq h3 { padding-top: 1em; padding-bottom: 1em; margin: 0; padding-left: 15px; text-transform: uppercase; font-family: 'FontSemibold'; color: #333; }
.faq h2 { margin-top: 2em; letter-spacing: 0.1em; margin-bottom: 0.5em; }
.faq h3 { padding: 1em 0; margin-bottom: 0.5em; padding-top: 1.1em; font-size: 100%; }
.faq p { font-size: 110%; }

/** 02 payment */

.oj-checkout h1 { padding-left: 0; margin-bottom: 0.7em; margin-top: 2.5em; font-famiy: 'FontBold'; }
form { text-align: left; }
.oj-checkout-payment .payment-type { overflow: auto; margin: 1em 0; font-size: 120%; margin-top: 1.5em; }
.oj-checkout-payment .payment-type input,
	.oj-checkout-payment .payment-type label { display: block; float: left; margin-top: 11px; }
.oj-checkout-payment .payment-type input { clear: left; margin-top: 15px; margin-left: 2px; }
.oj-checkout-payment .payment-type label { font-weight: normal; max-width: 90%; position: relative; padding-right: 2em; }
.oj-checkout-payment .payment-type .ico { position: absolute; top: 5px; right: 0; margin-left: 1em; color: #aaa; }
.oj-checkout-payment .payment-type .ico:hover { color: #0095da; }

.oj-checkout-payment .payment-location { display: block; width: 100%; font-size: 120%; margin-bottom: 1em; }
.oj-checkout-payment .payment-location select { margin-left: 1em; padding: 0.5em 1em; }

.oj-checkout-payment .payment-company { padding: 0 0 1em 0; }
.oj-checkout-payment .payment-company-checkbox { visibility: hidden; }
.oj-checkout-payment .payment-company .button-expand { padding-left: 0; margin-bottom: 1em; white-space: normal; }
.oj-checkout-payment .payment-company .button-expand:hover { border-color: transparent;  }
.oj-checkout-payment .payment-company .button-expand.open { color: #aaa; }
.oj-checkout-payment .payment-company .ico { font-size: 120%; }
.oj-checkout-payment .payment-company .open .ico:before { content: "\e075"; }
.oj-checkout-payment .payment-company-details { display: none; overflow: auto; margin-bottom: 2em; }
.oj-checkout-payment .payment-company-details.visible { display: block; }
.oj-checkout-payment .payment-company-details .input-group { width: 31%; margin: 0.5em; margin-right: 15px; float: left; }

.oj-checkout .support { margin-top: 6em; border-left: 3px solid #f2f2f2; text-align: center; font-size: 90%; }
.oj-checkout .support h2 { margin: 0; padding: 0; font-size: 110%; font-family: 'FontSemibold'; text-transform: uppercase; margin-bottom: 2em; }
.oj-checkout .support img { width: 35%; margin-bottom: 1em; }
.oj-checkout .support p,
	.oj-checkout .support a { display: block; width: 100%; white-space: nowrap; padding: 0; margin: 0; font-family: 'FontSemibold'; }
.oj-checkout .support .phone { font-size: 180%; }
.oj-checkout .support .time { font-size: 90%; color: #666; }
.oj-checkout .support a { font-size: 120%; margin-top: 1em; font-family: 'FontRegular'; }

.oj-checkout-cart .faq{ margin-top: 5.5em; }

.oj-checkout-cart .good {  }

/* 03 login */
.login { padding-bottom: 2em; }
.login .col-lg-8 { width: 70%; margin-bottom: 2em; }
.login .col-lg-4 { width: 30%; }
.login .left,
	.login .right { width: 50%; float: left; }
.login .right { padding-right: 1em; }
.login .left { padding-top: 1em; }
.login .input-email-letter,
	.login label { float:left; }
.login label { font-size: 120%; width: 80%; }

.login .input-group { margin: 1.5em 0; }
.login .facebook { padding-top: 70px; padding-left: 2em; }
.login .facebook span { padding: 0; padding-right: 1em; text-transform: uppercase; }
.login .facebook img { width: 40px; margin-bottom: 1em; }
.login .facebook a { padding-left: 1em; text-transform: uppercase; font-family: 'FontSemibold'; }

.login .col-lg-12 { clear: left; }

/* 04 summary */
.summary { margin-top: 2.5em; margin-bottom: 0; }
.summary th { padding: 0.3em 1em; }
.summary td { border-bottom: 1px solid #f2f2f2; padding: 1.1em 1em; font-size: 110%; white-space: nowrap; }
.summary .lecture { text-align: left; white-space: normal; }
.summary .price-right { text-align: right; font-family: 'FontBold'; }

.oj-checkout.oj-checkout-summary .col-lg-8 { width: 66%; margin-bottom: 2em; min-height: 300px; }
.oj-checkout.oj-checkout-summary .support { width: 34%; }

.summary-final { width: 25%; position: absolute; bottom: 0; right: 0; padding-bottom: 1.5em; }
.summary-final .left,
	.summary-final .right { float: left; width: 50%; padding: 0 1em; margin-top: 2em; }
.summary-final .right { text-align: right; padding-top: 2em; font-family: 'FontSemibold'; }
.invoice-address-head { margin-bottom: 1.5em; font-family: 'FontBold'; text-transform: uppercase; font-size: 90%; }
.summary-final .total-final { margin-top: 2em; }
.summary-final .total-final span { font-family: 'FontSemibold'; }
.summary-final .price { font-size: 300%; }

/* up to ipad landscape */
@media (max-width: 1199px) {
	.menu-top .right .help-line { display: none; }
	.menu-top .right { padding-right: 0; }
	
	.nav-footer .btn { padding: 8px 1em; }
	.nav-footer .right a { margin-left: 1em; }
	.nav-footer .right .next { float: right; }
	.oj-checkout-payment .payment-company-details .input-group { width: 45%; }
	
	.oj-checkout-payment .col-lg-9 { width: 75%; float: left; }
	.oj-checkout-payment .col-lg-3 { width: 25%; float: left; }
	
	.oj-checkout .support { font-size: 70%; }
	.oj-checkout .support img { width: 40%; }

	.nav-footer .left .input-group { width: 100%; }
	.oj-page-content-block .nav-footer .left { width: 35%; }
	.oj-page-content-block .nav-footer .right { width: 65%; }
	.banner-options a .text { white-space: normal; }

	.login .facebook { font-size: 80%; }
	.login .facebook img { width: 25px; }
}

/* up to ipad portrait */
@media (max-width: 991px) {
	.oj-checkout-cart .col-lg-9 { width: 75%; float: left; }
	.oj-checkout-cart .col-lg-3 { width: 25%; float: left; }
	.banner-options .col-lg-3 { width: 25%; }
	table { font-size: 80%; }
	.total { font-size: 80%; }
	.total p { font-size: 180%; }
	.banner-options li { font-size: 85%; }
	.nav-footer { font-size: 80%; }
	.oj-page-content-block .nav-footer .left { width: 30%; }
	.oj-page-content-block .nav-footer .right { width: 70%; }
	.oj-page-content-block .nav-footer .right .btn { white-space: normal; }
	
	.oj-checkout .support { margin-top: 12em; }
	.oj-checkout .login .support { margin-top: 0em; }
	
	.oj-checkout-payment .col-lg-8 { width: 75%; float: left; }
	.oj-checkout-payment .col-lg-4 { width: 25%; float: left; }

	.login .facebook { font-size: 70%; text-align: right; }
	.login .facebook span { padding-left: 0; }
	.summary-final { font-size: 90%; }
}

/* up to iphone landscape */
@media (max-width: 767px) {
	.banner-checkout { font-size: 60%; }
	
	.oj-page .banner-options li { width: 100%; display: none; }
	.banner-options li.active { display: block; }
	.oj-checkout-cart .col-lg-4,
		.faq .col-lg-4 { width: 100%; }

	.container.nav-footer { padding-top: 0; margin-top: 1em; }
	.oj-page-content-block .input-group { width: 100%; }
	.nav-footer .right a { clear: both; }
	.nav-footer .right a .continue { margin-top: 10px; }
	
	.oj-checkout-cart table .description { font-size: 90%; }
	table .price .ico { margin-left: 0.5em; }
	
	.nav-footer .left .input-group { width: 100%; }
	
	.oj-checkout-payment .payment-company-details .input-group { margin-left: 0; width: 100%; margin-right: 0; }
	.oj-checkout-cart .col-lg-9 { width: 100%; }
	.oj-checkout-cart .total.col-lg-3 { width: 100%; position: relative; text-align: right; padding-top: 1em; padding-bottom: 0; }

	.oj-checkout .support { width: 100%; text-align: left; margin-top: 1em; border-top: 3px solid #f2f2f2; padding-top: 1em; font-size: 70%;  }
	.oj-checkout.oj-checkout-payment .support { border-bottom: 3px solid #f2f2f2; padding-bottom: 1em; }
	/*.oj-checkout .support h2 { margin-bottom: 0; }*/
	.oj-checkout .support img { display: none; }
	.oj-checkout .support p,
		.oj-checkout .support a { display: block; margin: 0; margin-right: 1em; padding: 0; }
	
	.oj-checkout-payment .col-lg-8,
		.oj-checkout .login .col-lg-8 { width: 100%; float: left; }

	.oj-page-content-block .nav-footer .left { width: 100%; }
	.oj-page-content-block .nav-footer .right { width: 100%; }

	.login { padding-bottom: 0; }
	.login .left,
		.login .right { width: 100%; }
	.login .facebook {  padding-top: 0; }
	.login .col-lg-8 { margin-bottom: 0; }
	
	.oj-checkout.oj-checkout-summary .col-lg-8 { width: 100%; }
	.oj-checkout.oj-checkout-summary .col-lg-4 { width: 100%; position: static; text-align: right; }
	
	.oj-checkout.oj-checkout-summary .support { display: none; }
	.summary-final { font-size: 80%; }
}

/* iphone portrait */
@media (max-width: 400px) {
	.banner-checkout { display: none; }
	.oj-checkout-cart table img,
		.oj-checkout-cart table thead th:first-child,
		.oj-checkout-cart table tbody td:first-child { display: none; }
	.nav-footer .btn { white-space: normal; }
	.banner-options li { font-size: 70%; }
	.summary-final .left,
		.summary-final .right { width: 100%; padding-top: 1em; }
}


/* MAREK - pixel-perfect */

/* kosik - celej layout je nejakej rozhozenej o 15px vlevo */
.oj-checkout h1 { margin-top: 1.5em; }
.banner-checkout li { line-height: 1.2; }
.banner-checkout li.inactive a { color: #b2b2b2; }
.banner-checkout li.done a { color: #3b3f41; }
.banner-checkout li.done a:hover { color: #0095da; text-decoration: none; }

table th { font-family: 'FontSemibold'; font-weight: normal; padding: 0.5em 0;}
table { margin: 1.5em 0; border-bottom: 1px solid #f2f2f2; }
table thead { border-bottom: 2px solid #f2f2f2; }
table tbody { border-top: 1px solid #f2f2f2; }
table tbody td { border-bottom: 1px solid #f2f2f2; }
table td.description a { font-size: 110%; font-family: 'FontRegular';}
table td.amount { font-size: 90%; }
.banner-checkout { background-color: #fff; border-bottom: 1px solid #f2f2f2; height: 52px; padding-top: 55px;}
.oj-checkout-cart .faq { margin-top: 0; }
.faq h2 { margin-top: 2.5em; padding-top: 0;}
.faq { margin-top: 0; border-top: none }
.faq p {font-size: 100%;}
.container.nav-footer { padding: 1.5em 0px 4em; border-top: none; border-bottom: 1px solid #f2f2f2; background: #fff url('../img/block-back-bottom@2x.png') bottom center no-repeat; background-size: 50% auto; }
.nav-footer .left .btn { font-size: 90%; }
.nav-footer .left .input-group input { font-size: 100%; }
.banner-checkout li a { font-size: 90%; letter-spacing: 0.1em; }
.oj-page .banner-checkout ul { width: 880px; } /* ?? zkontrolovat kvuli responsive */
.oj-checkout .support { border-left: 1px solid #f2f2f2; display: none; } /* tohle se mi prestalo libit, premyslim, jak to zlepsit */
.total p span.price { border-bottom: 4px solid #3b3f41; padding-bottom: 0.5em; font-family: 'FontBold'; text-transform: capitalize; font-size: 90%; letter-spacing: -0.03em;}
.total span { text-transform: uppercase; font-family: 'FontSemibold'; font-size: 90%; }
.total { position: relative; top: 0; padding-top: 2em; }
table .price .ico { margin-left: 2em; color: #ddd; font-size: 100%; }


/* platebni zpusob */
.oj-checkout-payment .payment-type { font-size: 100%; margin-top: 2.5em; }
.oj-checkout-payment .payment-company { padding: 1em 0 0 0; }
.oj-checkout-payment .payment-company .button-expand { margin-bottom: 0; }
.oj-checkout-payment .payment-company-details { margin-bottom: 0; }
.oj-checkout-payment .payment-company .button-expand.open { color: #3b3f41; }

/* login */
.login { padding-bottom: 0em; }
.login .input-group { margin: 1em 0; }
.login .facebook a { font-size: 90%; }
.login .facebook span { padding: 2em; font-size: 80%; color: #b2b2b2; }
.login .col-lg-8 { margin-bottom: 0; }

/* kontrola */
.summary td { font-size: 110%; padding: 1.5em 1em; }
.summary-final {padding-bottom: 0.5em;}
.summary-final .total-final span { font-family: 'FontSemibold'; text-transform: uppercase; font-size: 90%;}
.summary-final .price { font-size: 300% !important; font-family: 'FontBold' !important; text-transform: capitalize !important; }

/* login - email only */
.login .email-only { margin-top: 50px;}

/* Ondra - ceny bez DPH */
.cart-wrapper .no-dph {font-size: 70%; font-weight: normal; color: #888; font-family: "FontRegular", sans-serif; padding-top: 8px;}
.no-dph-total {color: #666; font-size: 85%;}
.total-final .no-dph-total {margin-top: -10px; padding-bottom: 20px;}