/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


html, body {
	height: 100%;
}


body {
	font-family: 'Signika', sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	width: 100%;
	font-size: 100%;
}

/* Navigace */
.NavigBarStandard { 
	position: fixed;
	display: block;
	height: 80px;
	width: 100%;
	text-align: right;
	box-sizing: border-box;
	padding: 49px 70px 0 70px;
	z-index: 1000;
	background: #FFF;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	}
	

.NavigBar { 
	position: fixed;
	display: block;
	height: 80px;
	width: 100%;
	text-align: right;
	padding: 44px 70px 0 70px;
	box-sizing: border-box;
	z-index: 1000;
	background: transparent;
	transition: background-color ease-in-out 400ms;
	}


.fNavig {
	background: #FFF; /* For browsers that do not support gradients */
	transition: background-color ease-in-out 400ms;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	}
	
.fNavig_gradient {
	background: #FFF; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(bottom,rgba(255, 255, 255, 0.88),rgba(255, 255, 255, 0.0)); /*Safari 5.1-6*/
	background: -o-linear-gradient(bottom,rgba(255, 255, 255, 0.88),rgba(255, 255, 255, 0.0)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(bottom,rgba(255, 255, 255, 0.88),rgba(255, 255, 255, 0.0)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.88),rgba(255, 255, 255, 0.0)); /*Standard*/
	}
	

	
.Navig img.Logo { 
	display: block;
	position: absolute;
	left:70px;
	bottom:10px;
	z-index: 9990;
	width: 150px
	}
	
.Navig a {
	color: #005EB8;
	font-size: 1.0em;
	font-weight: 300;
	padding: 8px 10px;
	z-index: 9990;
	box-sizing: border-box;
}

.Navig .NavigMobileNoDisplay a:hover {
	background: #005EB8;
	text-decoration: none;
	color: #FFF;
	transition: all ease-in-out 200ms;
}



.Navig a:hover {
	color:#8bb431;
}

.Navig .MobileIco {
	position: absolute;
	right: 50px;
	top:30px;
	display: block;
	width: 24px;
	height: 23px;
	background: url(../img/IcoMenu.png) no-repeat center center;
	cursor: pointer;
}
	
.Navig .BoxIco {
	position: absolute;
	width: auto;
	height: 20px;
	right:10px;
	top:10px;
}

.Navig .BoxIco img.Ico {
	position: relative;
	float: right;
	width: 20px;
	margin-left:5px;
}

/* Hlavní rozvržení */
.Container {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 70px 70px;
	box-sizing: border-box;
	text-align: center;
}

.ContainerFull {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0px;
	box-sizing: border-box;
	text-align: center;
}

.Container50 {
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
	min-height: 100%;
	margin: 0;
	padding: 70px 70px 70px 40px;
	box-sizing: border-box;
	text-align: left;
}


.Container30 {
	position: relative;
	display: inline-block;
	float: left;
	width: 30%;
	min-height: 100%;
	margin: 0;
	padding: 70px 40px 70px 40px;
	box-sizing: border-box;
	text-align: left;
}

.Container70 {
	position: relative;
	display: inline-block;
	float: left;
	width: 70%;
	min-height: 100%;
	margin: 0;
	padding: 70px 70px 70px 40px;
	box-sizing: border-box;
	text-align: left;
}





/* Obecné prvky */
.Clear {
	clear: both;
}


.Kotva {
	margin-top:-70px; 
	margin-bottom:70px; 
	display: block;
	visibility: hidden;
	}

button {
	font-family: 'Signika', sans-serif;
	position: relative;
	height: 50px;
	border: 0 none;
	font-size: 1.2em;
	font-weight: 600;
	padding: 0 15px;
	box-sizing: border-box;
	cursor: pointer;
	margin: 40px 0 0 0;
	transition: background-color ease-in-out 200ms;
}

button:hover {
	transition: background-color 300ms;
	}
	
a {
	text-decoration: none;
	color:#8bb431;
	cursor: pointer;
}


p {
	font-size: 1em;
	font-weight: 300;
}

h2 {
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: 20px;
}


li {
	font-size: 0.95em;
	font-weight: 300;
	margin-bottom: 0.4em;
}

.NoDisplay {
	display: none;
}

.Display {
	display: block;
}


.MobileDisplay {
	display: none;
}

.MobileNoDisplay {
	display: block;
}

.NavigMobileNoDisplay {
	display: inline;
}

.Error {
	font-weight: 600;
	font-size: 1.2em;
	color: #ec0000;
	margin-bottom: 30px;
	margin-top: 30px;
}


/* Barvy */
.BgrMan1 {
	background: #d3d626;
}

.BgrMan2 {
	background: #6d63a5;
}

.BgrMan3 {
	background: #4e8dcb;
}

.BgrMan4 {
	background: #d16da3;
}

.BgrMan5 {
	background: #bcad2c;
}

.BgrMan6 {
	background: #a62535;
}

.BgrMan7 {
	background: #294995;
}

.BgrMan8 {
	background: #96b246;
}

.BgrMan8Light {
	background: #eaf2da;
}

.BgrMan9 {
	background: #edc115;
}

.BgrMan9Light {
	background: #f9f4d6;
}

.BgrMan10 {
	background: #d0684d;
}




/* Horní Box s fotkou */
.BoxMainPhoto {
	height: 600px;
	background: no-repeat center center;
	background-size: cover;
	background-image: url(../img/HeaderPhoto.jpg)
}

.BoxMainPhoto .TxtBox {
	position: absolute;
	display: table-cell;
	max-width: 500px;
	right: 90px;
	bottom: 60px;
	vertical-align: bottom;
	text-align: right;
	color: #FFF;
}

.BoxMainPhoto .TxtBox h1 {
	font-size: 1.7em;
	font-weight: 300;
}

.BoxMainPhoto .TxtBox strong {
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
}

.BoxMainPhoto .TxtBox img {
	display: block;
	margin: 0 0 20px 0;
	float: right;
}

/* Green Box */

.BoxGreen {
	background: url(../img/BgrGreenTexture.png) no-repeat center center #8bb431;
	background-size: cover;
	color: #FFF;
}

.BoxGreen h2 {
	font-size: 2.8em;
	font-weight: 300;
	margin-bottom: 30px;
}

.BoxGreen h2 .Bigger {
	font-size: 1.4em;
}

.BoxGreen h2 strong {
	font-weight: 700;
	text-transform: uppercase;
}

.BoxGreen p {
	font-size: 1.3em;
	font-weight: 300;
	margin: 30px 120px 0 120px;
}

.BoxGreen .Circle {
	position: relative;
	display: inline-block;
	width: 180px;
	height: 180px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	margin:4px;
	background: #FFF;
	color: #4a545a;
}


.BoxGreen .CircleCenter {
  display: table-cell;
  height: 180px;
  line-height: 180px;
  vertical-align: middle;
  padding: 16px;
  box-sizing: border-box;
}


.BoxGreen .CircleCenter h3 {
	line-height: 1.2em;
	font-size: 1.5em;
	font-weight: 300;
}

.BoxGreen .CircleCenter h3 strong {
	font-weight: 600;
}

.BoxGreen .Bubble1 {
	position: absolute;
	top:12px;
	left:4px;
	width: 36px;
	height: 35px;
	background: url(../img/Bubble1.png) no-repeat center center;
	background-size: contain;
}

.BoxGreen .Bubble2 {
	position: absolute;
	top:148px;
	left:10px;
	width: 34px;
	height: 38px;
	background: url(../img/Bubble2.png) no-repeat center center;
	background-size: contain;
}

.BoxGreen .Bubble3 {
	position: absolute;
	top:12px;
	right:2px;
	width: 37px;
	height: 36px;
	background: url(../img/Bubble3.png) no-repeat center center;
	background-size: contain;
}

.BoxGreen .Bubble4 {
	position: absolute;
	top:142px;
	right:5px;
	width: 37px;
	height: 34px;
	background: url(../img/Bubble4.png) no-repeat center center;
	background-size: contain;
}

.BoxGreen button {
	background: #FFF;
	color: #8bb431;
}

.BoxGreen button:hover {
	background: rgba(255, 255, 255, 0.7);
	}


/* Blue Box */

.BoxBlue {
	background: url(../img/BgrBlueTexture.png) no-repeat center center #2091d2;
	background-size: auto;
	color: #FFF;
}

.BoxBlue h2 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 20px;
}

