/** YOUR CSS HERE **/
:root {
  --blue_dark: #003FA5;
  --blue: #003FA5;
  --blue_light: #ECEFFF;
  --red: #F12E49;
  --fontP: 'Roboto', sans-serif;;
  --fontS: 'Roboto Mono', monospace;
  --bs-body-font-size: 16px;
  --bs-border-color: #ccc;
  --bs-border-width: 2px;
}

.navbar-brand {
  font-family: var(--fontS);
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  height: 100%;
  line-height: 2rem;
  text-decoration: none;
  color: var(--red);;
  font-weight: 700;
}

.navbar-brand span {
  display: inline-block;
  padding-bottom: 1px;
  margin-left: .75rem;
  vertical-align: middle;
  line-height: 1.5rem;
  font-weight: 700;
}

html { font-size: var(--bs-body-font-size); }
body {font-family:  var(--fontP); font-size: var(--bs-body-font-size); }
.bg-blue { background-color: var(--blue_dark) !important;}
.text-blue { color:  var(--blue_dark);}
.text-red {  color:  var(--red);}
.bg-blue-light { background-color:  var(--blue_light);}
h1,h2,h3,.nav-link,.navbar-toggler { font-family: var(--fontS); color:  var(--blue_dark); font-weight: bold; }
header .navbar { padding-bottom: 2px}
p {  line-height: 1.75; font-weight: 300;}

.nav-link {  color: var(--blue_dark);;  font-size: 18px;  line-height: 22px; position: relative;  font-weight: 500;  margin-bottom: .75rem;}
header .nav-link { padding: 2rem 0; margin: 0 .5rem;   font-size: 1rem; font-weight: bold; }
header .nav-link::after{    content: '';    position: absolute;    right: 0;    bottom: -1px;    left: 0;    height: 3px;    width: 100%;    background-color: var(--blue);    transform: scaleX(0);    transform-origin: left;    transition: all .3s ease-out; }
header .nav-link:hover::after{    transform: scaleX(1);  }

.hero p {color: #E3E3E8;  font-size: 18px;  line-height: 26px;  letter-spacing: normal;  font-weight: 300;}
.hero h1,.hero h2 {color: var(--bs-white); text-shadow: 2px 3px 6px rgba(0,63,165,0.8); }

.card {  background: #fff; color: var(--blue_dark); border-radius: 8px; border: 0;  padding: 1.5rem;  position: relative;  transition: all .5s ease-in-out; text-align: left;}
.card .card-title { font-weight: 700; font-family: var(--fontP); color: var(--blue); margin-bottom: 2rem;  }
.card p {color: var(--bs-dark);  }

.card-hover {  background: #fff; color: var(--blue_dark); border-radius: 8px; border: 0;  padding: 20px 0px;  cursor: pointer;  position: relative;  transition: all .5s ease-in-out; text-align: center;}
.card-hover .card-title { font-weight: 300; font-family: var(--fontP); color: var(--bs-dark)  }
.card-hover:hover {  background: var(--blue_dark);  transform: scale(1.05);  color: #fff;}
.card-hover:hover .card-title {   color: #fff;}
.card-hover .stretched-link {  color:  var(--red);}
.card-hover .stretched-link.btn {  color: inherit;}


.card-hover .card-title { font-weight: 300; font-family: var(--fontP); color: var(--bs-dark)  }
.card-hover:hover {  background: var(--blue_dark);  transform: scale(1.05);  color: #fff;}
.card-hover:hover .card-title {   color: #fff;}
.card-hover .stretched-link {  color:  var(--red);}
.card-hover .stretched-link.btn {  color: inherit;}

.card-hover-sm {  background: #fff; color: var(--blue_dark); border-radius: 8px; border: 0;  padding: 10px 10px 0 10px; position: relative;  transition: all .5s ease-in-out; text-align: left;}
.card-hover-sm .card-title { font-weight: 300; font-family: var(--fontP); color: var(--bs-dark)  }
.card-hover-sm:hover {  background: var(--blue_dark);  transform: scale(1.05);  color: #fff;}
.card-hover-sm:hover p {   color: #fff;}
.card-hover-sm:hover .card-title {  color: #fff;}
.card-hover-sm .stretched-link {  color:  var(--red);}

.card-hover.no-hover, .card-hover-sm.no-hover { cursor:auto !important; }

.btn.btn-lg {text-transform: uppercase; font-weight: 300; }
.btn.btn-light {color:  var(--blue_dark); }

#content { padding-top: 5rem; padding-bottom: 5rem;}

.text h2 { margin-top: 3rem}

.navbar-toggler { border: 0; color: var(--blue); text-transform: uppercase; display: flex; align-items: center !important;  }
.navbar-toggler .bi { font-size: 2rem; margin-left: 0.5rem  }


.ui-widget {    font-family: inherit !important;}
.ui-corner-all { border-radius: 0px !important;-moz-border-radius:0px !important;-webkit-border-radius: 0px !important; border: 0px solid #fff !important;   }
.ui-menu {  box-shadow: 0px 10px 40px 0px rgba(1, 0, 0, 0.15) !important; }
.ui-menu .ui-menu-item:hover { background-image: none !important; background-color: rgba(247,145,32,0.1) !important; }












.containerSlider {
  overflow: hidden;
  .slider {
    animation: slidein 30s linear infinite;
    white-space: nowrap;
    .logos {
    	min-width: 1500px;
    	background: #fff;
      width: 100%;
      display: inline-block;
      margin: 0px 0;
      .slider-logo {
      	  width: calc( calc(97% / 11) - 4rem);
      	  min-width: 70px;
      	  margin: 0 2rem;
      	    height: auto;
        animation: fade-in 0.5s
          cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
      }
    }
  }
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@media (min-width: 992px) and (max-width: 1219.98px)
{
	:root
	{
		--bs-body-font-size: 14px;
	}
}


@media (max-width: 991.98px)
{
	:root
	{
		--bs-body-font-size: 14px;
	}

	header .nav-link {margin: 0 .1rem; padding: 1rem 0; font-size: 1.5rem; text-align: center;}
	#navbarNav ul { margin: 3rem 0; }

}





/** EXPECTUM CORE **/

#expectumCoreAdminMenu { margin: 0; top: auto!important; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);   max-width: 250px;  background-color: #fff; bottom: 15px;    right: 15px;    position: fixed;    z-index: 99999;    padding: 5px; }
#expectumCoreAdminMenu .navbar-brand {     float: left;  padding: 15px 20px;  font-size: 18px; line-height: 20px; height: 50px; margin: 0;}
#expectumCoreAdminMenu .navbar-brand:hover, #expectumCoreAdminMenu .navbar-brand:focus { color: #000;}
#expectumCoreAdminMenu .navbar-header { float: none !important; }
#expectumCoreAdminMenu .navbar-collapse { padding: 0px; }
#expectumCoreAdminMenu li {   display: block; float: none !important; }
#expectumCoreAdminMenu li a {    color: #000;    display: block; }
#expectumCoreAdminMenu li a:hover, #expectumCoreAdminMenu li.active a {  background-color: #000; color: #fff; }

.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 !important;}.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 !important;}.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-color: #641164;  color: #000}
.ui-autocomplete { z-index: 9999 !important; }

input.error,select.error,textarea.error { border: 1px solid #E24A60 !important}

.black { color: #000 !important;  }
.black a { color: #000 !important;  }
.red,.errorfont,label.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: 1rem}
.bigger { font-size: 1rem; 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;}