@charset "utf-8";

/* CSS Document for Tippoint
   by Mediascope Oy 2016
*/

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

body { font:13px/1.231; *font-size:small;  background: #fff repeat;} /* Hack retained to preserve specificity */

a:focus { outline: none; }

/* Normalize monospace sizing:
en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }/* Reset CSS // */
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

.front #logo { display:block; margin:0 auto; width:330px; height:90px; background:url(img/logo.png) no-repeat bottom center; background-size:100% auto; text-indent:-9000pt; position:relative; top:-44px; max-width:80%; }
#fixed-menu #logo { display:block; float:left; margin:5px 15px; width:130px; height:40px; background:url(img/logo.png) no-repeat center center; background-size:100% auto; text-indent:-9000pt; }

h1 { font-family:"acumin-pro-condensed",sans-serif; font-size:50px; line-height:60px; padding:30px 10px 40px; margin:0 auto; color:#fff; text-align:center; text-transform:uppercase; position:relative; z-index:2; }
	.yritys h1 { font-weight:900; font-size: 100px; line-height:120px; max-width: 80%; margin:0 auto; padding: 90px 0 110px; }
	#fp-content h1 { font-family:"acumin-pro-condensed",sans-serif; font-size:105px; line-height:75px; font-weight:900; text-align:Center; color:#fff; text-transform:uppercase; margin:20px 0 50px; padding:0; }
		#fp-content h1 .row-1 {  }
		#fp-content h1 .row-2 { display:block; font-size:47px; line-height:70px; }
		#fp-content h1 .row-3 { display:block; font-size:94px; line-height:60px; }
		
		@media (max-width: 959px) { 
			.yritys h1 { font-size:65px; line-height:78px; padding:75px 0 65px; }
		}
		
		@media (max-width: 767px) {
			#fp-content h1 { font-size:75px }
			#fp-content h1 .row-2 { font-size:34px; line-height:60px; }
			#fp-content h1 .row-3 { font-size:65px; line-height:40px; }
		}

		@media (max-width: 639px) {
			#fp-content h1 { font-size:50px; line-height:40px; }
			#fp-content h1 .row-2 { font-size:22px; line-height:40px; }
			#fp-content h1 .row-3 { font-size:40px; line-height:30px; }
			.yritys h1 { font-size:35px; line-height:45px; padding: 50px 0 45px; }
		}


h2 { color:#333132; font-size:24px; line-height:28px; font-weight:300; text-align:center; margin-bottom:30px; }

h3 { color:#333132; font-size:20px; line-height:24px; font-weight:300; text-align:center; margin-bottom:10px; margin-top:30px; }
	.data-form h3 { font-size:26px; margin-bottom:25px; }
	.view-profile .data-form h3 { font-size:18px; margin-bottom:25px; }

h4 { color:#333132; font-size:18px; line-height:22px; font-weight:300; text-align:center; margin-bottom:20px; }

p { font-size:16px; line-height:29px; font-weight:300; color:#333132; margin:0 0 20px 0; text-align:center; }
	#fp-content p { text-align:Center; color:#fff; margin:0 0 0 0; font-size: 14px; line-height: 20px; }
	p.form-desc { font-size:14px; line-height:24px; }
	p.comment { margin:30px 0; }
	p.comment .fa-remove { color:#960002; }
	p.list-edit { text-align:left; margin-bottom:10px; margin-left:5px; }

#fp-content p.orlogin { margin:20px 0 30px; font-size: 16px; line-height: 29px; }
p.orlogin span { display:block; text-transform:uppercase; font-size: 47px; line-height: 40px; font-weight:700; font-family: "acumin-pro-condensed",sans-serif; }

.yritys .content-container p { text-align:left; }

.content-container ul { list-style-position:inside; margin:0 0 20px 0; }
.content-container ul li { font-size:16px; line-height:22px; margin-bottom:10px; font-weight:300; color:#333132; }

#instructions h2 { text-align:left; font-weight:700; color:#2f6583; text-transform:uppercase; }
#instructions h3 { text-align:left; font-weight:700; color:#2f6583; text-transform:uppercase; }
#instructions p { text-align:left; }

#instructions ul { margin: 0 0 20px 30px; list-style-type:none; }
#instructions ul li { position:relative; text-align: left; font-size: 16px; line-height: 22px; font-weight: 300; color: #333132; margin-bottom:5px; }
#instructions ul li:before { content:"• "; position:absolute; left:-15px; }
	
.content-wrap.green h2, .content-wrap.green h3, .content-wrap.green p { color:#fff; }

a, a:visited { color:#000; }
	#fp-content a, #fp-content a:visited { color:#fff; }
	.content-container a, .content-container a:visited { color:#333132; }
	a:focus, textarea:focus, input:focus, button:focus { outline: none; }

a.btn { display:inline-block; color:#fff; margin:0 10px 20px; border:1px solid #fff; border-radius:7px; padding:6px 20px; text-decoration:none; }
	a.btn.huge { font-size:37px; line-height:50px; font-weight:300; padding:10px 70px; border:2px solid #fff; margin:40px 0 20px; transition:background 500ms; background:rgba(47,101,131,0.4); }
		a.btn.huge:hover { background:rgba(47,101,131,1); }

	a.btn.medium { font-size:18px; line-height:24px; font-weight:300; padding:10px 30px; border:2px solid #fff; transition:background 500ms; background:rgba(47,101,131,0.4); }
		a.btn.medium:hover { background:rgba(47,101,131,1); }
	.front a.btn.medium { min-width:160px; }	

	a.btn.gray { color:#000; border-color:#ccc; }	
			a.btn.small { padding:4px 10px; font-size:14px; }
			
	a.btn i.fa { color:#2f6583; }
			
#footer p { text-align:Center; margin:0; }
	#footer a, #footer span { font-size:14px; color:#fff; display:inline-block; margin:0 30px; }
	#footer a.btn { display:inline-block; font-size:14px; line-height:20px; margin-bottom:20px; border:1px solid #fff; border-radius:7px; padding:6px 20px; text-decoration:none; text-transform:uppercase; transition:background 500ms; }
		#footer a.btn:hover { background:rgba(255, 255, 255, 0.3); border-color:rgba(255, 255, 255, 0); }

@media (max-width: 959px) {
	h1 { font-size:40px; line-height:50px; padding:30px 0 40px; }
}
@media (max-width: 767px) {
	#footer a, #footer span { font-size:12px; margin:0 15px; }
}
@media (max-width: 639px) {
	h1 { font-size:30px; line-height:36px; padding:20px 0 30px; }
	p { font-size:13px; line-height:24px;}
	#instructions ul li { font-size: 13px; line-height: 20px; }
	#footer p { line-height: 29px; }
	a.btn.huge { padding:10px 40px; }
	
	.content-container ul li { font-size:13px; line-height:20px; }
}

/* WRAPPERS / CONTAINERS */

html { height: 100%; }
  
body { min-width:320px; position:relative; box-sizing:border-box; font-family:"lato",sans-serif; padding-top:50px; height:100%; min-height:100%; }
	body.front { padding-top:58px; }
	body.iframe { width:100%; height:auto; padding:0; min-width:0; }

#master-wrap { position:relative; box-sizing:border-box; padding-bottom:80px; min-height:100%; }
@media (max-width:520px) { #master-wrap { padding-bottom:164px; } }
	
#header-wrap { position:relative; background-size:cover; background-position:center center; }
	.front #header-wrap { background-size:cover; background-position:center center; min-height:850px; }
	.front.company #header-wrap { background-size:cover; background-position:top center; min-height:395px; }
	#header-wrap:before { content:" "; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}

#fp-content { position:relative; padding:1px 5px; z-index:2; }

.content-wrap { padding:40px 10px 40px; }
	.content-wrap.green { padding:70px 10px 80px; background:#64a9a8; }
	.content-container { max-width:700px; margin:0 auto; }

@media (max-width:760px) { .content-container { overflow:hidden; } }

#footer { background:#2f6583; box-sizing:border-box; padding:25px 10px; position:Absolute; bottom:0; left:0; width:100%; }
	#footer-container {}

/* MENUS */

.front #primary-menu { position:relative; top:-28px; }
	.front #primary-menu ul { text-align:center; }
		.front #primary-menu ul li { display:inline-block; }
			.front #primary-menu ul li a { display:block; padding:11px 20px; font-size:16px; line-height:16px; font-weight:300; text-transform:uppercase; text-decoration:none; color:#fff; border-radius:10px; transition:all 500ms; }
				.front #primary-menu ul li a:hover { background:rgba(255,255,255,0.28); }
				
				.front.company #primary-menu ul li.t-5 a {  background:rgba(255,255,255,0.28); }
				.front.company #primary-menu ul li.t-5 a:before { content:"\f015"; font: normal normal normal 16px/1 FontAwesome;}
				.front.company #primary-menu ul li.t-5 a span { display:none; }

#fixed-menu { background:#2f6583; position:fixed; min-height:50px; top:0; left:0; width:100%; z-index:10; }
	#fixed-menu ul { padding-left:5px; display:block; float:left; }
	#fixed-menu ul.right { float:right; }
		#fixed-menu ul li { display:block; float:left; position:relative; }
			#fixed-menu ul li a { display:block; text-decoration:none; color:#fff; font-size:16px; line-height:20px; padding:15px; font-weight:300; transition:all 500ms; }
				#fixed-menu ul li a:hover { background-color: #64a9a9; }
				
				#fixed-menu ul li.t-5 a {  }
				#fixed-menu ul li.t-5 a:before { content:"\f015"; font: normal normal normal 16px/1 FontAwesome;}
				#fixed-menu ul li.t-5 a span { display:none; }

	@media (min-width: 960px) {
		.right li.lang-fi a { padding-right:5px!important; }
		.right li.lang-en a { padding-left:5px!important; }
		.right li.lang-fi a:after { content:"/"; padding-left:10px; }
	}
	@media (max-width: 959px) {
	
		#show-menu { display:block; z-index:299; cursor:pointer; position:absolute; top:3px; right:5px; width: 44px; height: 44px; background: url(img/menu-icons-white.svg) no-repeat 10px 11px ; background-size: 25px auto; }
			#show-menu.active { background: url(img/menu-icons-white.svg) no-repeat 10px -24px; background-size:25px auto; }
			
		#fixed-menu ul { display:none; float:none; width:100%; padding:5px 0; clear:both; border-top:1px solid #43748f; }
			#fixed-menu ul li { float:none; }
				#fixed-menu ul li a { padding:10px 15px; }
	
		#fixed-menu ul.right { padding-top:20px; border:none; }
		
	}
	
#fixed-menu ul#user-menu { display:none; position:absolute; top:50px; padding:0; right:0; width:150px; background:#3C82A9; }
	ul#user-menu li { display:block; width:100%; overflow:hidden; }
		ul#user-menu li a { display:block; text-align:right; padding-left:5px; }
			ul li.user-menu a i.fa { margin-left:5px;}
	
	@media (max-width: 959px) {
		ul li.user-menu > a { display:none!important; }
		#fixed-menu ul#user-menu { display:block!important; position:relative; top:0; width:100%;  background:none; }
		ul#user-menu li a { text-align:left; padding-left:15px; }
	}

#fixed-menu ul#lang-menu { display:none; position:absolute; top:50px; padding:0; right:0; width:100%; background:#3C82A9; }
	ul#lang-menu li { display:block; width:100%; overflow:hidden;  }
		ul#lang-menu li a { display:block; text-align:right; padding-left:0px; padding-right:0px; text-transform:uppercase; text-align:center; }
	
	@media (max-width: 959px) {
		ul li.lang-menu > a { display:none!important; }
		#fixed-menu ul#lang-menu { display:block!important; position:relative; top:0; width:100%;  background:none; }
		ul#lang-menu li a { text-align:left; padding-left:15px; }
	}


#fp-lang-nav { list-style-type:none; position:absolute; top:-40px; right:15px; width:50px; text-align:right; z-index:10; }
#fp-lang-nav li.lang-menu > a { display:block!important; padding:0 0 10px 10px; }
#fp-lang-nav li.lang-menu > a i { font-size:20px; }
#fp-lang-nav ul#lang-menu { display:none; position:absolute; top:40px; padding:0px; right:-15px; width:100%; background:#3C82A9; }
#fp-lang-nav ul#lang-menu li a { display: block; text-decoration: none; color: #fff; font-size: 16px; line-height: 20px; padding: 15px 10px; font-weight: 300; text-align:center; }
	
.company-list { padding:30px 0; }
	.company-list ul { list-style-type:none; text-align:center; }
		.company-list ul li { display:block; width:100%; padding:9px; }
			.company-list ul li a, .company-list ul li a:visited { color:#2F6583; text-transform:uppercase; font-size:16px; font-weight:300; }
			
.company-row-item { position: relative; width: 50%; box-sizing: border-box; height: 320px; display: block; float: left; background-color: #ccc; background-size: cover; background-position: center center; text-decoration: none; transition: all 200ms;}
	.company-row-item:before { position: absolute;  display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; z-index: 1; background: rgba(0,0,0,0.5); content: " ";}
	.company-row-item:hover:before { background: rgba(0,0,0,0.2);}
	.company-row-item:hover { transform: scale(1.1); position: relative; z-index: 5;}
	.company-row-item .company-row-item-logo { position: relative; z-index: 2; display: block; top: 60px; margin: 0 auto 0; height: 40px; width: auto;}
	.company-row-item .company-row-item-title { position: relative; z-index: 2; display: block; top: 80px; margin: 0 auto 0; text-align: center; color: #fff; text-decoration: none; font-size: 36px; }
	.company-row-item .logo-block { display: block; top:60px; height: 40px;}

@media (max-width:639px) { .company-row-item {width: 100%; float: none;} }

/* CONTENT */

.col-container { padding:50px 0; max-width:470px; margin:0 auto; }
	.col-container a { text-decoration:none; }
		.col-container a:hover { text-decoration:underline; }

	.col-container strong { font-weight:300; color:#2F6583; }

.col-100 { display:block; float:left; width:100%; box-sizing:border-box; padding:0 15px; }
.col-50 { display:block; float:left; width:50%; box-sizing:border-box; padding:0 15px; }
.col-33 { display:block; float:left; width:33.333%; box-sizing:border-box; padding:0 15px; }
.col-25 { display:block; float:left; width:25%; box-sizing:border-box; padding:0 15px; }
	@media (min-width:960px) { .col-lg-25 { width:25%; } }
	@media (max-width:639px) { .col-33 { width:100%; } }
	
	@media (max-width:639px) { .data-form .col-100, .data-form .col-50, .data-form .col-33, .data-form .col-25 { padding:0 5px; } }
	
#instructions { padding:50px; width:700px; box-sizing:border-box; }	
	@media (max-width:767px) { #instructions { width:100%; padding:25px 15px; } }
	
.job-list-header { display:block; margin:0 auto 20px; max-width:700px; padding:20px 10px; background: #f7f7f7;}	
.job-list-header .company-logo { width: 150px; float: left;}
.job-list-header .job-list-header-info { float: left; width: 390px; padding-right: 10px; text-align: left;}
.job-list-header .job-list-header-cta { float: left; width: 130px; text-align: left;}
	.job-list-header span.title, .job-list-content span.title { display:block; font-size:16px; line-height:20px; font-weight:700; text-transform:uppercase; color:#337ab7; text-align:left; margin-bottom:0px; }
		.job-list-content span.title { color:#fff; }

	.job-list-header span.company { color: #333132; font-weight: 200; font-size: 12px;}
	.job-list-header span.view-ends { color: #333132; font-weight: 500; font-size: 14px;}

	.job-list-header img.logo { display:block; margin:10px auto; width:100px; height:auto; }

	.job-list-header p { margin:0; text-align: left; padding: 0; line-height: 20px; }
	.job-list-header p.excerpt { white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }

	.job-list-header a { color:#337ab7; text-decoration:none;}

	.job-list-header a.btn { display:block; background: #337ab7; text-align: left; color:#fff; font-weight:300; margin:5px 0 0px; border: none; text-decoration:none; }
		.job-list-header a.btn:hover { background: #333;}

.job-list-content { display:none; }
.job-list-content .content-wrap.green { padding:30px 10px; }

	.job-list-content a.btn { margin-bottom:0; color:#fff; }

	.job-list-content a.close { display:block; text-align:center; color:#fff; font-weight:300; margin:5px 0 0; text-decoration:none; }
		.job-list-content a.close:hover { text-decoration:underline; }

@media (max-width: 720px) {
	.job-list-header .job-list-header-info, .job-list-header .company-logo, .job-list-header .job-list-header-cta, .job-list-header span.title, .job-list-content span.title, .job-list-header p { float: none; text-align: center; width: 100%;}
	.job-list-header a.btn { width: 280px; margin: 15px auto; display: block; text-align: center;}
}

.profile-pic { display:block; max-width:175px; margin:0 auto; border-radius:150px; }

a.attachment-link { display:block; text-align:center; padding:10px 0; font-size:14px;}

.view-profile {}
.view-job {}
	.view-profile h2, .view-job h2 { margin-top:30px; color:#2f6583; }
	.view-profile h3, .view-job h3 { color:#2f6583; text-transform:uppercase; }
	.view-profile p { margin:0; }
	.view-job p { text-align:left; }
	.view-profile a.attachment-link { padding:0; }

.separator { display:block; width:100%; height:1px; background:#2f6583; margin:40px 0; }
	.view-profile.quick .separator { background:#fff; margin:20px 0 }
	
.view-profile.quick { background:#fff; width:575px; padding:25px 25px; }
	
	.view-profile.quick h2, #iframe-wrap h2 { margin-top:0; text-align:left; }
	.view-profile.quick .image { display:block; float:left; width:150px; padding-bottom:50px; }
		.view-profile.quick .image .profile-pic { width:100%; }
	.view-profile.quick .details { display:block; float:left; padding-left:40px; width:350px; }
	.view-profile.quick .details h3 { text-align:left; margin:0; font-size:18px; }
	.view-profile.quick .details p { text-align:left; }
	.view-profile.quick .details a { color:#337ab7; }
	
	@media (max-width:639px) { 
		.view-profile.quick { width:300px; padding:25px 15px; }
		.view-profile.quick .image { float:none; margin:0 auto; }
		.view-profile.quick .details { width:100%; padding:0; }
	}

.clists { text-align:center; margin:30px 0; }
	.clists .btn {}
	.clists .btn.active { padding-right:10px; padding-left:10px; color:#fff!important; background:#5B9BD1;  }
		.clists .btn.active:before { color:#fff!important; content:"\f00c"; font-family:"FontAwesome"; margin-right:5px; }

.list-label { display:block; margin:20px 0 5px; }

.iframe-wrap { background:#fff; width:575px; height:500px; padding:25px; }
	@media (max-width:639px) { .iframe-wrap { width:300px; } }
	.iframe-wrap iframe { width:100%; height:100%; }
	.iframe form .button { margin-bottom:0; }
	.iframe .info h3 { text-align:left; margin:0; font-size:18px; text-transform:uppercase; }
	.iframe .info p { text-align:left; margin:0; }
	.iframe .info a { color:#337ab7; }
	.iframe .radio-wrap label { font-size: 14px; font-weight: 300; color: #2f6583; }

#search-results {}
	p.result-count { text-align:right; }
	
	.student-row { display:block; border-bottom:1px solid #337ab7; padding:10px 0; position:relative; }
		.student-row a, .student-row a:visited { color:#337ab7; text-transform:uppercase; font-weight:300; }
		.student-row p { text-align:left; margin:0; }
		.student-row .btn { position:absolute; top:20px; right:5px; border-color:#ccc; color:#333!important; font-size:14px; line-height:16px; text-transform:none; }
		.student-row .btn.contact { cursor:default; padding-right:10px; padding-left:10px; color:#fff!important; background:#337ab7; background:#5B9BD1;  }
		.student-row .btn.contact:before { color:#fff!important; content:"\f00c"; font-family:"FontAwesome"; margin-right: 5px;  }

		.student-row .lang { display:inline-block; margin:0 2px; width:20px; height:23px; background-size:100% auto; background-position:center center; background-repeat:no-repeat; text-indent:-9000pt; }
			.student-row .lang-fi { background-image:url(flags/fi.png); }
			.student-row .lang-en { background-image:url(flags/en.png); }
	
.student-row .btn-wrap { position:absolute; top:20px; right:5px; }
.student-row .btn-wrap .btn { position:relative; top:auto; right:auto; }
	.student-row .btn.recruited { padding-right:10px; padding-left:10px; color:#fff!important; background:#337ab7; background:#5B9BD1;  }
	.student-row .btn.recruited:before { color:#fff!important; content:"\f00c"; font-family:"FontAwesome"; margin-right: 5px;  }

.student-row .btns { font-size:12px; font-weight:700; color:#337ab7; }

.student-row .counts { margin-left:5px; position:absolute; top:20px; right:125px; color:#337ab7; }
.student-row .counts-inline { margin-left:5px; color:#337ab7; }
.student-row .counts i, .student-row .counts-inline i { font-size:14px; margin-left:5px; }
.student-row .counts .count, .student-row .counts-inline .count { font-size:11px; font-weight:700; }



.pagination { padding:20px 10px; text-align:center; }
	.pagination a { display:inline-block; padding:3px 6px; margin:5px; border:1px solid #ccc; color:#337ab7; font-weight:300; }
		.pagination a.active { cursor:default; text-decoration:none; color:#666; }
		
		@media (max-width:639px) {
			.student-row, .student-row p { text-align:center!important; }
			.student-row .btn { position:relative; top:auto; right:0; left:0; margin:10px auto 0; text-align:center; }
			.student-row .btn-wrap { position:relative; top:auto; right:0; left:0; margin:10px auto 0; text-align:center; }
			.student-row .counts { position:relative; top:auto; right:auto; }
		}

p.joblist span { display:block; }
p.joblist a { color:#337ab7!important; }

#map { display:block; width:100%; height:250px; background:#AAAAAA; }

.comp-logo { display:block; margin:70px auto; max-width:100%; height:auto; }
.comp-bg { display:block; margin:70px auto; max-width:100%; height:auto;  }

	.company-profile .comp-logo, .company-profile .comp-bg { margin:30px auto; }

#search-results { padding-bottom:50px; }

ul.user-list { list-style-type:none; margin:50px 0 100px; text-align:center; }
ul.user-list li a { text-decoration:none; margin:0 0 10px 0; }
ul.user-list li a i { margin:0 5px; }
ul.user-list li a span.small { font-size: 0.75em; }
ul.user-list li.hidden a { color:#aaa; }

/*#banners {}
#banners a { display:block; float:left; width:20%; }
#banners a img { display:block; width:100%; height:auto; margin:0; padding:0; }
@media (max-width:960px) { #banners a { width:25%; } }
@media (max-width:640px) { #banners a { width:50%; } }*/
#banners { text-align:center; }
#banners a { display:inline-block; margin:5px 5px 2px 0; }
#banners a img { display:block; margin:0; padding:0; }

.video-embed { display:block; margin:20px 0; position:relative; width:100%; height:0; padding-bottom:56.25%; }
.video-embed iframe { display:block; position:absolute; top:0; left:0; width:100%!important; height:100%!important; }

/* FORMS */

input[type=text], input[type=submit]  { -webkit-appearance:none; }

#form-content { position:relative; z-index:2; max-width:600px; margin:0 auto; padding:10px 0; }

#form-content p { color:#fff; }

.form { padding:1px 0 10px; }

.textinput { font-family:"lato",sans-serif; margin:30px auto; display:block; text-align:center; background:#fff; border:1px solid #ccc; border-radius:4px; color:#000; opacity:0.7; padding:6px 12px; height:36px; font-size:16px; width:374px; }
@media (max-width:460px) { .textinput { margin:20px auto; width:254px; } }

.register span.error { display:block; color:#fff; text-align:center; }

.form-buttons { text-align:center; }
	.form .button { font-family:"lato",sans-serif; display:inline-block; font-size:37px; line-height:50px; font-weight:300; padding:10px 70px; border:2px solid #fff; border-radius:7px; margin:40px 0 20px; background:rgba(255, 255, 255, 0); cursor:pointer; color:#fff; transition:background 500ms; }
		.form .button:hover { background:rgba(255, 255, 255, 0.3); border-color:rgba(255, 255, 255, 0); }
@media (max-width:460px) { .form .button { padding:10px 50px; } }

.loginForm p { font-size:14px; line-height:24px; }
	.loginForm p.error { font-weight:700; }

	.loginLogin { width:280px; margin:30px auto; padding:20px; border:1px solid #2f6583; border-radius:7px;}
 		.loginLogin label { font-size:13px; color:#2f6583; }
	.loginLogin .loginPassword, .loginLogin .loginUsername, .loginLogin .loginFPUsername { display:block; width:100%; margin:3px 0 20px; box-sizing:border-box; border:1px solid #ccc; border-radius:5px; padding:5px; }
	
	.loginLogin .loginbutton { font-family:"lato",sans-serif; display:block; margin-top:20px; font-size:14px; line-height:20px; color:#000; border:1px solid #2f6583; border-radius:5px; padding:6px 20px; text-decoration:none; text-transform:none; background:#fff; cursor:pointer; font-weight:300; }

#login { background:#2f6583; width:450px; padding:50px; }
	@media (max-width:480px) { #login { width:300px; padding:25px; } }
	#login h2 { color:#fff; text-align:left; }
	#login p.error { color:#fff; font-weight:700; }
	#login label { display:block; color:#fff; font-size:16px; }
		#login .loginRemembermeLabel { display:inline; }
	#login .loginPassword, #login .loginUsername { display:block; width:100%; box-sizing:border-box; padding:10px; border-radius:0px; border:2px solid #fff; margin:10px 0 20px; }
	
	#login .loginbutton { display:block; width:100%; margin-top:20px; font-size:14px; line-height:20px; color:#fff; border:1px solid #64a9a9; border-radius:5px; padding:10px 20px; text-decoration:none; text-transform:uppercase; background:#64a9a9; cursor:pointer; }
	
label.left { display:block; text-align:left; padding-top:10px; font-size:14px; font-weight:300; color:#2f6583; }
label.center { display:block; text-align:center; padding-top:10px; font-size:14px; font-weight:300; color:#2f6583; }	
	
label.box { display:block; float:left; width:70%; margin-right:5%; box-sizing:border-box; border: solid 1px #64a9a8; height:34px; padding:8px 12px 4px; font-size:14px; line-height:14px; margin-bottom:25px; border-radius:4px; font-family:"lato",sans-serif; font-weight:300; }	
	
input.file { display:block; margin:10px auto 40px; }
	
.data-form input[type=text], .data-form input[type=password] { display:block; width:100%; box-sizing:border-box; border: solid 1px #64a9a8; height:34px; padding:6px 12px; font-size:14px; line-height:14px; margin-bottom:25px; border-radius:4px; font-family:"lato",sans-serif; font-weight:300; }	
	.data-form input.datepicker { background:#F7F7F7; }
.data-form textarea { display:block; width:100%; box-sizing:border-box; border: solid 1px #64a9a8; height:114px; resize:none; padding:6px 12px; font-size:14px; line-height:14px; margin-bottom:25px; border-radius:4px; font-family:"lato",sans-serif; font-weight:300; }		
	.data-form textarea.tall { height:228px; }
	
.data-form select { display:block; width:100%; box-sizing:border-box; border: solid 1px #64a9a8; height:34px; padding:6px; font-size:14px; line-height:14px; margin-bottom:25px; border-radius:4px; font-family:"lato",sans-serif; font-weight:300; }	
	
	.data-form select.small { width:25%; float:left; padding:0 0 0 5px; }
	
.checkbox-wrap { padding:20px 15px; }	
	.checkbox-container { display:block; float:left; position:relative; width:33%; overflow:hidden; margin-bottom:20px; }
	.two-column .checkbox-container { width:50%; }
		@media (max-width:639px) { .checkbox-container { width:50%; } }
		input.checkbox { position:absolute; width:10px; height:10px; left:2px; top:2px; z-index:1; }
		input.checkbox + label { display: block; position: relative; padding: 0px; width: 32px; background-color: #ddd; border-radius: 20px; text-indent: 0px; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none;  }
		input.checkbox + label span { padding-left:40px; font-size:14px; font-weight:300; white-space: nowrap; }
		input.checkbox + label:before, input.checkbox + label:after { content: " "; display: block; position: absolute;top: 1px; left: 1px; bottom: 1px; }
		input.checkbox + label:before { width:32px; right: 1px; z-index:2; background-color: #E3E3E3; border-radius: 60px; transition: background 300ms; }
		input.checkbox + label:after { width:20px; z-index:3; background-color: #fff; border-radius: 100%; transition: margin 300ms; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
		input.checkbox:checked + label:before { background-color: #2f6583; }
		input.checkbox:checked + label:after { margin-left: 11px; }
	
form .button { display:block; margin:30px auto; font-size:16px; line-height:25px; color:#000; border:1px solid #000; border-radius:5px; padding:6px 30px; text-decoration:none; background:#fff; cursor:pointer; font-family:"lato",sans-serif; font-weight:300; }
	
#ui-datepicker-div { font-size:1em; }
	select.ui-datepicker-month { font-size:12px!important; left:-5px; width: 40%!important; margin-right:5%!important; }
	select.ui-datepicker-year { font-size:12px!important; left:5px; width: 40%!important; }
	
select.search { box-sizing:border-box; display:block; float:left; margin-bottom:20px; width:28%; margin-right:8%; border:1px solid #A9A9A9; color:#000; border-radius:2px; font-family:"lato",sans-serif; font-weight:300; font-size:16px; line-height:30px; }	
	select.search:nth-child(3n+3) { margin-right:0; }
	@media (max-width:639px) { select.search { width:100%; margin-right:0; } }
	
.search-filter { display:block; width:100%; box-sizing:border-box; border: solid 1px #64a9a8; height:34px; padding:6px; font-size:14px; line-height:14px; margin-bottom:25px; border-radius:4px; font-family:"lato",sans-serif; font-weight:300; }	
	@media (min-width:739px) { .search-filter { float:left; width:70%; } }
	
.search-btns { display:block; float:left; width:100%; text-align:right; }
@media (min-width:739px) { .search-btns { float:left; width:30%; text-align:center; } }
.search-btns a { margin:0 0 0 10px!important; }

input.error, select.error, textarea.error { border-color:#9A0002!important; }
input.checkbox.error + label span, label span.error { color:#9A0002!important; font-weight:400; }
	
input.file.error:after { content:" "; display:block; background:red; margin-top:3px; height:2px; width:100%; }

.search-form {}
	.search-form .checkbox-container { width:25%; }
		@media (max-width:639px) { .search-form .checkbox-container { width:50%; } }
	.search-title { display:block; text-align:center; margin-bottom:15px; font-weight:300; }	
	
.ui-state-highlight { background-color: #d9edf7; border-color: #bce8f1; }
.ui-widget p { margin:0; opacity:0.7; text-align:Center!important; }

label.basic { display:block; font-size:14px; font-weight:300; margin-bottom:5px; margin-top:10px; }

.mce-edit-area { border:none!important; }
.mce-tinymce.mce-container.mce-panel { border: solid 1px #64a9a8; border-radius:4px; overflow:hidden;}

div.spacer { display:block; width:100%; height:20px; }

/* OTHERS */

.clearer { clear:both; }