.BoxBlue h2 .Bigger {
	font-size: 1.4em;
}

.BoxBlue h2 strong {
	font-weight: 700;
	text-transform: uppercase;
}

.BoxBlue h3 {
	font-size: 1.7em;
	font-weight: 600;
	margin-top: 30px;
}

.BoxBlue p {
	font-size: 1.1em;
	font-weight: 300;
	margin: 0 170px;
	margin-bottom: 30px;
}

.BoxBlue .BoxIcoFlag {
	position: relative;
	display: inline-block;
	float: inherit;
	width: 80px;
	height: 100px;
	overflow: visible;
	margin: 0 2px;
	font-size: 0.65em;
}

.BoxBlue img {
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border: 3px solid #FFF;
	box-sizing: border-box;
	background: #FFF;
	margin-bottom: 8px;
}

.BoxBlue img:hover {
	transition: 200ms ease-in-out;
	opacity: 0;
}

.BoxBlue .BoxTxt {
	position: absolute;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	background: #FFF;
}


.BoxBlue .Center {
	display: table-cell;
	width: 80px;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
	padding: 0 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.BoxBlue .Center .Txt {
	color: #2091d2;
	font-size: 1.3em;
	line-height:1.2em;
	cursor: pointer;
}




.BoxBlue button {
	background: #FFF;
	color: #2091d2;
}

.BoxBlue button:hover {
	background: rgba(255, 255, 255, 0.7);
	}
	
	
/* Study Box */

.BoxStudy {
	height: 550px;
	background: no-repeat center center;
	background-size: cover;
	background-image: url(../img/StudyPhoto.jpg)
}

.BoxStudy .BoxCircleMain {
	position:relative;
	display: block;
	top:50%;
	margin: -125px auto 0 auto;
	width: 250px;
	height: 250px;
}


.BoxStudy .CircleMain {
	position:relative;
	display: block;
	width: 250px;
	height: 250px;
	border-radius: 125px;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	background: rgba(255, 255, 255, 0.80);
	color: #4a545a;
	z-index: 10;
}

.BoxStudy .CircleMain .CircleCenter {
  display: table-cell;
  width: 250px;
  height: 250px;
  line-height: 250px;
  vertical-align: middle;
  padding: 20px;
  box-sizing: border-box;
}

.BoxStudy .CircleMain p {
	line-height: 1.3em;
	font-size: 1.2em;
	font-weight: 300;
}

.BoxStudy .CircleMain .Bigger {
	line-height: 1.1em;
	font-size: 1.7em;
	font-weight: 600;
}

.BoxStudy .CircleSecondary {
	position:absolute;
	display: block;
	width: 190px;
	height: 190px;
	border-radius: 95px;
	-webkit-border-radius: 95px;
	-moz-border-radius: 95px;
	color: #FFF;
	z-index: 0;
}

.BoxStudy .CircleSecondary .CircleCenter {
  display: table-cell;
  width: 190px;
  height: 190px;
  line-height: 190px;
  vertical-align: middle;
  padding: 30px;
  box-sizing: border-box;
}

.BoxStudy .CircleSecondary p {
	line-height: 1.1em;
	font-size: 1.1em;
	font-weight: 300;
}

.BoxStudy .CircleSecondary .Bigger {
	line-height: 1.1em;
	font-size: 1.9em;
	font-weight: 600;
	margin-bottom: 5px;
}

.BoxStudy .CircleSecondary .Bigger2 {
	line-height: 1.1em;
	font-size: 2.2em;
	font-weight: 600;
	margin-bottom: 5px;
}

.BoxStudy .CircleSecondary b {
	font-weight: 600;
}


@keyframes AnimCircleBlue {
  0% {background: rgba(32, 144, 209, 0.6)}
  12.5% {background: rgba(32, 144, 209, 1.0)}
  22.5%   {background: rgba(32, 144, 209, 0.6)}
  100% {background: rgba(32, 144, 209, 0.6)}
}

@keyframes AnimCircleRed {
  0%   {background: rgba(204, 104, 74, 0.6)}
  22.5%   {background: rgba(204, 104, 74, 0.6)}
  37.5% {background: rgba(204, 104, 74, 1.0)}
  50.0%   {background: rgba(204, 104, 74, 0.6)}
  100%   {background: rgba(204, 104, 74, 0.6)}
}

@keyframes AnimCirclePurple {
  0%   {background: rgba(108, 98, 158, 0.6)}
  50.0%   {background: rgba(108, 98, 158, 0.6)}
  62.5% {background: rgba(108, 98, 158, 1.0)}
  75.0%   {background: rgba(108, 98, 158, 0.6)}
  100%   {background: rgba(108, 98, 158, 0.6)}
}

@keyframes AnimCircleYellow {
  0%   {background: rgba(235, 196, 0, 0.6)}
  75.0%   {background: rgba(235, 196, 0, 0.6)}
  87.5% {background: rgba(235, 196, 0, 1.0)}
  100%   {background: rgba(235, 196, 0, 0.6)}
}



.BoxStudy .CircleBlue {
	/*background: #2091d2;*/
	top:-80px;
	left:-140px;
	animation-name: AnimCircleBlue; -webkit-animation-name: AnimCircleBlue;
	animation-duration: 6s; -webkit-animation-duration: 6s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}


/*.BoxStudy .CircleBlue:hover {
	background: rgba(32, 144, 209, 1.0);
	transition: 200ms ease-in-out 50ms;
}*/

.BoxStudy .CircleRed {
	/*background: #cd694a;*/
	
	top:140px;
	left:-140px;
	animation-name: AnimCircleRed; -webkit-animation-name: AnimCircleRed;
	animation-duration: 6s; -webkit-animation-duration: 6s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}

/*.BoxStudy .CircleRed:hover {
	background: rgba(204, 104, 74, 1.0);
	transition: 200ms ease-in-out 50ms;
}*/

.BoxStudy .CirclePurple {
	/*background: #6d639f;*/
	top:-80px;
	right:-140px;
	animation-name: AnimCirclePurple; -webkit-animation-name: AnimCirclePurple;
	animation-duration: 6s; -webkit-animation-duration: 6s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}

/*.BoxStudy .CirclePurple:hover {
	background: rgba(108, 98, 158, 1.0);
	transition: 200ms ease-in-out 50ms;
}*/

.BoxStudy .CircleYellow {
	/*background: #ebc300;*/
	top:140px;
	right:-140px;
	animation-name: AnimCircleYellow; -webkit-animation-name: AnimCircleYellow;
	animation-duration: 6s; -webkit-animation-duration: 6s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}




/* Red Box */

.BoxRed {
	background: url(../img/BgrBlueTexture.png) no-repeat center center #cd694a;
	background-size: auto;
	color: #FFF;
}


.BoxRed h2 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 0px;
}

