/** YOUR CSS HERE **/

body { background: transparent; min-height: 100%; font-family: 'Roboto', serif; color: #000; font-size: 17px; font-weight: 300; }

#content { position: relative; z-index: 2; }
main { position: relative; z-index: 2 }

.expectum-gradient { position: relative; z-index:0;}
.expectum-gradient .hero { position: relative; z-index:1;}
.expectum-subgradient { filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; position: absolute; left: 0; top:0; right:0; bottom: 0; z-index:1; background: transparent url(../images/layout/noise.png); }
#subpage .expectum-gradient .expectum-subgradient { min-height: 60px; }
#subpage .expectum-gradient { min-height: 60px;bottom: auto; }
.expectum-gradient .expectum-animation {position: absolute; left: 0; top:0; right:0; bottom: 0; z-index:0;
background: linear-gradient(133deg, #2868b8, #e85d53, #e6b018,#28b88a);background-size: 600% 600%;
-webkit-animation: expectum 20s ease infinite;-moz-animation: expectum 20s ease infinite;animation: expectum 20s ease infinite;
}
@-webkit-keyframes expectum { 0%{background-position:0% 5%} 50%{background-position:100% 96%} 100%{background-position:0% 5%}}
@-moz-keyframes expectum { 0%{background-position:0% 5%} 50%{background-position:100% 96%} 100%{background-position:0% 5%}}
@keyframes expectum { 0%{background-position:0% 5%} 50%{background-position:100% 96%} 100%{background-position:0% 5%}}

.navbar.scrolled { background: linear-gradient(133deg, #20ac5b 30%, #2868b8);background-size: 150% 150%;}

header {}
header .navbar-brand,.logo {  text-decoration: none;  font-size: 36px;    color: #fff;    font-weight: 700;    letter-spacing: -1px;    line-height: 0.7em; height: auto; font-family: 'Roboto', sans-serif;}
header .navbar-brand span,.logo span {     letter-spacing: -3px;  font-weight: 300; }
.navbar-brand:hover  { text-decoration: none !important; }
.navbar-brand .h1 { margin: 0; }
.navbar-default { border: 0; background-color: transparent; }
.navbar-default .navbar-nav > li > a, header .navbar-brand strong {    color: #fff; }
header .navbar-nav > li > a {    padding: 10px 0px;        color: #b7b7b7;    line-height: 24px;    font-weight: 400; }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.roboto { font-family: 'Roboto', sans-serif; }
.h2 { font-size: 50px; font-weight: 700; }

.hero { padding-bottom: 10rem; height: 85vh}
.hero h1 { font-size: 4rem; letter-spacing: -.075rem; margin-top: 5rem }
#subpage .hero { padding-bottom: 0rem;height: auto}
#subpage .hero h1 { margin: 8rem 0; font-size: 2.5rem; }

.navbar-expand-lg .navbar-nav .nav-link {    padding-right: 1rem;    padding-left: 1rem;}

.card.bg-light{background-color: #fff !important; border-color: #fff !important;box-shadow: 0 20px 100px rgba(0,0,0,.1);}
.card-body {    padding: 3rem; }
.card-title {    margin-bottom: 2rem;}
.card-deck .card {       transition: width .2s ease-in-out,margin .2s ease-in-out,transform .75s ease,-webkit-transform .75s ease; }

@media (max-width: 991.98px)
{
	.hero { height: auto }
	.hero h1 { font-size: 3rem; }
	.lead { font-size: 1rem; }
	.navbar-nav { text-align: center}
	.navbar-collapse {     padding-top: 2rem; }
	.navbar-collapse { background-color: #fff;padding: 1rem;text-align: center; border-radius: 2rem; margin-top: 1rem;  box-shadow: 0 20px 27px 0 rgba(0,0,0,.1);}
	.navbar-collapse .btn { display: block; text-align: center; margin: .75rem 1rem;  }
	.navbar-collapse .btn-outline-light {    color: #000;    border-color: #000; }
	.navbar-collapse .btn-link { color: #000; }
	.navbar-default .navbar-nav > li > a, header .navbar-brand strong {    color: #000;}

	#cta-banner { text-align: center;}
	#cta-banner .row>div { margin: 1rem 0}
	footer h3 { margin-top: 2rem }
	footer { text-align: center }
	.card.shadow-none .card-body { padding: 1rem}
	.h2 { font-size: 2.5rem; }
	#form.row {text-align: center}
	#form.row h3 { margin-top: 2rem}
	#getMeIco { position: static !important}
	header .navbar-brand, .logo {     font-size: 36px;    margin-left: 10px; letter-spacing: -1px;}
	header .navbar-brand span, .logo span {  letter-spacing: -2px;}
	.card-body {    padding: 2.5rem 1.25rem; }
}
@media (max-width: 380px)
{
	#homepage .hero { height: 85vh }
	.hero h1 { font-size: 2rem; }
	.lead { font-size: 1rem; }
	.card-body {    padding: 3rem; }
}

body.exp-blue, body.exp-red, body.exp-green, body.exp-silver { color: #3c3c3b;}
body.exp-blue .prefooter { background-color: #e9f0f8; }
body.exp-red .prefooter { background-color: #fcedec; }
body.exp-green .prefooter { background-color: #fcf6e6; }
body.exp-silver .prefooter { background-color: #c4c4c4; }

body.exp-blue .expectum-gradient .expectum-animation, body.exp-blue .prefooter { background: linear-gradient(133deg, #2868b8 30%, #e85d53); background-size: 100% 150%; -webkit-animation: none;-moz-animation: none;animation: none;  }
body.exp-red .expectum-gradient .expectum-animation, body.exp-red .prefooter { background: linear-gradient(133deg, #e85d53 30%, #e6b018);background-size: 150% 150%; -webkit-animation: none;-moz-animation: none;animation: none;  }
body.exp-green .expectum-gradient .expectum-animation, body.exp-green .prefooter { background: linear-gradient(133deg, #e6b018 30%, #20ac5b);background-size: 150% 150%; -webkit-animation: none;-moz-animation: none;animation: none;  }
body.exp-silver .expectum-gradient .expectum-animation, body.exp-silver .prefooter { background: linear-gradient(133deg, #20ac5b 30%, #2868b8);background-size: 150% 150%; -webkit-animation: none;-moz-animation: none;animation: none; }

.btn-link {    color: #fff; }
.nav-link {    color: #000;  }
a {    color: #000;}

.navbar-toggler { color: #000; border: 2px solid #fff; }
.navbar-toggler-icon {    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.card,.jumbotron,.mainImage { box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);background-color: #fff;background-clip: border-box;border: 0 solid rgba(0,0,0,.125);border-radius: 1rem; }
.rounded { border-radius: 1rem !important;  }
.jumbotron { padding: 3rem !important; }


.dokladMenu a {  box-shadow: 0 20px 27px 0 rgba(0,0,0,.05); border-radius: 1rem; }
.dokladMenu a>i { display: block; margin:0 auto; font-size: 1.5rem; }

.table-doklad > :not(:first-child) {    border-top: 0px solid currentColor;}
.table-doklad th {    font-size: 1rem;    font-weight: 400;    color: #ccc; }
.table-doklad th a { color: inherit }
.table-doklad > :not(caption) > * > * { vertical-align: middle; }

.ui-widget.ui-widget-content.ui-autocomplete {border-radius: .3rem;  box-shadow: 0 20px 27px 0 rgba(0,0,0,.05); margin-top:6px }
.ui-autocomplete.ui-menu .ui-menu-item-wrapper {    padding: .5rem 1rem;    display: block;    text-decoration:none; }

.produkty_sleva { width: auto; max-width: 75px}
.produkty_jednotka { width: auto; max-width: 75px}
.produkty_jednotky { width: auto; max-width: 75px}

.form-floating > label {    opacity: .65;}
.form-groupmy .invalid-feedback { display: none !important}
.toast-container {    z-index: 9999;}

.text-small { font-size: .75rem }
h1 { margin-bottom:30px}

td.break, th.break {
-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for WebKit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

.bg-exp1 { background-color: #20ac5b; background: linear-gradient(133deg, #20ac5b 30%, #2868b8); background-size: auto; background-size: 150% 150%;  -webkit-animation: none;-moz-animation: none; animation: none; position: relative;}
.bg-exp1 .red,.bg-exp1 .errorfont,.bg-exp1 label.error { color: #F8BDBD !important}
.expectum-subgradient { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;  background: transparent url(../images/noise.png);}

.has-error input { border: 2px solid red !important; }
.has-error select { border: 2px solid red !important; }
.has-error .help-block { color: red !important; }

/** CORE **/

.gallery { margin-right: -7px; margin-top: 10px;}
.gallery > a {   display: inline-block;  margin: 0 7px 7px 0; }

.marginT0 { margin-top: 0px !important;}.marginT, .marginT1 { margin-top: 10px !important;}.marginTT, .marginT2 { margin-top: 20px !important;}.marginTTT, .marginT3 { margin-top: 30px !important;}.marginTTTT, .marginT4 { margin-top: 40px !important;}.marginTTTTT, .marginT5 { margin-top: 50px !important;}.marginTTTTTT, .marginT6 { margin-top: 60px !important;}.marginTTTTTTT, .marginT7 { margin-top: 70px !important;}.marginTTTTTTTT, .marginT8 { margin-top: 80px !important;}
.marginB0 { margin-bottom: 0px !important;}.marginB, .marginB1 { margin-bottom: 10px !important;}.marginBB, .marginB2 { margin-bottom: 20px !important;}.marginBBB, .marginB3 { margin-bottom: 30px !important;}.marginBBBB, .marginB4 { margin-bottom: 40px !important;}.marginBBBBB, .marginB5 { margin-bottom: 50px !important;}.marginBBBBBB, .marginB6 { margin-bottom: 60px !important;}.marginBBBBBBB, .marginB7 { margin-bottom: 70px !important;}.marginBBBBBBBB, .marginB8 { margin-bottom: 80px !important;}
.marginR0 { margin-right: 0px !important;}.marginR, .marginR1 { margin-right: 10px !important;}.marginRR, .marginR2 { margin-right: 20px !important;}.marginRRR, .marginR3 { margin-right: 30px !important;}.marginRRRR, .marginR4 { margin-right: 40px !important;}.marginRRRRR, .marginR5 { margin-right: 50px !important;}.marginRRRRRR, .marginR6 { margin-right: 60px !important;}.marginRRRRRRR, .marginR7 { margin-right: 70px !important;}.marginRRRRRRRR, .marginR8 { margin-right: 80px !important;}
.marginL0 { margin-left: 0px !important;}.marginL, .marginL1 { margin-left: 10px !important;}.marginLL, .marginL2 { margin-left: 20px !important;}.marginLLL, .marginL3 { margin-left: 30px !important;}.marginLLLL, .marginL4 { margin-left: 40px !important;}.marginLLLLL, .marginL5 { margin-left: 50px !important;}.marginLLLLLL, .marginL6 { margin-left: 60px !important;}.marginLLLLLLL, .marginL7 { margin-left: 70px !important;}.marginLLLLLLLL, .marginL8 { margin-left: 80px !important;}

.paddingT0 { padding-top: 0px !important;}.paddingT1,.paddingT { padding-top: 10px !important;}.paddingT2,.paddingTT { padding-top: 20px !important;}.paddingT3,.paddingTTT { padding-top: 30px !important;}.paddingT4,.paddingTTTT { padding-top: 40px !important;}.paddingT5,.paddingTTTTT { padding-top: 50px !important;}.paddingT6,.paddingTTTTTT { padding-top: 60px !important;}.paddingT7,.paddingTTTTTTT { padding-top: 70px !important;}.paddingT8,.paddingTTTTTTTT { padding-top: 80px !important;}
.paddingB0 { padding-bottom: 0px !important;}.paddingB1,.paddingB { padding-bottom: 10px !important;}.paddingB2,.paddingBB { padding-bottom: 20px !important;}.paddingB3,.paddingBBB { padding-bottom: 30px !important;}.paddingB4,.paddingBBBB { padding-bottom: 40px !important;}.paddingB5,.paddingBBBBB { padding-bottom: 50px !important;}.paddingB6,.paddingBBBBBB { padding-bottom: 60px !important;}.paddingB7,.paddingBBBBBBB { padding-bottom: 70px !important;}.paddingB8,.paddingBBBBBBBB { padding-bottom: 80px !important;}
.paddingL0 { padding-left: 0px;}.paddingL,.paddingL1 { padding-left: 10px !important;}.paddingLL,.paddingL2 { padding-left: 20px !important;}.paddingLLL,.paddingL3 { padding-left: 30px !important;}.paddingLLLL,.paddingL4 { padding-left: 40px !important;}.paddingLLLLL,.paddingL5 { padding-left: 50px !important;}.paddingLLLLLL,.paddingL6 { padding-left: 60px !important;}.paddingLLLLLLL,.paddingL7 { padding-left: 70px !important;}.paddingLLLLLLLL,.paddingL8 { padding-left: 80px !important;}
.paddingR0 { padding-right: 0px;}.paddingR,.paddingR1 { padding-right: 10px !important;}.paddingRR,.paddingR2 { padding-right: 20px !important;}.paddingRRR,.paddingR3 { padding-right: 30px !important;}.paddingRRRR,.paddingR4 { padding-right: 40px !important;}.paddingRRRRR,.paddingR5 { padding-right: 50px !important;}.paddingRRRRRR,.paddingR6 { padding-right: 60px !important;}.paddingRRRRRRR,.paddingR7 { padding-right: 70px !important;}.paddingRRRRRRRR,.paddingR8 { padding-right: 80px !important;}

.strankovani a {   font-size: 14px; cursor: pointer; height:20px; display: inline-block; padding: 6px 10px;  letter-spacing: -1px;  margin-top:4px;  line-height: 20px;    text-decoration: none;  background: #641164 url("../images/layout/bgGray.png") no-repeat top left;  color: #000}
.ui-autocomplete { z-index: 9999 !important; }

.black { color: #000 !important;  }
.black a { color: #000 !important;  }
.red,.errorfont,.error { color: #E24A60 !important}
.errorfont { font-weight: bold}
.white { color: white }
a.white:hover { color: white }
.pink { color: #e24a60 }
.blue {color: #244ca5}
.lblue {color: #496bf3}
.green {color: #0fb398}
.gray {color: #808080}

.opacity100	{filter: alpha(opacity=100); -moz-opacity:1; opacity: 1;}
.opacity90	{filter: alpha(opacity=88); -moz-opacity:0.88; opacity: 0.8;}
.opacity70	{filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.7;}
.opacity50	{filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
.opacity30	{filter: alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}

.click { cursor: pointer}
.clickhover { cursor: pointer;}
.clickhover:hover { cursor: pointer;filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.7;}
.moveIT { cursor: move}

/* Classes */
.hide,.hidn,.form-inline .hidn { display: none}
.bold { font-weight: bold}
.uppercase { text-transform: uppercase }
.cls{clear:both;}
.rel { position: relative}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.ir{margin:0 0 3px 10px;border:3px solid #ACD146;}
.il{margin:0 10px 3px 0;border:3px solid #ACD146;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.captcha { width: auto !important;}
.wrong{text-decoration:line-through;}
.odd{background:#C7CCCC;}
.small { font-size: 10px;}
.normal { font-size: 14px; line-height: 16px}
.bigger { font-size: 16px; line-height: 24px}
.big { font-size: 25px; line-height: 26px; }
.huge { font-size: 34px; line-height: 36px; }
.hr { overflow: hidden; height: 1px; line-height: 1px; border-top: 1px solid #dbe1fd; border-bottom: 0px; margin: 30px 0 }
.decimal { font-size: 50% !important; display: inline !important;    line-height: 2em !important;   vertical-align: text-top;}
.fb_button { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 #8A9CC2 inset; color: #FFFFFF; background-color: #5B74A8; background-image: linear-gradient(#637BAD, #5872A7); border-color: #29447E #29447E #1A356E; -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-image: none;border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;font: normal 11px 'lucida grande',tahoma,verdana,arial,sans-serif;margin: 0;overflow: visible;padding: 0.3em 0.6em 0.375em;position: relative;text-align: center;text-decoration: none;white-space: nowrap;z-index: 1;}
.fb_button:hover {  background-color: #546892; background-image: linear-gradient(#546892, #475c88); color: #fff; }