/* ==========================================================================
   Import styles
   ========================================================================== */
	@import url(../css/normalize.min.css);
	@import url(../css/font-awesome.min.css);
	@import url(../css/multiple-select.css);
	@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800&subset=latin-ext');

	/*
		font-family: 'Open Sans', sans-serif;
	 */

/* ==========================================================================
   Base elements style
   ========================================================================== */
	*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }

	html, body { height: 100%; min-height: 100%; }

	.anim, .anim * { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
	.disableanim, .disableanim * { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

	audio, canvas, iframe, img, svg, video { vertical-align: middle; }
	fieldset { border: 0; margin: 0; padding: 0; }
	textarea { resize: vertical; }

	.clearafter:after, .row:after, [class*='col-']:after, [class*='cleaner'], .container:after, .fullwidth:after, .fullscreen:after { content: ""; display: block; clear: both; padding: 0; }
	.cleaner-small-padding { padding: .4em; }
	.cleaner-padding { padding: .7em; }
	.cleaner-big-padding { padding: 1em; }

/* ==========================================================================
   Text elements
   ========================================================================== */

	.primfont { font-family: 'Open Sans', sans-serif; }
	.scndfont {}

	h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; padding: 0; margin: 0 0 1rem 0; font-weight: 300; }
	h1 { font-size: 2.4em; line-height: 1.2; }
	h2 { font-size: 2.2em; line-height: 1.25; }
	h3 { font-size: 2.0em; line-height: 1.3; }
	h4 { font-size: 1.6em; line-height: 1.35; }
	h5 { font-size: 1.4em; line-height: 1.5; font-weight: 400; }
	h6 { font-size: 1.0em; line-height: 1.6; font-weight: 600; }

	h1 a, h2 a, h3 a, h4 a, h5 a , h6 a { }
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }

	p { margin: 0 0 1em 0; padding: 0; text-align: ; line-height: 1.6em; }

	ul, ol { padding: 0 0 1.5rem 1.1rem; margin: 0; line-height: 1.5em; }

	ul { list-style: none; }
	ul li:before { content: "\f111"; font-family: "FontAwesome"; font-size:  .5em; position: absolute; top: 0; left: -2em; }
	ul ul li:before { content: "\f10c";}

	ul ul, ol ol, ol ul, ul ol { padding-top: .7em; padding-bottom: .3em; }
	ul li, ol li { padding-bottom: .7rem; position: relative; }

	ol ol { list-style-type: upper-roman; }
	li:last-of-type { padding-bottom: 0; }

	.unstyllist,
	.unstyllist ul,
	.unstyllist ol,
	.unstyllist li,
	.unstyllist li { list-style: none; padding: 0; margin: 0; line-height: 1.6em; }
	.unstyllist li:before { display: none; }

	.inlilist,
	.inlilist ul,
	.inlilist ol,
	.inlilist li,
	.inlilist li { list-style: none; padding: 0; margin: 0; line-height: 1.6em; display: inline-block;}
	.inlilist li:before { display: none; }

	.tabwrap { max-width: 100%; overflow: auto; margin-bottom: 1.5em; }
	.tabwrap .tabstripes tr:nth-child(odd) td { background: rgba(245, 245, 245, 1); }
	.tabwrap .tabrowhover tr:hover td { background: rgba(235, 235, 235, 1); }
	.tabwrap .tabcelhover td:hover { background: rgba(235, 235, 235, 1); }

	.tabwrap .tabbordered { border-width: 1px; border-style: solid; }
	.tabwrap .tabbordered td,
	.tabwrap .tabbordered th { border-right-width: 1px; border-right-style: solid; }
	.tabwrap .tabbordered td:last-of-type,
	.tabwrap .tabbordered th:last-of-type { border-right: none; }

	.tabwrap table, .tabwrap table td, .tabwrap table th { border-color: rgba(220, 220, 220, 1); }

	.tabwrap .tabstyle th, .tabwrap .tabstyle td { padding: .7em 1em; border-top-width: 1px; border-bottom-width: 1px; border-bottom-style: solid; }
	.tabwrap .tabstyle tr:last-of-type td { border-bottom: none; }
	.tabwrap .tabstyle th { text-align: left; font-weight: 600; border-top-width: 0px solid; }
	.tabwrap .tabstyle tfoot td { border-bottom: none; background: rgba(255, 255, 255, 1) !important; border-top: 2px solid rgba(220, 220, 220, 1); }

	.tabwrap .tabcondensed td, .tabwrap .tabcondensed th { padding: .4em .7em; }

	.tabwrap .tabhlhead th,
	.tabwrap .tabhlfoot tfoot td,
	.tabwrap .tabhlfirstcol td:first-of-type { border-color: rgba(245, 245, 245, 1); background-color: rgba(180, 180, 180, 1) !important; color: white; }

	dl { line-height: 1.6em; }
	dl dt { font-weight: 600; }
	dl dd { margin-bottom: 1em; padding-left: 1em; }

	dl.defhoriz dd { padding-left: 0; }

	hr { margin: 2rem 0; border: none; border-top: 1px solid rgba(255, 255, 255, 1); clear: both; float: none; }

	b, strong, .bold { font-weight: 800; }
	small, .small { font-size: 0.8em; }
	big, .big { font-size: 1.2em; }

	article center img,
	article img.floatcenter,
	article img[align="left"],
	article img[align="right"] { margin: 1em auto; display: block; float: none; }

	article img.floatcenter,
	article center img { margin: 1em auto; }

	article * { max-width: 100%; }

	blockquote { padding: 1rem 1.5rem; margin: 0 0 1rem 0; border-left: 0.3rem solid rgba(230, 230, 230, 1); }
	blockquote p { margin-bottom: .5rem; line-height: 1.5em; }
	blockquote small { color: rgba(150, 150, 150, 1); }
	blockquote.alignright {  border-left: none; border-right: 0.3rem solid rgba(230, 230, 230, 1); }