.BoxRed h2 .Bigger {
	font-size: 1.4em;
}

.BoxRed h2 strong {
	font-weight: 700;
	/*text-transform: uppercase;*/
}

.BoxRed h3 {
	font-size: 1.7em;
	font-weight: 600;
	margin-top: 30px;
}

.BoxRed p {
	font-size: 1.3em;
	font-weight: 300;
	margin: 0 120px;
	margin-bottom: 0px;
}

.BoxRed .BoxRegister {
	position: relative;
	display: inline-block;
	width: 236px;
	height: 240px;
	background: url(../img/RegisterBoxShadow.png) no-repeat center center;
	text-align: center;
	margin: 28px 0 0 0;
}

.BoxRed .BoxRegister a {
	text-decoration: none;
}

.BoxRed .BoxRegisterContent {
	position: relative;
	display: block;
	width: 220px;
	height: 220px;
	background: #FFF;
	margin: 4px 8px 16px 8px;
	padding: 38px 20px 20px 20px;
	box-sizing: border-box;
	}
	
.BoxRed .BoxRegister img {
	position: absolute;
	width: 46px;
	height: 46px;
	border-radius: 23px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border: 3px solid #FFF;
	box-sizing: border-box;
	background: #FFF;
	margin-left: -23px;
	top:-15px;
	left:50%;
}

