@font-face { font-family: 'ZurichBT-LightCondensed'; src: url('/css/fonts/ZurichBT-LightCondensed.eot?#iefix') format('embedded-opentype'), url('/css/fonts/ZurichBT-LightCondensed.woff') format('woff'), url('/css/fonts/ZurichBT-LightCondensed.ttf') format('truetype'), url('/css/fonts/ZurichBT-LightCondensed.svg#ZurichBT-LightCondensed') format('svg'); font-weight: normal; font-style: normal; }

/* ------- 1. CSS Reset ------- */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size:16px;
}
ol, ul {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {vertical-align:top;}


/* ------- 2. General ------- */

html {height:100%;}
body {font-family: 'Open Sans', sans-serif; color:#000; height:100%; background-color:#F1F1F1;}
a {;}
a:hover {;}
p {}
b {font-weight:bold;}
i {font-style:italic;}
strong {font-weight:bold;}
hr {height:1px; border:0;}


/* ------- 3. Headers ------- */

h1 {;}
h2{;}
h3{;}
h4{;}
h5{;}
h6{;}

/* ------- 4. Website CSS -------- */

/* GLOBAL */

.clear, .clearfix {clear:both;}
.text-grey {color:#667282;}
.text-red {color:#F00;}
.text-red2 {color:#CB2936;}
.text-white {color:#FFF;}
.text-green {color:#22A036;}
.text-small {font-size:10px;}
.uppercase {text-transform:uppercase;}
.relative {position:relative;}
.b {font-weight:bold;}
.i {font-style:italic;}
.hidden {display:none;}
.stuff {display:none;}
.up {text-transform:uppercase;}
.error {color:#C00;}
.inline {display:inline-block;}

#wrapper {position:relative; width:100%; min-height:100%; background:url(/images/bg-header.png) repeat-x;}
#header {height:643px; position:relative; width:100%; background:url(/images/bg-hash2.png) no-repeat 50%;}
#logo {width:100%; margin:auto; text-align:center; padding:18px 0 13px;}
#langs-cont {position:absolute; width:100%; top:0;}
#langs {width:100%; max-width:1120px; margin:auto; text-align:right; padding-top:10px;}
#langs a {text-decoration:none; color:#666;}
#langs a:hover {color:#FFD135;}
#menu-line {height:5px; width:100%; background:#FFD135 url(/images/bg-menu-line.png) repeat-x;}
#menu-container {width:100%; height:30px; background:url(/images/bg-menu.png) repeat-x; margin-top:3px; z-index:9; position:relative;}
#menu {margin:auto; text-align:center; font-family: "Dosis", sans-serif; white-space:nowrap;}
#menu ul {list-style:none;}
#menu ul li {display:inline-block; line-height:27px; font-size:14px;}
#menu ul li a {display:block; color:#000; text-decoration:none; text-transform:uppercase; padding:0 15px;}
#menu ul li a:hover {background-color:#000; color:#FFF;}
#menu ul li a.active {background-color:#000; color:#FFF;}

#slider {position:relative; max-width:1280px; min-width:1120px; height:360px; overflow:hidden; margin:auto; margin-top:-3px;}
.slider-item {position:absolute; top:0; left:0; display:none;}
.slider-item img {z-index:5;}
.slider-desc {position:absolute; z-index:9; top:240px; left:160px; color:#FFF; background:rgba(50,50,50,0.7); border-top:5px solid rgba(50,50,50,0.9); padding:10px 100px 10px 15px; text-transform:uppercase; display:none;}
.slider-item-title {font-size:18px; padding-bottom:10px;}
.slider-item-title a {color:#FFF; text-decoration:none;}
.slider-item-title a:hover {color:#FFD135;}
.slider-item-text {font-size:14px;}
#slider-nav-container {width:1120px; height:43px; background:url(/images/slider-shadow.png) no-repeat; margin:auto;}
#slider-nav {padding-top:10px; text-align:center;}
#slider-nav div {display:inline-block;}
#slider-nav div.bull {width:9px; height:10px; background:url(/images/slider-nav.png); cursor:pointer;}
#slider-nav div.bull.active {width:9px; height:10px; background:url(/images/slider-nav-a.png);}
#slider-nav div.sep {width:19px; height:10px; background:url(/images/slider-nav-sep.png);}
#main {max-width:1030px; padding:30px 45px; background-color:#FFF; margin:auto; margin-bottom:50px;}
.breadcrumbs {color:#999; font-weight:normal; padding-bottom:15px; font-size:14px;}
.breadcrumbs a {color:#999; text-decoration:none;}
.breadcrumbs a.last {color:#444;}
.breadcrumbs a:hover {color:#FFD135; text-decoration:underline;}
h1 {text-transform:uppercase; font-size:25px;}
.text-block {padding-top:30px;}
.text-block {font-size:16px;}
.text-block h2 {font-size:20px; padding-bottom:10px; padding-top:5px;}
.text-block h3 {font-size:16px;}
.text-block h4 {font-size:14px;}
.text-block p {padding-bottom:15px; line-height:135%; text-align:justify;}
.text-block ul {margin-left:35px; padding-bottom:15px;}
.text-block ol {margin-left:35px; padding-bottom:15px;}
.text-block li { line-height:135%; text-align:justify;}
.text-block a {color:#666;}
.text-block a:hover {color:#FFD135;}
.text-block table {}
.text-block table td {padding:3px; border:1px solid #CCC;}
#footer {border-top:2px dotted #BBB; margin-top:20px; padding-top:30px;}
.footer-share {display:inline-block; vertical-align:bottom; padding-right:10px;}
.footer-copy {display:inline-block; font-size:12px; padding-bottom:5px; border-bottom:1px solid #BBB; margin-bottom:9px; width:200px; text-align:center; vertical-align:top;}

.articles {}
.articles div.img-cont {padding-top:30px;}
.articles div.img-cont img {width:283px; padding-top:5px; padding-bottom:6px; margin-right:50px; border-top:1px solid #D2D2D2; background:url(/images/home-img-shadow.png) bottom no-repeat;}
.articles h2 {color:#444; padding-top:30px; font-size:18px;}
.articles h2 a {color:#444;}
.articles div.article-date {font-style:italic; color:#777; font-size:14px; padding:10px 0;}
.articles div.article-date img {width:16px;}
.articles div.article-content {font-size:16px; line-height:135%; padding-bottom:20px; border-bottom:3px dashed #E5E5E7;}
.articles div.article-content p {padding-bottom:15px;}

.subsections {padding-top:30px;}
.subsection {width:300px; display:inline-block; padding-right:40px;}
.subsection-img {height:163px; overflow:hidden;}
.subsection-img img {width:100%;}
.subsection-title {text-align:center; padding:25px 0 25px 0; text-transform:uppercase; font-size:14px;}
.subsection-title a {color:#000; text-decoration:none;}
.subsection-title a:hover {color:#FFD135; text-decoration:none;}

.events {padding-top:50px; min-height:400px;}
.calendar {min-width:500px; width:70%; vertical-align:top;}
.events-list {width:174px; padding:50px 40px; background-color:#3E454D; vertical-align:top; text-transform:uppercase; line-height:120%;}
.events-list h2 {color:#FFF; font-size:20px; text-align:center; padding-bottom:20px; border-bottom:solid 4px #6B7783; margin-bottom:40px;}
.event-title {color:#6B7783; font-size:16px; padding-bottom:10px;}
.event-intro {border-bottom:solid 4px #6B7783; color:#FFF; font-size:12px; padding-bottom:10px; margin-bottom:30px;}
.calendar table {}
.calendar table td {}
.calendar table td.prev-month {text-transform:uppercase; cursor:pointer;}
.calendar table td.prev-month:hover {color:#FFD135;}
.calendar table td.cur-month {text-align:center; text-transform:uppercase; font-size:20px; padding-bottom:25px;}
.calendar table td.next-month {text-transform:uppercase; cursor:pointer; text-align:right;}
.calendar table td.next-month:hover {color:#FFD135;}
.calendar table td.weekday { text-align:center; height:50px;}
.calendar table td.day {width:90px; text-align:center; height:38px; line-height:38px; padding:5px 0;}
.calendar table td.today {color:#FFF;}
.calendar table td.today div.ball {width:38px; display:inline-block; background:#000; -moz-border-radius: 19px; -webkit-border-radius: 19px; -khtml-border-radius: 19px; border-radius: 19px;}
.calendar table td.event {text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #F00; cursor:pointer; font-weight:bold;}
.calendar table td div {position:relative;}
.calendar table td div.event-list {position:absolute; white-space:nowrap; top:10px; left:50px; background-color:rgba(0,0,0,0.7); display:none; z-index:99; padding:10px 20px;}
.calendar table td div.event-list ul {list-style:none;}
.calendar table td div.event-list ul li {color:#FFF;}
.calendar table td div.event-list ul li p {text-align:left;}
.calendar table td div.event-list ul li p.title {font-weight:bold; font-size:18px;}
.calendar table td div.event-list ul li p.intro {font-size:14px; font-weight:normal;}


.contacts {padding-top:30px;}
.contacts h2 { padding:20px 0; font-size:18px; color:#808080;}
.contacts h2 img {height:16px; padding-right:10px;}
.contacts-left {width:55%; min-width:400px; display:inline-block; vertical-align:top;}
.contacts-map {}
.contacts-map img {width:100%;}
.contacts-right {width:40%; min-width:400px; display:inline-block; padding-left:30px; font-size:16px; vertical-align:top;}
.contacts-form-table {width:100%;}
.contacts-form-table td {padding:10px 0;}
.contacts-form-table td input, .contacts-form-table td textarea {width:100%; box-sizing: border-box; padding:10px; border:1px solid #eee; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; font-family:inherit; font-size:inherit;}
.contacts-form-table td input {}
.contacts-form-table td textarea {height:150px;}
.contacts-form-table td button {float:right; background:url(/images/bg-button.png) repeat-x; height:22px; border:0; font-family:inherit; line-height:22px; font-size:12px; color:#666; cursor:pointer;}
.contacts-form-table td.contacts-name {padding-right:10px;}
.contacts-form-table td.contacts-email {padding-left:10px;}

.galleries {padding-top:30px;}
.gallery {display:inline-block; width:190px; position:relative; padding-right:10px; padding-bottom:30px; vertical-align: top;}
.gallery div.g-data {line-height:20px; position:relative;}
.gallery div.g-data img.views {height:16px; padding-right:3px; vertical-align:middle; padding-bottom:6px;}
.gallery div.g-data img.share {height:18px; padding-left:14px; vertical-align:middle; padding-bottom:4px;}
.gallery div.g-data div.share-cont {position:relative; display:inline-block;}
.gallery div.g-data div.addthis {display:none; position:absolute; white-space:nowrap; left:31px; top:-5px; z-index:9; background:#FFF; padding:5px 4px; padding-bottom:0;}
.gallery div.g-data div.addthis_sharing_toolbox {padding-top:3px;}
.gallery div.g-img-cont {width:190px; height:144px; overflow:hidden; position:relative;}
.gallery div.g-img-cont img {position:absolute; /*left:50%; margin-left:-97px;  width:194px;*/}
.gallery div.g-img-cont img:hover {opacity:0.7;}
.gallery div.g-name {text-align:left; padding-top:10px;}
.gallery div.g-name a {color:#000; text-decoration:none; text-transform:uppercase; line-height:135%;}
.gallery div.g-name a:hover {color:#FFD135;}

.gallery-images {padding-top:0px;}
.g-img-large {width:100%; overflow:hidden; position:relative;}
.g-img-large div {position:relative; height:500%; text-align:center;}
.g-img-large img {max-width:100%; max-height:500px;}
.g-img-list {padding-top:0px; text-align:center;}
.g-img {display:inline-block; padding:6px; cursor:pointer;}
.g-img div.g-img-cont {width:190px; height:144px; overflow:hidden; position:relative; background:#000 url(/images/gallery-eye.png) no-repeat center;}
.g-img div.g-img-cont img {position:absolute; /*left:50%; margin-left:-97px;  width:194px;*/}
.g-img div.g-img-cont:hover img {opacity:0.5;}
.g-img div.g-img-cont.active img {opacity:0.5;}
.g-img div.g-img-cont div {width:180px; height:134px; border:1px solid #FFF; position:absolute; top:4px; left:4px;}

.teachers {text-align:left; padding-top:30px;}
.teachers-item {display:inline-block; width:33%; min-width:250px; padding-bottom:50px; position:relative; vertical-align: top; line-height:135%;}
.teacher-img {text-align:center;}
.teacher-img:hover {cursor:pointer;}
.teacher-img img {width:60%;}
.teacher-name {text-align:center; padding-top:10px; text-transform:uppercase; font-size:18px;}
.teacher-position {text-align:center; padding-top:10px; text-transform:uppercase; color:#999; font-size:14px;}
.teacher-phone {display:none;}
#phone {display:none; padding:0 20px 0 40px; height:40px; background:rgba(255,255,255,0.5) url(/images/phone.png) no-repeat 10px 10px; position:fixed; line-height:40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}

.registration-form-table {width:100%;}
.registration-form-table td {padding:10px 0; line-height:150%; vertical-align:middle;}
.registration-form-table td:first-child label {float:right; padding:10px; text-align:right;}
.registration-form-table td input, .registration-form-table td select {width:300px; box-sizing: border-box; padding:10px; border:1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; font-family:inherit; font-size:inherit;}
.registration-form-table td select {width:320px;}
.registration-form-table td input.long {width:600px;}
.registration-form-table td input.short {width:150px;}
.registration-form-table td input[type="radio"] {width:auto;}
.registration-form-table td input[type="checkbox"] {width:auto;}
#parents label {width:225px;}
#parents input {margin-left:20px;}
#parents th {text-align:center;}
#parents th:first-child {text-align:right; padding-right:10px;}
.documents-row {display:none;}
#documents-row-0 {display:table-row;}

.registration-form-table td button {background:#FFD135; height:42px; border:0; font-family:inherit; line-height:42px; font-size:18px; color:#333; cursor:pointer; padding:0 20px;}
.registration-form-table td button[type="submit"] {float:right;}


	/* 480 =================================================== Mobile devices */

/*
.list-item img {width:150px;}
.list-item div.img-cont {width:150px; overflow:hidden; position:relative; margin-right:15px;}
.list-item.members-item img {width:120px;}
.list-item.members-item div.img-cont {width:120px;}
#middle-left-spacing {display:none;}
#middle-right-spacing {display:none;}
#middle-left {display:block; border-right:1px solid #CCC; padding-right:30px;}
#middle-right {display:block; width:300px; border-left:0; padding-top:20px; margin:auto;}

@media only screen and (min-width: 480px) {*/
  /* 768 =================================================== Tabs */
  /*
	.list-item img {width:150px;}
	.list-item div.img-cont {width:150px; overflow:hidden; position:relative; margin-right:15px;}
	.list-item.members-item img {width:120px;}
	.list-item.members-item div.img-cont {width:120px;}
	#middle-left-spacing {display:table-cell; width:5%;}
	#middle-right-spacing {display:table-cell; width:5%;}
	#middle-left {display:table-cell; border-right:1px solid #CCC; padding-right:30px;}
	#middle-right {display:table-cell; width:300px; border-left:1px solid #CCC; padding-top:0px;}
}

@media only screen and (min-width: 768px) {
*/
  /* 768 =================================================== PCs */
  /*
	.list-item img {width:200px;}
	.list-item div.img-cont {width:200px; overflow:hidden; position:relative; margin-right:15px;}
	.list-item.members-item img {width:150px;}
	.list-item.members-item div.img-cont {width:150px;}
	#middle-left-spacing {display:table-cell; width:5%;}
	#middle-right-spacing {display:table-cell; width:5%;}
	#middle-left {display:table-cell; border-right:1px solid #CCC; padding-right:30px;}
	#middle-right {display:table-cell; width:300px; border-left:1px solid #CCC; padding-top:0px;}
}
*/