/*1.3*/
@import url("../kryber/custom_admin_bootstrap.css");
@import url("../kryber/options.css");
@import url("../kryber/imce.css");
@import url("../kryber/languages.css");
@import url("../kryber/cssbox.css");
@import url("../kryber/bootstrap.css");
@import url("../kryber/sites_colors.css");
@import url("../kryber/fonts/font-awesome/css/font-awesome.min.css");

/* this version of FA we got :) -> https://fontawesome.com/v4.7.0/icons/ <- */
@font-face { font-family: 'FenomenSans-SCNSemiBoldItalic'; src: url('../fonts/FenomenSans-SCNSemiBoldItalic.eot'); src: local('˘'), url('../fonts/FenomenSans-SCNSemiBoldItalic.woff') format('woff'), url('../fonts/FenomenSans-SCNSemiBoldItalic.ttf') format('truetype'), url('../fonts/FenomenSans-SCNSemiBoldItalic.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FenomenSans-SCNSemiBold'; src: url('../fonts/FiraSansCondensed-Bold.eot'); src: local('˘'), url('../fonts/FenomenSans-SCNSemiBold.woff') format('woff'), url('../fonts/FenomenSans-SCNSemiBold.ttf') format('truetype'), url('../fonts/FenomenSans-SCNSemiBold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FenomenSans-SCNLight'; src: url('../fonts/FenomenSans-SCNLight.eot'); src: local('˘'), url('../fonts/FenomenSans-SCNLight.woff') format('woff'), url('../fonts/FenomenSans-SCNLight.ttf') format('truetype'), url('../fonts/FenomenSans-SCNLight.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FenomenSans-SCNBook'; src: url('../fonts/FenomenSans-SCNBook.eot'); src: local('˘'), url('../fonts/FenomenSans-SCNBook.woff') format('woff'), url('../fonts/FenomenSans-SCNBook.ttf') format('truetype'), url('../fonts/FenomenSans-SCNBook.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FenomenSans-SCNRegular'; src: url('../fonts/FenomenSans-SCNRegular.eot'); src: local('˘'), url('../fonts/FenomenSans-SCNRegular.woff') format('woff'), url('../fonts/FenomenSans-SCNRegular.ttf') format('truetype'), url('../fonts/FenomenSans-SCNRegular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FenomenSans-Regular'; src: url('../fonts/FenomenSans-Regular.eot'); src: local('˘'), url('../fonts/FenomenSans-Regular.woff') format('woff'), url('../fonts/FenomenSans-Regular.ttf') format('truetype'), url('../fonts/FenomenSans-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-MediumItalic'; src: url('../fonts/FiraSansCondensed-MediumItalic.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-MediumItalic.woff') format('woff'), url('../fonts/FiraSansCondensed-MediumItalic.ttf') format('truetype'), url('../fonts/FiraSansCondensed-MediumItalic.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-ExtraBold'; src: url('../fonts/FiraSansCondensed-ExtraBold.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-ExtraBold.woff') format('woff'), url('../fonts/FiraSansCondensed-ExtraBold.ttf') format('truetype'), url('../fonts/FiraSansCondensed-ExtraBold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-Light'; src: url('../fonts/FiraSansCondensed-Light.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-Light.woff') format('woff'), url('../fonts/FiraSansCondensed-Light.ttf') format('truetype'), url('../fonts/FiraSansCondensed-Light.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-Medium'; src: url('../fonts/FiraSansCondensed-Medium.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-Medium.woff') format('woff'), url('../fonts/FiraSansCondensed-Medium.ttf') format('truetype'), url('../fonts/FiraSansCondensed-Medium.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FiraCons-Regular'; src: url('../fonts/FiraSansCondensed-Regular.eot'); src: local('˘'), url('../fonts/FiraSansCondensed-Regular.woff') format('woff'), url('../fonts/FiraSansCondensed-Regular.ttf') format('truetype'), url('../fonts/FiraSansCondensed-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Hind-Bold'; src: url('../fonts/Hind-Bold.eot'); src: local('˘'), url('../fonts/Hind-Bold.woff') format('woff'), url('../fonts/Hind-Bold.ttf') format('truetype'), url('../fonts/Hind-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Hind-Regular'; src: url('../fonts/Hind-Regular.eot'); src: local('˘'), url('../fonts/Hind-Regular.woff') format('woff'), url('../fonts/Hind-Regular.ttf') format('truetype'), url('../fonts/Hind-Regular.svg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Gill'; src: url('../fonts/GillSansMTPro-Book.eot'); src: local('˘'), url('../fonts/GillSansMTPro-Book.woff') format('woff'), url('../fonts/GillSansMTPro-Book.ttf') format('truetype'), url('../fonts/GillSansMTPro-Book.svg') format('svg'); font-weight: normal; font-style: normal; }
html { overflow-y: scroll; }
html, body { height: 100%; min-height: 100%; width: 100%; display: table; position: relative; }
body { font-family: 'FenomenSans-SCNBook' !important; font-size: 16px; }
h1 { font-family: 'FenomenSans-SCNSemiBold'; }
em { font-family: 'FenomenSans-SCNSemiBoldItalic'; }
em strong, strong em { font-family: 'FenomenSans-SCNSemiBoldItalic'; font-weight: normal; }
.snow { background: #f5f5f5 }
.darksnow { background: #ddd; }
.dark { background: #545454; }
.white { color: white !important; }
.black, .black * { color: #2b2b2b !important }
.big { font-size: 36px; line-height: 40px }
.bigger { font-size: 30px; line-height: 40px }
.extrabold { font-family: 'FiraCons-Extra'; }
.bold, strong { font-family: 'FenomenSans-SCNSemiBold'; }
.light { font-family: 'FenomenSans-SCNLight'; }
.medium { font-family: 'FenomenSans-SCNSemiBold'; }
body:not(.i18n-en).not-front .field-name-body p:first-of-type { font-family: 'FenomenSans-SCNSemiBold' }
.width { width: 100% }
.minw-150 {min-width: 150px}
.preline { white-space: pre-line; }
.table { display: table; }
.capitalize { text-transform: capitalize }
.pointer { cursor: pointer }
.tduh:hover { text-decoration: underline; }
.twins * { display: inline-table; }
.inline *, .inline { display: inline-table; }
.inline-children-div > div { display: inline-table; }
.block-title { line-height: 27px; margin: 0 0 20px; font-family: 'FenomenSans-SCNSemiBold'; }
aside .block { margin: 0 0 20px; }
.region-sidebar .block-menu-block { background: #2b2b2b; }
.img-center { text-align: center; }
.img-center img { display: inline }
.img-round, .img-round img { border-radius: 60px }
.minh-45 { min-height: 45px }
.minh-100 { min-height: 100px }
.minh-150 { min-height: 150px }
.lh-18 { line-height: 18px }
.lh-24 { line-height: 24px }
.lh-36 { line-height: 36px }
.lh-48 { line-height: 48px }
.top { top: 0 }
.bottom { bottom: 0; }
.left { left: 0 }
.right { right: 0 }
.border { border-width: 1px; border-style: solid }
.border-2 { border-width: 2px; border-style: solid }
.bcw { border-color: white }
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.bbg { background: #808080 }
.table .table { background: none; }
.views-table th { font-size: 20px; }
.container-inline { white-space: nowrap; }
.i18n-en .hide_en,
.i18n-cs .hide_cs {display: none!important;}

.media-heading {font-size: 18px;}

@media screen and (min-width:1px) {
	.region-sidebar .block-menu-block { padding: 20px 20px 20px 35px; }
}
@media screen and (min-width:768px) {
	.region-sidebar .block-menu-block { padding: 10px 10px 10px 20px; }
}
@media screen and (min-width:992px) {
	.region-sidebar .block-menu-block { padding: 20px 20px 20px 35px; }
}
.region-sidebar .block-menu-block a { color: #d6d6d6 !important; cursor: pointer; }
.region-sidebar .block-menu-block a:hover { background: none !important; color: white !important; }
.region-sidebar .block-menu-block .active { color: white !important; position: relative; }
.region-sidebar .block-menu-block a.active:before { width: 0px; height: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #f00; content: " "; position: absolute; top: 9px; left: -4px; }
.region-sidebar .block-menu-block ul li ul { margin-left: 20px }
.menu-block-wrapper .dropdown-menu > .active > a { background: #f5f5f5 !important; color: black !important }
#menuUPCE .menu-block-wrapper .menu .open a.active-trail.active {}
.menu-block-5 {position: relative;}

section.arrowdown { position: relative; }
section.arrowdown:before { content: " "; display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; height: 20px; width: 20px; top: -5px; left: 50%; margin-left: -20px; }

/*
menu button example:
body[class*="domain-www"].i18n-cs...
domain name 			 language ("cs" or "en")
....menu.nav > div:nth-child(3) .megamenu div:nth-child(1) div.last a;
               third tree item       		  first column
*/
body[class*="domain-www"].i18n-cs .menu.nav > div:nth-child(3) .megamenu div:nth-child(1) div.last a { padding: 20px; margin-top: 20px; font-size: 18px; background: #ef1f1b; text-transform: uppercase; text-align: center; }
body[class*="domain-dfjp"].i18n-cs .menu.nav > div:nth-child(2) .megamenu div:nth-child(1) div.last a { padding: 20px; margin-top: 20px; font-size: 18px; background: #0046ae; text-transform: uppercase; text-align: center; }
body[class*="domain-fes"].i18n-cs .menu.nav > div:nth-child(2) .megamenu div:nth-child(1) div.last a { padding: 20px; margin-top: 20px; font-size: 18px; background: #009a3d; text-transform: uppercase; text-align: center; }
body[class*="domain-fei"].i18n-cs .menu.nav > div:nth-child(2) .megamenu div:nth-child(1) div.last a { padding: 20px; margin-top: 20px; font-size: 18px; background: #008291; text-transform: uppercase; text-align: center; }
body[class*="domain-ff"].i18n-cs .menu.nav > div:nth-child(2) .megamenu div:nth-child(1) div.last a { padding: 20px; margin-top: 20px; font-size: 18px; background: #ae6400; text-transform: uppercase; text-align: center; }
body[class*="domain-fcht"].i18n-cs .menu.nav > div:nth-child(2) .megamenu div:nth-child(1) div.last a { padding: 20px; margin-top: 20px; font-size: 18px; background: #98194e; text-transform: uppercase; text-align: center; }
body[class*="domain-fr"].i18n-cs .menu.nav > div:nth-child(2) .megamenu div:nth-child(1) div.last a { padding: 20px; margin-top: 20px; font-size: 18px; background: #703319; text-transform: uppercase; text-align: center; }
body[class*="domain-fzs"].i18n-cs .menu.nav > div:nth-child(2) .megamenu div:nth-child(1) div.last a { padding: 20px; margin-top: 20px; font-size: 18px; background: #007cb9; text-transform: uppercase; text-align: center; }

/*.view-chatbot {max-height: 400px;overflow: auto;}*/
#chatbot .block { position: relative; }
.view-chatbot .thread.paragraph .views-row { color: white }
.view-chatbot .thread.paragraph .views-row a { color: white; text-decoration: underline; }
.view-chatbot .thread.paragraph .views-row p { margin: 0; }
.view-chatbot .thread.paragraph .views-row:after { display: none; }
.view-chatbot li.views-row, .view-chatbot h3 { display: inline-block; padding: 15px 20px; border-radius: 5px; text-transform: uppercase; margin-right: 20px; min-width: 150px; text-align: center; }
.view-chatbot ul { margin: 0 }
.view-chatbot li.views-row { border-style: solid; border-width: 2px; position: relative; margin: 30px 20px 0 20px; }
.view-chatbot li.views-row .loading { display: none; }
.view-chatbot li.views-row .field-content, .view-chatbot li.views-row .loading-show { display: inline; }
.view-chatbot h3 { display: none; border: 2px solid #333; color: #333; margin-bottom: 30px; font-size: 18px; }
.view-chatbot .thread:first-of-type { display: block; margin-top: 0 }
.view-chatbot .thread { display: none; font-size: 18px; margin-left: 90px; cursor: pointer; }
.view-chatbot .thread ul { padding: 0; }
.view-chatbot .thread.active { display: block; }
.view-chatbot .thread.active p a { text-decoration: underline; }
.view-chatbot .thread.paragraph .loading { display: none !important; }
.view-chatbot .thread .views-row.fadeout { color: #ddd !important; border: 2px solid #ddd !important; background: white !important }
.view-chatbot .thread .views-row.fadeout:before { border-right: 20px solid #ddd; margin-left: -17px; }
@media screen and (min-width:992px) {
	.refresh { font-size: 50px; position: absolute; display: none; right: 0; bottom: -15px; }
}
@media screen and (max-width:991px) {
	.field-name-field-par-historie .photohandle, 
	.field-name-field-par-historie .photohandle > div { position: relative!important;width: 100% }	
	.field-name-field-par-historie .photohandle > div { padding: 20px!important; width: 100% }
}
@media screen and (min-width:992px) {
	.view-chatbot .view-content { width: 85%; margin: auto; }
}
.view-chatbot .thread .views-row:before, .view-chatbot .thread .views-row:after { content: ""; position: absolute; border-top: 15px solid transparent; border-bottom: 15px solid transparent; top: 23%; left: -5px; margin-left: -10px; }
.view-chatbot .thread .views-row:before { border-right: 20px solid; margin-left: -17px; }
.view-chatbot .thread .views-row:after { border-right: 20px solid white; margin-left: -14px; z-index: 1; }
#fas ul li { display: inline-block; margin-right: 20px; }

/* třes */
.shake { animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
.shake-long { animation: shake 5.82s cubic-bezier(.86, .57, .19, .97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
@keyframes shake {
	10%, 90% { transform: translate3d(-1px, 0, 0) }
	20%, 80% { transform: translate3d(2px, 0, 0) }
	30%, 50%, 70% { transform: translate3d(-4px, 0, 0) }
	40%, 60% { transform: translate3d(4px, 0, 0) }
}

@keyframes shake-long {
	10%, 90% { transform: translate3d(-400px, 0, 0) }
	20%, 80% { transform: translate3d(200px, 0, 0) }
	30%, 50%, 70% { transform: translate3d(-400px, 0, 0) }
	40%, 60% { transform: translate3d(400px, 0, 0) }
}

/* protočení */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	5% { -webkit-transform: rotate(20deg); }
	10% { -webkit-transform: rotate(80deg); }
	25% { -webkit-transform: rotate(300deg); }
	30% { -webkit-transform: rotate(550deg); }
	50% { -webkit-transform: rotate(800deg); }
	75% { -webkit-transform: rotate(955deg); }
	85% { -webkit-transform: rotate(1000deg); }
	95% { -webkit-transform: rotate(1060deg); }
	100% { -webkit-transform: rotate(1080deg); }
}
.spin { -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in; -webkit-animation-timing-function: linear; }
#chatbot svg { width: 67px; height: 67px; position: absolute; left: 0; bottom: 0; }
@-webkit-keyframes loading {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes loading {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.loading { text-align: center; margin: 100px 0 0 0; }
.loading span { -webkit-animation-name: loading; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -moz-animation-name: loading; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; }
.loading span:nth-child(1) { -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; }
.loading span:nth-child(2) { -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; }
.loading span:nth-child(3) { -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; }
.navbar-toggle { float: none; }

/* form elements */
/*input.form-control { line-height: 30px; height: 52px; border: 1px solid #545454; font-size: 18px; border-radius: 3px; margin-right: 20px; background: #f5f5f5 }*/
.btn { opacity: 0.9; padding: 15px 20px 15px 20px; text-transform: uppercase; font-family: 'FenomenSans-SCNSemiBold'; font-size: 16px; border-radius: 3px !important; border-width: 2px;/* Firefox */ -moz-transition: all 0.3s ease-in;    /* WebKit */ -webkit-transition: all 0.10s ease-in;    /* Opera */ -o-transition: all 0.10s ease-in;    /* Standard */ transition: all 0.10s ease-in; }
.btn-danger{ background-color:#f42710; border-color: #f42710 !important;}
.btn-danger:hover{border-color: #f42710 !important;}
.btn:hover { }*
.btn-default, .btn-info { border: 1px solid #2a2a2a; color: #2a2a2a; background: none; border-radius: 10px !important; }
.btn-default:hover, .btn-info:hover { border: 1px solid #2a2a2a; color: white; background: #2a2a2a; border-radius: 10px !important; }
.btn-primary { border: none; }
.btn-inverse { background: none; color: white; border: 2px solid white; }
.btn-inverse:hover { color: #2a2a2a !important; background: white }
.btn-white { background: white; }
.inner-addon .fa { position: absolute; padding: 10px; pointer-events: none; font-size: 18px; top: 9px; z-index: 999; }
.left-addon .fa { left: 10px; }
.right-addon .fa { right: 10px; }
.left-addon input { padding-left: 30px; opacity: 0.8; }
.right-addon input { padding-right: 30px; opacity: 0.8; }
input[type='checkbox'].form-checkbox { display: none }
input[type='checkbox'].form-checkbox+label .unchecked { display: inline }
input[type='checkbox'].form-checkbox+label .checked { display: none }
input[type='checkbox']:checked.form-checkbox { display: none }
input[type='checkbox']:checked.form-checkbox+label .unchecked { display: none }
input[type='checkbox']:checked.form-checkbox+label .checked { display: inline }
input[type='radio'].form-radio { display: none }
input[type='radio'].form-radio+label .unchecked { display: inline }
input[type='radio'].form-radio+label .checked { display: none }
input[type='radio']:checked.form-radio { display: none }
input[type='radio']:checked.form-radio+label .unchecked { display: none }
input[type='radio']:checked.form-radio+label .checked { display: inline }
.form-item.form-item-typ.form-type-radio.radio { margin-bottom: 5px; }
i.checked, i.unchecked { position: absolute; left: 0; width: 100%; font-size: 26px; }
.views-exposed-widgets { border: none; padding: 0; margin: 0 0 20px; background: none; }
.form-type-select { min-width: 240px; height: 52px; background: url("/eo/images/arrow_select.png") no-repeat right #f5f5f5; border: 1px solid #545454; }
.form-type-select select { background: transparent; min-width: 268px; padding: 5px 40px 5px 20px; border: 0; border-radius: 0; font-size: 18px; line-height: 1; height: 52px; -webkit-appearance: none; color: grey }
.pagination { width: 100%; }
.pagination > li > a, .pagination > li > span {color:#f42710 !important;}
.pager { width: 100%; display: table; }
.pagination > li > a, .pagination > li > span { padding: 15px ;}
.pagination, .pagination * { font-family: 'FenomenSans-SCNSemiBold'; border: none !important; background: none !important; font-size: 20px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: black !important }
.description { font-size: 85%; margin-top: 10px }
.description:before { content: "TIP:"; font-family: 'FenomenSans-SCNSemiBold'; }
.chosen-container-single .chosen-single span { font-size: 18px; padding: 7px; color: grey; }
select.form-control + .chosen-container.chosen-container-single .chosen-single { height: 50px; border: none; background-color: #f5f5f5; }
.views-exposed-form .views-exposed-widget { margin: 0 10px 15px 0; }
.views-exposed-widget .checkbox { padding-left: 30px; }

/* special for user search */
div#edit-a-wrapper { clear: both; }
.views-submit-button { clear: both; }

/* modal */
.modal { background: #00000073; }
/*.modal-body { width: 100% }*/
.modal-content, .modal-dialog { border: none; position: absolute; /*left: 45%*/; top: 30%; z-index: 999; background: none; box-shadow: none; }
@media screen and (min-width:1px) and (max-width:767px) {
	.modal-dialog { height: auto; width: 70%; margin: auto; left: -60px; }
	.inner-addon.width { width: auto }
	.modal-dialog .twins * { display: table; margin: 0 auto 20px; }
	/*.modal-content {left: 25%; }*/
	.pagination, .pagination * { font-family: 'FenomenSans-SCNSemiBold'; border: none !important; background: none !important; font-size: 16px;}
}
@media screen and (min-width:768px) {
	.twins * { width: 47%; }
	.modal-dialog { height: 400px; margin-top: -200px; width: 600px; margin-left: -300px; }
	.inner-addon.width { width: 100% }
	.pagination {font-size: 20px;}
	/*.modal-body { left: 20%; }*/
	.modal-login {width: 500px;}
}
.close { opacity: 0.7; transition: all 0.10s ease-in; }
.close:hover { opacity: 1 }

/* header */
header .logo { width: 300px; position: relative; }
header .logo .name { font-family: "FenomenSans-Regular"; position: absolute; color: black; font-size: 17px; letter-spacing: 1px; line-height: 19px; }
header .logo .name a { color: black; }
.login_label {color: #b9b9b9; font-family: 'FenomenSans-SCNBook';}
.login_label:before { width: 20px; height: 20px; margin-right: 5px; float: left; content: " "; background: url("/eo/images/lock_off.png") no-repeat; }
.login_label_on:before { width: 20px; height: 20px; margin-right: 5px; float: left; content: " "; background: url("/eo/images/lock_on.png") no-repeat; }
/*.login_label.hover:before { background: url("/eo/images/lock_off.png") no-repeat; }*/
header .logo-outline { max-height: 130px }
.service-menu { text-align: right; font-size: 16px; }
.hamburger-menu { font-size: 16px; font-family: 'FenomenSans-SCNSemiBold';}
@media screen and (min-width:1px) {
	header .logo { height: 50px;}
	header .logo svg { width: 50px; height: 50px }
	header .logo .name { left: 63px; bottom: 0; }
	footer .logo { height: 50px; padding-left: 15px;}
	footer .logo svg { width: 50px; height: 50px }
	footer .logo .name { left: 90px; bottom: 0; }
	
	.magnifier { position: absolute; right: 10px; top: 10px; }
	.language_link { position: absolute; right: 40px; top: 30px; }
	.service-menu { width: 100%; text-align: center;font-size: 15px; }
}
@media screen and (min-width:768px) {
	.magnifier, .language_link { position: inherit; right: inherit; top: inherit; }
	.service-menu { width: inherit; text-align: inherit; }
	.service-menu { padding-bottom: 10px; border-bottom: 1px solid #eee; }
}
@media screen and (min-width:992px) {
	header .logo { height: 95px; }
	header .logo svg { width: 95px; height: 95px }
	header .logo .name { left: 103px; bottom: 7px; width: 250px }
	footer .logo { height: 95px; }
	footer .logo svg { width: 95px; height: 95px }
	footer .logo .name { left: 130px; bottom: 7px; width: 250px }
}

/* menu */
.submenu { line-height: 20px; float: none; }
.icon-bar { background-color: white;  }
.hamburger { border: 1px solid black !important; margin: 15px 0 0 !important; float: none; padding: 15px !important; border-radius: 0 !important; }
.navbar-nav { margin: 0; font-family: 'FenomenSans-SCNLight'; }
.menu .dropdown { position: static; }
.menu .dropdown .dropdown-toggle { text-transform: uppercase; font-family: 'FenomenSans-SCNSemiBold'; }
.menu .open { background: #2b2b2b; }
.menu .open a { color: white !important }
.menu .open .dropdown-toggle { background: none !important; color: white; }
.menu .open .caret { color: #ee3727 }
.menu .caret { margin: -6px -12px 0 0; color: #ddd; position: absolute; right: 0; bottom: 0 }
.navbar-collapse { padding: 0 }
.leaf { display: table; }
.nav > li > a:hover, .nav > li > a:focus { background: none; }
#menuUPCE .menu-block-wrapper .menu .leaf a { font-family: 'FenomenSans-SCNBook'; }

/* smazat!!! */

/*.not-logged-in .special_sidebar .tabs--primary, 
.page-node-95190 #block-menu-block-1, 
#menuUPCE .menu-block-wrapper ul.menu.nav > li:first-child { display: none !important; }
#menuUPCE .menu-block-wrapper .menu .dropdown-toggle { text-transform: inherit; }*/
#menuUPCE .menu-block-wrapper .menu .dropdown { padding-right: 12px; padding-left: 12px; }
#menuUPCE .menu-block-wrapper .menu .dropdown-menu { left: inherit; margin: 0 0 0 -13px !important; font-size: 16px; line-height: 22px; font-family: 'FenomenSans-SCNBook'; background: #2a2a2a; color: white; }

/*#menuUPCE .menu-block-wrapper .menu .dropdown-menu { left: inherit; margin: 0 0 0 -13px !important; font-size: 16px; background: #2a2a2a; color: white; } */

/* vlastnosti jednosloupcového menu - přetlačení vlastností bootstrapu*/
.dropdown-menu { border-radius: 0px; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: underline; background-color: #2a2a2a; }
#menuUser .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: underline; background-color: white !important;}
@media screen and (min-width:768px) {
	#menuUPCE .menu-block-wrapper .menu .dropdown-menu { left: 13px; width: 100%; }

	/*#menuUPCE .menu-block-wrapper .menu .dropdown-menu { left: 0; width: 106%; }*/
	#menuUPCE .menu-block-wrapper .menu .open a { color: inherit !important; padding: 5px 20px }
	#menuUPCE .menu-block-wrapper .menu .open a.active-trail.active { color: black !important }
	#menuUPCE .menu-block-wrapper .menu .open .first { padding-top: 10px; }
	#menuUPCE .menu-block-wrapper .menu .open .last { padding-bottom: 10px; }
	#menuUPCE .menu-block-wrapper .menu .open > a { color: white !important; padding: 0 !important; }
	#menuUPCE .menu-block-wrapper .menu .open li { display: table; width: 100% }
	#menuUPCE .menu-block-wrapper li { display: inline-table; }
	#menuUPCE .menu-block-wrapper .menu.nav > li > a { color: #2b2b2b; font-family: 'FenomenSans-SCNSemiBold'; }
	#menuUPCE .menu-block-wrapper .menu.nav > li > a:hover { background: none; }
}
@media screen and (max-width:767px) {
	#menuUPCE .menu-block-wrapper .menu.nav > li { width: 100%; display: table; }
	#menuUPCE .menu-block-wrapper .menu.nav > li > a { color: white !important; }
	#menuUPCE .menu-block-wrapper .menu .dropdown-menu li a { color: white; }
	#menuUPCE .menu-block-wrapper .menu .dropdown-menu { left: inherit; margin: 0 0 0 -13px !important; font-size: 16px; background: grey !important; width: 105%; border-bottom: 1px solid #000000; padding: 20px 30px; text-transform: uppercase; }
	#menuUPCE .menu-block-wrapper .menu .open .dropdown-menu { position: static; }
	#menuUPCE .menu-block-wrapper .menu .open .dropdown-menu li { width: 100%; border-bottom: 1px solid grey; }
	#menuUPCE .menu-block-wrapper .menu .open .dropdown-menu a { width: 100%; padding: 10px; position: relative; }
	#menuUPCE .menu-block-wrapper .menu .open .dropdown-menu a:focus, #menuUPCE .menu-block-wrapper .menu .open .dropdown-menu a:hover { background-color: grey; }
	#menuUPCE .menu-block-wrapper .menu .dropdown-toggle, #menuUPCE .menu-block-wrapper .menu .leaf a { display: table; padding: 20px 30px; width: 100%; border-bottom: 1px solid grey !important; }
	#menuUPCE .menu-block-wrapper .menu .leaf a { padding-left: 40px; }
	.dropdown-backdrop { display: none; }
}
@media screen and (min-width:1px) {
	.menu .dropdown .dropdown-toggle { font-size: 16px; color: black; }
	.menu_root .collapse.in { background: #2b2b2b; padding: 20px 15px; }
	.menu_root .caret { display: none; }
	.menu .dropdown-toggle { display: table; padding: 20px 30px; width: 100%; border-bottom: 1px solid grey !important; }
	.menu .col-md-4, .menu .col-xs-12 { padding: 0 }
	.menu .menu-heading { background: grey !important; display: table; width: 100%; border-bottom: 1px solid #000000; padding: 20px 30px; text-transform: uppercase; }
	.submenu { display: none; line-height: 20px; float: none; padding: 0 15px !important; background: grey }
	.submenu a { padding: 20px 15px; display: table; width: 100%; border-bottom: 1px solid #636363; }
	.submenu .leaf { width: 100% }
	.submenu.showed { display: block; }
	
	.menu .megamenu { box-shadow: none; background: #2a2a2a; border-radius: 0; padding: 20px 20px 40px; margin: 0; width: 100%;}
	.megamenu a {color:white;}
	.subnabidky { display: none; line-height: 30px; float: none; padding: 0 15px !important; /*background: grey*/;width: 100%; font-size: 16px;}
	.subnabidky { padding: 20px 15px; display: table; width: 100%; border-bottom: 1px solid #636363; text-transform: uppercase;}
	.subnabidky a:hover {color: white; text-decoration: underline; }
	.subnabidky.leaf { width: 100% }
	.subnabidky.showed { display: block; }

	.dropdown-toggle:after, .menu-heading:after { content: "\f0dd"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; }
	.open .dropdown-toggle:after, .opened .menu-heading:after { content: "\f0de"; }
}
@media screen and (min-width:768px) {
	.menu a.menu-heading { background: none !important; line-height: 35px; color: white; font-size: 35px; padding: 15px 0 15px 15px; cursor: default; border: none; }
	.menu a.menu-heading:hover { text-decoration: none; }
	.menu .dropdown { padding: 15px 20px 15px 15px; margin-top: 20px; }
	.menu .expanded { display: inline-table; }
	.menu_root { float: right; }
	.menu .dropdown .dropdown-toggle { color: #2b2b2b; font-size: 14px; position: relative; }
	.menu .megamenu { box-shadow: none; background: #2a2a2a; border-radius: 0; padding: 10px 10px 20px; margin: 0; width: max-content !important; }
	.menu .megamenu a { color: white; }
	.menu_root .collapse.in { background: none; padding: inherit; }
	.menu_root .caret { display: inherit; }
	.menu .dropdown-toggle { display: inherit; color: white; padding: 0; width: inherit; border-bottom: inherit !important; }
	.menu .col-md-4, .menu .col-xs-12 { padding-right: 15px; padding-left: 15px; }
	.submenu { display: block !important; line-height: 20px; float: inherit; padding: inherit !important; background: inherit }
	.submenu a { padding: inherit; display: inherit; width: inherit; border-bottom: inherit; font-size: 16px; line-height: 22px; font-family: 'FenomenSans-SCNBook'; }
	.submenu .leaf { width: inherit }
	.subnabidky { display: block !important; line-height: 20px; /*float: inherit;*/ background: inherit;border-bottom: none !important; width: max-content !important; }
	.subnabidky a { display: inherit; width: inherit; font-size: 16px; /*line-height: 22px;*/ font-family: 'FenomenSans-SCNBook';}
	.subnabidky a:hover {color: white !important;}
	
	.dropdown-toggle:after, .menu-heading:after { display: none; }
	.hamburger { display: none; }
}
@media screen and (min-width:992px) {
	.menu .dropdown { padding: 30px 20px 0px 15px; margin-top: 0; }
}
@media screen and (min-width:1200px) {
	.menu .dropdown { padding: 30px 25px 0px 20px; }
	.menu .dropdown .dropdown-toggle { font-size: 16px }
}

/* icons, arrows etc */
.arrow_box { position: relative; background: #ddd; top: -20px; }
.arrow_box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #ddd; border-width: 25px; margin-left: -25px; }
.view-more, .view-more-white { margin: auto; display: block; text-align: center; }
.view-more a, .view-more-white a { padding: 20px 75px; margin: 20px auto; font-size: 18px; }
.view-more-white a { border-color: white; color: white !important; }
.view-more-small-white a { padding: 20px 35px; }

/*.view-more a:after, .view-more-white a:after { content: " ";}*/
.more_arrow_box { position: relative; background: #d50000; }
.btn-inverse .more_arrow_box { background: white; }
.more_arrow_box:after { left: 10px; bottom: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(213, 0, 0, 0); border-left-color: #ef271c; border-width: 12px; }
.btn-inverse .more_arrow_box:after { border-left-color: white; }
.btn-inverse:hover .more_arrow_box:after { border-left-color: #2a2a2a; }
.event_arrow { position: relative; background: #ffffff; }
.event_arrow:after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }

/* front banners & news */
.front img { display: block; width: 100%; height: auto; }
@media screen and (min-width:1200px) {
	.front #banners img, #banners.front img { display: block; width: 100%; height: 273px; }
}
.frontpage-banner-one { padding: 15px 0px 35px; z-index: 100; bottom: 0; margin-left: -15px;}
.news_title { position: absolute; background: rgba(230, 230, 230, 0.8705882352941177); }
.hide_akce #events, .hide_aktuality #news, .hide_socky #socials { display: none; }
.front #banners iframe { width: 375px; height: 273px }
@media screen and (min-width:1px) {
	.frontpage-banner-one { width: 100% }
	.banner_title, .news_title { bottom: 0; width: 100% }
	.news_title { padding: 20px 20px 0; z-index: 999; width: 100%; }
	.arrow { display: none; }
}
@media screen and (min-width:768px) {
	/*.frontpage-banner-one { width: 400px; }*/
	.banner_title, .news_title { bottom: 45px; }
	.news_title { padding: 35px; width: 400px; z-index: 999; }
	.arrow { display: block; position: absolute; right: -40px; bottom: 80px; height: 90px; }
	.not-front .arrow { display: block; position: absolute; right: -80px; bottom: 20px; height: 90px; }
	.arrow path { fill: white !important }
}
@media screen and (max-width:767px) {
	/*.frontpage-banner-one { margin-top: 263px; }*/
	.socials { margin: -50px 20px 10px 0; float: right; width: 100%; text-align: right; }
}

/*.banner_title * { color: white !important; }*/
.news_title * { color: black !important; }
.banner_title_pri { font-size: 50px; font-family: FenomenSans-SCNSemiBold; line-height: 48px; }
.news_title_pri { font-size: 30px; font-family: FenomenSans-SCNSemiBold; line-height: 35px; }
.banner_title_pri:after, .news_title_pri:after { content: " "; padding-top: 5px; display: block; /*width: 150px*/ ; width: 100%; border-bottom: 1px solid white; }
.news_title_pri:after { border-bottom: 1px solid black; }
.banner_title_sec, .news_title_sec { font-size: 25px; }
.view-display-id-news_four .view-content, .view-display-id-news_five .view-content, .view-display-id-news_six .view-content { background: white; padding: 65px 20px 20px; line-height: 27px; }
.event_title > a { color: black !important; font-size: 23px; font-family: FenomenSans-SCNSemiBold; line-height: 27px; }
.view-display-id-news_four .view-content a, .view-display-id-news_five .view-content a, .view-display-id-news_six .view-content a { color: black; font-size: 23px; font-family: FenomenSans-SCNSemiBold; line-height: 27px; }
.event_title { padding: 20px 20px 50px; background: white; -webkit-box-shadow: 0px -36px 67px -31px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px -36px 67px -31px rgba(0, 0, 0, 0.75); box-shadow: 0px -36px 67px -31px rgba(0, 0, 0, 0.75); }
.event_title .small { bottom: 20px; }
.frontbgimage { color: black; background-size: cover; background-position: 0 top; height: 560px; }
.banner_subtitle { background: rgba(255, 255, 255, 0.8784313725490196); padding: 20px; font-size: 20px; font-family: FenomenSans-SCNSemiBold; line-height: 27px; position: absolute; bottom: 0; }
.banner_subtitle a { color: black !important }
.banner_subtitle_tag { padding: 5px 15px; top: 10px; color: white; font-size: 16px; left: 0; font-family: 'FenomenSans-SCNBook'; z-index: 999; }
.banner_subtitle_tag a { color: white !important; font-size: 16px !important }
.banner_title a.block.uppercase { text-decoration: underline; font-size: 15px; }
.paragraphs-item-numbers-detail .field-name-field-jmeno { font-size: 16px; line-height: 25px; }
@media screen and (max-width:767px) {
	.paragraphs-item-numbers-detail .field-name-field-jmeno { margin-bottom: 10px }
	#block-views-node-dependents-statistiky { margin-left: -15px }
}
.field-name-field-kontakty .paragraphs-item-text { display: table; width: 100%; padding: 0 0 10px; font-size: 18px; }
.table.half { width: 50%; display: inline-block; float: left; text-align: center; min-height: 300px; }
.half h2 { font-size: 16px; font-family: 'FenomenSans-SCNSemiBold'; }
.half .col-sm-6 { padding: 0 20px; }
.full .fa { float: left; padding: 12px 20px 20px 0; }
#block-views-node-banners-banner { padding: 15px 35px 35px; position: absolute; z-index: 100; bottom: 35px; }
.field-name-field-shared-formular .socials { display: none; }

/*@media screen and (min-width:1px) {
  #block-views-node-banners-banner { top: inherit; bottom: 35px; width: 100% }
  .banner_title, .news_title { bottom: 0; width: 100% }
  .news_title { padding: 20px 20px 0; }
}*/
@media screen and (min-width:768px) {
	#block-views-node-banners-banner { width: 400px; }
}
#block-views-frontpage-banners-path, #block-views-frontpage-banners-pseudo-path { position: absolute; left: 0; top: 0; height: 560px; }
@media screen and (min-width:1px) {
	.frontbgimage { height: 263px; }
	#block-views-frontpage-banners-path, #block-views-frontpage-banners-pseudo-path { width: 100%; }
	.main-bener { margin-left: -30px !important; margin-right: -30px !important; padding-left: 0 !important; padding-right: 0 !important;}
	.baner img, .view-frontpage-actualities img, .banner_subtitle, .view-front-occasions img { width: 100%;}
	.view-front-occasions .views-row { margin-bottom: 20px; }
}
@media screen and (max-width:768px) {
	.baner img, .view-frontpage-actualities img, .banner_subtitle, .view-front-occasions img { width: 100%;}
	.news_title { position: relative; }
}
@media screen and (min-width:768px) {
	.frontbgimage { height: 463px; }
	.event_title { padding-bottom: 50px; margin-bottom: 30px; }
	.banner_subtitle { width: 100%; min-height: 94px; }
	.view-front-occasions .views-row { margin-bottom: 0; }
	.main-bener { height: 350px;padding-left: 0 !important; padding-right: 0 !important;margin-left: 0 !important; margin-right: 0 !important;}
}
@media screen and (min-width:992px) {
	.frontbgimage { height: 463px; }
	#block-views-frontpage-banners-path, #block-views-frontpage-banners-pseudo-path { width: 66%; }
	.event_title { padding: 20px; background: white; min-height: 200px; margin-bottom: 0; }
	.view-display-id-news_four .view-content, .view-display-id-news_five .view-content, .view-display-id-news_six .view-content { min-height: 170px; }
}
@media screen and (min-width:1200px) {
	.frontbgimage { height: 560px; }
	.event_title { min-height: 165px; }
}
.baner { z-index: 999; }

/* front multiple subsriptions, socials, study with us 

32 UPA
.form-item-newsletters-96633 DFJP
.form-item-newsletters-96638 FES
.form-item-newsletters-96639 FEI
.form-item-newsletters-96640 FF
.form-item-newsletters-96641 FChT
.form-item-newsletters-96642 FR
.form-item-newsletters-96643 FZS
*/
.front_subscr .form-type-checkbox { display: inline-table; margin: 15px 5px 15px 0; padding-left: 30px; }
.front_subscr .form-item-newsletters-96632, .front_subscr .form-item-newsletters-96633, .front_subscr .form-item-newsletters-96638, .front_subscr .form-item-newsletters-96639, .front_subscr .form-item-newsletters-96640, .front_subscr .form-item-newsletters-96641, .front_subscr .form-item-newsletters-96642, .front_subscr .form-item-newsletters-96643, .front_subscr .form-type-textfield label, .front_subscr #edit-unsubscribe { display: none; }
body[class*="domain-www"].i18n-cs .front_subscr .form-item-newsletters-96632 { display: inline-table; }
body[class*="domain-dfjp"].i18n-cs .front_subscr .form-item-newsletters-96633 { display: inline-table; }
body[class*="domain-fes"].i18n-cs .front_subscr .form-item-newsletters-96638 { display: inline-table; }
body[class*="domain-fei"].i18n-cs .front_subscr .form-item-newsletters-96639 { display: inline-table; }
body[class*="domain-ff"].i18n-cs .front_subscr .form-item-newsletters-96640 { display: inline-table; }
body[class*="domain-fcht"].i18n-cs .front_subscr .form-item-newsletters-96641 { display: inline-table; }
body[class*="domain-fr"].i18n-cs .front_subscr .form-item-newsletters-96642 { display: inline-table; }
body[class*="domain-fzs"].i18n-cs .front_subscr .form-item-newsletters-96643 { display: inline-table; }
.front_subscr .form-item-mail { margin-right: 20px }
.front_subscr .btn { border: none; color: white; }
.study_with_us { background: rgba(255, 255, 255, 0.7803921568627451); padding: 40px; }
#study_with_us .container { padding-right: 0 }
.study_with_us .btn-default { color: #2a2a2a; }
.study_with_us .btn-default:hover { color: white; }
@media screen and (min-width:768px) {
	.front_subscr .form-item-mail, .front_subscr #edit-subscribe { display: inline-table; width: 70% }
	.front_subscr #edit-subscribe { float: right; width: 25% }
}

/* banner nodes */
aside { background: white; min-height: 500px !important; }
.node_banner_title { background: white; position: absolute; bottom: 0; padding: 25px 30px; font-family: FenomenSans-SCNSemiBold; }
.node_banner_title_space { position: relative; }
.picture-block { width: 66%; }
.no-sidebar .picture-block { width: 100%; }
@media screen and (max-width:768px) {
	.picture-block { width: 100%; }
	.node_banner_title { width: 95%; }
	.node_banner_title_space { margin-top: 350px }
	.node_banner_title_space { margin-top: 350px }
}
.picture-block .bgimage { width: 100%; color: black; background-size: cover; background-position: 50% 50%; }
.no-sidebar .picture-block .bgimage { width: calc(1170px + (100vw - 1170px)/2 - 10px); color: black; background-size: cover; background-position: 50% 50%; }
@media screen and (max-width:1200px) {
	.no-sidebar .picture-block .bgimage { width: calc(970px + (100vw - 970px)/2 - 10px) }
}
@media screen and (max-width:992px) {
	.no-sidebar .picture-block .bgimage { width: calc(750px + (100vw - 750px)/2 - 10px) }
}
.node_tag { position: absolute; top: -27px; left: 0; font-family: 'FenomenSans-SCNBook'; background: red; font-size: 16px; padding: 5px 20px; color: white; }
.node_tag a { color: white !important }
.center-pos .bgimage { }
.top-pos .bgimage { background-position: top !important; }
.left-pos .bgimage { background-position: left !important; }
.right-pos .bgimage { background-position: right !important; }
.bottom-pos .bgimage { background-position: bottom !important; }

/*.special_sidebar { padding-top: 50px; }*/
.node .field-name-field-collapsed { display: none; }

/* flexible heights */
@media screen and (min-width:768px) {
	.node_banner_title { width: 66%; }
	.node_banner_title_space { height: 335px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; display: box; }
}
.picture-block .bgimage { height: 300px; margin-left:-1px  }
@media screen and (max-width:767px) {
	#block-views-node-banners-banner { position: relative; margin-left: -20px; }
}
@media screen and (min-width:768px) {
	.higherimage .node_banner_title_space { height: 485px; }
	.higherimage .picture-block .bgimage { height: 450px; }
	.higherimage #block-views-node-banners-banner { margin-top: 485px; }
}

/* views, akce */
.tip { background: #545454 }
.tip *, .tip .color { color: white !important; }
.view-akce-prehled .views-widget-filter-combine, .view-aktuality-prehled .views-widget-filter-combine { width: 100% }
.views-exposed-widget > label { display: none; }
.views-exposed-form { margin-bottom: 60px }
#akce-kontakt { display: table; width: 100%; }
#block-views-exp-user-search-page-1 { margin-top: 40px; }
.page-search .search-advanced { display: none; }
.more_pictures_number { width: 135px; height: 90px; text-align: center; vertical-align: middle; padding-top: 24px; }
.views-exposed-form .views-exposed-widget .btn { margin-top: 0;  /*  border: 1px solid red; color: red; */ }
.view-akce-prehled .view-footer .view-filters, .view-akce-prehled .view-calendar, .view-akce-prehled .view-calendar hr, .view-aktuality-prehled .view-footer .view-filters { display: none; }
.node-type-akce .field-name-body { min-height: 220px }
.node-type-akce:not(.page-node-edit) .field { margin-bottom: 0 }
.event_controler { margin-top: -40px }
.event_controler .glyphicon { font-size: 25px; }
.event_controler .glyphicon.active { color: red }
.calendar-calendar th.days, .calendar-calendar .month-view .full td.single-day .calendar-empty, .calendar-calendar .month-view .full td.single-day.empty, .calendar-calendar .month-view .full td.date-box.empty { background: #f5f5f5 }
.node span.date-display-single { margin-right: 8px; }
@media screen and (min-width:768px) {
	.akce_date { width: 13%; border-right: 1px solid grey }
	.akce_header .title { width: 75% }
	.akce_date.dlouhe_datum { width: 27%; }
	.akce_header .title.dlouhe_datum { width: 65% }
	.tip .akce_header .title.kratke_datum { width: 55% }
	.tip .akce_header .title.dlouhe_datum { width: 45% }
	.view-akce-prehled .views-widget-filter-combine, .view-aktuality-prehled .views-widget-filter-combine { width: 54% }
	.view-calendar .pagination { position: absolute; right: 0; width: auto }
	.no-sidebar.not-front.page-node header .container:after { content: ""; position: absolute; left: 100%; height: 550px; background: white; z-index: 999 }
}
.view-search-content { padding: 0 }
.view-search-content .view-header, .view-user-search .view-header { font-size: 20px; margin-top: -55px }
.tape { box-shadow: inset 0 0 1em 0.5em hsla(0, 0%, 100%, .1); position: absolute; right: -54px; top: 0; line-height: 18px; color: white; text-align: center; transform: rotate(40deg); background: red; padding: 15px 71px 15px 64px; -webkit-filter: drop-shadow(0 1px 1px hsla(0, 0%, 0%, .3)); z-index: 999; font-size: 19px }

/* kontakty */
.user-picture { display: inline-block; position: relative; width: 100px; overflow: hidden; border-radius: 10%; }
.user-picture img { width: 100px; height: auto; }
.noimage { opacity: 0.5; filter: alpha(opacity=50); }
.auser-picture img { border-radius: 70px; display: inherit; }
.darksnow-tabs > li.active > a, .darksnow-tabs > li.active > a:hover, .darksnow-tabs > li.active > a:focus, .darksnow-tabs > li > a:hover { color: #343434 !important; background-color: #ddd; border: 1px solid #ddd; border-radius: 0; }
.contact-card { height: 350px; margin-bottom: 40px; }
.contact-card svg { width: 100px; height: 100px }
.contact-card a { color: black !important }
.contact-card a:hover { text-decoration: none; }
.contact-list-name { width: 90%; }
.contact-list-name .table { line-height: 20px }

/* nodes*/
.breadcrumb { color: #777; }
.field-name-field-tags .field-item { display: inline-table; padding: 5px 10px; background: black; color: white; margin: 0 10px 0 0; font-size: 13px; }
.field-name-field-tags a { color: white !important; }
.media img { max-width: inherit }
.copyx { display: none !important; }
div.addeventatc { font-family: 'FenomenSans-SCNBook' !important; font-size: 16px !important; }
.event_desc.byl .addeventatc { display: none; }
.breadcrumb { background: none }
.panel-group { margin-bottom: 0; }
.entity-paragraphs-item .panel-group { margin-bottom: 10px; }
.panel-group .panel { border-radius: 4px; }
.panel-default > .panel-heading { background: white; border: 2px solid; text-transform: uppercase; font-size: 16px; font-family: 'FenomenSans-SCNSemiBold'; padding: 20px; }
.panel-collapse .node_banner_title_space, .panel-collapse .node > h2 { display: none; }
.panel-title .field-name-field-area-title { font-size: 16px; font-family: 'FenomenSans-SCNSemiBold' }
.field-name-field-article-type { display: none; }
.duplicate { border: 1px solid #dddddd; padding: 10px; background: #dddddd; margin-top: 40px }
.duplicate ul { padding: 0 0 0 10px; margin: 0; }
.duplicate li { list-style-type: none; }
.duplicate * { display: inline-table; }
@media screen and (max-width:767px) {
	.node .content .table-responsive > .table > thead > tr > th, .node .content .table-responsive > .table > tbody > tr > th, .node .content .table-responsive > .table > tfoot > tr > th, .node .content .table-responsive > .table > thead > tr > td, .node .content .table-responsive > .table > tbody > tr > td, .node .content .table-responsive > .table > tfoot > tr > td { white-space: inherit; }
}
.file a:before { font-family: FontAwesome; position: absolute; left: -30px; font-size: 22px; top: -4px }
.file a:before { content: "\f016"; }
.file a[href$="pdf"]:before { content: "\f1c1"; }
.file a[href$="ppt"]:before { content: "\f1c4"; }
.file a[type*="image"]:before { content: "\f1c5"; }
.file a[href$="txt"]:before { content: "\f0f6"; }
.file a[href$="doc"]:before { content: "\f1c2"; }
.file a[href$="xls"]:before { content: "\f1c3"; }
.file a[href$="pdf"], .file a[href*="ppt"], .file a[type*="image"], .file a[href*="txt"], .file a[href*="doc"], .file a[href*="xls"] { display: table; margin-left: 35px; position: relative; }
.file a[href*=".pdf"]:after { content: " - PDF"; }
.file a[href*=".doc"]:after { content: " - Word"; }
.file a[href*=".xls"]:after { content: " - Excel"; }
.node .field-type-file table td { padding: 0; border: none; background: white; white-space: nowrap; }
.node .field-type-file table td:first-child { white-space: normal; position: relative; }

/*přebíjí velikost sbalených paragrafů ... 
.paragraphs-items-full .field-name-field-area-title {font-size: 18px;font-family: FiraCons-Medium;} */
.page-user .view-profil-kontakt .view-display-id-block_1 { display: none; }

/*přebíjí pouze u samostatného zobrazení sdílených dokumentů, aby text nebyl uvnitř obrázku */
.node-type-share-docs .node.node-share-docs { margin-top: 290px; }

/* webform */
.nohide > label.control-label { display: inline-block; width: 165px; }
.webform-component-textfield > label { display: none; }
@media screen and (max-width:767px) {
	.webform-client-form .webform-component { margin: 20px 0 }
}
@media screen and (min-width:768px) {
	.webform-client-form .input-group-addon { width: 180px !important; }
	.webform-component { display: table; width: 100%; }
	.webform-client-form .input-group { width: 100%; }
}
.webform-client-form .input-group-addon { text-align: left; }
.webform-datepicker .form-item, .webform-datepicker .form-select { width: auto !important; min-width: 100px; margin-right: 5px; display: inline-table !important; }
.webform-datepicker .chosen-container { display: none !important; }
.webform-component > .control-label { padding: 19px 12px; margin-right: 0; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border-radius: 4px; float: left; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; width: 180px !important; }
.webform-component-select .chosen-container-single, .webform-component-select select, .webform-component-email input { width: auto !important; min-width: 300px; }
.webform-component-email input { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.webform-client-form .form-type-radio { padding-left: 30px; }
.webform-component-email > .control-label { margin-right: 0; border: 1px solid #ccc; padding: 19px 12px 17px; border-right: none; }
.webform-component-email .form-email::-webkit-input-placeholder { color: transparent; }
.webform-component-email .form-email:-moz-placeholder { color: transparent; }
.webform-component-email .form-email::-moz-placeholder { color: transparent; }
.webform-component-email .form-email:-ms-input-placeholder { color: transparent; }
.webform-component-checkboxes .form-item { padding-left: 30px; margin: 0 0 10px 20px; }
.webform-component-radios .radio label, .webform-component-checkboxes .checkbox label { min-height: 15px; }
.webform-component-checkboxes > label.control-label, .webform-component-textarea > label.control-label { border: 1px solid #ccc; }
.webform-component-radios .form-radios, .webform-component-checkboxes .form-checkboxes { display: table; }
@media (min-width:768px) {
	.form-inline .form-control { display: block; }
}

/* special paragraphs */
.paragraphs-item-trojreference { background: #f5f5f5; position: relative; z-index: 999; text-align: center; display: table; }
.paragraphs-item-trojreference:before { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; content: " "; background: whitesmoke; }
.paragraphs-item-trojreference:before { left: -100%; }
@media screen and (min-width:768px) {
	.field-name-field-tri-reference > .field-items > .field-item { width: 33%; display: inline-table; }
}
.field-name-field-odstavec > .field-items > .field-item { display: table; width: 100%; margin-bottom: 20px }
.inherit_display_width { display: inherit !important; width: auto !important; }
.photohandle { width: 180px; }
.photogroup img { margin: 0 7px 7px 0; }
.photogroup > div { display: inline; }
.field-name-field-par-historie > .field-items > .field-item { width: 100%; min-height: 60px; background: whitesmoke; margin-bottom: 20px; }
.rok { color: white; width: 50px; z-index: 999; display: table; height: 100%; text-align: center; }
.field-name-field-par-historie .field-name-field-text { padding: 25px 25px 25px 210px; min-height: 130px; }
.field-name-field-par-historie .field-name-field-fotka { position: absolute; }
.field-name-field-fotky .field-item { display: inline-table; margin-right: 10px; margin-bottom: 10px; }
.node .content .field-name-field-fotky { margin-top: 40px; margin-bottom: 40px; }
.field-name-field-kontakty .field-name-field-jmeno  .field-item { clear: both; padding-top: 30px; margin-top: -30px; }
@media screen and (max-width:767px) {
	.field-name-field-par-historie .field-name-field-fotka { position: relative; }
	.field-name-field-par-historie .field-name-field-text { padding: 20px; }
	.content > .field-name-field-fotka img { width: 100%; margin: 10px 0; padding-right: 15px; }
}
.inline-sum-small { width: 50px; height: 50px; }

/* socials */
.soc-facebook { fill: #435d96; }
.soc-twitter { fill: #57acef; }
.soc-reddit { fill: #e24268; }
.soc-youtube { fill: #bb212d; }
.soc-linkedin { fill: #007ab3; }
.soc-ezpravodaj { fill: #c91f22; }
.socials * { color: #545454; }
.social-block .views-field { margin-right: 10px; }
.social-block svg { margin-right: 10px; }
.panel-group .socials { display: none; }
#socials #ezpravodaj g { fill: #c91f22 !important; }
#socials #ezpravodaj line { stroke: #c91f22 !important; }
@media screen and (min-width:768px) {
	footer .social-block svg { width: 37px; height: 37px }
	.socials { left: -70px; position: absolute; }
}
@media screen and (min-width:1200px) {
	footer .social-block svg { width: 44px; height: 44px }
}
@media screen and (max-width:767px) {
	.socials .soc-icon { display: inline; }
}

/* footer */
footer { background: #333333; position: relative; margin-top: 50px;}
footer .socials_white g { fill: white }
footer .socials_white line { stroke: white }
footer * { color: white !important }
footer ul { padding: 0 0 0 20px; }
footer ul li { list-style-type: circle; }
footer .footer_line { position: absolute; width: 100%; height: 1px; top: 88px; background: #6f6f6f; }
footer .logo .name { font-family: "FenomenSans-Regular"; position: absolute; color: white; font-size: 17px; letter-spacing: 1px; line-height: 19px; }

@media screen and (max-width:767px) {
	footer .footer_line { display: none; }
}
.not-front footer { margin-top: 60px }
.footer_servives { z-index: 999; padding-top: 13px; padding-left: 30px; }
.footer_servives h4 { margin-top: 37px }
.red_bg_line { height: 100%; min-height: 100%; position: absolute; top: 0; right: 0; z-index: 1; bottom: 0; width: 32%; }
.back_to_top { position: fixed; right: 50px; z-index: 999; bottom: 50px; font-size: 40px; display: none; opacity: 0.7; }
.back_to_top:hover { opacity: 1 }
.back_to_top a { border: 2px solid #ddd; padding: 15px 20px 12px; border-radius: 50px; color: #ddd !important }
.drupalarts_copyright img { width: auto; display: inline; }
@media screen and (min-width:1px) {
	.red_bg_line { display: none; }
}
@media screen and (min-width:768px) {
	.red_bg_line { display: block; }
}
@media screen and (min-width:1px) {
	.obr-banner-big{height: unset}
	.main-bener {height: unset;}
}
@media screen and (min-width:768px) { 
	.obr-banner-big{height:350px}
	.main-bener {height: 350px;}
}
@media screen and (min-width:992px) {

}
@media screen and (min-width:1200px) { 
}

/* contextual regions exeptions */
section#block-views-footer-lists-faq, section#block-views-footer-lists-promo, section#block-views-frontpage-banners-banner-one, section#block-views-frontpage-banners-pseudo-banner-one { position: initial; }
.field-name-field-sou-st-nov-ho-webu-2018, .i18n-en #views-exposed-form-user-search-page-1 .views-widget-filter-field_zamereni_tid { display: none; }

/*V IE se chybně používá property max-width bez nastavené width*/
.paragraphs-item-fotogalerie img { width: 100%; }

/* ve stránce https://www.upce.cz/newsletter/subscriptions byl text v zaškrtávacích polích */
div#edit-newsletters.form-checkboxes .form-type-checkbox.checkbox { padding-left: 28px; }

/* tlačítka na overlay pro přihlášení/rozcestník */
.button-login { margin: 5px; margin-left: 20px; margin-right: 20px; }

/* menší rozpad menu */
aside .nav > li > a { padding: 5px 15px; }
.pseudomenu a { color: black !important; text-transform: uppercase; color: #2b2b2b; padding: 30px 25px 30px 20px !important; font-family: 'FenomenSans-SCNSemiBold'; }
.pseudologo svg g { fill: #808080 !important; }

/* obarvení pseudomenu v hamburgeru */
@media screen and (max-width:767px) {
	.pseudomenu a { font-size: 16px; color: white !important; }
	.pseudomenu a:hover { text-decoration: underline !important;}
}

/*úprava výšky zobrazení popisku fotky ve zobrazení css-box*/
.cssbox_caption { margin-top: -6em !important; margin-bottom: 2em; }

/* datum v novince a tiskovce */
.datum-novinky { font-size: 18px; font-style: italic; float: left; padding-top: 2px; margin-right: 10px; }
.datum-tiskovky { font-size: 18px; font-style: italic; }
.float-clear { clear: both; }
#block-upce-life-upce-life-add-node { background: whitesmoke; position: relative; padding: 20px 20px 20px 50px; margin: -20px 0 40px; }
#block-upce-life-upce-life-add-node > a:after { font-family: FontAwesome; content: "\f0e8"; display: inline-table; transform: rotate(90deg); margin-left: 5px; font-size: 30px; position: absolute; right: 20px; top: 10px; color: #ccc; }
.translation-block {min-width: 180px}
.translation-block .links li { padding-right: 0 }
.translation-block .fa-language { color: #ccc }
@media screen and (max-width:800px) {
	.translation-block * { display: inline-table; background: none; padding: 0 !important }
	.translation-block .links li { padding-left: 5px !important }
	.translation-block { text-align: right; padding: 0 20px 10px 0 !important; float: none !important; min-width: inherit; }
	.translation-block i { display: none; }
}
.vh-10{height: 10vh; text-align: center;}
.vh-12{height: 150px; text-align: center;}
.vh-25{height: 25vh; text-align: center;}
.vh-55{height: 500px;}
.red-autor{color: #f42710;font-family: 'FenomenSans-SCNSemiBold'; font-size: 16px; padding-top: 0px; }
.red{color: #f42710;font-family: 'FenomenSans-SCNSemiBold'; font-size: 16px; padding-top: 15px; }
.nahled {border: 1px solid #eee;}
.nahled-pub {border: 1px solid #eee;}
.nastred{  height: 100%;display: flex; align-items: center;	justify-content: center;}
.kosik{width: 70px; margin-top: 8px;}
.kosik svg{fill: #f42710;}
.kosik_mob{width: 70px;}
.kosik_mob svg{fill: #f42710;}
.input-search{background: white !important ; border-color: #f42710 !important; background: url("/eo/images/svg/search.svg");}
.input-search:focus{border-color: #f42710; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #f42710;}
.prefooter{min-height: 200px; background-color:#808080; padding-top: 20px; padding-bottom: 20px;}
.paticka{padding-top: 20px; padding-bottom: 20px;}
.next-row{min-height: 10px; /*background-color: #d1d1d1;*/ padding-bottom: 13px;} 
.next-row svg{width: 30px; fill:#808080; position: relative; top: 0.7em;}
.next-row a{color: #808080;}
.ml-15{margin-left: -15px;}
#menuUPCE .dropdown:hover .dropdown-menu {display: inline-block;}
.nav > li > a:hover, .nav > li > a:focus {
    background-color:white !important;
}
.drobecky{min-height: 10px; background-color: #eeeeee; font-size: 12px; padding:5px 0 5px 0;color: #9c9c9c } 
.drobecky svg{width: 20px; fill:#808080; position: relative; top: 0.2em;}
.drobecky a{color: #808080;}
.drobecky a:hover,a:active,a:link a:visited{color: #8080809d; text-decoration: none;}

.detail-zbozi h1 { font-family: 'FenomenSans-SCNSemiBold' !important; }
.detail-zbozi input { text-align: center; }
.cena {font-size: 20px;}
.cena-border { border-width: 1px; border-style: solid; border-color: #f42710; border-radius: 5px; background-color: #eeeeee; padding: 5px 20px 5px 0px;}
.kosik-detail{width: 55px;}
.kosik-detail svg{fill: white;}
.up{text-transform: uppercase;}
.obr-detail{width: 300px;}
.obr-banner{width: 350px; height:350px}
/*.obr-banner-big{height:350px}*/
@media screen and (max-width:768px) {
	.obr-detail{width: 200px;}
	.obr-banner{width: 100%; height: auto;} 
	.obr-banner-big{width: 100%;}
	.text-xs-center {text-align: center;} 
	
}

#filtr input{
	line-height: 30px;
	height: 30px;
	border: 1px solid
	#f42710;
	font-size: 14px;
	border-radius: 3px;
	margin-right: 20px;
	background:
	#f5f5f5;
}
#filtr input:focus{	border-color: #f42710; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #f42710;}
.pd0{padding: 0px !important}
#vsechno{min-height: 50vh;}
#modalSubmit{display: none;}
.modal-upa-submit {
	/*background-image: url("/eo/images/svg/logo.svg");
	background-repeat: no-repeat;*/
	border-radius: 50%;
	margin: 40px;
	height: 80px;
	width: 80px;
  
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
  }
.modal-upa-submit p {
	padding-left: 100px;
    padding-top: 40px;
}

@keyframes pulse {
	0% {
	  transform: scale(0.95);
	  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
  
	70% {
	  transform: scale(1);
	  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
  
	100% {
	  transform: scale(0.95);
	  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
  }
.modal-logo {
	height: 165px; 
	width: 165px;
	margin-top:50vh;
	margin-left:auto;
	margin-right:auto;
}
.modal-login {
	/*height: 300px; */
	/*width: 500px;*/
	/*margin-top:40vh;*/
	margin-left:auto;
	margin-right:auto;
}

.modal-gdpr {
	top: 0;
	margin-left:auto;
	margin-right:auto;
	width: 80% !important;

}

.modal-del {
	top: 20vh;
	margin-left:auto;
	margin-right:auto;
	width: 50% !important;

}
.check-star {
	background-image: url("../images/svg/star-solid.svg");
	background-repeat: no-repeat;
	padding: 0;
	background-size: 20px;
	height: 100%;
	position: absolute;
	top: 70%;
	right: 10px;
	margin-top: -10px;
	margin-right: 25px;
	height: 20px;
	width: 20px;
	opacity: 1;
}

.check-true {
	background-image: url("../images/svg/check-solid.svg");
	background-repeat: no-repeat;
	padding: 0;
	background-size: 20px;
	height: 100%;
	position: absolute;
	top: 70%;
	right: 10px;
	margin-top: -10px;
	margin-right: 25px;
	height: 20px;
	width: 20px;
	opacity: 1;
}
.check-false {
	background-image: url("../images/svg/times-solid.svg");
	background-repeat: no-repeat;
	padding: 0;
	background-size: 15px;
	height: 100%;
	position: absolute;
	top: 70%;
	right: 10px;
	margin-top: -23px;
	margin-right: 25px;
	height: 20px;
	width: 20px;
	opacity: 1;
}

.check-false-text{
	color: #f42710;
	font-style: italic;
}

.wd-100{width: 100%}
.btn-danger{
	background-color: #f42710 !important;
}
.dlazdice-popis{height: 115px; text-align: center;}
.dlazdice-nazev{font-size: 17px; font-family: FenomenSans-SCNLight;}
.dlazdice{height: 450px;}
.text-center{text-align: center;}
.bg-objednavky {	background-color: #eeeeee;}
.border-b{border-bottom: 1px solid #eeeeee;}
.float-l{float:left;}
.login_link{font-family: 'FenomenSans-SCNSemiBold';}
.prefooter{font-family: FenomenSans-SCNBook}
.kniha-pocet{height: 43px;margin-top:-1px;}
.kniha-kosik{height: 40px;}
.uppercase{text-transform: uppercase;}
.btn-search{text-transform: uppercase;font-family: 'FenomenSans-SCNSemiBold';opacity: 0.9;}
.pocet_kosik{
	background-color: #808080; 
	color: white;
	text-align:center;
	min-width: 20px; 
	border-radius: 50%;
	font-size: 12px;
	padding-top: 3px; 
	position: absolute;
	top: 1px;
	right: 17px;
}
.pocet_kosik_mob{
	background-color: #808080; 
	color: white;
	text-align:center;
	min-width: 20px; 
	border-radius: 50%;
	font-size: 12px;
	padding-top: 3px; 
	position: absolute;
	top: 1px;
	left: 35px;
}
.mobil-menu{
	font-size: 16px;
	color:black;
	text-transform: uppercase;
	font-family: 'FenomenSans-SCNSemiBold';
	display: table;
	padding: 20px 30px !important;
	width: 100%;
	border-bottom: 1px solid grey !important;
	margin: 0px !important;
}
.kolecko{
	background-color: #514e4ea1; 
	text-align: center;
	padding-top: 8px;
	width: 40px; 
	height: 40px; 
	border-radius: 50%;
	margin-top: 30px;
}
.podminky OL { counter-reset: item }
.podminky LI { display: block }
.podminky LI:before { content: counters(item, ".") " "; counter-increment: item }

.zoom {
  transition: transform 0.5s; /* Animation */
}

.zoom:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.open_detail{cursor: pointer;}

.flt-rigth{float:right};

/*AUTOCOMPLETE*/
.input-field {
  position: relative;
  width: 300px;
}

.input-field input {
  width: 100%;
  padding: 8px 8px 8px 32px;
  box-sizing: border-box;
}


.suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  /*max-height: 200px;*/
  overflow-y: auto;
  display: none;
  z-index: 1000;
}

.suggestions a {
  color: #000;
}

.suggestions a:hover {
  color: #000;
}

.suggestions div {
  padding: 8px;
  cursor: pointer;
	font-size: 20px;
}

@media screen and (max-width:768px) {
	.suggestions div { font-size: 15px; }
}


.suggestions img {
  padding-right: 10px;
}

.suggestions div:hover {
  background-color: #f0f0f0;
}