.BoxRed .BoxRegister h2 {
	display: block;
	position: relative;
	width: 100%;
	height: 70px;
	font-size: 1.25em;
	line-height: 1.1em;
	font-weight: 300;
	color: #4a545a;
	margin: 0;
}

.BoxRed .BoxRegister h3 {
	display: block;
	position: relative;
	width: 100%;
	height: 38px;
	font-size: 1.7em;
	line-height: 1.15em;
	font-weight: 600;
	color: #4a545a;
	margin: 0;
}

.BoxRed .BoxRegister p {
	display: block;
	position: relative;
	width: 100%;
	height: 28px;
	font-size: 0.92em;
	line-height: 1.15em;
	font-weight: 300;
	color: #4a545a;
	margin: 0;
}

.BoxRed .BoxRegister button {
	display: block;
	position: relative;
	height: 30px;
	font-size: 1.0em;
	font-weight: 400;
	color: #FFF;
	margin: 0 auto;
	background: #005EB8;
}

.BoxRed .BoxRegister button:hover {
	background: rgba(0, 96, 184, 0.7);
}


.BoxRed button {
	background: #FFF;
	color: #cd694a;
}

.BoxRed button:hover {
	background: rgba(0, 96, 184, 0.7);
	}



/* Red About */

.BoxAbout img {
	width: 100%;
}

.BoxAbout h2 {
	color: #4a545a;
	font-size: 2.1em;
}

.BoxAbout p {
	color: #4a545a;
	font-size: 1.05em;
	margin-bottom: 10px;
}

.BoxAbout li {
	color: #4a545a;
	font-size: 1.05em;
}


/* Bubliny s fotkou Box */

@keyframes BoxBubblePhoto {
  0% {background-image:url(../img/BubbleFoto1.jpg)}
  22% {background-image:url(../img/BubbleFoto1.jpg)}
  26% {background-image:url(../img/BubbleFoto2.jpg)}
  46% {background-image:url(../img/BubbleFoto2.jpg)}
  50% {background-image:url(../img/BubbleFoto3.jpg)}
  70% {background-image:url(../img/BubbleFoto3.jpg)}
  74% {background-image:url(../img/BubbleFoto4.jpg)}
  96% {background-image:url(../img/BubbleFoto4.jpg)}
  100% {background-image:url(../img/BubbleFoto1.jpg)}
}


.BoxBubblePhoto {
	position: relative;
	height: auto;
	width: 100%;
	background: no-repeat center center;
	padding: 100px 0px;
	box-sizing: border-box;
	background: center center no-repeat;
	background-size: cover;
	animation-name: BoxBubblePhoto; -webkit-animation-name: BoxBubblePhoto;
	animation-duration: 20s; -webkit-animation-duration: 20s;
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
	background-image:url(../img/BubbleFoto1.jpg);
}



.BoxBubblePhoto .Circle {
	position:relative;
	display: inline-block;
	width: 160px;
	height: 160px;
	border-radius: 80px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	color: #4a545a;
	z-index: 0;
	background: rgba(255, 255, 255, 0.86);
	margin: 5px;
}

.BoxBubblePhoto .Circle .CircleCenter {
  display: table-cell;
  width: 160px;
  height: 160px;
  line-height: 160px;
  vertical-align: middle;
  padding: 30px;
  box-sizing: border-box;
}

.BoxBubblePhoto .Circle p {
	line-height: 1.1em;
	font-size: 1.35em;
	font-weight: 300;
}


/* Gray Box */

