/* ------------ basic setup ------------- */
body { font-family: 'FontRegular'; font-size: 12pt; -webkit-backface-visibility: hidden; }

body b,
	body strong { font-family: 'FontBold'; font-weight: normal; }

.container { overflow: auto; }

h1, h2, h3, h4, h5, h6 { font-size: 12pt; text-transform: uppercase; font-family: 'FontSemibold'; letter-spacing: 0.06em; font-weight: normal; margin-top: 1em; margin-bottom: 0.5em; }
h1 { font-size: 205%; }
h2 { font-size: 150%; }
h3 { font-size: 110%; }
h4 { font-size: 105%; }
h5 { font-size: 95%; }
h6 { font-size: 85%; }

.homepage .top-buttons { position: absolute; top: 220px; width: 100%; text-align: center; }
.homepage .top-buttons a { margin: 0 1em; } 

.homepage .paralax { height: 550px; }
.homepage .paralax .paralax-content h1 { margin-top: 170px; }
.oj-homepage .banner-homepage { height: 430px; }

.oj-homepage .scroll-top { margin-top: 175px; }

.oj-homepage .homepage-block { background: #fff url('../img/block-back-bottom@2x.png') bottom center no-repeat; background-size: 50% auto; border-bottom: 1px solid #f2f2f2; }

.oj-homepage .homepage-block-top { overflow: visible; text-align: center; }
.oj-homepage .homepage-block-top img { margin: 0 auto; margin-top: -130px; max-width: 100%; height: auto; }

.btn-banner-test { animation: animpulsate 20s ease-in-out infinite; -webkit-animation: animpulsate 20s ease-in-out infinite; }

.container > h1 { margin-left: 15px; }

a { color: #0095da; transition: color 0.2s linear; -webkit-transition: color 0.2s linear; }
a:hover,
	a:active { color: #3276b1; }

.ta-center { text-align: center; }
.ta-left { text-align: left; }
.ta-right { text-align: right; }
.ta-justify { text-align: justify; }
.fl-right { float: right; }
.fl-left { float: left; }

table { margin: 2em 0; width: 100%; border-bottom: 3px solid #f2f2f2; }
table tr { border-bottom: 1px solid #f2f2f2; }
table td, table th { padding: 0.7em 0; }
table thead { border-bottom: 3px solid #f2f2f2; }
table thead td,
	table th { font-family: 'FontBold'; }

body .ui-tooltip {
	width: 250px;
	border: none;
	 background: none;
	background-color: #0095da;
	color: #fff;
	-webkit-box-shadow: none; box-shadow: none;
	font-family: 'FontRegular';
	font-weight: normal;
	font-size: 100%;
	padding: 1em;
}
.oj-page-header ul,
	.oj-page-footer ul { padding: 0; margin: 0; }
.oj-page-header ul li,
	.oj-page-footer ul li { list-style-type: none; }

/* stars */
.rating-stars,
	.rating-stars div { background: url('../img/oj_stars.png') top left no-repeat; background-size: auto 200%; }
.rating-stars { background-position-y: 100%; }
.rating-stars div { width: 100%; height: 100%; }
	
/* ------------ paralax ------------- */
.paralax { position: absolute; top: 0; width: 100%; z-index: -10001; background-color: #3b3f41; text-align: left; text-shadow: #000 0 2px 2px; }
.paralax img { position: fixed; top: 0; left: 0; min-width: 100%; z-index: -10000; opacity: 0; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; }
.paralax img.loading { width: 24px; height: 24px; margin-top: 80px; min-height: 24px; min-width: 24px; top: auto; left: auto; position: static; opacity: 1; margin-left: 1em; }

/* ------------ header ------------- */
.oj-page-header { width: 100%; position: fixed; top: 0; background-color: #fff; z-index: 10000; -webkit-transform: translate3d(0, 0, 0); }
.mobile .oj-page-header { /*position: absolute;*/ }

.menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 9999; transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; -webkit-transform: translate3d(0, 0, 0); }

/* menu more */
.oj-page-header .menu-more { height: 0; overflow: hidden; background-color: #3b3f41; }
.oj-page-header.open .menu-more { height: 300px; }
.oj-page-header .menu-more .sitemap { background-color: #3b3f41; }

/* more button */
.oj-page-header .more a { opacity: 0.5; }
.oj-page-header .more .text { float: left; }
.oj-page-header .ico-more { float: left; background: url('../img/menu_more@2x.png') top left no-repeat; background-size: 15px 10px; width: 15px; display: inline; margin-top: 28px; }
.oj-page-header .more-right .ico-more { margin-left: 5px; }
.oj-page .oj-page-header .more-left a .ico-more { margin-right: 5px; }
.oj-page .oj-page-header .more-right { padding-right: 0; }
.oj-page .oj-page-header .more-right a { padding-right: 0; }
.oj-page .oj-page-header .more-right .ico-more { margin-left: 5px; }
.open .more a { opacity: 0.5; }

/* top menu */
.oj-page-header { font-size: 11pt; border-bottom: 1px solid #f1f1f1; }
.oj-page-header .menu-top { overflow: visible; }
.oj-page-header .col-12 { padding: 0; height: 64px; overflow: visible; position: static; }

.oj-page-header .menu-top-simple { overflow: visible; height: 65px; }
.oj-page-header .menu-top-simple .left { width: 50%; }
.oj-page-header .menu-top-simple .right { width: 50%; }
.oj-page-header .menu-top-simple .logo { float: left; width: 117px; height: 79px; background: url('../img/logo@2x.png') top left no-repeat; background-size: 117px 79px; cursor: pointer; padding-right: 2em; }
.menu-top-simple p { padding: 1em; font-size: 110%; font-family: 'FontSemibold'; }
.menu-top-simple .left p .ico { padding-right: 1em; }
.menu-top-simple a { text-decoration: none; }
.menu-top-simple .right p { text-align: right; padding-top: 20px; }

.oj-page-header .menu-top .right a.login { display: block; float: right; margin: 15px 0; }

.menu-top .left { float: left; width: 25%; }
.menu-top .middle { float: left; width: 45%; text-align: center; }
.menu-top .right { float: right; width: 30%; }

.menu-top .left, .menu-top .right { height: 64px; }
.menu-top .left ul,
	.menu-top .middle ul
	.menu-top .right ul { overflow: auto; }

.menu-top li a { padding: 0 5px; display: block; width: 100%; height: 65px; color: #333333; text-decoration: none; text-transform: uppercase; font-family: 'FontSemibold'; }
.menu-top li a.hover { color: #0095da; }
.menu-top li.active a { border-bottom: 5px solid #0095da; color: #0095da; }

/* login button */
.menu-top .right a[href="users-login.html"] { color: #0095da; height: auto; }
.menu-top .right a[href="users-login.html"]:hover { color: #333; }

.menu-top .left li,
	.menu-top .middle li { padding: 0 5px; text-transform: uppercase; float: left; letter-spacing: 0.1em; }
.menu-top .left li a span,
	.menu-top .middle li a span { padding-top: 22px; display: block; white-space: nowrap; }

.oj-page .menu-top .left .logo { width: 243px; height: 86px; background-image: url('../img/logo@2x.png'); background-repeat: no-repeat; background-size: 100%; cursor: pointer; padding: 0; margin-left: 15px; }

.menu-top .middle ul { overflow: auto; text-align: left; display: inline-block;
	    /* for ie6/7: */
	    *display: inline; }

/*.menu-top .right { float: right; width: 40%; }*/
.menu-top .right ul { float: right; }
.menu-top .right ul li { float: right; }

/* cart */
.menu-top .cart .icon { font-family: 'FontAwesome'; font-size: 20px; padding-top: 17px; }
.menu-top .cart.empty .icon,
	.menu-top .cart.empty .items  { color: #333333;  }

.menu-top .cart .items { width: 30px; text-align: center; background-color: #0095da; margin-top: 22px; padding-top: 0px; border-radius: 10px; height: auto; color: #fff; }
.menu-top .cart a { color: #0095da; }
.menu-top .cart.empty .items { background-color: #f3f3f3; }

/* avatar */
.menu-top .right .avatar { position: relative; margin-right: 20px; overflow: visible; }
.menu-top .right .button-right a.btn { height: auto; }
.menu-top .right .button-right a.btn-primary { color: #fff; }
.menu-top .avatar .btn { text-transform: none; background-color: transparent; border: none; border-radius: 0; font-size: 13pt; color: #0095da; padding: 0; height: 65px; font-family: 'FontRegular'; font-weight: normal; letter-spacing: 0.1em; }
.menu-top .btn:active,
	.menu-top .btn.active,
	.menu-top .btn:focus,
	.menu-top .btn.focus { outline: none; -webkit-box-shadow: none; box-shadow: none; }
.menu-top .avatar .btn span.name,
	.menu-top .avatar .btn div,
	.menu-top .avatar .btn span { float: right; }
.menu-top .right .avatar .name span { text-overflow: ellipsis; display: block; width: 175px; overflow: hidden; text-align: right; }
.menu-top .avatar span.caret { float: right; margin-top: 32px; border-top-color: #0095da; }

.menu-top .user-login a { margin-top: 17px; padding: 0; padding-right: 5px; }
.menu-top .user-login .btn { text-transform: none; font-size: 110%; font-family: 'FontRegular'; letter-spacing: 0; line-height: normal; padding: 5px 20px; }

.menu-top .button-right a { margin-top: 20px; padding: 0; }
.menu-top .button-right .btn { line-height: normal; padding: 5px 20px; }
	
.menu-top .avatar .image { display: block; position: relative; height: 64px; width: 64px; }
.menu-top .avatar .image i { font-size: 100%; padding-top: 25px; display: block; width: 35px; }
.menu-top .avatar .image img { height: 100%; }
.menu-top .avatar .image .overlay { display: block; position: absolute; right: 0; top: 0; background-image: url('../img/OJ_user_overlay@2x.png'); height: 64px; width: 64px; background-size: 100%; }
.menu-top .avatar .btn span.name { margin-top: 22px; letter-spacing: 0; }
.menu-top .avatar .btn span.caret { margin-left: 0.5em; }

.menu-top .avatar .dropdown-menu { border-top: 3px solid #0095da; border-radius: 0; min-width: 200px; }
.menu-top .avatar .dropdown-menu .ico { margin-right: 1em; font-size: 120%; margin-top: 0.2em; }
.menu-top .avatar .dropdown-menu li { display: block; width: 100%; }
.menu-top .avatar .dropdown-menu li.separator { border-top: 3px solid #e2e2e2; }
.oj-page-header .avatar .dropdown-menu li a { height: auto; padding: 1.5em 2em; font-size: 90%; -webkit-transition: none; transition: none; }
.menu-top .avatar .dropdown-menu li a.hover { color: #fff; }

.menu-more .sitemap { height: 100%; overflow: hidden; }
.mobile .menu-more .sitemap { overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.menu-more .sitemap .menu-main { border-bottom: 1px solid #ccc; overflow: hidden; width: 100%; }
.menu-more .sitemap .menu-main li { float: left; width: 25%; }
.menu-more .sitemap .menu-main li a { display: block; width: 100%; padding: 2em 0 1em 0; font-family: 'FontBold'; font-size: 110%; border-bottom: 3px solid transparent; text-align: center; }
.menu-more .sitemap .menu-main li.active a { border-bottom: 3px solid #ccc; }

.menu-top .right .help-line { display: block; position: absolute; right: 0px; background: url('../img/help-line@2x.png') top right no-repeat; width: 144px; height: 144px; background-size: 100%; z-index: -1; }
.menu-top .right .help-line span { display: none; }

/* sitemap */
.sitemap { padding: 0 15px 60px; letter-spacing: 0.1em; }
.sitemap li { list-style-type: none; }
.sitemap li,
	.sitemap li a { display: block; line-height: 1.7em; color: #fff;  }
	
.sitemap li.header { padding-top: 75px; padding-bottom: 20px; font-family: 'FontSemibold'; text-transform: uppercase; font-size: 10pt; }

/* transitions */
.oj-page-header li a { transition: color 0.3s linear, background-color 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear; }
.oj-page-header .menu-more { transition: height 0.4s ease-out; -webkit-transition: height 0.4s ease-out; }
.menu-more .ico-close { position: fixed; display: block; top: 0; right: 0; opacity: 0; font-family: 'FontAwesome'; color: #fff; padding: 2em; height: 1em; text-align: center; z-index: -1; }
.open .menu-more .ico-close { transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; opacity: 1; cursor: pointer; z-index: 1; }

.top-menu .menu-more .background { z-index: 0; bottom: -65px; }
.top-menu .background { bottom: 0; top: auto; }

.top-menu .sitemap { background-color: transparent; }


/* ------------ page ------------- */
.oj-page { width: 100%; }

/* ------------ content ------------- */
.oj-page-content { margin-top: 65px; width: 100%; overflow: visible; -webkit-transform: translate3d(0, 0, 0); min-height: 400px; }
.oj-page-content-block { background-color: #fff; overflow: auto; }
div.oj-page-content-block.block-gray { background-color: #f2f2f2; }
.oj-page-content-block:last-child { padding-bottom: 3em; }

.oj-page-content .scroll-top { overflow: visible; position: absolute; left: 0; height: 0; width: 100%; text-align: center; z-index: 10; cursor: pointer; }
/* .mobile .oj-page-content .scroll-top { display: none; } */
.oj-page-content .scroll-top .chevron-scroll { margin-top: -22px; display: inline-block; background: url('../img/ico/ico-chevron-down@2x.png') top center no-repeat; background-size: 100% auto; width: 45px; height: 45px; }

/* ------------ footer -------------- */

.oj-page-footer { width: 100%; }
.oj-page-footer .col-lg-12 { overflow: hidden; }
.oj-page-footer .top { background: #3b3f41 url('../img/banner/footer-banner@2x.jpg') top center repeat-x; background-size: auto 100%; }
.oj-page-footer .oj-page-footer-logo { width: 100%; background: #fff; height: 100px; overflow: visible; padding-top: 58px; }
.oj-page-footer .oj-page-footer-logo .logo { position: absolute; z-index: 1; display: block; width: 100%; height: 166px; background: url('../img/logo2@2x.png') top center no-repeat; background-size: auto 100%; }

.oj-page-footer .sitemap { padding-top: 7em; background-color: transparent; text-shadow: #3b3f41 0px 1px 2px; } /* text-shadow: #000 0 2px 2px; */

.oj-page-footer .social { overflow: hidden; margin-top: 23px; }
.oj-page-footer .social .footer-icon { float: left; display: block; background-repeat: no-repeat; background-size: auto 200%; height: 30px; width: 30px; cursor: pointer; margin-right: 1.1em; }
.oj-page-footer .social .footer-icon:hover { background-position-y: 100%; }
.oj-page-footer .social .footer-icon-facebook { background-image: url('../img/ico/icon-facebook@2x.png'); }
.oj-page-footer .social .footer-icon-googleplus { background-image: url('../img/ico/icon-googleplus@2x.png'); }
.oj-page-footer .social .footer-icon-twitter { background-image: url('../img/ico/icon-twitter@2x.png'); }
.oj-page-footer .social .footer-icon-linkedin { background-image: url('../img/ico/icon-linkedin@2x.png'); }
.oj-page-footer .social .footer-icon-instagram { background-image: url('../img/ico/icon-instagram@2x.png'); }
.oj-page-footer .social .footer-icon-tiktok { background-image: url('../img/ico/icon-tiktok@2x.png'); }

.oj-page-footer .bottom { font-size: 80%; letter-spacing: 0.1em; background-color: #1c1e21; padding: 2.4em 0 1.2em 0; color: #888888; position: relative; }
.oj-page-footer .bottom .links a { color: #aaa; white-space: nowrap; }
.oj-page-footer .bottom .copyright { color: #666; }
.oj-page-footer .bottom .chevron-scroll-up { position: absolute; display: block; top: 0; right: 0; background: url('../img/ico/ico-chevron-up@2x.png') top left no-repeat; background-size: 100% auto; width: 45px; height: 45px; cursor: pointer; }
.oj-page-footer .partners { font-size: 90%; padding-top: 4em; padding-bottom: 2em; background-color: #fff; }
.oj-page-footer .partners-container {width: 800px; max-width: 100%; padding-left: 24px; padding-right: 24px; margin-left: auto; margin-right: auto;}
.oj-page-footer .partners-container img {max-width: 100%; margin-bottom: 24px;}
.oj-page-footer .partners .left { flex: 1 1 60%; }
.oj-page-footer .partners .right { flex: 1 1 40%; }
.oj-page-footer .partners .right p { padding-left: 2em; margin-bottom: 0.5em; }

@media only screen and (max-width: 790px) {
	.oj-page-footer .partners-box {display: block;}
	.oj-page-footer .partners .right { margin-top: 1em }
}

.footer-social .top { height: 400px; text-align: center; }
.footer-social .top p { color: #fff; font-size: 230%; margin-top: 4.8em; }
.footer-social .top p b { font-size: 125%; }
.footer-social .social { display: inline-block; margin: 0 auto; }
.oj-page-footer.footer-social .social .footer-icon { width: 41px; height: 41px; }

/* ------------ paralax ------------- */
.banner { background-color: #f7f7f7; /* opacity: 0.95; */ }
.banner-paralax { background-color: transparent; }

.paralax { overflow: hidden; text-shadow: #3b3f41 0px 1px 2px; }
.banner-paralax,
	.paralax { height: 310px; width: 100%; }
 .paralax,
 	.paralax img { min-height: 375px; }
.paralax-content { position: fixed; top: 65px; color: #fff; width: 100%; text-align: center; width: 100%; }
.paralax-content h1,
	.paralax-content p.header,
	.paralax-content p { display: block; width: 100%; }
.paralax-content h1,
	.paralax-content p.header { font-size: 285%; margin-top: 110px; letter-spacing: 0.085em; margin-bottom: 0; font-family: 'FontBold'; text-transform: uppercase; line-height: 1.2;}
.paralax-content p { font-size: 130%; letter-spacing: 0.1em; margin-top: 5px; }

.banner-small { height: 185px; }
.paralax .paralax-content.banner-small h1 { margin-top: 75px; font-size: 205%; }
.paralax .paralax-content.banner-small p { font-size: 105%; margin-top: 10px; font-family: 'FontRegular'; }

/* banner options */
.banner-options .container { padding: 0 15px; height: 150px; }
.banner-options ul { margin-bottom: 0; padding-left: 0; }
.banner-options li { list-style-type: none; text-align: center; min-height: 100%; }
.banner-options li.active { border-bottom: 5px solid #0095da; }
.banner-options li a { display: block; font-family: 'FontSemibold'; border-bottom: 5px solid transparent; text-decoration: none; padding-bottom: 1em; padding-top: 2em; }
.banner-options li a:hover,
	.banner-options li.active a {  }
.banner-options li .ico { display: block; width: 100%; background-size: 75px; background-position: center center; height: 70px; }

/** banner breadcrumbs */
.banner-breadcrumbs { background-color: #fff; }
.banner-breadcrumbs .left,
	.banner-breadcrumbs .right { padding-bottom: 20px; padding-top: 35px; font-size: 80%; }

.banner-breadcrumbs .left a,
	.banner-breadcrumbs .left i { color: #0095da; text-transform: uppercase; }
.banner-breadcrumbs .left a { font-family: 'FontSemibold'; }
.banner-breadcrumbs .left i { font-size: 70%; padding: 0 1em; }

.banner-breadcrumbs .right { text-align: right; font-size: 80%;; }
.banner-breadcrumbs .right span { text-transform: uppercase; margin-right: 1em; font-family: 'FontSemibold'; float: right; }
.banner-breadcrumbs .right .share-icons { cursor: pointer; display: block; width: 96px; height: 24px; background: url('../img/share@2x.png') center center no-repeat; background-size: 100%; float: right; margin-top: -4px; }
.banner-breadcrumbs .right .share-icons:hover { background-image: url('../img/share_hover@2x.png'); transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
/* .banner-breadcrumbs .right img { height: 25px; margin-right: 8px; vertical-align: middle; } */

/* info box */
.info-box { padding: 1em 0; text-align: center; }
.info-box h4 { font-family: 'FontRegular'; font-size: 200%; padding-bottom: 0.7em; text-transform: none; font-weight: normal; letter-spacing: 0; }
.info-box h4 b { font-family: 'FontBold'; }

/* cite box */
.info-cite { padding-top: 1em; font-size: 150%; text-align: center; }
.info-cite .container { border-top: 3px solid #f7f7f7; background: url('../img/ico/ico-quote@2x.png') 84% 92% no-repeat; background-size: 60px auto; }
.info-cite .container p { display: block; width: 60%; margin-left: 20%; margin-top: 1.8em; }
.info-cite .container .name { font-size: 55%; font-family: 'FontBold'; text-transform: uppercase; margin-top: 0.5em; }

/* left menu */
.menu-left { padding: 0; marign: 0; text-align: right; margin-top: 2em; }
.menu-left .btn { min-width: 70%; text-align: right; }
.menu-left ul { overflow: auto; padding-left: 0; }
.menu-left li { list-style-type: none; margin-bottom: 1em; padding-right: 5em; display: block; float: right; width: 100%; clear: right; }
.col-left-line { border-left: 3px solid #f7f7f7; padding-left: 2.3em; }

/* button */

.btn i { font-size: 85%;  }
.btn { border-radius: 20px; text-transform: uppercase; padding: 0.5em 1.5em; font-weight: normal; font-family: 'FontSemibold'; letter-spacing: 0.1em; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }

.btn-lg { border-radius: 40px; font-size: 100%; padding: 12px 2em; }
.btn-sm { padding: 0.2em 1.5em; }

.btn-green { background-color: #80aa00; color: #fff; }
.btn-green:hover { background-color: #5a7800; color: #fff; }

.btn-gray { background-color: #e8e8e8; }
.btn-gray:hover { background-color: #dddddd; color: #000; }

.btn-yellow { background-color: #f8d216; color: #000000;}
.btn-yellow:hover { background-color: #f6e17b; color: #000; }

.btn-blank { background-color: transparent; color: #0095da; }
.btn-blank:hover,
	.btn-blank:focus { color: #0095da; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent; }
.mobile .btn-blank:hover,
	.mobile .btn-blank:focus { border-color: #ccc; }

.btn-primary { background-color: #0095da; border: 1px solid #0095da; }
.btn-primary:hover { border: 1px solid #0095da; }
.btn-default { background-color: #e8e8e8; border: 1px solid #e8e8e8; }
.btn-default:hover { background-color: transparent; }
.btn-icon-left .ico { margin-right: 0.7em; }
.btn-icon-right .ico { margin-left: 0.7em; }

.btn-lg.btn-icon-left .ico { margin-right: 1em; }
.btn-lg.btn-icon-right .ico { margin-left: 1em; }

/* Shop product - box (can be on any page) */
.shop-product { position: relative; overflow: hidden; margin-bottom: 3em; -webkit-backface-visibility: hidden; }
.shop-product a { display: block; width: 95%; height: 390px; text-align: center; }
.shop-product a:hover { text-decoration: none; }
.shop-product a span,
	.shop-product a img.product-badge { position: absolute; }

.shop-product .image { display: block; width: 100%; position: relative; }
.shop-product .image img { width: 100%; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.shop-product:hover .image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); }
.shop-product .image .product-badge { position: absolute; top: 8%; left: 16%; width: 15%; z-index: 2; }
.shop-product .product-image { -webkit-transition: opacity 0.5s ease-in-out; }
/* OLD - remove
.shop-list-products .shop-product-test.hover .product-image,
	.shop-list-products .shop-product:hover .product-image { opacity: 0.3; }
OLD-END */
/*
.shop-list-products .shop-product.hover .info,
	.shop-list-products .shop-product:hover .info { opacity: 0.85; } /*transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);*/
*/

.mobile .shop-list-products .shop-product:hover .product-image { opacity: 1; }
/*.mobile .shop-list-products .shop-product:hover .info { transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); opacity: 0; }*/

/* OLD - remove */
.shop-product a .title { display: block; bottom: 60px; left: 0; width: 100%; padding: 0 20%; color: #333; text-transform: uppercase; font-family: 'FontSemibold'; font-size: 110%; line-height: 1.2em; }
/* OLD-END */

/* NEW - add
.shop-product .title { position: absolute; display: block; text-align: center; bottom: 60px; left: 0; width: 100%; padding: 0 20%; color: #333; text-transform: uppercase; font-family: 'FontSemibold'; font-size: 110%; line-height: 1.2em; font-size: 90%; margin: 0; }
.shop-product .title a { width: auto; height: auto; color: #333; }
*/

.shop-product a .price { display: block; bottom: 10px; left: 0; width: 100%; font-family: 'FontBold'; font-size: 150%; color: #333; white-space: nowrap; overflow: hidden; }
.shop-product .price .price-main { width: 100%; text-align: center; }
.shop-list-products .shop-product .price-sale .price-original { width: 40%;  }
.shop-list-products .shop-product .price-sale .price-main { width: 60%; text-align: left; }
.shop-product a .price span,
	.shop-product a .price button { position: static; display: inline-block; float: left; }
.shop-product a .price span { width: 50%; text-align: right; padding-right: 0.5em; vertical-align: baseline; }
.shop-product a .price-original { text-decoration: line-through; font-size: 65%; margin-top: 8px; }

/* OLD - remove */
.shop-product .info { color: #fff; position: absolute; top: 10%; background-color: #0095da; left: 20%; border-radius: 15px; width: 60%; height: 220px; }
/* .shop-product .info { transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } */
.shop-product .info { -webkit-backface-visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.shop-product .info .description { display: block; width: 100%; padding: 0 10%; height: 50%; font-size: 100%; overflow: hidden; top: 15%; color: #fff; max-height: none; }
.shop-product .info button { background-color: #fff; color: #0095da; bottom: 20%; margin-top: 70%; font-size: 100%; padding: 0.2em 0.7em; }
.shop-product .info button:hover { background-color: #0095da; color: #fff; border-color: #285e8e; }

.shop-product a button {}

.shop-product a .ribbon { top: 0; right: 0; width: 19.5%; height: 150px; background-position: top right; background-repeat: no-repeat; background-size: 100% auto; max-width: 80px; }
.shop-product a .ribbon-action { background-image: url('../img/shop/ribbon/ribbon-action@2x.png'); }
.shop-product a .ribbon-top { background-image: url('../img/shop/ribbon/ribbon-top@2x.png'); }
.shop-product a .ribbon-new { background-image: url('../img/shop/ribbon/ribbon-new@2x.png'); }

.shop-product .action .title,
	.shop-product .action .price { color: #d74639; }
.shop-product .action .price-original { color: #333; }
/* OLD-END */

/* NEW - add
.shop-product .info { text-align: center; z-index: 1; text-transform: none; font-size: 100%; margin: 0; padding: 0; color: #fff; position: absolute; top: 10%; background-color: #0095da; left: 20%; border-radius: 15px; width: 60%; height: 220px; cursor: pointer; }
.shop-product .info a { padding: 0; }
.shop-product .info { -webkit-backface-visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.shop-product .info .description { position: absolute; display: block; font-family: 'FontRegular'; line-height: 1.4em; width: 100%; padding: 0 10%; height: 50%; font-size: 100%; overflow: hidden; top: 15%; color: #fff; max-height: none; }
.shop-product .info .btn { font-size: 80%; border: none; background-color: #fff; color: #0095da; bottom: 20%; margin-top: 70%; padding: 0.2em 0.7em; width: 70%; left: 0; margin-left: 15%; }
.shop-product .info .btn:hover { background-color: #0095da; color: #fff; border-color: #285e8e; }

.shop-product a .ribbon { top: 0; right: 0; width: 19.5%; height: 150px; background-position: top right; background-repeat: no-repeat; background-size: 100% auto; max-width: 80px; }
.shop-product a .ribbon-action { background-image: url('../img/shop/ribbon/ribbon-action@2x.png'); }
.shop-product a .ribbon-top { background-image: url('../img/shop/ribbon/ribbon-top@2x.png'); }
.shop-product a .ribbon-new { background-image: url('../img/shop/ribbon/ribbon-new@2x.png'); }

.shop-product.action .title a,
	.shop-product.action .price { color: #d74639; }
.shop-product.action .price-original { color: #333; }
*/
.oj-page .block-three { text-align: center; }
.oj-page .block-three .col-lg-4 { margin-top: 2em; margin-bottom: 3em; border-left: 3px solid #f2f2f2; }
.oj-page .block-three .col-lg-4:first-child { border-left: none; }
.oj-page .block-three h2 { letter-spacing: 0; }
.oj-page .block-three p { display: block; min-height: 4em; width: 75%; margin-left: 12.5%; }

/** accordion **/
.accordion h3 { display: block; background-color: #f2f2f2; padding: 1em; font-size: 100%; font-family: 'FontBold'; cursor: pointer; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; }
.accordion h3 .ico { float: right; }
.accordion h3.active .icon-plus-sign:before { content: "\e075" }
.accordion h3:hover,
	.accordion h3.active { color: #0095da; }
.accordion > div { padding: 0 1em 1em 1em;  }
.accordion > div h4 { margin: 1em 0; margin-top: 2em; }

/** Notification block **/
.oj-notification-block { padding: 2em 1em 1em 1em; }
.oj-notification-block .container { background: #edf6fa; padding: 1em; overflow: auto; }
.oj-notification-block h3 { margin-top: 0; padding-top: 1em; letter-spacing: 0.06em; }
.oj-notification-block .icon-left { display: block; height: 100%; float: left; width: 10%; text-align: center; font-size: 170%; color: #adbcc4; margin-top: 0.3em; }
.oj-notification-block h3,
	.oj-notification-block .text { font-size: 100%; }
.oj-notification-block .text { float: left; width: 90%; }
.oj-notification-block .text p { margin-top: 0.7em; }

.oj-notification-block.big h3 { font-size: 140%; }
.oj-notification-block.big .icon-left { font-size: 350%; }

.oj-notification-block.error .container { background-color: #ffeaea; }
.oj-notification-block.error .icon-left { color: #ffb0b0; }
.oj-notification-block.error h3 { color: #ff3f3f; }

/* homepage */
@keyframes animpulsate
{
0%   { transform: scale(1); }
5%  { transform: scale(0.95); }
10%   { transform: scale(1); }
15%  { transform: scale(0.95); }
20%   { transform: scale(1); }
}

@-webkit-keyframes animpulsate /* Safari and Chrome */
{
0%   { -webkit-transform: scale(1); }
5%  { -webkit-transform: scale(0.95); }
10%   { -webkit-transform: scale(1); }
15%  { -webkit-transform: scale(0.95); }
20%   { -webkit-transform: scale(1); }
}

.oj-homepage .homepage-block-lang-select { text-align: center; }

.oj-homepage .homepage-block-lang-select h2 { margin-top: 1.8em; font-family: 'FontBold'; margin-bottom: 0.7em; font-size: 220%; }
.oj-homepage .homepage-block-lang-select p { font-size: 120% }

.oj-homepage .homepage-block-map { position: relative; height: 280px; }
.oj-homepage .homepage-block-map .map-main { position: absolute; width: 100%; height: 254px; background: transparent url('../img/homepage/map-main@2x.png') top center no-repeat; background-size: auto 100%; }
.oj-homepage .homepage-block-map .map-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: auto 100%; opacity: 0; transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; }
.oj-homepage .homepage-block-map .map-overlay.visible { opacity: 1; }
.oj-homepage .homepage-block-map .map-overlay.map-en { background-image: url('../img/homepage/map-en@2x.png'); }
.oj-homepage .homepage-block-map .map-overlay.map-de { background-image: url('../img/homepage/map-de@2x.png'); }
.oj-homepage .homepage-block-map .map-overlay.map-fr { background-image: url('../img/homepage/map-fr@2x.png'); }
.oj-homepage .homepage-block-map .map-overlay.map-es { background-image: url('../img/homepage/map-es@2x.png'); }
.oj-homepage .homepage-block-map .map-overlay.map-ru { background-image: url('../img/homepage/map-ru@2x.png'); }
.oj-homepage .homepage-block-map .map-overlay.map-it { background-image: url('../img/homepage/map-it@2x.png'); }

.oj-homepage .banner-languages { padding-top: 25px;  }
.oj-homepage .banner-languages ul { width: 70%; margin-top: 20px; overflow: visible; }
.oj-homepage .banner-languages li { width: 16.66%; background-position: center 68%; background-repeat: no-repeat; background-size: auto 50%; overflow: visible; padding: 0; }
.oj-homepage .banner-languages li a { height: 30px; padding-top: 125px; color: #333; text-transform: uppercase; font-size: 90%; letter-spacing: 0; }
.oj-homepage .banner-languages li h3 { margin: 0; }

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

.oj-homepage .banner-languages li.active { background-image: url('../img/homepage/icon-onlinejazyky@2x.png'); border-bottom: none; }
.oj-homepage .banner-languages li.active a { color: #0095da; }

.oj-homepage .homepage-block-action { background: white; }
.oj-homepage .homepage-block-action { padding-top: 2.8em; }
.oj-homepage .homepage-block-action .container { overflow: visible; position: relative; }
.oj-homepage .homepage-block-action .homepage-block-action-pos { position: relative; padding-bottom: 2em; }
.oj-homepage .homepage-block-action .left { z-index: 1; position: relative; width: 40%; }
.oj-homepage .homepage-block-action .left .btn { margin-bottom: 1.5em; }
.oj-homepage .homepage-block-action .col-lg-10 img { position: absolute; bottom: 0px; right: -30px; z-index: 0; height: 381px; }

.oj-homepage .homepage-block-action h2.header { font-size: 220%; font-family: 'FontBold'; letter-spacing: 0.07em; text-transform: uppercase; }
.oj-homepage .homepage-block-action h2 { margin-top: 2em; text-transform: none; letter-spacing: 0.04em; line-height: 1.3em; }
.oj-homepage .homepage-block-action p { margin-top: 1.3em; font-size: 105%; letter-spacing: 0; margin-bottom: 2em; }
.oj-homepage .homepage-block-action .right { padding-top: 5.4em; text-align: left; padding-left: 2.5em; padding-right: 0; }
.oj-homepage .homepage-block-action .right h2 { font-size: 115%; color: #80aa00; letter-spacing: 0.1em; text-transform: uppercase; padding-bottom: 1em; }
.oj-homepage .homepage-block-action .right button { margin-top: 0.2em; }

.oj-homepage .homepage-block-three { padding-top: 3.5em; }
.oj-homepage .homepage-block-three h2 { text-align: center; line-height: 1.2em; padding-bottom: 1.5em; margin-botom 0; letter-spacing: 0.06em; }
.oj-homepage .homepage-block-three .col-lg-4 { overlow: hidden; }
.oj-homepage .homepage-block-three .col-lg-4 img,
	.oj-homepage .homepage-block-three .col-lg-4 p { float: left; display: block; }
.oj-homepage .homepage-block-three .col-lg-4 img { width: 18%; margin-left: 2%; }
.oj-homepage .homepage-block-three .col-lg-4 p { width: 80%; padding-left: 10%; }
.oj-homepage .homepage-block-three img.browser { width: 856px; max-width: 100%; height: auto; display: block; margin: 2em auto 0 auto; }

.oj-homepage .home-block-three { padding-top: 4em; text-align: center; }
.oj-homepage .home-block-three .container { overflow: hidden; }
.oj-homepage .home-block-three h2 { margin-bottom: 1em; }
.oj-homepage .home-block-three p { font-size: 110%; }
.oj-homepage .home-block-three .btn { margin-top: 2.2em; }

/* homepage */
.oj-homepage .home-block-three { padding-top: 2em; }
.oj-homepage .banner-languages li a { color: #3b3f41; font-size: 90%; letter-spacing: 0.1em; }
.oj-homepage .banner-homepage { height: 430px; }
.oj-homepage .homepage-block-action h2.header { margin-top: 0; }


/* kontakt */
.contact h2 { font-size: 110%; letter-spacing: 0; }
.contact .contact-top h2 { text-transform: none; margin-bottom: 0.2em; }
.contact .contact-top .name { margin-top: 2.3em; font-family: 'FontSemibold'; font-size: 110%; }

.contact .contact-info { overflow: hidden; width: 75%; margin-top: 3em; }
.contact .contact-info .left,
	.contact .contact-info .right { float: left; width: 50%; padding-right: 1em; }
.contact .contact-info .left { background: url('../img/ico/icon-phone@2x.png') 0 3px no-repeat; background-size: 16px 25px; padding-left: 2em; }
.contact .contact-info .right { background: url('../img/ico/icon-email@2x.png') 0 3px no-repeat;  background-size: 21px 15px; padding-left: 2em; }
.contact .contact-info .phone { font-size: 120%; margin-bottom: 0.2em; font-family: 'FontSemibold'; }

.contact .social { overflow: hidden;  clear: left; padding: 2.5em 0.5em 2em 0.5em; }
.contact .social .social-icon { float: left; display: block; background-repeat: no-repeat; background-size: auto 200%; background-position: bottom; height: 30px; width: 30px; cursor: pointer; margin-right: 1.1em; background-position-y: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.contact .social .social-icon:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.contact .social .social-icon-facebook { background-image: url('../img/ico/icon-facebook@2x.png'); }
.contact .social .social-icon-googleplus { background-image: url('../img/ico/icon-googleplus@2x.png'); }
.contact .social .social-icon-twitter { background-image: url('../img/ico/icon-twitter@2x.png'); }
.contact .social .social-icon-linkedin { background-image: url('../img/ico/icon-linkedin@2x.png'); }
.contact .social .social-icon-instagram { background-image: url('../img/ico/icon-instagram@2x.png'); }
.contact .social .social-icon-tiktok { background-image: url('../img/ico/icon-tiktok@2x.png'); }
.contact .map { margin-bottom: 4em; }

.contact .contact-footer { font-size: 110%; }
.contact .contact-footer h2 {}
.header { margin-bottom: 0; }
.header b { padding-top: 1em; display: block; }
.address { margin-bottom: 1em; }
.note { font-size: 80%; margin-bottom: 2em; }
.info { font-size: 80%; }

/* photogallery */
.oj-page div.block-photogallery {  }
.photogallery { text-align: center; }
.photogallery img { max-width: 100%; }
.photogallery .images { display: none; }
.photogallery a { color: #333; }
.photogallery a:hover { color: #0095da; }
.photogallery p { padding-top: 0.5em; font-size: 90%; font-family: 'FontRegular'; }
.oj-page-feature .photogallery p { padding-bottom: 1.5em!important; }

.free-course-popup div.free-course-popup-left-content{    
    width:60.25%;
    float:left;
}
.free-course-popup div.free-course-popup-right-content{
    width:39.75%;
    float:left;
    background:none;
}
.free-course-popup-left-content .input-group-lg{
    margin-top:1.5em;
}
.free-course-popup-left-content .input-group-lg span { margin-top: 0.3em; }
.free-course-popup-left-content .btn-popup-submit{
    text-align:left;
}
.free-course-popup-left-content .poznamka{
    color: #888888; 
    font-size: 75%; 
    margin-bottom: 1em; 
    margin-left: 1em; 
    margin-right: 1em; 
    margin-top: 1.5em; 
    text-align: left; 
    width:90%;
}
.free-course-popup-left-content .poznamka p{
    font-size:110%;
    color:#444;
}
.free-course-popup .facebook {
	padding: 20px 0 5px 12px;
	text-align: left;
}
.free-course-popup .facebook-label {
	text-transform: uppercase;
	color: #BBB;
	margin-right: 10px;
	transform: translateY(3px);
	font-size: 85%;
	display: inline-block;	
}
.free-course-popup .facebook img {
	width: 40px;
	height: 40px;
	margin-right: 20px;
	vertical-align: middle;	
}





/* ========================= responsive ========================= **/


/* help-line special cases */
@media (max-width: 1450px) {
	.menu-top .avatar .name { display: none; }
	.menu-top .left { width: 28%; }
	.menu-top .middle { width: 40%; }
	.menu-top .right { padding-right: 110px; width: 32%; }
}

/* desktop */
@media (min-width: 1200px) {
	.paralax img { min-width: 100%; }
}

/* ipad landscape and larger */
@media (min-width: 992px) {
}

/* larger than iphone landscape */
@media (min-width: 768px) {
	.menu-top .more-left { display: none; }
	.menu-top li.logo { margin-right: 15px; }

}

/* up to ipad landscape */
@media (max-width: 1199px) {
	.menu-left li { padding-right: 1em; }
	.menu-left .btn { white-space: normal; text-align: right; font-size: 80%; letter-spacing: 0; }
	.menu-top .button-right .btn { padding: 5px 10px; }

	.oj-page .col-lg-3 { width: 25%; float: left; }
	.oj-page .col-lg-4 { width: 33.333333333%; float: left; }

	.menu-main li.logo,
		.menu-main .more-right { display: block; }
	.menu-top .left { width: 28%; }
	.menu-top .middle { width: 52%; }
	.menu-top .right { width: 20%; padding-right: 50px; }

	.shop-product a { height: 330px; }
	.shop-product .price .price-main { font-size: 90%; }
	.shop-product a .info { height: 190px; }
	.shop-product a .info .description { height: 45%; }

	.menu-top .middle {  width: 44%; }
	.menu-top .right { padding-right: 0; width: 28%; }
	.menu-top .middle li { padding: 0; }
	.menu-top .middle li a { font-size: 90%; }
	.menu-top .middle li a span { padding-top: 25px; }

	.menu-top .right .help-line { top: 65px; opacity: 0.85; width: 77px; height: 77px; }
	.oj-page .menu-top .right { padding-right: 0; }
	
	.oj-homepage .banner-languages ul { width: 75%; }
	.oj-homepage .homepage-block-action .col-lg-8 img { width: 70%; height: auto; }
	.oj-homepage .homepage-block-action .col-lg-8 { float: left; width: 66.666%; }
	
	.oj-homepage .homepage-block-action { padding-top: 0; }
/*
	.menu-top .left { width: 78%; }
	.menu-top .right { width: 22%; }
	.menu-top .logo { margin-right: 0; }
		*/

/*
	.banner-paralax,
		.paralax { height: 200px; }
	.mobile .paralax { height: 265px; }
*/
}

/* up to ipad portrait */
@media (max-width: 991px) {
	.menu-top .right .help-line { display: none; }
	
	.menu-top .right .avatar { margin-right: 5px; }
	
	.oj-page .oj-page-content .menu-left { width: 100%; overflow: auto; margin-top: 0; padding-left: 15px; }
	.oj-page .oj-page-content .menu-left li { float: left;  width: auto; width: 33.33%; text-align: left; }
	.oj-page .oj-page-content .menu-left li i { display: none;  }
	.oj-page .oj-page-content .menu-left li a { text-align: left; }
	
	.col-left-line { border-left: none; padding-left: 15px; }
	
	.oj-page .col-lg-3 { width: 33.3333333333%; float: left; }
	
	.menu-main li { display: none; }
	.menu-top .left { width: 40%; }
	.menu-top .middle { text-align: left; width: 20%; }
	.menu-top .right { width: 40%; }

	.menu-top .middle li a { font-size: 100%; }
	.menu-top .middle li a span { padding-top: 22px; }

	.sitemap .col-lg-3,
		.oj-page .sitemap .col-lg-2 { float: left; width: 25%; font-size: 90%; }
	.oj-page .sitemap .col-lg-4 { width: 100%; }

	.sitemap li a { padding: 0.2em 0; }
	
	/*
	.oj-page-header.open .menu-more,
		.oj-page-header.open .menu-more .row-fluid { overflow: auto; }
	*/

	.shop-product a { height: 350px; }
	.shop-product a .info .description { top: 22%; }
	.shop-product a .info button { margin-top: 65%; }
	
	.oj-notification-block .icon-left { width: 20%; }
	.oj-notification-block .text { width: 80%; }

	.oj-homepage .scroll-top { display: none; }
	.oj-homepage .banner-languages ul { width: 100%; }
	.oj-homepage .banner-languages ul .col-lg-3 { float: left; width: 16%; }
	.oj-homepage .homepage-block-action .right { padding-top: 0; padding-left: 15px; padding-bottom: 2em; }
	.oj-homepage .homepage-block-action img { display: none; }
	
	.oj-homepage .homepage-block-action .col-lg-8,
		.oj-homepage .homepage-block-action .col-lg-4{ width: 100%; }
	
	.oj-page-footer .partners .left,
		.oj-page-footer .partners .right { width: 100%; max-width: none; }
	.oj-page-footer .partners { text-align: center; }
	.oj-page-footer .partners .left img { max-width: 100%; }
	.oj-page-footer .partners .right { padding-top: 1em; }
	.oj-page-footer .partners .right p { padding-left: 0; }
	.oj-page-footer .links { width: 80%; }
	.oj-page-footer .social a { padding-top: 0; padding-bottom: 0; }
	
	.oj-page-shop-detail .shop-detail-main .left .btn span { white-space: normal;  }
	.oj-page-shop-detail .shop-detail-main .left .btn i { display: none; }
	
	.oj-page-shop-detail .shop-detail-info .tab-content .col-lg-3 { display: none; }
	
	.oj-page-courses .shop-product img { height: 150px; width: auto; }
	.oj-page-courses .shop-product img.product-badge { height: auto; }
}

/* up to iphone landscape */
@media (max-width: 767px) {
	body { font-size: 10pt; }
	.oj-page .sitemap .col-lg-3,
		.oj-page .sitemap .col-lg-2 { float: left; width: 50%; font-size: 90%; }
	.oj-page-header .sitemap li.header { padding-top: 2em; padding-bottom: 0.5em; }
	
	.oj-page .sitemap li a { line-height: normal; padding-top: 0.5em; padding-right: 1em; }
	
	.menu-more .sitemap .menu-main { border: none; padding-top: 1em; }
	.menu-more .sitemap .menu-main li { width: 100%; }
	.menu-more .sitemap .menu-main li a { padding: 0.3em 0; }
	.menu-more .sitemap .menu-main li.active a { text-decoration: underline; border-bottom: 3px solid transparent; }

	.paralax .paralax-content.banner-small h1 { margin-top: 40px; }
	.oj-page .oj-page-content .menu-left li { clear: both; }
	.oj-page .col-lg-3 { width: 50%; }

	/* hide bits of text in top bar */
	.menu-top-simple span { display: none; }

	.menu-top .left .more-left { display: block; padding: 0; }
	.menu-top .left { width: 40%; }
	.menu-top .middle { display: none; }
	.menu-top .right { width: 60%; }
	.menu-main .more-right { display: none; }
	.oj-page .menu-top .left .logo { width: 46px; background-image: url('../img/logo_phone@2x.png'); background-position-y: 7px; }

	.menu-top .avatar .dropdown-menu { position: absolute; top: 65px; right: 0; float: none; left: auto;  }

	.banner-paralax,
		.paralax { height: 150px; }
	 .paralax,
	 	.paralax img { min-height: 215px; }
	 .paralax-content p.header { font-size: 150%; margin-top: 65px; }
	 .paralax-content p { display: none; }

	.banner-options .col-lg-4 { font-size: 80%; }
	.banner-options li a { padding-bottom: 0; }

	.shop-product { font-size: 80%; }
	.shop-product a { height: 280px; }
	.shop-product .image { width: 50%; margin-left: 25%; position: relative; }
	.shop-product .image .product-image { width: 250px; }
	.shop-product .image .product-badge { left: 75%; width: 53px; }
	
	.shop-product a .info { font-size: 120%; }
	.shop-product a .info button { margin-top: 130px; font-size: 90%; }

	.oj-notification-block { font-size: 80%; }
	.oj-notification-block .icon-left { width: 30%; }
	.oj-notification-block .text { width: 70%; }
	
	.oj-homepage .banner-languages li { background-size: auto 30%; }
	.oj-homepage .banner-languages h3 { font-size: 60%; }

	.oj-homepage .homepage-block-action .left { width: 100%; }
	.oj-homepage .homepage-block-action .col-lg-8 img { opacity: 0.2; }

	.oj-homepage .homepage-block-three .col-lg-4 { width: 100%; }
	.oj-homepage .homepage-block-three .col-lg-4 img { width: 5%; }
	.oj-homepage .homepage-block-three .col-lg-4 p { padding-left: 5%;: 5%; }

	.oj-page .home-block-three div.col-lg-4 { width: 100%; margin-top: 0; }
	.oj-page .home-block-three .col-lg-4 .btn { margin-top: 0; }
	.oj-page .home-block-three .col-lg-4 p { min-height: inherit; margin-bottom: 0; }
	
	.homepage .paralax .paralax-content p.header { margin-top: 65px; }
 	.oj-homepage .banner-paralax,
		.oj-homepage .paralax { height: 250px; }
	.oj-homepage .banner-homepage { height: 150px; }
	.oj-homepage .homepage-block-top { display: none; }
	.oj-homepage .top-buttons { top: 128px; position: static; }
	
	 .oj-homepage .paralax,
	 	.oj-homepage .paralax img { min-height: 315px; }
	
	.oj-homepage .homepage-block-map .map-main { height: 150px; }
	.oj-homepage .banner-languages ul .col-lg-3 { background-position: center 20%; }
	.oj-homepage .banner-languages { height: 200px; }
	
	.free-course-popup div.free-course-popup-left-content { width: 100%; }
	.free-course-popup div.free-course-popup-right-content { display: none; }
	.free-course-popup .facebook-label { display: none; }
	.free-course-popup .facebook { padding-top: 15px;}
	.free-course-popup .facebook .btn { font-size: 12px; }
	
	.contact .contact-info { width: 100%; }

	.oj-page-footer li.social a { padding-top: 0; padding-bottom: 0; }
	.oj-page-footer .bottom .chevron-scroll-up { display: none; }
	.oj-homepage .banner-languages li a { padding-top: 70px; }

}

/* iphone landscape small - remove button "vybrat kurz" */
@media (max-width: 450px) {
	.menu-top ul.button-right { display: none; }
}

/* iphone portrait */
@media (max-width: 400px) {
	.oj-page .sitemap .col-lg-3,
		.oj-page .sitemap .col-lg-2 { float: left; width: 100%; text-align: center; }

	 .paralax p { display: none; }
	
	.oj-page .col-lg-3 { width: 100%; float: none; }
	.top-menu .left { width: 50%; }
	.top-menu .right { width: 50%; }
	.menu-main .more-left .text { display: none; }
	.menu-top .left .more-left .ico-more { margin-right: 0; }
	.sitemap .col-lg-3 { width: 100%; }
	.oj-page-header.open .menu-more .sitemap { overflow-y: auto; }
	
	.shop-product { font-size: 100%; margin-bottom: 25px; }
	.shop-product .info { left: 30%; font-size: 120%; }
	.shop-product .image { width: auto; height: 190px; margin-left: auto; margin-right: auto;}
	.shop-product .image img { width: auto; max-height: 100%;}
	.shop-product a span.title { font-size: 100%; bottom: 45px; }
	
	.info-cite .container { background-image: none; }
	.info-cite .container p { width: 100%; margin-left: 0; }
	
	.info-cite h2 { font-size: 120%; }
}

form { text-align: center; }
form h3 { padding-top: 1.5em; }
form .form-row { overflow: auto; }
form .input-group { border-radius: 4px; border: 2px solid #f2f2f2; margin: 1em 0; position: relative; background-color: #f2f2f2; padding-top: 0.4em; padding-bottom: 0.2em; }
form .input-group.active { border: 2px solid #0095da; background-color: #fff; }
form .input-group .input-group-addon { background-color: transparent; border: none; font-size: 120%; }
form .input-group input { border: none; padding-left: 0; padding-right: 2em; padding-bottom: 12px; -webkit-box-shadow: none; box-shadow: none; color: #0095da; font-weight: normal; font-family: 'FontRegular'; line-height: 1em; }
form .input-group input:focus { -webkit-box-shadow: none; box-shadow: none; color: #000; }
form .input-group .form-control { background-color: transparent; }
form .input-group .ico { position: absolute; right: 0.7em; top: 33%; font-size: 120%; color: #aaa; }
form .input-group .ico:hover { color: #0095da; }
form .input-group.active .ico,
	form .input-group.active .input-group-addon { color: #0095da; }
form label { font-weight: normal; margin-left: 1em; }
form textarea { width: 100%; padding: 0 1em 1em 1em; min-height: 200px; border: none; }

form.oj-form .input-group { width: 95%; display: block; overflow: hidden; }
form.oj-form .input-group.error { border-color: #ffb0b0; }
/*form.oj-form .input-group.error.active { border-color: #ff0000; }*/
form.oj-form .input-group .input-group-addon { float: left; display: block; width: 33.33%; padding-top: 0.5em; text-align: left; }
form.oj-form .input-group input.form-control { float: left; display: block; width: 66.66%; }
form.oj-form input[type='file'],
	form.oj-form select { float: left; width: auto; }

form .poznamka { text-align: left; margin-left: 1em; margin-bottom: 1em; color: #888; margin-top: -0.3em; font-size: 90%; }

/* form transition */
form .input-group .ico,
	form .input-group .input-group-addon,
	form .input-group input { transition: color 0.3s linear; -webkit-transition: color 0.3s linear;  }
form .input-group { transition: border 0.3s linear; -webkit-transition: border 0.3s linear; }
form label.selected { font-family: 'FontSemibold'; color: #0095da; }

/* form optimato */
.oj-page form table.full { margin-top: 2em; margin-bottom: 1em; }
.oj-page form .forms-radek { border-radius: 4px; border: 2px solid #f2f2f2; background-color: #f2f2f2; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.oj-page form .forms-radek.active,
	.oj-page form .forms-radek:hover { border: 2px solid #0095da; background-color: #fff; }
.oj-page form .forms-radek .forms-popis,
	.oj-page form .forms-radek input,
	.oj-page form .forms-radek textarea { background-color: transparent; }
.oj-page form .forms-radek input,
	.oj-page form .forms-radek input:focus,
	.oj-page form .forms-radek textarea:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }
.oj-page form .forms-submit-button { margin-top: 1em; }

/* LIGHTBOX - CUSTOM&CONTENT - Vyzkouset kurz zdarma */
.white-popup {
    position: relative;
    background: #fff;
    padding: 2%;
    width: auto;
    max-width: 870px;
    margin: 20px auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow:hidden;
}
.white-popup .ico-close {
    color: #333;
    display: block;
    font-family: 'FontAwesome';
    opacity: 0;
    text-align: center;    
    font-size: 20px;
    font-style: normal;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    opacity: 1;
    transition: opacity 1s ease-in-out 0s;
    z-index: 1;
}
.mfp-close{
    font-weight:bold;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/* MAREK - PIXEL PERFECT */

/* menu */
.oj-page-header.open .menu-more { height: 310px; }
.menu-top .left li, .menu-top .middle li { font-size: 95%; }
.menu-top .left li a span, .menu-top .middle li a span { padding-top: 23px; }
.sitemap li, .sitemap li a { line-height: 2em; color: #fff; }
.open .more a { opacity: 0.5; }
.menu-top .cart .items { font-family: FontSemibold; font-size: 95%; }


/* obecne */
.col-left-line {
border-left: 1px solid #f2f2f2; }
a:active, a:hover { color: #3b3f41; text-decoration: none; }
.banner-breadcrumbs .left a:hover { color: #3b3f41; }
.banner-breadcrumbs .left a { letter-spacing: 0.1em; }
.banner-breadcrumbs .right span { margin-right: 1.5em; letter-spacing: 0.1em; }
.menu-left li { width: auto; }
.btn-blank { font-size: 90%;}
.btn-blank:hover,
	.btn-blank:focus { color: #3b3f41; }

/* footer */
.sitemap li a:hover, .sitemap li a:focus { color: #0095da; }

/* formulare */
form .input-group input:focus { color: #3b3f41; }
form .input-group .input-group-addon { font-size: 110%; }
form .input-group input:focus { color: #0095da; }
form .input-group:hover { border: 2px solid #0095da; background-color: #fff;}
form .input-group .form-control { font-size: 100%; }
form .input-group input { padding-top: 12px; }

/* eshop prehled */
.shop-product a .title { font-size: 90%; }
.oj-page .block-three .col-lg-4 { border-left: 1px solid #f2f2f2; }
.shop-product .info button { font-size: 80%; border: none;}
.shop-product .info { border-radius: 0px; }
/*.shop-list-products .shop-product.hover .info, .shop-list-products .shop-product:hover .info { opacity: 1; }*/

/* eshop detail */
.info-box h4 { padding-bottom: 0.4em; }
.info-cite .container p { margin-top: 1.5em; }

/* checkout */
table td, table th {
padding: 0.4em 0;
}

/* account */
form .input-group .input-group-addon { font-size: 100%; }
form .input-group .ico { color: #b2b2b2; }

/* faq */

.accordion h3 { background-color: #f7f7f7; font-size: 90%; font-family: 'FontSemibold'; }



/* obecne popover nastaveni - remove?
.oj-page .banner-breadcrumbs { overflow: visible; }
.popover-box { position: absolute; display: none; z-index: 10000; cursor: default; text-align: left; padding: 1em; border-top: 3px solid #0095da;  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); box-shadow: 0 3px 5px rgba(0,0,0,0.2); background: #fff;}
.popover-box.visible { display: block; }
.popover-box > div {
    float: left;
    padding: 0.2em 0;
}
#share-popover-content-in span {
    float: none;
}
*/

/* specificke popover nastaveni pro share ikony */
.banner-breadcrumbs .container { overflow: visible; }
.banner-breadcrumbs .right .share-icons.active { background-image: url('../img/share_hover@2x.png') }
.banner-breadcrumbs .right .share-icons .popover-box { width: 150px; overflow: visible; right: 20px; margin-top: 30px; }

/* Vyzkouset zdarma popup */
.free-course-popup form .oj-notification-block { padding: 0; }
.free-course-popup form .oj-notification-block .container { padding: 0 1em; }
.free-course-popup form .oj-notification-block h3 { display: none; }
.free-course-popup .free-course-popup-right-content img { max-width: 100%; }

/* fix top offset */
.col-lg-8 table.full { margin-top: 5em; }
.oj-page-content > .good { padding: 2em; text-align: center; }
.oj-page-content > .good_ok { text-align: center; }

/* pay-u */
table.table-payu td { text-align: left; display: table-cell; }
table.table-payu img { line-height: normal; width: auto; }
table.table-payu input[type='radio'] { margin: 0 1em; }
#payform .ar input { float: left; }

/* lightbox with video */
.mfp-wrap .video-source iframe { margin: 0 auto; display: block; }

/* Menší H2 pro detail kurzu - tab content*/
.tab-content h2{ font-size: 105%; }


/* ::: ZDENEK ::: */
/* Pro SEO účely */
.oj-homepage .banner-homepage-ab{
    height:140px;
}

.homepage .top-buttons-ab {
    position: absolute;
    text-align: center;
    top: 145px;
    width: 100%;
}
.info-box h2 { font-family: 'FontRegular'; font-size: 200%; padding-bottom: 0.7em; text-transform: none; font-weight: normal; letter-spacing: 0; padding-bottom: 0.4em; }
.info-box h2 b { font-family: 'FontBold'; }

.oj-page-content .shop-detail-main .col-lg-8 h1{
    font-size:150%;
}

/* Darovací LP - nahrazující kategorii eshopu */
.oj-page-content .landing-page-product .left-product{
    padding:0 2em 1em 6em;    
}
.oj-page-content .landing-page-product .right-product{
    padding: 0 6em 1em 2em;    
}
.oj-page-content .landing-page-product .col-lg-6 h2 {
    font-size:150%;
    margin-top:1em;
    margin-bottom:0.5em;
}
.oj-page-content .landing-page-product .col-lg-6 .subtitle {
    color: #0095DA;
    font-size: 90%;
    font-family: 'FontSemibold';
    margin-top: -0.3em;
    text-transform: uppercase;
}
.oj-page-content .landing-page-product .col-lg-6 .description {
    padding-bottom:0;
}
.oj-page-content .landing-page-product .subtitle .ico {
    margin-right: 1em;
}
.oj-page-content .landing-page-product .detail-buy {
    padding-top: 1em;
}
.oj-page-content .landing-page-product .price {
    display: inline;
    font-family: 'FontBold';
    font-size: 220%;
    padding:0 0 0 0.5em;
}
.oj-page-content .landing-page-product .buttons {
    padding: 1em 0 2em 0.5em;
}
.oj-page-content .landing-page-product li.language{    
    font-size:120%;
    list-style-type: none;
    padding-top:0.5em;
}
.oj-page-content .landing-page-product li.language .ico{    
    margin-right: 1em;    
}
.oj-page-content .landing-page-product li.language ul{
    padding-left: 20px;
}
.oj-page-content .landing-page-product li.language ul li{
    font-size:80%;
    list-style-type: disc;
}
.oj-page-content .landing-page-product img.course-6-1{
    padding-top:10em;
}
.landing-page-product .left-product img.product-badge {
    margin:0;
    left: 52%;
    position: absolute;
    top: 18%;
    width: 10%;
    z-index: 2;
}
.landing-page-product .right-product img.product-badge {
    margin:0;
    left: 40%;
    position: absolute;
    top: 13%;
    width: 10%;
    z-index: 2;
}
.oj-page-content .landing-page-product .lp-product-pic{
    height:270px; 
    margin-top:0.7em;
}
.landing-page-product-container img{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
@media (max-width: 991px) {
    .oj-page-content .landing-page-product .left-product{
        padding:0 2em 1em 2em;
    }
    .oj-page-content .landing-page-product .right-product{
    padding: 0 2em 1em 2em;    
    }
}
/* Video stránky */
.oj-page iframe.youtube{
    border:0;
}
.oj-page .download-language-variants { padding-top: 25px; }
.oj-page .download-language-variants .container p{ padding-bottom:0; }
.oj-page .download-language-variants ul { width: 60%; overflow: visible; list-style-type:none; height:150px; margin:0 auto 3em auto; padding:0 15px;}
.oj-page .download-language-variants li { background-position: center 68%; background-repeat: no-repeat; background-size: auto 50%; overflow: visible; padding: 0; min-height:100%; }
.oj-page .download-language-variants li a { height: 30px; padding-top: 125px; color: #333; text-transform: uppercase; font-size: 90%; letter-spacing: 0; display:block;}
.oj-page .download-language-variants .lang-en { background-image: url('../img/homepage/icon-en@2x.png'); }
.oj-page .download-language-variants .lang-es { background-image: url('../img/homepage/icon-es@2x.png'); }
.oj-page .download-language-variants .lang-de { background-image: url('../img/homepage/icon-de@2x.png'); }
.oj-page .download-language-variants .lang-fr { background-image: url('../img/homepage/icon-fr@2x.png'); }
.oj-page .download-language-variants li:hover { background-image: url('../img/homepage/icon-onlinejazyky@2x.png'); border-bottom: none; }
.oj-page .download-language-variants a:hover { color: #0095da; }

/* ESHOP - kategorie eshopu - text */
.bottom-html .eshop-category-text h2{
    margin-top:1em;
}
.bottom-html .eshop-category-text p{
    text-align: left;    
}
.bottom-html .eshop-category-text .container{
    width:80%;    
}
@media (max-width: 767px) {
    .bottom-html .eshop-category-text .container .col-lg-4{
        width:80%;
        margin-left:10%;
    }
}

/* Rekli o nas - reference */
.oj-page-content-block .logos-of-companies-container div.logo-container{
    width:190px;
    height:110px;
    float:left;
}
div.logo-container span{
    display:block;
}
div.logo-container span.logo-volvo{
    width:130px;
    height:109px;
    margin:0 30px;
    background: url('../img/references-logos/reference_logo_volvo_inactive@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-volvo:hover{    
    background: url('../img/references-logos/reference_logo_volvo@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-hyundai{
    width:158px;
    height:108px;
    margin:1px 16px;
    background: url('../img/references-logos/reference_logo_hyundai_inactive@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-hyundai:hover{    
    background: url('../img/references-logos/reference_logo_hyundai@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-xerox{
    width:141px;
    height:40px;
    margin:40px 25px 30px 24px;
    background: url('../img/references-logos/reference_logo_xerox_inactive@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-xerox:hover{    
    background: url('../img/references-logos/reference_logo_xerox@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-bernard{
    width:112px;
    height:91px;
    margin:9px 40px 10px 39px;
    background: url('../img/references-logos/reference_logo_bernard_inactive@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-bernard:hover{    
    background: url('../img/references-logos/reference_logo_bernard@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-ge-money-bank{
    width:183px;
    height:76px;
    margin:20px 4px 14px 3px;
    background: url('../img/references-logos/reference_logo_ge_inactive@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-ge-money-bank:hover{    
    background: url('../img/references-logos/reference_logo_ge@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-raiffeisen-bank{
    width:140px;
    height:38px;
    margin:36px 25px;
    background: url('../img/references-logos/reference_logo_rb_inactive@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
div.logo-container span.logo-raiffeisen-bank:hover{    
    background: url('../img/references-logos/reference_logo_rb@2x.png') no-repeat scroll center top / auto 100% rgba(0, 0, 0, 0);
}
.oj-page-content-block .rating-stars {
    height: 23px;
    margin: 15px auto;
    width: 149px;
}
.rating-stars .r90 {
    width: 90%;
}
.oj-page-content-block div.newspaper-column-references{
     width: 100%;    
    -moz-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-count: 3;
    -webkit-column-gap: 30px;
    column-count: 3;
    column-gap: 30px; 
    text-align:left;
}
.oj-page-content-block div.newspaper-column-references div.single-reference-box{
    display: inline-block;
    width: 100%;
}
.oj-page-content-block div.overall-rating-count p{
    text-transform: uppercase; 
    font-family: 'FontSemiBold';
}
@media (max-width: 767px) {
    .oj-page-content-block div.newspaper-column-references{
     width: 100%;    
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 30px; 
    text-align:left;
    }
}
@media (max-width: 400px) {
    .oj-page-content-block div.newspaper-column-references{
     width: 100%;    
    -moz-column-count: 1;
    -moz-column-gap: 30px;
    -webkit-column-count: 1;
    -webkit-column-gap: 30px;
    column-count: 1;
    column-gap: 30px; 
    text-align:left;
    }
}
.oj-page-content-block div.newspaper-column-2-references{
     width: 100%;    
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 30px; 
    text-align:left;
}
.oj-page-content-block div.newspaper-column-2-references div.single-reference-box{
    display: inline-block;
    width: 100%;
    padding-bottom:1.5em;
}
.oj-page-content-block div.newspaper-column-2-references div.single-reference-box p.text{
    padding:0;
}
.oj-page-content-block div.newspaper-column-2-references div.single-reference-box p.reviewer{
    font-family:'FontRegularItalic';
    padding:0 3em;
    text-align:right;
}
@media (max-width: 400px) {
    .oj-page-content-block div.newspaper-column-2-references{
     width: 100%;    
    -moz-column-count: 1;
    -moz-column-gap: 30px;
    -webkit-column-count: 1;
    -webkit-column-gap: 30px;
    column-count: 1;
    column-gap: 30px; 
    text-align:left;
    }
}

/* SKYPE LEKCE*/
.oj-page ul.oj-list-1{
    list-style-type:none;
    padding:0 0 0 2em;
}
.oj-page ol.oj-list-2{
    padding-left:25px;
    margin-bottom:4em;
}
.oj-page ul.oj-list-1 li{
    padding-top:0.5em;
    line-height:2em;
}
.oj-page ul.oj-list-1 li i.ico{
    margin-right:1em;
    margin-left:-2em;
}
.oj-page-content-block .skype-contact .contact-info{
    margin:0;
    width:100%;
}
.oj-page-content-block .skype-contact .contact-info p{
    padding-bottom:0;
    margin-bottom:0;
}
.oj-page .skype-lectors .col-lg-6{
    border-left: medium none;    
    margin-top:2.5em;
    margin-bottom:2.5em;    
    text-align:left;
}
.oj-page .skype-lectors .col-lg-6 .col-lg-4{
    padding-left:0;
}
.oj-page .skype-lectors .col-lg-6 .col-lg-4 img{
    max-width:100%;
}
.oj-page .skype-lectors .col-lg-6:nth-child(even){
    border-left: 1px solid #F2F2F2;
}
.oj-page .skype-lectors .col-lg-6 img{    
    margin-top:0;
}
.oj-page .skype-lectors .col-lg-6 p.name{
    font-family:'FontSemibold';
    font-size:150%;
    text-transform:uppercase;
    margin:0;
    padding:0;
    color:#0390d1;
}
.oj-page .skype-lectors .col-lg-6 p.title{
    font-family:'FontSemibold';
    font-size:0.9em;
    text-transform:uppercase;
}
.oj-page .how-to-order h2{
    font-size:220%;
    margin:1.5em 0;
}

.oj-page .our-team-member .col-lg-9{
    border-left: medium none;    
    margin-top:2.5em;
    margin-bottom:2.5em;    
    text-align:left;
}
.oj-page .our-team-member .col-lg-9 img{    
    margin-top:0;
}
.oj-page .our-team-member .col-lg-9 h2{
    font-family:'FontSemibold';
    font-size:130%;
    text-transform:uppercase;
    margin:0;
    padding:0;
    color:#0390d1;
}
.oj-page .our-team-member .col-lg-9 p{
    padding-top:0.5em;
}
.oj-page .our-team-member .col-lg-9 p.title{
    font-family:'FontSemibold';
    font-size:0.9em;
    text-transform:uppercase;
    padding-top:0;
}
.oj-page .our-team-member .col-lg-3{
    border-left: 1px solid #F2F2F2;
    margin-top:2.5em;
    margin-bottom:2.5em;
    text-align:left;
    padding:0 2em;
}
.oj-page .our-team-member .col-lg-3 h2{
    margin-top:40px;
    margin-bottom:1em;
}
.oj-page .our-team .home-block h1{
    margin: 0.5em 0;
}
.oj-page .our-team ul{
    list-style-type:none;
    padding:0;
}
.oj-page .our-team li{    
    letter-spacing: 0.1em;    
    padding-top: 0.5em;
    text-align: left;
}
.oj-page .our-team li .ico{
    margin-right: 1em;
}

.oj-login p a[href="users-novy.html"] { background-color: #0095da; border: 1px solid #0095da; color: #fff; padding: 0.2em 0.5em; border-radius: 20px; margin-left: 0.5em; transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; }
.oj-login p a[href="users-novy.html"]:hover { background-color: #3276b1; }

.oj-page-courses .shop-product-empty { overflow-visible; }
.oj-page-courses .shop-product-empty img { margin-top: 15px; }

/* YouTube Responsive iframe*/
.yt-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.yt-video-container iframe,
.yt-video-container object,
.yt-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* red action button */
.btn-red-action{
    background:#CD0D2F;
    border-color:#CD0D2F;
}
.btn-red-action:hover, .btn-red-action:active, .btn-red-action:focus{
    background:#A8001E;
    border-color:#A8001E;
}

/* SmartSupp */
.smartsupp-handle{     
    position:fixed; 
    bottom:0; 
    left:15px;
    cursor:pointer;
    font-family:'FontSemibold';
    font-size:14px;
    line-height:16px;
    background:#0095da;    
    padding:5px 15px;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    z-index:10000;
}
.smartsupp-handle p{
    margin:0;
    color:#fff;
}
.smartsupp-handle i{
    font-family: 'FontAwesome';
    font-size: 16px;
    margin-right:8px;
}

/* ------------------------------------------------------------------------- */
/* SYLLABUS RESPONSIVE TABLE ::::::::::::::::::::::::::::::::::::::::: START */
/* ------------------------------------------------------------------------- */
.syllabus-responsive-table {
    width: 100%;
    margin-bottom: 1.5em;
    border-collapse: separate;
    border: 0;
    border-color: #fff;
}
@media (min-width: 48em) {
    .syllabus-responsive-table tr:hover{
        background-color: #f9f9f9;
    }
}
.syllabus-responsive-table th{
    font-family: 'FontSemibold';
    font-weight: normal;
}
.syllabus-responsive-table td{
    position: relative;
    background-clip: padding-box;
    border-color: #fff;
}
.syllabus-responsive-table *{
    line-height: 1.42em;
}
@media (min-width: 48em) {
    .syllabus-responsive-table {
        font-size: .8em;
    }
}
@media (min-width: 62em) {
    .syllabus-responsive-table {
        font-size: 0.9em;
    }
}
.syllabus-responsive-table thead {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
@media (min-width: 48em) {
    .syllabus-responsive-table thead {
        position: relative;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto;
    }
}
.syllabus-responsive-table thead th {
    background-color: #fff;
    text-align: left;
    text-transform: uppercase;
    color: #333;
}
.syllabus-responsive-table thead th:nth-child(2), .syllabus-responsive-table thead th:nth-child(3){
    width: 13%;
}
.syllabus-responsive-table thead th:nth-child(6){
    width: 22%;
}
.syllabus-responsive-table tbody,
.syllabus-responsive-table tr,
.syllabus-responsive-table th,
.syllabus-responsive-table td {
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
}
.syllabus-responsive-table tbody th:nth-child(1){
    padding: 1em .1em;
}
@media (max-width: 48em){
    .syllabus-responsive-table tbody th:first-child{
        display: none;
    }
}
.syllabus-responsive-table thead tr th{
    border-bottom: 1px solid #0095da;
}
.syllabus-responsive-table tbody tr th{
    text-transform: uppercase;
}
.syllabus-responsive-table tbody tr td,
.syllabus-responsive-table tbody tr th{
    border-bottom: 1px solid #f2f2f2;
}
@media (min-width: 48em) {
    .syllabus-responsive-table tr {
        display: table-row;
    }
}
.syllabus-responsive-table th,
.syllabus-responsive-table td {
    padding: .5em;
    vertical-align: top;
}
.syllabus-responsive-table td ul, .syllabus-responsive-table td ol{
    margin: 0;
    padding: 0;
}
.syllabus-responsive-table td ul li, .syllabus-responsive-table td ol li{
    margin: 0;
    padding: 0;
    list-style-position: outside;
}
@media (max-width: 48em){
    .syllabus-responsive-table td ol li{
        list-style-position: inside;
    }
}
@media (max-width: 30em){
    .syllabus-responsive-table td ul, .syllabus-responsive-table td ol{
        padding-top: 25px;
        padding-left: 20px;
    }
}
.syllabus-responsive-table td ul li{
    list-style-type: none;
}
@media (min-width: 30em) {
    .syllabus-responsive-table th,
    .syllabus-responsive-table td {
        padding: .75em .5em;
    }
}
@media (min-width: 30em) {
    .syllabus-responsive-table td {
        text-align: right;
    }
}
@media (min-width: 48em) {
    .syllabus-responsive-table th,
    .syllabus-responsive-table td {
        display: table-cell;
        padding: 1em .5em;
        text-align: left;
    }
}
@media (min-width: 62em) {
    .syllabus-responsive-table th,
    .syllabus-responsive-table td {
        padding: 1em .5em;
    }
}
@media (min-width: 75em) {
    .syllabus-responsive-table th,
    .syllabus-responsive-table td {
        padding: 1em .5em;
    }
}
@media (min-width: 48em) {
    .syllabus-responsive-table tbody {
        display: table-row-group;
    }
}
.syllabus-responsive-table tbody tr {
    margin-bottom: 1em;
}
@media (min-width: 48em) {
    .syllabus-responsive-table tbody tr {
        display: table-row;
    }
}
.syllabus-responsive-table tbody tr:last-of-type {
    margin-bottom: 0;
}
.syllabus-responsive-table tbody th[scope="row"] {
    color: #000;
    border-bottom: 1px solid #0095da;
    border-top: 1px solid #0095da;
}
@media (min-width: 48em) {
    .syllabus-responsive-table tbody th[scope="row"] {
        background-color: transparent;
        color: #333;
        text-align: left;
        border-bottom: 1px solid #f2f2f2;
        border-top: 0;
    }
}
@media (max-width: 48em){
    .syllabus-responsive-table tbody th[scope="row"]:before{
        content: attr(data-title)" ";
    }
    .syllabus-responsive-table tbody td{
        min-height: 47px;
    }
}
.syllabus-responsive-table tbody td[data-title]:before {
    content: attr(data-title)" ";
    float: left;
    font-size: .8em;
    font-weight: bold;
    color: #0095da;
    text-transform: uppercase;
}
@media (min-width: 30em) {
    .syllabus-responsive-table tbody td[data-title]:before {
        font-size: .9em;
    }
}
@media (min-width: 48em) {
    .syllabus-responsive-table tbody td[data-title]:before {
        content: none;
    }
}
.btn-blank.btn-trial{
    font-family: 'FontSemibold';
    background-color: #82AE05;
    color: #fff;
    margin-left: 2em;
}


/* ------------------------------------------------------------------------- */
/* SYLLABUS RESPONSIVE TABLE ::::::::::::::::::::::::::::::::::::::::::: END */
/* ------------------------------------------------------------------------- */


/* Expirace ve výpisu kurzů  */

.shop-product .expiration {
	text-align: center;
	font-size: 90%;
	padding-top: 5px;
	display: block;	
	position: static;	
}



/* Fixed block-three on mobile */
@media screen and (max-width: 48em) {
	.oj-page .block-three .col-lg-4 {
		width: auto;		
		margin-top: 1em;
		margin-bottom: 1em;
	}
}


/* B2B contact form */


#contact-form-b2b {
	background-color: white;
}

.oj-form-b2b {
	padding-top: 3em;
	padding-bottom: 3em;
	max-width: 600px;	
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding-left: 16px;
	padding-right: 16px;
}

.oj-page .oj-form-b2b .forms-table {
	margin-top: 0;
	margin-bottom: 0;
}
.oj-page .oj-form.oj-form-b2b .forms-popis {
	float: none;
	flex: 0 0 auto;
	margin-right: 20px;
}
.oj-page .oj-form-b2b .forms-pravy {
	flex: 1 1 auto;
	display: block;
}


.oj-form-b2b.oj-form .forms-radek {
	width: auto;
	display: flex;
}

.oj-form-b2b table, .oj-form-b2b tbody {
	display: block;
}

/* Dirty hack  - there is a textarea that should be on full width */
.oj-form-b2b.oj-form .forms-radek-5 {
	display: block;

}


/* Red notification  */
#mb .mb-notification.red {
	background: #D90000;
	color: white;
	font-size: 20px;
	max-width: 100%;
	width: fit-content;
}

#mb .mb-notification.red.mb-link:hover {
	border-color: #990000;
}

/* Page 1+1 */

@media (max-width: 48em) {

	#page1plus1.page-1plus1 .col-lg-6 {
		width: auto;
	}

	#page1plus1.page-1plus1 .page-1plus1__mobile-hidden {
		display: none;
	}

	#page1plus1-bottom .page1plus1-bottom__col {
		width: auto;
	}

}



/* Homebanner */

.homebanner {
	position: absolute;
	left: 0;
	right: 0;
	top: 18px;
}

.homebanner__link {
	display: block;
	padding: 10px 20px;
	background: red;
	color: white;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	max-width: calc(100vw - 40px);
	box-sizing: border-box;
	font-size: 20px;
	transition: all 0.3s;
}


.homebanner__link:hover {
	color: white;
	background: #D90000;
}

@media (max-width: 767px) {
	.homebanner {
		top: 10px
	}
	.homebanner__link {
		font-size: 14px;
		padding: 8px 12px;
	}
}


.confirm-coupon-dialog {
	background: #0095da;
	color: white;
	border: none;
	border-radius: 10px;
	padding: 30px;
	font-size: 18px;

	transition: all 0.5s;

	&[open] {
		opacity: 1;
		translate: 0;
		@starting-style {
			translate: 0 -40px;
			opacity: 0;
		}
	}

	&::backdrop {
		background: rgba(0,0,0,0.5);
	}

	strong {
		display: block;
		text-align: center;
		text-transform: uppercase;
		font-size: 25px;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	button {
		margin-top: 24px;
		transition: none;
	}

	button:hover {
		background: #CCC;
	}

	button:focus-visible {
		outline-offset: 4px;
		outline-color: white;
		outline-width: 2px;
	}

	.coupon-validity-until {
		text-align: center;
	}

}