*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-family: 'Roboto', sans-serif; font-size: 14px; text-align: center;}
a img{border:none;}
ul{padding-left: 15px;}
.cl, .cleaner{clear: both;}
input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance:none;font-family: 'Roboto', sans-serif;}
.fx{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
body .gallery .empty-list{display: none;}
body.user-logged .gallery .empty-list{display: block;}
.dev-component{display: inline-block;}
.dynamic-page  .dev-component{width: 100%;}

body.page-home .nav{display: none;}

.dynamic-page .dev-html-block a{color:#000;}
.dynamic-page .dev-html-block table{border-collapse:collapse; width: 100%;}
.dynamic-page .dev-html-block table td{padding:6px; border:1px solid #dedede;}
.dynamic-page .dynamic-page-block .dev-html-block{margin-bottom: 80px;}
.dynamic-page .dynamic-page-block:last-child .dev-html-block{margin-bottom: 0px;} 

.kotva{position: absolute; width: 1px; height: 1px;}
.o{width: 1320px; margin:0px auto; text-align: left;}

.home-screen{width: 100%; height: 96px; background-image: url(images/theme.jpg); position: fixed; z-index:10;}
.top-bar{width: 100%; height: 96px;  margin-top: 0; display: inline-block;}
.logo{float: left; margin-top: 22px;}
.top-right{float: right;}
.menu{float: left; margin-top: 39px;}
.menu a{color:#fff; text-decoration: none; font-size: 15px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-right: 40px;}
.menu a:hover{text-decoration: underline;}
.registrace{float: left; background-color: #343434; height: 96px; width: 200px;}
.odkazy {float: left;	margin-left: 23px;margin-top: 25px;}
.kos-info{float:right;width:44px;height:39px;background-image:url(images/kosik-ico.png);margin-right:23px;margin-top:26px;position:relative; display: block;}
.kos-info span.info-count{position:absolute;background-color:#ffad00;color:#fff;font-size:12px;display:inline-block;text-align:center;border-radius:13px;height:25px;width:25px;line-height:26px;right:5px;top:-6px;}
.kos-info content-loading.basket-info{width:100%; height: 39px; text-align: center; background-color: #fff; display: inline-block;}
.kos-info content-loading.basket-info img{width: 24px; margin-top: 9px;} 

button.logout-btn{font-size:9px;border:none;padding:4px 8px;text-transform:uppercase;background:#0a0905;color:#a8a8a8;margin-top:3px;border-radius:4px;cursor:pointer;}

.odkazy a{font-size:13px; color:#fff; line-height:21px;}
.odkazy a.log{color:#ffad00;}

.screen-txt{text-align: center; color:#fff; display: none;}
.screen-txt h1{font-size: 94px; font-weight: 300; display: inline-block; margin-top: 140px;}
.cara{width: 126px; height: 6px; background-color: #ffad00; display: inline-block; margin-top: 50px; margin-bottom: 50px;}
.popisek{font-size: 18px; width: 370px; display: inline-block; line-height: 28px;}
.screen-btn{font-size:17px;font-weight:600;display:inline-block;padding:18px 30px;background-color:#ffad00;text-decoration:none;color:#fff;margin-top:44px;}
.screen-btn:hover{background-color:#774f36;}

.pod-top-bar{width: 100%; height: 96px; }
body.page-home .pod-top-bar{display: none;}
body.page-home .home-screen{height: 820px; position: relative;}
body.page-home .top-bar{margin-top: 36px; background-image: url(images/top-bar.png);}
body.page-home .screen-txt{display: inline-block; width: 100%;}
body.page-home .logo{margin-left: 22px;}

.nadpis{font-size: 24px; font-weight: 700; width: 100%; text-align: center; padding-top: 100px;}
.cara-mala{width: 84px; height: 5px; background-color: #ffad00;display: inline-block; margin-top: 0px; margin-bottom: 60px;}
.clanek{width: 420px; display: inline-block; vertical-align: top; margin-right: 26px;}
.clanek-img{width: 420px; height: 280px; overflow: hidden; position: relative;}
.clanek-over{width: 420px; height: 280px; background-image: url(images/over.png); position: absolute; z-index:20; left:0; top:0;}
.clanek-logo{width:95px;height:28px;background-image:url(images/vid-logo.png);display:block;float:left;margin-left:14px;margin-top:14px;}
.clanek-play{width:61px;height:61px;background-image:url(images/vid-play.png);display:block;float:right;margin-right:14px;margin-top:204px;}
.clanek:nth-child(3){margin-right: 0;}
.clanek-nad{margin-top: 32px; margin-bottom: 25px; font-size: 20px; font-weight: 700;}
.clanek-txt{font-size: 15px; color:#535353; font-weight: 300; line-height: 22px;}
.clanek-more{margin-top: 35px; display: inline-block; background-image: url(images/arrow-more.png); background-repeat: no-repeat; background-position: right center; font-size: 14px; font-weight: 700; padding-right: 50px; text-decoration: none; color:#191919;}

.clanky{padding-bottom: 140px;}

.proc{width: 100%; height: 640px; background-image: url(images/proc.jpg); color:#fff;}
.proc-1{font-size: 27px; font-weight: 300; margin-bottom: 10px; padding-top: 100px;}
.proc-2{font-weight: 600; font-size: 37px;margin-bottom: 40px;}
.proc-txt{width: 800px; font-size: 16px; line-height: 26px; font-weight: 100;}
a.proc-more{margin-top: 60px; display: inline-block; background-image: url(images/arrow-more-bile.png); background-repeat: no-repeat; background-position: right center; font-size: 14px; font-weight: 700; padding-right: 50px; text-decoration: none; color:#fff;}

.galerie{font-size: 0; border-top:3px solid #fff; border-bottom:3px solid #fff;}
.gallery-item{display: inline-block;width: 20vw;vertical-align: top;overflow: hidden;height: 250px;}
.gallery-item img {width: auto;min-height: 250px;min-width: 20vw;}
.gallery-item .title{display: none;}
.footer{background-color: #212120;}
.foot-logo{float: left; margin-top: 45px; margin-bottom: 45px;}
.foot-menu {float: right; font-size: 15px; margin-top: 58px;}
.foot-menu a{color:#fff; text-decoration: none; margin-left: 36px; display: inline-block;}
.foot-menu a:hover{text-decoration: underline;}
.orange{color:#ffad00;}
.foot-menu a.orange,
.menu a.orange{color:#ffad00;}
.copy{background-color: #181817; color:#747474; padding-top: 28px; padding-bottom: 28px; font-size: 13px;}
.copy-left{float: left;}
.copy-right{float: right;}
.copy-right a{color:#747474; text-decoration: none;}
.copy-right a:hover{text-decoration: underline;}

body .slbCaption{display: none;}

.dynamic-page{width: 1320px; margin:0px auto; text-align: left; padding-top: 60px; padding-bottom: 110px;}
.dev-html-block{font-size: 15px; font-weight: 300; line-height: 24px;}
.dynamic-page-head h1{text-transform: uppercase; width: 100%; text-align: center;font-size: 36px; font-weight: 700; display: inline-block; margin-top: 20px; margin-bottom: 60px;}

body.page-galerie .gallery-item {display: inline-block;width: 25%;vertical-align: top;overflow: hidden;height: 220px;}
body.page-galerie .gallery-item img{height: 220px;}



/* objednavka */
.order-basket .order-basket-item {display: none;}

/* kategorie videí */
.obsah{width: 1320px; margin:0px auto; text-align: left; padding-bottom: 100px;}
.obsah .nadpis h1{font-size: 36px; text-transform: uppercase;}
.lekce-seznam {margin-top: 70px;}
.lekce-txt a{color:#000;}
.lekce-seznam ul{list-style-type: none; padding:0; margin:0;}
.lekce-seznam ul li{background: #eee; padding:20px; margin-bottom: 20px;}
.lekce-seznam ul li span.image{display: inline-block; margin-right: 30px; width: 240px; vertical-align: top;}
.lekce-seznam ul li span.image img{width: 100%;}
.lekce-seznam ul li a{text-decoration: none; color:#000;}
.lekce-name{font-size: 24px; width: 100%; display: inline-block;}
.lekce-right{display: inline-block;vertical-align: top; width: calc(100% - 280px);}
.lekce-txt{display:inline-block;margin-top:17px;font-weight:300;line-height:20px;color:#424242;}
.lekce-more{background:#ffad00;color:#fff;font-weight:600;padding:8px 16px;border-radius:6px;display:inline-block;  margin-top:20px;}

/* detail kategorie, seznam videí */
.kategorie-detail-img{display: none;}
.kategorie-detail{padding-top: 100px; padding-bottom: 100px;}
.tree-detail-txt h1{font-size: 36px; text-transform: uppercase; margin-bottom: 30px; display: inline-block; width: 100%;}
.tree-detail-txt .text{font-weight:300;line-height:20px;color:#424242;}
.tree-detail-txt a.share{background-color:#2962af;color:#fff;text-decoration:none;display:inline-block;border-radius:4px;padding:8px 15px;margin-top:40px;}

/* video item */
.product-item{width: 420px; display: inline-block; vertical-align: top; margin-right: 26px;}
.product-item-img{width: 420px; height: 280px; overflow: hidden; position: relative;}
.product-item:nth-child(3){margin-right: 0;}
.product-item-img img{min-width: 420px; min-height:280px;}
.product-item-nazev{margin-top: 32px; margin-bottom: 25px; font-size: 20px; font-weight: 700;}
.product-item-nazev a{color:#000; text-decoration: none; text-transform: uppercase;}
.product-item-txt{font-size:15px;color:#535353;font-weight:300;line-height:22px;height:90px;overflow:hidden;}
.vid-more{margin-top: 35px; display: inline-block; background-image: url(images/arrow-more.png); background-repeat: no-repeat; background-position: right center; font-size: 14px; font-weight: 700; padding-right: 50px; text-decoration: none; color:#191919;}
.vid-over{width: 420px; height: 280px; background-image: url(images/over.png); position: absolute; z-index:20; left:0; top:0;}
.vid-logo{width:95px;height:28px;background-image:url(images/vid-logo.png);display:block;float:left;margin-left:14px;margin-top:14px;}
.vid-play{width:61px;height:61px;background-image:url(images/vid-play.png);display:block;float:right;margin-right:14px;margin-top:204px;}
body .dev-component component-admin-hover{z-index:25;}

/* video detail */
.product-detail {width: 1320px; margin:0px auto; text-align: left; padding-bottom: 100px; padding-top: 100px;}
.product-img{float: left; width: 420px; margin-right: 50px;}
.product-img img{width: 100%;}
.product-detail-head{float: left; width: calc(100% - 470px);}
.product-name h1{text-transform: uppercase; margin-bottom: 20px;}
.product-perex{font-size: 15px; color:#535353; font-weight: 300; line-height: 22px; margin-bottom: 25px;}
.product-price{font-size:24px;float:left;margin-top:8px;color:#434343;}
.do-kosiku.to-basket{float:left;margin-left:40px;}
input.tobasket-btn{border:none;background-color:#ffad00;color:#fff;font-weight:700;font-size:17px;padding:12px 28px;border-radius:9px;cursor:pointer;}
.product-text{padding:25px;border:1px solid #eee;margin-top:55px;  font-size:15px; color:#535353; font-weight:300; line-height:22px;}
.product-detail a.share{background-color:#2962af;color:#fff;text-decoration:none;display:inline-block;border-radius:4px;padding:8px 15px;margin-top:40px;}

a.vid-in-basket {
	border: none;
	background-color: #a6a6a6;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	padding: 12px 28px;
	border-radius: 9px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	margin-left: 50px;
}
.download-video a{
	border: none;
	background-color: #ffad00;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	padding: 12px 28px;
	border-radius: 9px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	margin-left: 50px;
}


/* pop basket */
.pop-over{left:0; top:0; position:fixed; width:100%; height:100vh; background-color:rgba(0,0,0,0.7); z-index:100;}
.pop-box.pop-basket{width:360px;height:auto;margin:0px auto;background-color:#fff;margin-top:50px;}
.pop-container{padding:30px;color:#000;}
.pop-kosik-nadpis{font-size:22px;margin-bottom:25px; text-transform: uppercase; text-align: center; font-size: 18px;}
.pop-kosik-img{margin-bottom:20px;}
.pop-kosik-img img{width: 100%; height: auto;}
.pop-kosik-name{font-size:18px;line-height:26px;margin-bottom:20px;text-align:center;}
.pop-kosik-pocet{display: none;}
.btn-to-basket, .pop-close{display: inline-block; text-align: center; width: 100%; margin-top: 2px; color:#fff; text-decoration: none;}
.btn-to-basket{background-color:#ffad00; padding-top: 8px; padding-bottom: 8px;}
.pop-close{background-color:gray; padding-top: 8px; padding-bottom: 8px;}

/* nákupní košík */
.kosik-obsah {width: 1320px; margin:0px auto; text-align: left; padding-bottom: 100px; padding-top: 100px;}
.kosik-obsah h1{margin-bottom: 60px;}
/* položky košíku */
.kosik-polozky{float:left;width:calc(100% - 490px);text-align:left;margin-right:40px;}
.kosik-produkt{border:1px solid gainsboro;padding:15px;margin-bottom:15px;}
.kosik-item-left{display:inline-block; vertical-align:middle;}
.kosik-produkt-img{width:100px;overflow:hidden;height:70px;text-align:center;}
.kosik-produkt-img img{width:auto; height:70px;}
.kosik-item-right{display:inline-block;width:calc(100% - 124px);margin-left:20px;vertical-align:middle;}
.col-1{display:inline-block;width:calc(100% - 570px);vertical-align:middle;margin-right:40px;}
.col-2{display:inline-block;vertical-align:middle;width:490px;padding:20px;  padding-right:0;}
.kosik-right{float:left;background:#4b4b4b;color:#fff;padding:25px;width:400px;font-size:15px;line-height:22px;}
.kosik-right a{color:#ffad00;}
.kosik-produkt-ceny{display:none;}
.kosik-produkt-nazev a{color:#000; font-size:16px; text-transform:uppercase;}
.basket-item-price{color:gray;margin-top:5px;margin-bottom:5px;}
.remove a{color:#ffad00; text-transform:uppercase; font-size:10px;}


/* login */
.prihlaseni-o{width: 1320px; margin:0px auto; text-align: left; padding-bottom: 100px; padding-top: 100px;}
.prihlaseni-o h1{margin-bottom: 60px; text-transform: uppercase;}
.prihlaseni-o .label-input{font-size: 12px; text-transform: uppercase; margin-bottom: 5px;}
.prihlaseni-o input[type="text"]{padding:11px;width:300px;font-size:14px;border:1px solid gray;margin-bottom:20px;}
.prihlaseni-o input[type="password"]{padding:11px;width:300px;font-size:14px;border:1px solid gray;margin-bottom:20px;border-radius:0;}
.log-lost{width:100%;display:inline-block;margin-bottom:25px;font-size:13px;  color:#ffad00;}
button.btn.log-btn{border:none;background-color:#ffad00;color:#fff;font-weight:700;font-size:17px;padding:12px 28px;border-radius:9px;cursor:pointer; text-transform:uppercase;font-family:'Roboto',sans-serif;}
.prihlaseni-o input.is-invalid{border:1px solid red;}
.prihlaseni-o .error-info{margin-top: 20px; font-size: 12px; color:#8e8e8e; margin-bottom: 20px;}
 
/* zapomenuté heslo */
#forgotPasswordForm button.btn{border:none;background-color:#ffad00;color:#fff;font-weight:700;font-size:17px;padding:12px 28px;border-radius:9px;cursor:pointer; text-transform:uppercase;font-family:'Roboto',sans-serif;}
body.page-membership_changepassword .prihlaseni-o button.btn{border:none;background-color:#ffad00;color:#fff;font-weight:700;font-size:17px;padding:12px 28px;border-radius:9px;cursor:pointer; text-transform:uppercase;font-family:'Roboto',sans-serif;}

/* registrace */
.member-registration-form .form-group label{font-size: 12px; text-transform: uppercase; margin-bottom: 5px; width: 130px; margin-right: 20px; margin-top: 14px;}
.member-registration-form .form-group input{padding:11px;width:400px;font-size:14px;border:1px solid gray;margin-bottom:10px; border-radius:0;}
.member-registration-form .form-group input.invalid{border:1px solid red;}
.password-info{font-size:11px;margin-left:154px;width:430px;color:#b4b4b4; margin-bottom:15px;}
.member-registration-form input.btn.btn-primary{border:none;background-color:#ffad00;color:#fff;font-weight:700;font-size:17px;padding:12px 28px;border-radius:9px;cursor:pointer; text-transform:uppercase;font-family:'Roboto',sans-serif; margin-top: 30px;}
.member-registration-form ul.validation-errors{margin:0;padding:0;list-style-type:none;margin-top:22px;font-size:12px;line-height:18px;color: #8e8e8e;}

/* profil uživatele */
.profil-obsah{width: 1320px; margin:0px auto; text-align: left; padding-bottom: 100px; padding-top: 100px;}
.profil-obsah h1{margin-bottom: 60px; text-transform: uppercase;}
.tabs ul{list-style-type: none; margin:0; padding:0; margin-bottom: 30px;}
.tabs ul li{display:inline-block;vertical-align:top;background-color:#f0f0f0;padding:10px 19px;font-size:14px;border-radius:5px;cursor:pointer;text-transform:uppercase;}
.tabs ul li.selected{color:#fff; font-weight:700; background-color:#ffad00;}
.member-data label{width:80px;margin-right:20px;display:inline-block;text-transform:uppercase;font-size:14px;}
.member-data input{padding:11px;width:300px;font-size:14px;border:1px solid gray;margin-bottom:10px;}
.member-data, 
.ordered-products, 
.orders{background:#f9f9f9;padding:25px;}
button.save, button.changepass{border:none;background-color:#ffad00;color:#fff;font-weight:700;font-size:15px;padding:10px 20px;border-radius:9px;cursor:pointer; text-transform:uppercase;font-family:'Roboto', sans-serif; margin-top:30px;}

/* objednávka */
.order-personal-data-box {margin-bottom: 20px;}
.order-personal-data-box .data-nadpis{display: none;}
.registered-info{font-size: 12px; color:#ffad00; margin-bottom: 15px;}
.order-box{background-color: #383838; padding:15px; font-size: 14px;}
.order-box label{text-transform: uppercase; width: 90px; margin-right: 15px; display: inline-block;}
.order-box input {
	border: none;
	padding: 8px;
	margin-bottom: 5px;
	width: 248px;
	font-size: 14px;
}
.order-box input.invalid{outline:1px solid red;}
.order-box-note{display: none;}
.order-basket-summary {
	font-size: 22px;
	margin-bottom: 25px;
	margin-top: 10px;
}
.order-basket a.btn.btn-back{display: none;}
.order-basket .validation-errors,
.order-box-top .validation-message{display: none;}
.form-item-ConditionAgreement{margin-bottom: 15px;}
.form-item-ConditionAgreement label{font-size: 13px; margin-left: 5px;}
.form-item-ConditionAgreement .validation-message{font-size: 10px; color:gray;}
button.btn-go{border:none;background-color:#ffad00;color:#fff;font-weight:700;font-size:17px;padding:12px 28px;border-radius:9px;cursor:pointer; text-transform:uppercase;font-family:'Roboto',sans-serif; margin-top: 15px;}

.order-conversions{padding-top: 100px; padding-bottom: 100px;}
.order-conversions h1{margin-bottom: 60px; text-transform: uppercase;}
.order-conversions a{background-color:#ffad00;color:#fff;font-weight:700;font-size:15px;padding:10px 20px;border-radius:9px; text-transform:uppercase;font-family:'Roboto', sans-serif; margin-top:30px; text-decoration: none; display: inline-block;}
.dokonceni-txt{font-size: 14px; line-height: 22px;}

.orders{font-size: 14px; line-height: 22px; width: 100%;}
.order{background:#ececec;margin-top:4px;padding:8px;}
.seznam-head{font-weight:bold;padding:8px;background:#3e3e3e;color:#fff;}
.seznam-head span:nth-child(1),
.seznam-line span:nth-child(1){width: 110px; display: inline-block;}
.seznam-head span:nth-child(2),
.seznam-line span:nth-child(2){width: 110px; display: inline-block;}
.seznam-head span:nth-child(3),
.seznam-line span:nth-child(3){width: 110px; display: inline-block;}

.ordered-products .product-item{width:100%;display:inline-block;vertical-align:top;margin-right:0;margin-bottom:10px;border:1px solid #dedede;padding:16px;}
.ordered-products .product-item .product-item-img, .ordered-products .product-item .product-item-txt{display:none;}
.ordered-products .product-item .vid-more{margin-top:15px;padding-right:40px;color:#656565;}
.ordered-products .product-item a.download-video{float:right;display:block;background:#ffad00;color:#fff;text-transform:uppercase;font-weight:bold;padding:8px 18px;text-decoration:none;}
.ordered-products .product-item .product-item-nazev{margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;}


.page-membership_confirmemail .prihlaseni-o a{color:#e29a00;}

body.page-kategorie_detail-kategorie .download-video{display: none;}

.comgate-loga{display: inline-block; background-image: url(images/comgate-icons.png); width: 166px; height: 18px; vertical-align: middle; margin-left: 20px; margin-top: -2px; background-size: cover;}