.BoxGray {
	background: #4a545a;
	color: #FFF;
}

.BoxGray h2 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 30px;
}

.BoxGray h2 .Bigger {
	font-size: 1.4em;
}

.BoxGray h2 strong {
	font-weight: 700;
	text-transform: uppercase;
}

.BoxGray h3 {
	font-size: 1.5em;
	font-weight: 300;
	margin: 30px 0 20px 0;
}

.BoxGray p {
	margin: 0px 120px;
}


.BoxGray hr {
	background: #FFF;
	height: 1px;
	border: 0;
	width: 80%;
}





.BoxGray .Kontakt {
	position: relative;
	display: inline-block;
	width: 270px;
	height: auto;
	text-align: center;
	vertical-align: top;
}


.BoxGray .Kontakt h3 {
	font-size: 1.2em;
	font-weight: 600;
	color: #d2d61e;
	margin: 0px 0 5px 0;
}

.BoxGray .Kontakt p {
	font-size: 0.90em;
	font-weight: 300;
	margin: 0 0 30px 0;
}

.BoxGray .Kontakt a   {
	text-decoration: none;
	color: #FFF;
}

.BoxGray a  {
	text-decoration: underline;
	color: #FFF;
}

.BoxGray .Kontakt a:hover ,.BoxGray a:hover {
	text-decoration: underline;
	color: #FFF;
}


.BoxGray .RegionalPartner {
	position: relative;
	display: inline-block;
	width: 270px;
	height: auto;
	text-align: center;
}


.BoxGray .RegionalPartner h3 {
	font-size: 1.0em;
	font-weight: 400;
	margin: 0px 0 4px 0;
}

.BoxGray .RegionalPartner p {
	font-size: 0.80em;
	font-weight: 300;
	margin-bottom: 30px;
}


/* Loga Box */

.BoxLoga img {
	max-width: 140px;
	max-height: 70px;
	line-height: 100px;
	vertical-align: middle;
	margin: 10px;
}


/* Box icons */

.BoxIcons {
	display: block;
	height: 50px;
	width: 100%;
	background: url(../img/BgrFooter.png) repeat-x center bottom #FFF;
}



/* SP White Block */

.BoxSPWhite {
	color: #005EB8;
	background: url(../img/BgrWhiteTexture.png) no-repeat center 180px #FFF;
	background-size: cover;
}

.BoxSPWhiteFirst {
	padding-top: 120px;
}

.BoxSPWhite .IcoSP {
	margin: 20px auto 50px auto;
	display: block;
}

.BoxSPWhite h1 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 0px;
}

.BoxSPWhite h1 .Bigger {
	font-size: 1.4em;
}

.BoxSPWhite h1 strong {
	font-weight: 700;
	/*text-transform: uppercase;*/
}

.BoxSPWhite h2 {
	font-size: 1.7em;
	font-weight: 300;
	margin: 20px 0;
	color: #005EB8;
}

.BoxSPWhite h2 strong {
	font-weight: 600;
}


.BoxSPWhite p {
	font-size: 1.05em;
	font-weight: 300;
	color: #4a545a;
	line-height: 1.6em;
	margin: 0 120px;
	text-align: left;
	/*-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap:3em;
    -webkit-column-gap:3em;
    -moz-column-gap:3em;*/
	}
	
.TwoColumnsNew {
	margin: auto;
	display: block;
	max-width: 1200px;
	column-count: 2;
	float: none;
	}
	
.TwoColumnsNew p {
	display: inline-block;
	width: 100%;
	margin: 10px;
	vertical-align: top;
	}
	
.TwoColumnsNew p.First {
	display: inline-block;
	width: 50%;
	margin: 10px;
	vertical-align: top;
	}
	
.TwoColumnsNew p.Second {
	display: inline-block;
	width: 30%;
	margin: 10px;
	vertical-align: top;
	}



/*.BoxSPWhite p {
	display: inline-block;
	font-size: 1em;
	font-weight: 300;
	color: #4a545a;
	text-align: left;
	width: 40%;
	line-height: 1.6em;
	vertical-align: top;
	padding: 0 20px;
	box-sizing: border-box;*/
	/*-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap:3em;
    -webkit-column-gap:3em;
    -moz-column-gap:3em;*/
}

.BoxSPWhite p strong {
	font-weight: 600;
	font-size: 1.02em;
}

.BoxSPWhite .Circle {
	position: relative;
	display: inline-block;
	width: 130px;
	height: 130px;
	border-radius: 65px;
	-webkit-border-radius: 65px;
	-moz-border-radius: 65px;
	margin:4px;
	text-align: center;
	color: #FFF;
}


.BoxSPWhite .CircleCenter {
  display: table-cell;
  height: 130px;
  width:130px;
  line-height: 130px;
  vertical-align: middle;
  padding: 10px;
  box-sizing: border-box;
  margin: 0 auto;
}


.BoxSPWhite .CircleCenter h3 {
	line-height: 1.2em;
	font-size: 1.0em;
	font-weight: 300;
	margin-top: 0px;
}



/* SP Register Page */