/* ==========================================================================
   Form elements
   ========================================================================== */

	.ms-choice, textarea, input[type="text"], input[type="search"], input[type="password"], input[type="button"], input[type="submit"], button, .button, select { display: inline-block; vertical-align: middle; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: none; line-height: 2.5em; height: 2.5em; padding: 0 .9em; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-indent: 0.01px; text-overflow: ""; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; width: 100%; max-width: 100%; /* -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; */ color: #666; }

	input:focus, .ms-parent:focus, select:focus, textarea:focus, .ms-parent *:focus { outline: none; border-color: RGBA(111, 171, 232, 1); -webkit-box-shadow: 0 0 2px 0 RGBA(111, 171, 232, 1); box-shadow: 0 0 2px 0 RGBA(111, 171, 232, 1); }

	input[type="button"], input[type="submit"], button, .button { width: auto; display: inline-block !important; text-decoration: none; cursor: pointer; float: none; clear: none; border: 1px solid rgba(231, 76, 60, 1); color:  rgba(231, 76, 60, 1); line-height: 1.3em; position: relative; background: transparent; height: auto; padding: 0.55em .95em; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; }

	input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover,
	input[type="button"].activ, input[type="submit"].activ, button.activ, .button.activ { background: rgba(231, 76, 60, 1); color: white; text-decoration: none; }

	.whitetext input[type="button"], .whitetext input[type="submit"], .whitetext button, .whitetext .button { border-color: white; background: transparent; color: white; }

	.whitetext input[type="button"]:hover, .whitetext input[type="submit"]:hover, .whitetext button:hover, .whitetext .button:hover { background: white; color: #666; }

	input.error, select.error, select.error ~ .ms-parent button { border-color: rgba(231, 76, 60, 1) !important; border: 2px solid;}
	.radcheck input.error ~ label { color: rgba(231, 76, 60, 1) !important;  }

	select#studium, select#studium:hover, select#studium option { color: #666666 !important; background-color: #ffffff; }

	.ms-choice:disabled, textarea:disabled, input[type="text"]:disabled, input[type="search"]:disabled, input[type="password"]:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled, .button:disabled, select:disabled { opacity: .6; cursor: no-drop; }

	textarea { height: 8em }
	label { cursor: pointer; }

	/* Radio Check */
	.radcheck { position: relative; line-height: 1.3em; }
	.radcheck input { position: absolute; top: 0; left:  0; z-index: -1; opacity: 0; }
	.radcheck label { padding-left: 1.5em; display: inline-block; }

	.radcheck input[type="radio"] + label:before,
	.radcheck input[type="checkbox"] + label:before { font-family: "FontAwesome"; display: inline-block; position: absolute; left: .2em; top: .2em; }

	.radcheck input[type="radio"] + label:before { content: "\f10c"; }
	.radcheck input[type="checkbox"] + label:before { content: "\f096"; }

	.radcheck input[type="radio"]:focus + label:before,
	.radcheck input[type="checkbox"]:focus + label:before { text-shadow: 0px 0px 5px rgba(111, 171, 232, 1); }

	.radcheck input[type="radio"]:checked + label:before { content: "\f192"; }
	.radcheck input[type="checkbox"]:checked + label:before { content: "\f046"; }

	.radcheck.inline input[type="radio"] + label,
	.radcheck.inline input[type="checkbox"] + label { padding-left: 0; }

	.radcheck.inline input[type="radio"] + label:before,
	.radcheck.inline input[type="checkbox"] + label:before { position: relative; display: inline-block; left: auto; top: 0; padding-right: .5em; }

	/* Alerts */
	.alert-ko, .alert-ok, .alert-info { display: block; margin-bottom: 15px; padding: 10px; text-align: center; border: 1px solid; }
	.alert-ko { background: rgba(240, 197, 197, 1); border-color: rgba(202, 56, 56, 1); color: rgba(202, 56, 56, 1) !important; }
	.alert-ok { background: rgba(192, 238, 170, 1); border-color: rgba(88, 192, 38, 1); color: rgba(88, 192, 38, 1) !important; }
	.alert-info { background-color: rgba(254, 247, 234, 1); border-color: rgba(246, 184, 63, 1); color: rgba(246, 184, 63, 1) !important; }

/* ==========================================================================
   Custom project styles
   ========================================================================== */

	* { Xoutline: 1px solid lime; }

	body { font-family: 'Open Sans', sans-serif; line-height: ; font-size: 100%; color: #666; position: ; }

	a { text-decoration: underline; color: rgba(51, 122, 183, 1); }
	a:hover, a:focus { text-decoration: underline; color: rgba(55, 90, 180, 1); }
	a img { text-decoration: ; border: ; }

  .partners img { padding: 2.5%; display: inline-block; width: 30.33%; }

	.nodecor, .nodecor:hover { text-decoration: none; color: currentColor; }

	nav ul { list-style: none; padding: 0; margin: 0; line-height:  1.1em; }
	nav ul li { padding: 0; margin: 0; }
	nav ul li:before { display: none; }

	.primbcolor { background-color: rgba(51, 122, 183, 1); }
	.scndbcolor { background-color: rgba(202, 56, 56, 1); }
	.thirdbcolor { background-color: rgba(88, 192, 38, 1); }

	.tc01 { color: rgba(40, 40, 40, 1); }
	.tc02 { color: rgba(20, 20, 20, 1); }
	.tc03 { color: rgba(69, 97, 143, 1); }
	.tc04 { color: rgba(46, 72, 113, 1); }
	.tc05 { color: rgba(59, 177, 167, 1); }
	.tc06 { color: rgba(52, 155, 147, 1); }
	.tc07 { color: rgba(234, 192, 132, 1); }
	.tc08 { color: rgba(226, 169, 113, 1); }
	.tc09 { color: rgba(227, 114, 109, 1); }
	.tc10 { color: rgba(219, 93, 90, 1); }

	.primtcolor { color: rgba(51, 122, 183, 1); }
	.scndtcolor { color: rgba(202, 56, 56, 1); }
	.thirdtcolor { color: rgba(88, 192, 38, 1); }

	.bc01 { background-color: rgba(40, 40, 40, 1); }
	.bc02 { background-color: rgba(20, 20, 20, 1); }
	.bc03 { background-color: rgba(69, 97, 143, 1); }
	.bc04 { background-color: rgba(46, 72, 113, 1); }
	.bc05 { background-color: rgba(59, 177, 167, 1); }
	.bc06 { background-color: rgba(52, 155, 147, 1); }
	.bc07 { background-color: rgba(234, 192, 132, 1); }
	.bc08 { background-color: rgba(226, 169, 113, 1); }
	.bc09 { background-color: rgba(227, 114, 109, 1); }
	.bc10 { background-color: rgba(219, 93, 90, 1); }

	.whitebg { background-color: white; }
	.whitetext, .whitetext a:hover, .whitetext * { color: white; }
  .whitetext textarea {color: #666;}

	.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

  /*
	.logo { position: absolute; top: .5em; left: 50%; z-index: 9; font-size: 3.5em; }
	.logo svg { display: block; height: 1em; width: 1em; margin-left: -.5em; }
  */
  .logo { position: relative; text-align:center; top: .5em; z-index: 9; margin: 0 auto; }

	.mainimg { background-size: cover; background-position: center; font-size: 1em; }
	.mainimg .colgrad { position: absolute; bottom: 0; height: 50vh; }
	.mainimg .overlay { position: absolute; left: 0; top: 0; }
	.mainimg .abscenter { margin-top: -7.5vh; }
	.mainimg .abscenter h1 { margin-bottom: .5em; line-height: 1.1em; }

	.content { margin-top: -30vh; padding: 1em; }

	.rounded { -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }

	.roundimage { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid white; padding: .2em; width: 7.5em; }

	.location { margin: .3em 0; }
	.location .maptoggle { cursor: pointer; }

	.fullmap { background: center url(http://fakeimg.pl/100x100/?text=Mapa); z-index: 10; }
	.closemap { z-index:1; cursor: pointer; position: absolute; right: .5em; top: .5em; line-height: 1em; }

/* ==========================================================================
   Owl carousel
   ========================================================================== */
	.owl-dots { text-align: center; }
	.owl-dot { display: inline-block; padding: .7em 1em; }
	.owl-dot:before { content: "X"; }
	.owl-dot.active:before { background: red; }
	.owl-nav .owl-prev { float: left; padding: .7em 1em; }
	.owl-nav .owl-next { float: right; padding: .7em 1em; }
	.owl-item { text-align: center; }

/* ==========================================================================
   Grid
   ========================================================================== */

	.container { position: relative; width: 100%; max-width: 1140px; margin: 0 auto; box-sizing: border-box; }
	[class*='col-'] { float: none; padding: 1rem; width: 100%; max-width: 100%; }

	@media (max-width: 967px) {
		[class*='col-'] [class*='col-'] { padding: 0rem 0rem 1rem 0rem;}
	}

	@media (min-width: 968px) {
		[class*='col-'] { float: left; padding: 1rem; width: 100%; max-width: 100%; }

		.col-1 { width: 8.3333333333%; }
		.col-2 { width: 16.6666666667%; }
		.col-3 { width: 25%; }
		.col-4 { width: 33.3333333333%; }
		.col-5 { width: 41.666666667%; }
		.col-6 { width: 50%; }
		.col-7 { width: 58.333333333%; }
		.col-8 { width: 66.666666666%; }
		.col-9 { width: 75%; }
		.col-10 { width: 83.333333333%; }
		.col-11 { width: 91.666666666%; }
		.col-12 { width: 100%; float: none; clear: both; }

		.col-fifth { width: 20%; }
		.col-seventh { width: 14.285714286%; }
		.col-eighth { width: 12.5%; }
		.col-ninth { width: 11.111111111%; }
		.col-tenth { width: 10%; }
		.col-eleventh { width: 9.0909090909%; }

		article img[align="left"] { margin-right: 1.5em; float: left; }
		article img[align="right"] { margin-left: 1.5em; float: right; }
	}

/* ==========================================================================
   Tools classes
   ========================================================================== */

	.hidden { display: none; }
	.posrel { position: relative; }
	.abscenter { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }

	.padd { padding: 1rem; }
	.paddright { padding-right: 1rem; }
	.paddleft { padding-left: 1rem; }
	.paddtop { padding-top: 1rem; }
	.paddbottom { padding-bottom: 1rem; }

		.smallpadd { padding: .5rem; }
		.smallpaddright { padding-right: .5rem; }
		.smallpaddleft { padding-left: .5rem; }
		.smallpaddtop { padding-top: .5rem; }
		.smallpaddbottom { padding-bottom: .5rem; }

		.bigpadd { padding: 2rem; }
		.bigpaddright { padding-right: 2rem; }
		.bigpaddleft { padding-left: 2rem; }
		.bigpaddtop { padding-top: 2rem; }
		.bigpaddbottom { padding-bottom: 2rem; }

		.nopaddright { padding-right: 0rem;  }
		.nopaddleft { padding-left: 0rem; }
		.nopaddtop { padding-top: 0rem; }
		.nopaddbottom { padding-bottom: 0rem; }
		.nopadd, img.nopadd { padding: 0rem; }

	.marg { margin: 1rem; }
	.margright { margin-right: 1rem; }
	.margleft { margin-left: 1rem; }
	.margtop { margin-top: 1rem; }
	.margbottom { margin-bottom: 1rem; }
	.nomarg { margin: 0rem; }

		.smallmarg { margin: .5rem; }
		.smallmargright { margin-right: .5rem; }
		.smallmargleft { margin-left: .5rem; }
		.smallmargtop { margin-top: .5rem; }
		.smallmargbottom { margin-bottom: .5rem; }

		.bigmarg { margin: 2rem; }
		.bigmargright { margin-right: 2rem; }
		.bigmargleft { margin-left: 2rem; }
		.bigmargtop { margin-top: 2rem; }
		.bigmargbottom { margin-bottom: 2rem; }

		.nomargright { margin-right: 0rem; }
		.nomargleft { margin-left: 0rem; }
		.nomargtop { margin-top: 0rem; }
		.nomargbottom { margin-bottom: 0rem; }
		.nomarg { margin: 0rem; }

	.fullscreen { min-height: 100%; width: 100%; }
	.fullheight { min-height: 100%; }
	.fullwidth { width: 100%; }

	.halfheight { height: 50%; min-height: 400px; }

	.alignleft { text-align: left; }
	.alignright { text-align: right; }
	.aligncenter { text-align: center; }

	.floatleft { float: left; }
	.floatright { float: right; }
	.floatcenter { display: block; margin: 0 auto; float: none !important; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

	/* Larger than mobile */
	@media (min-width: 400px) {
	}

	/* Larger than phablet */
	@media (min-width: 550px) {
		.partners img { width: 19%; }
	}

	/* Larger than tablet */
	@media (min-width: 968px) {
		dl.defhoriz dt { width: 25%; margin-bottom: 1em; text-align: right; float: left; clear: left; }
		dl.defhoriz dd { width: 75%; float: left; clear: right; padding-left: 1em; }

		.mainimg .abscenter { font-size: 1.5em; }
    .partners img { width: 13.8%; }
	}

	/* Larger than desktop */
	@media (min-width: 1000px) {

	}

	/* Larger than Desktop HD */
	@media (min-width: 1200px) {

	}

	/* Queries Hide - Show */
	@media (max-width: 400px) {
		.show-phone { display: inherit; }
		.hide-phone { display: none; }
		.center-phone { text-align: center !important; }
		.half-phone { width: 50%; clear: none; float: left; }
	}
	@media (min-width: 401px) and (max-width: 968px) {
		.hide-tablet { display: none; }
		.show-tablet { display: inherit; }
		.center-tablet { text-align: center !important; }
		.half-tablet { width: 50%; clear: none; float: left; }
	}
	@media (min-width: 969px) {
		.hide-desktop { display: none; }
		.show-desktop { display: inherit; }
		nav ul { display: inherit !important; }
	}

/* ==========================================================================
   Print styles
   ========================================================================== */

	@media print {
		*,
		*:before,
		*:after {
			background: transparent;
			color: #000;
			box-shadow: none !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " (" attr(href) ")";
		}

		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		a[href^="#"]:after,
		a[href^="javascript:"]:after {
			content: "";
		}

		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		thead {
			display: table-header-group;
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}
	}