.BoxRegisterPage {
	color: #8bb431;
	background: #005EB8;
	padding-left: 120px;
	padding-right: 120px;
	box-sizing: border-box;
	text-align: center;
}

.BoxRegisterPage h1 {
	color: #FFF;
	margin-bottom: 60px;
}

.BoxRegisterPageFirst {
	padding-top: 120px;
}

.BoxRegisterPageFirst h1 {
	margin-bottom: 40px;
}

.BoxRegisterPageFirst h3 {
	font-size: 1.4em;
}

.BoxRegisterPageFirst p {
	margin: 0;
}

.BoxRegisterPageFirst p strong {
	font-size: 1.4em;
}






.BoxRegisterPage .IcoSP {
	margin: 20px auto 50px auto;
	display: block;
}

.BoxRegisterPage h1 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 0px;
	color: #FFF;
}

.BoxRegisterPage h1 .Bigger {
	font-size: 1.4em;
}

.BoxRegisterPage h1 strong {
	font-weight: 700;
}

.BoxRegisterPage h2 {
	font-size: 1.7em;
	font-weight: 300;
	margin: 20px 0;
	color: #FFF;
}

.BoxRegisterPage h2 strong {
	font-weight: 600;
}

.BoxRegisterPage h3 {
	font-size: 1.2em;
	font-weight: 500;
	color: #FFF;
}



.BoxRegisterPage p {
	font-size: 0.95em;
	font-weight: 300;
	color: #FFF;
	line-height: 1.6em;
}

.BoxRegisterPage p strong {
	font-weight: 600;
	font-size: 1.02em;
}

.BoxRegisterPage a {
	color: #FFF;
	font-weight: 600;
}

.BoxRegisterPage button {
	background: #FFF;
	color: #005EB8;
}

.BoxRegisterPage button:hover {
	background: rgba(255, 255, 255, 0.7);
	}





/* SP Green Block */

.BoxSPGreen {
	background: url(../img/BgrGreenTexture.png) no-repeat center center #8bb431;
	background-size: cover;
	color: #FFF;
}

.BoxSPGreen .BoxSPGreen50 {
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
	height: auto;
	text-align: left;
	font-size: 0.85em;
	font-weight: 300;
	padding: 0 20px;
	box-sizing: border-box;
}

.BoxSPGreen .BoxSPGreen50 b {
	display: block;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 5px;
}





.BoxSPGreen .CirclePeople {
	position: relative;
	float: left;
	width: 160px;
	height: 160px;
	border: 5px solid #FFF;
	box-sizing: border-box;
	border-radius: 80px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	margin: 0px 0 20px 0;
	color: #FFF;
}

.BoxSPGreen .Peric {
background: url(../img/Peric.jpg) no-repeat center -10px;
}

.BoxSPGreen .Synek {
background: url(../img/Synek.jpg) no-repeat center -10px;
}

.BoxSPGreen .BoxTxt {
	position: relative;
	padding: 20px;
	height: auto;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #FFF;
	color: #4a545a;
	font-weight: 300;
	font-size: 1.05em;
	text-align: right;
	margin-left: 180px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.BoxSPGreen .BoxTxt .Bubble {
	position: absolute;
	display: block;
	width: 37px;
	height: 30px;
	left:-16px;
	top:40px;
	background: url(../img/Bubble5.png) no-repeat center center;
	}
	
.BoxSPGreen	iframe {
	border: 5px solid #FFF;
}

.BoxSPGreen h3 {
	font-size: 1.7em;
	font-weight: 300;
	margin-bottom: 0px;
}

/* Reference Slideshow */
.ContainerReference {
	position: relative;
	display: inline-block;
	width: 400px;
	height: 300px;
	text-align: right;
	margin: 0 20px;
	vertical-align: top;
}

.ContainerReferenceFull {
	position: relative;
	display: block;
	width: 840px;
	height: auto;
	text-align: right;
	margin: 0 auto;
	vertical-align: top;
}

.BoxReference {
	position: relative;
	display: block;
	width: 400px;
	height: 200px;
	text-align: right;
	font-size: 0.85em;
	font-weight: 300;
	padding:0px;
	box-sizing: border-box;
}

.ContainerReferenceFull .BoxReference {
	margin: 0 10px;
}

.BoxReference b {
	display: block;
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 0px;
}

.BoxReference .CirclePeople {
	position: relative;
	float: left;
	width: 140px;
	height: 140px;
	border: 5px solid #FFF;
	box-sizing: border-box;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	margin: 0px 0 20px 0;
	color: #FFF;
	background: center center no-repeat;
	background-size: cover;
}

.BoxReference .BoxName {
	position: relative;
	width: 400px;
	height: 80px;
	box-sizing: border-box;
	color: #4a545a;
	font-weight: 400;
	font-size: 1.1em;
	text-align: right;
	color: #FFF;
}

.BoxReference .BoxTxt {
	position: relative;
	padding: 20px;
	width: 240px;
	height: auto;
	min-height: 140px;
	box-sizing: border-box;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #FFF;
	color: #4a545a;
	font-weight: 300;
	font-size: 1.05em;
	text-align: right;
	margin-left: 160px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.BoxReference .BoxTxt .Bubble {
	position: absolute;
	display: block;
	width: 37px;
	height: 30px;
	left:-16px;
	top:50px;
	background: url(../img/Bubble5.png) no-repeat center center;
	}


/* Skills Box */

.BoxSPSkills {
	/*background: url(../img/BgrSpSkillsTexture.png) no-repeat center center #ebc300;*/
	background: url(../img/BgrSpTestingTexture.png) no-repeat center top #FFF;
	background-size: cover;
	color: #4a545a;
}

.BoxSPSkills h2 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 30px;
	color:#8bb431;
}

.BoxSPSkills h2 .Bigger {
	font-size: 1.4em;
}

.BoxSPSkills h2 strong {
	font-weight: 700;
	text-transform: uppercase;
}

.BoxSPSkills h3 {
	font-size: 1.5em;
	font-weight: 600;
	margin-top: 30px;
}

.BoxSPSkills p {
	font-size: 1.1em;
	font-weight: 300;
	margin: 0 170px;
	margin-bottom: 30px;
}

.BoxSPSkills .Circle {
	position: relative;
	display: inline-block;
	width: 110px;
	height: 110px;
	border-radius: 55px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	margin:2px;
	text-align: center;
	color: #FFF;
}


.BoxSPSkills .CircleCenter {
  display: table-cell;
  height: 110px;
  width:110px;
  line-height: 110px;
  vertical-align: middle;
  padding: 2px;
  box-sizing: border-box;
  margin: 0 auto;
}


.BoxSPSkills .CircleCenter h3 {
	line-height: 1.0em;
	font-size: 1.0em;
	font-weight: 300;
	margin-top: 0px;
}

.BoxSPSkills .BoxReports img {
	height: 180px;
	margin: 40px 5px 0 5px;
}


/* Test Box */

.BoxSPTest {
	background: url(../img/BgrSpSkillsTexture.png) no-repeat center center #ebc300;
	background-size: cover;
	color: #FFF;
}

.BoxSPTest h2 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 30px;
}

.BoxSPTest h2 .Bigger {
	font-size: 1.4em;
}

.BoxSPTest h2 strong {
	font-weight: 700;
	text-transform: uppercase;
}

.BoxSPTest .BoxReports img {
	display: inline-block;
	height: 250px;
	margin: 0px 10px 0 10px;
}

.BoxSPTest button {
	background: #FFF;
	color: #ebc300;
}

.BoxSPTest .Arrow {
	display: inline-block;
	width:40px; 
	height: 250px; 
	background: url(../img/ArrowReport.png) no-repeat center center;
}




/* Offer Box */

.BoxSPOffer {
	background: url(../img/BgrSpOfferTexture.png) no-repeat center center #2091d2;
	background-size: contain;
	color: #FFF;
}

.BoxSPOffer h2 {
	font-size: 2.2em;
	font-weight: 300;
	margin-bottom: 30px;
}

.BoxSPOffer h2 .Bigger {
	font-size: 1.4em;
}

.BoxSPOffer h2 strong {
	font-weight: 700;
	text-transform: uppercase;
}

.BoxSPOffer h3 {
	font-size: 1.7em;
	font-weight: 300;
	margin-bottom: -20px;
}


.BoxSPOffer p {
	font-size: 1.3em;
	font-weight: 300;
	margin: 5px 0;
}

.BoxSPOffer	iframe {
	border: 5px solid #FFF;
	margin: 40px 0;
}


.BoxSPOffer button {
	background: #FFF;
	color: #2091d2;
}

/* Okno Probehlych Akci */

.WinAkce {
	position:relative;
	left:0px;
	display:block;
	width: 70%;
	height:180px;
	background-color:#FFF;
	padding:10px;
	overflow:auto;
	text-align: left;
	box-sizing: border-box;
	margin: 20px auto 0 auto;
}


.WinAkce ul {
	
	text-decoration: none;
	
	color:#4c5259;
}

.WinAkce li {
	font-size: 14px;
	text-decoration: none;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 8px;
	list-style-image:url(../img/ArrowUL.png);
	list-style-position:outside;
}

.WinAkce li a {
	font-weight: 500;
	
}



/* Galerie*/

.MiniGal {
	position:relative;
	display:inline-block;
	width:140px;
	height:140px;
	overflow:hidden;
	margin:4px;
	top:0px;
	text-align: center;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0;
}


.MiniGalCenter {
	display:table-cell;
	width:140px;
	height:140px;
	vertical-align:middle;
	text-align:center;
	margin:0px;
}

.MiniGal img {
	max-width:140px;
	max-height:140px;
	margin:0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	width: auto;
	height: auto;
	border: none;
	padding: 0;
}


.MiniGal img:hover {
	transition: 200ms ease-in-out;
	opacity: 0.8;
	filter: alpha(opacity=80)
}

.FotoMinigal {
	max-height:98px;
	max-width:98px;
}




/* Formulare */

label {
	color: #4a545a;
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 20px;
	width: 280px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
	margin-left: -60px;
}

.BoxRegisterPage label {
	color: #FFF;
}



.BoxSelect {
	position:relative;
	margin:5px auto;
	text-align: center;
	width: 400px;
	box-sizing: border-box;
	display: inline-block;
}

.InputSelect select {
	width:400px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background-color:transparent;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	font-size:1.0em;
	color:#71777a;
	padding:0 36px 0 10px;
	-webkit-appearance: none;
	border: 0px none #d8dadd;
	box-sizing: border-box;
	}
	
.InputSelect {
	width:400px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background-color:#FFF;
	color:#71777a;
	background: url(../img/ArrowSelect.png) no-repeat right center #FFF;
	overflow: hidden;
	border: 1px solid #d8dadd;
	box-sizing: border-box;
	}
	
	
input[type="text"] {
	display: inline-block;
	width: 400px;
	height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	color:#71777a;
	margin:5px auto;
	font-size: 1.0em;
}

input[type=checkbox] {
    zoom: 1.4;
    margin-right: 10px;
}




/* Popup Okno */
.PopUpWrapper {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.90);
	z-index: 999999;
}


.PopUpWrapper .PopUpCenter {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	padding: 80px 0;
	box-sizing: border-box;
	text-align: center;
}

.PopUpWrapper .PopUpContent {
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent;
	overflow: auto;
	padding: 30px;
	box-sizing: border-box;
	font-size: 0.9em;
}

.PopUpWrapper img {
	max-width: 80%;
	margin-bottom: 30px;
}


.PopUpWrapper .Flag .ContainerFlag {
	position: relative;
	display: inline-block;
	float: inherit;
	width: 200px;
	height: auto;
	margin: 0 20px 20px 20px;
	vertical-align: top;
	font-size: 1.12em;
	font-weight: 400;
	color: #4a545a;
}

.PopUpWrapper .Flag .ContainerFlag b.Close, .PopUpWrapper .Flag .ContainerFlag a {
	cursor: pointer;
	color:#8bb431;
}

.PopUpWrapper .Flag .ContainerFlag b.Close:hover, .PopUpWrapper .Flag .ContainerFlag a:hover {
	text-decoration: underline;
}

.PopUpWrapper .Flag .BoxIcoFlag {
	position: relative;
	display: block;
	width: 80px;
	height: 100px;
	overflow: visible;
	margin: 0 auto;
	font-size: 0.65em;
}

.PopUpWrapper .Flag img {
	position: relative;
	width: 80px;
	max-width: 100%;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border: 3px solid #FFF;
	box-sizing: border-box;
	background: #FFF;
	margin-bottom: 8px;
	cursor: pointer;
}

.PopUpWrapper .Flag img:hover {
	transition: 200ms ease-in-out;
	opacity: 0;
}

.PopUpWrapper .Flag .BoxTxt {
	position: absolute;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	background: #FFF;
}


.PopUpWrapper .Flag .Center {
	display: table-cell;
	width: 80px;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
	padding: 0 5px;
	box-sizing: border-box;
	cursor: pointer;
}

.PopUpWrapper .Flag .Center .Txt {
	color: #2091d2;
	font-size: 1.3em;
	line-height:1.2em;
	cursor: pointer;
}



/* Popup Okno podmínky */
.PopUpConditions .PopUpWrapper {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(73, 83, 89, 0.88);
	z-index: 999999;
}


.PopUpConditions .PopUpWrapper .PopUpCenter {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	padding: 60px 150px 90px 150px;
	box-sizing: border-box;
	text-align: center;
}

.PopUpConditions .PopUpWrapper .PopUpContent {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
	overflow: auto;
	padding: 30px;
	box-sizing: border-box;
	font-size: 0.9em;
	text-align: left;
}
.PopUpConditions .PopUpWrapper h4 {
	text-align: right;
}

.PopUpConditions .PopUpWrapper h3 {
	color:#8bb431;
	font-size: 1.7em;
	font-weight: 400;
	margin-bottom: 20px;
	text-align: right;
}

.PopUpConditions .PopUpWrapper p {
	margin-bottom: 20px;
	color: #4a545a;
	text-align: right;
}

.PopUpConditions .PopUpWrapper li {
	list-style-position:outside;
	margin-left: 20px;
	text-align: right;
}


.PopUpConditions .PopUpWrapper button {
	background: #8bb431;
	color: #FFF;
	margin: 15px auto 0 auto;
}

.PopUpConditions .PopUpWrapper button:hover {
	background: rgba(0, 96, 184, 0.7);
}


.Stripe img {
	line-height: 40px;
	vertical-align: middle;
	margin-left: 5px;
	}
	
.Stripe button {
	background: transparent;
	box-shadow: none;
	margin-left: 10px;
	}
	
.Stripe button:hover {
	background: transparent;
	box-shadow: none;
	}
	
	
.BtnCancel {
	height: 30px;
	font-size: 1em;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 10px;
	}