@charset "utf-8";
/* CSS Document */

@font-face {

font-family: 'Circle';
  src: url('../fonts/CRC55.otf');
  src: 
       url('../fonts/DriverGothicPro.woff') format('woff'),
	   
}
/*
@font-face {
font-family: 'Museo';
  src: url('../fonts/museo-500.woff');
  src: 
       url('../fonts/museo-500.woff') format('woff'),
       url('../fonts/museo-500.ttf')  format('truetype'),
}
*/


html{padding-top:78px; background:#eff2f6; margin-top:0 !important}
*{outline:none !important; font-family: "Circle", Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif !important; line-height:140%; font-size:15px; }
body{
	margin:0;
	overflow-x:hidden;
	position: relative;
	margin:0 auto !important;
/*	max-width:1380px;	*/
	display:block;

background-size:cover; background-attachment:fixed}

a{transition:all .2s !important; color:#cd473e }
.container{margin:0 auto; max-width:960px;}
#reasons .container,
#media .container
{max-width:1280px;}
.hide{display:none}
html{
	padding-top: 0;
}
#wpadminbar{display:none !important}
.header{
	background:url(../images/header-bg4.jpg) 0 0 no-repeat;
/*	background-attachment:fixed;*/
	background-size:cover;
	background-position:center;
	background-size:100%;
	display:block;
	height:700px;
	width:100%;
	padding-top:110px;
	padding-bottom:20px;
}


.header .years{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 40px;
	background: white;
	border-bottom:1px solid #ebebeb;
}

.header .years a{
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	margin: 10px 0 0 0;	
	color: #ccc;
	margin-right: 20px;
	text-decoration: none;
}

.header .years a.current{
	color: black;
	background:url('../images/arrow.png') bottom center no-repeat;
}


.header .years .social{
	float: right;
}

.social a{
	display: inline-block;
	background-color: white;
	border-radius: 100px;
	width: 27px;
	background-size:70%;
	height: 27px;
	
	text-align: center;
	line-height: 25px;
	margin-top:5px !important;
	
	margin-right: 10px !important;
	background-position: center center;
	background-repeat: no-repeat;
}

.header .social a{
	box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 10px #aaa;
}

.social a:hover{	
	background-color:#337ab7;
}
.social a.fb{
	color: #337ab7;
	background-image: url('../images/fb.png');
}

.social a.yt{
	color: #d70309;
	background-image: url('../images/yt.png');
}

.social a.ig{
	color: #c12dcd;
	background-image: url('../images/ig.png');
}

.header .years a:hover{
	text-decoration: underline;
	color: #cd473e;
}

nav{
	opacity:.97;
	position:absolute; 
	z-index:3;
	top:0px;
	width:100%; 	
	left:0;
	background:white;
	height:80px;
	border-bottom:1px solid #ebebeb;
}
nav.fixed{
	position: fixed;
	top: 0;
}

.header nav .btn.btn-primary{margin:20px 0 20px 20px !important; font-size:14px; letter-spacing:0; text-transform:none !important}

.header nav.min .phone{font-size:16px;}
.header nav.min .btn.btn-primary{display:block !important; }
.nav.min .navbar{margin-left:20px !important;}
.nav.min .logo{width:74px; overflow:hidden; background:url('../images/bl-logo-s.png') 0 0 no-repeat; height:58px; margin-top:10px; transition:none !important}
.nav .logo{width:200px; overflow:hidden; background:url('../images/bl-logo.png') 0 0 no-repeat; height:50px;  transition:none !important}
	.nav .logo, .nav .navbar{float:left;}
	.nav .navbar{margin-left:30px; margin-top:3px;}
	
	.nav .logo{margin-top:15px;}
	.nav .phone{
		float:right;
		padding:27px 0;
		font-weight:bold;
		font-size:18px;
	}
	.nav ul li{
		float:left;
		list-style:none;
	}
		.nav ul li a{
			padding:29px 20px;
			display:inline-block;
			color:#505050;
			text-transform:uppercase;
			text-decoration:none;
			font-size:14px;			
		}

		.nav ul li a:hover, .nav ul li a:active{
			/*text-decoration:underline;*/
			color: #cd473e;
		}
		.nav ul li a:hover{text-decoration:underline}	
		
/*GLOBAL*/
.divider{
	background:url(../images/content-divider.png) 0 0 no-repeat; 
	display:block; 
	margin:20px auto; 
	width:40px; 
	height:5px;
}

a.btn:hover{
	opacity:.8
}
.btn.btn-primary{
	text-decoration:none;
	border:none;
	background:#cd473e !important;
	display:block;
	margin:20px auto 0 auto;

	padding:10px 20px;
	color:#FFFFFF;
	border-radius:3px;
/*	text-transform:uppercase;*/
	font-size:14px;
	letter-spacing:1px;	
}
.header nav .btn.btn-primary{margin:20px 0 20px 20px !important; font-size:14px; letter-spacing:0; text-transform:none !important}

	.base .btn.btn-primary{
		display:inline-block;
	}

.base{
	opacity:.95;
	margin-top:6px;
	position:relative;
	z-index:2;
	background-color:rgba(255, 255, 255, 0.85);
	display:block;
	width:520px;
/*	height:370px;*/
	margin:30px auto;
	text-align:center;
	padding:10px;
	margin-top:60px !important;
}
.dot{font-size:12px; padding:0 6px; color:#cd473e !important}
.base .wrapper{	border:4px solid #f2f8ff; display:block; padding:30px; padding-top:60px; padding-bottom:40px; background-image: url('../images/20.png');
background-position:bottom right; background-repeat: no-repeat;}
.base .flag{

	display:block;
	width:110px;
	height:60px;
	background:url(../images/flag.jpg) top center no-repeat;	
	margin:-34px auto 0 194px;	
	position:absolute;
}

.base .txt{
	line-height:130%;
}

	.base .date{
		text-transform:uppercase;
		font-size:24px;
		color: #cd473e;		
		line-height:130%;
		font-weight:bold;
	}
	
	.base h1{
		text-transform:uppercase;
		font-size:32px;
		color:#505050;
		line-height:130%;
		font-weight:bold;
	}
	
	.base .place{
		color:#000000;
		text-transform:uppercase;
		font-weight:bold;
	}
	.base .address, .base .address a{
		font-size:17px;
		opacity:.8
	}

	.base .time{
		font-size:14px;
		line-height:20px;
		color:#737373;
	}


div.section {padding:50px 0 50px 0; line-height:130%;}
div.section h2{text-align:center; margin-bottom:10px; text-transform: uppercase; max-width:600px; margin:20px auto;}
div.section .subscription{text-align:center; margin-bottom:40px; opacity:.8}
.col-50{width:50%; display:table-cell; padding-right:40px; vertical-align: top; /*padding-top: 60px;*/}
.col-50:firsh-child{padding-right:40px;}
.col-50:last-child{padding-left:40px; padding-right:0;}

.col-25{width:24%; display:block; float: left; text-align:left; margin-bottom:30px;}
.icon-top{
	padding:0px 60px 20px 100px;
	background-position:top left;
	background-repeat:no-repeat;
	font-size: 16px;
	display: table-cell; vertical-align: center;
}
.icon-top.icon-uk{background-image:url(../images/icon-uk.png)}
.icon-top.icon-director{background-image:url(../images/icon-director.png)}
.icon-top.icon-info{background-image:url(../images/icon-info.png)}
.icon-top.icon-school{background-image:url(../images/icon-school.png)}
.icon-top.icon-takepart{background-image:url(../images/icon-takepart.png)}
.icon-top.icon-audition{background-image:url(../images/icon-audition.png)}
.icon-top.icon-test{background-image:url(../images/icon-test.png)}
.icon-top.icon-discuss{background-image:url(../images/icon-discuss.png)}


div.section#intro{background:#fff4ca;}
div.section#about{padding-top:30px !important}
/*div.section#about ul{padding-left:15px !important; }*/

div.section#about h2{margin-bottom:40px; color: #cd473e !important}
div.section#about .btn{width:250px; color:#FFFFFF; margin-top:40px; text-transform:none !important;}

div.section#about .col-50, div.section#about .col-50 *{line-height:160% !important; font-size:16px;}
div.section#about .col-50 h2{font-size: 28px; margin-top: 0; padding-top: 0; margin-bottom: 20px; text-align: left; }
a.video{background-size: 100%; background-position:center center; height: 280px; background-repeat: no-repeat; }
a.video .icon{background: url('../images/icon-play.png') center center no-repeat; width: 421px; height:300px; display: block; position: absolute;}

div.section#reasons, div.section#schedule{background:white; background-size:100% auto; background-position:top center; background-repeat:no-repeat}
div.section#schedule{background:#044a85;}
div.section#schedule h2, div.section#schedule h4{color:white;}
div.section#reasons{ background-size:cover !important}
div.section#reasons strong{text-align:center; display:block; margin:40px auto;}


.nav-tabs{border:none !important; margin-bottom:30px !important; text-align:center !important; margin:0 auto; margin-top:20px;}
.nav-tabs>li{display:inline-block !important; float:left !important; height: 50px;}
.nav-tabs>li > a{padding:5px 0 !important; border:none !important; border-bottom:3px solid transparent !important; background:none !important; margin-right:18px !important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border:none !important; border-bottom:3px solid #cd473e !important; color:#000000; font-weight:bold;}


#tab1{text-align:center}
a.school{	
	display:block;
	float:left;
	width:285px;
	height:298px;
	padding:20px 15px;
	border-radius:4px;
	text-align:center;
	color:#000000;
}

a.school .image{	
background-color:#ebebeb;
background-size:cover !important;
background-position:top center;
display:block; 
width:192px; height:160px;
margin:10px auto 20px auto;
border-radius:4px;
}

#schools .tab-content>.tab-pane{text-align:center}
a.school:hover{background:#fff3ed; text-decoration:none !important}
a.school .caption{font-size:16px; padding-top:10px; text-decoration:none !important; font-weight:bold; display:block; /* height:53px; */ /*width:206px;*/ overflow:hidden;}
a.school:hover .caption{color:#cd473e !important}
.school .age{text-align:center; display:block; font-size:14px; opacity:.5;}
.school.image {text-align:center;}
.school .type{font-size:11px; color:#909090; background:#fff3ed !important; border-radius:3px; color:#cd473e; padding:3px 8px; margin-top:150px !important; text-align:left; display:inline-block; transition:all .2s;}
.school:hover .type{background:#cd473e !important;  color:#fff3ed; transition:all .2s;}
.school .city{text-align:center; display:block; font-size:13px; opacity:.5;max-width:100% !important}

.school .programs{display:none;}

/*Schedule*/
.schedule-list{
	display:block;
	background:#FFFFFF;
	margin:0 auto;
	width:100%;
	max-width: 960px;
	padding:20px;	
	padding-bottom: 0;
	margin-bottom:40px;	
	padding-top:40px;
	opacity:.95;
	border-radius:3px !important;
}

.tab-pupils .description{
	display:block !important;
	
}

.tab-pupils .lector{
	display:block;
	float:left;
	width:263px;
	height:234px;
	padding:20px 10px;
	background:#fff3ed;
	margin:10px;
	border-radius:4px;
}

.tab-pupils .lector .photo{margin-bottom:16px !important;}


.tab-pupils .lector .name{
	font-weight:bold;
	padding-bottom:6px;
	display:block;
	text-transform:uppercase;
}

.schedule-list .line .languages, .schedule-list .line .audience{display:none !important}

.schedule-list .line{
	padding:20px 10px 20px 40px;
	cursor:pointer;
	padding-top:0;
	display:table;
	width:100%;
}

.schedule-list .line:last-child *{
	border-bottom:none !important;
}
/*
.schedule-list .line:hover .time, .schedule-list .line.active .time{
	color:#cd473e;
	transition:all .2s;
}
*/
.schedule-list .line .caption{
	font-size:17px !important;
	line-height:118%;
	font-weight:bold;
	
}
.schedule-list .line .caption:hover, .schedule-list .line .lector-content:hover .name{
/*	text-decoration:underline;	*/
color:#cd473e;
transition:all .2s;
}

.schedule-list .line .time, .schedule-list .line .content{
	display:table-cell;
	transition:all .2s;
}

.schedule-list .line .time{
	width:20%;
	font-size:13px;
	color:#cd473e;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif !important;
}

/*.schedule-list .line .caption{font-weight:bold;}*/
.schedule-list .line .lector{margin-top:7px; color:#909090; transition:all .2s;}
.schedule-list .line .lector .lector-content{	
	vertical-align:top;
	padding-top:10px;
}
.schedule-list .line .time{ border-bottom:1px solid #909090; width:200px;  transition:all .2s;}
.lector-position{font-size:14px;}
.schedule-list .line .gap{display:table-cell; width:50px;}
.schedule-list .line .lector .photo{ display:table-cell;}
.schedule-list .line .lector .photo .photo-wrapper{width:100px; height:100px; border-radius:100%; overflow:hidden; margin-right:20px; background:#ebebeb;}
.schedule-list .line .lector .photo img{min-height:100px; height:auto; width:auto !important; min-width:100px !important; max-width:100px;}
.schedule-list .line .lector-content{display:table-cell; width:auto;}
.schedule-list .line .lector .name{font-weight:bold; margin-top:10px; color:#000000; font-size:13px;}


.schedule-list .lector-description{margin-top:20px; clear:both; display:block; width:100%;}
.schedule-list .line .description{margin-top:20px;}
.schedule-list .line .languages{margin-top:20px;}

.schedule-list .line .content{
	width:80%;	
	border-bottom:1px solid #ebebeb;
	padding-bottom:20px;
}

.schedule-list .text-center{padding-top:20px;}
.schedule-list .line .description, 
.schedule-list .line .languages, 
.schedule-list .line .lector-description, 
.schedule-list .line .audience {display:none; padding:3px 0;}

.schedule-list .line .description.active{
	display: block;
}

.schedule-list .line .lector{
	display: block;
	margin-bottom: 20px;
	width: 100%;
	float: none;
	text-decoration: none;
}
.schedule-list .line.active .lector, .schedule-list .line.active .time{border:none !important}
.schedule-list .line.active .content{background:#fffae4; border-radius:5px; padding:20px 40px; margin-bottom:20px; border:none;}
.schedule-list .line.active .caption{color:#cd473e !important; font-size:24px !important; font-weight:bold;}
.schedule-list .line.active .description, 
.schedule-list .line.active .languages, 
.schedule-list .line.active .lector-description, 
.schedule-list .line.active .lector-position, 
.schedule-list .line.active .audience {display:block}

.schedule-list .line.active .lector-description, 
.schedule-list .line.active .lector-position{
	display: none;
} 

.schedule-list .line.active .lector-description.active, 
.schedule-list .line.active .lector-position.active{
	display: block;
} 

.schedule-list .line .lector .photo .photo-wrapper{width:100px; height:100px;}
.schedule-list .line.active .photo img{width:100px;}
.schedule-list .line.active .lector .name {font-size:16px;}


.schedule-description{
display:none; /*temp*/
padding:60px 40px;
background:#FFFFFF;
margin-bottom:20px;
line-height:170%;
text-align:center;
}

.schedule-description p{font-size:20px;}
			
div.section#auditory{
	padding-top: 0;
}

div.section#grants
/*, div.section#auditory*/{background:#cfe5ef; text-align:center;}
div.section#grants .grant .description, div.section#grants .grant .programs{display:none;}
div.section#grants .grant, #reasons .icon-top{
	display:inline-block;
	background:url(../images/bg-grant.png) 0 0 no-repeat;
	width:240px;
	height:120px;
	margin-left:10px;
	margin-right:10px;
	padding:20px;
	padding-left: 77px;
	padding-top: 0;
	text-align:left;
	font-size: 15px;
	margin-bottom:20px;	
	color:#000000;
	text-decoration:none;
	cursor:pointer;
	transition:all .2s;
}
div.section#grants .grant
{
	text-align:center;
	padding-left: 20px; 
	padding-top: 20px;
}

div.section#grants .grant .provider{
	font-size:13px;
}

div.section#grants .grant:hover{
	background:url(../images/bg-grant-hover.png) 0 0 no-repeat;
	color:#FFFFFF;	
	transition:all .2s;
}

div.section#grants .grant:hover .hr{
	background:white;
}

div.section#grants .grant strong{font-size:16px; display:block; height:40px; line-height:120%}
div.section#grants .grant .hr{display:block; margin:10px auto; height:3px; width:20px; background:#ff4831}

/*
#tab-schedule4 .lector .photo{display:block; width:100px; height:100px; border-radius:100px; overflow:hidden; margin:0 auto;}
#tab-schedule4 .lector .photo img{width:100px; height:auto}
*/
/*Modal*/
.modal-content, .modal-header{border-radius:0 !important; border:none !important}
.modal-title{text-align:center; font-size:30px;}
.modal-header{padding:30px 0 0 0 !important}
.modal-content{padding:0 40px 40px !important}
.modal-dialog{width:450px !important}
.modal-body{padding-top:0 !important}
.modal-body .text-center{padding-bottom:20px !important; color:#969696}

div.section#registration{
	background:#004c84;
}

div.section#registration *{
	color: white;
}

div.section#registration input, div.section#registration select , div.section#registration select *, div.section#registration .btn.add {
	color: black !important;
}

#bodyContent{height:100px !important}
.gm-style-iw{width:350px !important}
.gm-style-iw > div {overflow:hidden !important}

#map-wrapper, #map{height:800px; padding:0}
#map{position:relative; z-index:998}
#map h2{position:absolute; z-index:999; left:50%; top:0}

form.signup{width:620px; margin:0 auto; display:block; padding-left:20px;}
form.signup h4{display:block; margin-bottom:20px; width:100%; font-size:18px;  font-weight:normal;}
label{font-weight:normal !important; /*line-height:30px !important; */ display:inline-block; margin-right:20px; margin-bottom:20px;}
.program {width:300px; margin:0 auto}


.signup .child{margin-bottom:10px;}
.add.btn, .remove.btn{background:#ebebeb;}
.remove.btn.pull-right{margin-right:40px;}

/*.program *{font-size:17px; padding:5px 0; color:#838383}*/
select.form-control{width:200px !important;}
form.signup input[type=text], form.signup input[type=email],form.signup input[type=date]
{
	border-radius:0;
	margin-bottom:10px;
	height:44px;
	box-shadow:none !important;
	width:270px;
	display:inline-block;
	margin-right:20px;
}
form.signup .wpcf7-select {
	border-radius: 0;
	width: 270px !important;
	height: 40px;
}

form.signup .referal input[type=text]{
	width: 560px;
}
div.section#registration input#red-submit {
	color: #fff!important;
}

.hidden-child {
	display: none;
}

form.signup input.error{border:1px solid #d87d72; background:#fff1f1;}
form.signup .checkbox > label{margin-bottom:5px; font-size:15px;}
form.signup .col-50{padding-right:0 !important}

button.close{	
	position:absolute;
	z-index:999;
	margin-left:418px;
	margin-top:10px;
	float:none !important;
/*
	margin-top:-10px; 
	margin-right:-10px;
*/
}
button.close span{font-size:22px; }
.close-icon{color:#7C7C7C !important; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; font-size:12px;}


.status{position:fixed; top:80px; left:0; z-index:999; padding:20px 30px; width:100%; height:73px; font-size:20px; text-align:center; color:white;
	display:none; opacity:0;
	transition:all .3s !important;
}
.status.success{background:#4db848;}
.status.fail{background:#bc060f;}

#about .row {font-weight:300 !important; font-size:15px !important}
#about .row a {color:#cd473e; font-weight:bold;}
#about .row strong{font-weight:normal !important}

#about .row .photos{margin-top:20px;}
.btn.btn-submit{width:300px;}

label.pull-left{margin-right:0 !important}
.text-muted{font-size:12px; padding-left:10px;}


#media {display:block; text-align:center;}
#media a{display:inline-block !important; padding:15px;}
#media a img{width:90%; max-height: 160px; max-width: 160px;}


/*Photos*/
.photos_holder{height:330px; overflow:hidden; width:100%;}
.photos a{float:left; margin:0 10px 10px 0; width:230px; height:160px; overflow:hidden;}
.photos a:hover img{opacity:.6; transition:all .2s}
.photos a img{float:left; min-width:100% !important; width:100%;  transition:all .2s}
.photos-col-1{width:310px; margin-right:10px; float:left; display:block; height:200px;}
.photos-col-2{ float:left; display:block; height:200px;}
.photos-col-3{width:315px; float:left; display:block; height:200px;}
/*
#p1 img{width:308px;}			
#p2 img, #p3 img{width:149px; }			
#p3{margin-right:0}

#p4 img{width:294px}			
#p5 img{width:143px}
#p6 img, #p7 img{width:149px; margin-right:0}
*/
.photos a.btn{color:white !important; opacity:1 !important; height:42px !important; margin-left:380px !important; margin-top:30px;}
.choose.active{display:block; width:40px; height:40px; background:#64E100; cursor:pointer; opacity:.3; transition:opacity .2s; border-radius:2px;}
.choose:hover{transition:opacity .2s; opacity:1}

	.choose.inactive{opacity:.1 !important}
	.choose.selected{opacity:1 !important; background:#64E100 url('../images/icon-check.png') center center no-repeat; background-size:70%}
	

.choose:hover{opacity:.5}
#visitEvents{width:860px !important; margin-left:-117px;}
#visitEvents .schedule-list{border-radius:3px;}
#visitEvents .time{font-weight:bold; font-size:12px; color:}
#visitEvents .caption{font-weight:100;}
#visitEvents .checkWrapper{display:table-cell;}
#visitEvents .checkWrapper input{margin-left:-30px !important; margin-top:3px;}
/*#personalMeeting {width:860px !important; margin-left:-100px;}
#personalMeeting thead td{font-size:13px; font-weight:bold;}*/
#personalMeeting td.txt-red{color:#cd473e ; padding:20px 0 !important; font-weight:bold;}
#personalMeeting th{padding-left:0 !important}

.btn.btn-bordered{border:2px solid #cd473e !important; color:#cd473e !important; margin-bottom:20px !important; border-radius:4px; padding:7px 20px !important; display:inline-block; font-size:16px; width:180px; margin-left:20px;}
.btn-submit{font-size:20px !important; width:350px !important; padding:20px !important}

/*Photos*/
.photos{height:374px; overflow:hidden}
.photos a{float:left; margin:0 10px 10px 0; background-color:#cd473e !important; background-size:cover; background-repeat:no-repeat}
.photos a img{width:100%; height:auto !important;}
.photos a:hover{opacity:.6; transition:all .2s}
.photos a img{float:left; width:100%;  transition:all .2s}
.photos-col-1{width:393px; margin-right:10px; float:left; display:block; height:200px;}
.photos-col-2{ float:left; display:block; height:200px; width: 341px}
.photos-col-3{width:406px; float:left; display:block; height:200px;}

#p1{width:393px; height:225px;}			
#p2, #p3{width:191px; height:100px; margin-top: 10px}
#p3{margin-right:0}

#p4{width:331px; height:335px;}			
#p5{width:200px; height:335px;}
#p6, #p7{width:185px; height:162px;}
.photos a.btn{color:white !important; opacity:1 !important; margin-left:380px !important; margin-top:30px;}


.registration-wrapper{
	background:url(../images/bg-success.jpg) center top;
	background-size:auto 100%;
	top:0;
	position:fixed;
	width:100%;
	height:100%;
	display:block;
}
.registration-result{
	background:#FFFFFF;
	padding:50px;
	position:absolute;
	top:30%;
	margin-top:-150px;
	left:50%;
	margin-left:-390px;
	font-size:18px;
	line-height:130%;
	display:block;
	width:680px;
	text-align:center;
}
.registration-result img{
	display:block;
	margin:0 auto;
	margin-bottom:20px;
}

#lottery{
background:#d1e5e3 url('../images/bg_lottery_section.jpg') top center no-repeat;
background-size:cover;
}


.lottery-list{
	text-align:center;
}
.lottery-item{
	text-align:center;
	display:inline-block;
/*	float:left;*/
	width:270px;
	height:180px;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:40px;
	padding:30px;
	background:url(../images/bg_lottery.png) center top;
}

.lottery-item .school{
	font-size:19px;
	color:#5791c2;
	display:block;
	clear:both;
	margin-bottom:10px;
}
.lottery-item .divider{
	margin:10px auto;
}


.winners-list {
display:block;
text-align:center;
}
.winners-list .winner-item{
	text-decoration:none !important;
	display:inline-block;	
/*	float:left;*/
	margin:0 auto;
	width:150px;
	text-align:center;
	font-size:15px;
}

.winners-list .winner-item .photo{
	background-position:top center;
	display:block;
	width:75px;
	height:75px;
	border-radius:100px;
	overflow:hidden;
	margin:0 auto;
	
	margin-bottom:10px;
}

.winners-list .winner-item .school{
	font-size:13px;
	display:block;
	color:#686660;
}

.footer{
	background-color: #333333;
	width: 100%;
	padding: 30px 0 30px 0;
	color: #ccc;
	font-size: 13px;
}

.footer *{font-size: 13px;}
.footer .contacts{float:left;}
.footer .social{float:right;}
.footer .social a{margin-right:20px;}

.video{display: block;}
.header{background: none !important;}
.container{width: 100% !important; max-width: 1180px !important;}

#campus{background: #044a85 !important}
.campus-image{background-color: white; padding: 40px; border-radius: 3px;}
.campus-image img{max-width: 100%;}

#campus *{color: white !important}
#reasons .row{max-width:788px !important; margin:0 auto !important;}
/*#reasons .col-25{width: 33% !important;}*/

#bl {padding-bottom: 0}
#bl .col-20{display: table-cell; width:20%; border-right: 1px solid #ebebeb; padding:20px 40px; text-align: center}
#bl .col-20:last-child{border:none;}
#bl .col-20 .number{display:block; color:#cd473e; font-size:50px;}
#bl .col-20 .number .star{color:#cd473e; font-size:50px; font-family: Arial !important; opacity: .5}
#bl .col-20 .content{font-size:15px; line-height: 130%}


#bl .photos{margin:20px auto !important;}
#bl .quote {font-size:18px; line-height: 140%; padding-bottom:60px; padding-right: 15px;}
#bl .quote img{display:block; margin-bottom:20px;}

#conference h6{
	color:white;
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 16px;

}

.fancybox-title{
	padding: 20px !important;
	font-size: 18px !important;
	text-align:center;	
	width: 100%;
}

.fancybox-inner .fancybox-title-over-wrap{
	background: rgba(255, 255, 255, .7) !important;
	color: black !important;
}

.fancybox-opened .fancybox-title{
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.showAllSchools{
	margin:20px auto 0 auto;
	background-color: #ebebeb;
}

.slick-slider .slick-track, .slick-slider .slick-list{width: 100%;}
.slick-dots li button:before{font-size: 24px !important}
/*.slick-slide{width: 285px !important}*/
.slick-prev, .slick-next{
	margin-top:-40px;
	z-index: 999;	
	border:1px solid #ccc !important;
	background-color: white !important; border-radius: 3px;  height: 57px !important; width: 57px !important; background-repeat: no-repeat !important; background-position: center center !important}
.slick-prev:before, .slick-next:before{color: black !important}
.slick-prev:hover, .slick-next:hover{
	box-shadow: 0 0 20px #ccc;
}
.slick-prev{left: -45px !important}
.slick-next{right: -45px !important}
.slick .col{height: 600px !important}
/*
.slick-prev{background-image:url('../images/arrow-left.png') !important;}
.slick-next{background-image:url('../images/arrow-right.png') !important;}
*/
/*Mobile*/


@media screen and (max-width: 680px) {

	h2{line-height: 120% !important; font-size: 20px !important}

	.years,	
	.navbar,
	.phone,
	.base .txt,
	.schedule-list .line .lector .photo,
	.base .address,
	.base .dot,
	.base .divider,
	div.section#about iframe
	{display:none !important;}

	.schedule-list .line .time, 
	.schedule-list .line .content,
	.schedule-list .line .time, .schedule-list .line .gap

	{
		float:none !important;
		width: 100% !important;
		display:block;
	}

	.schedule-list .line .time{text-align:center; font-size: 16px; text-transform: capitalize;}

	.base .flag{
		width: 100%;
		margin-left:-10px;
		height: 30px;
		background-size: auto 100% ;
		margin-top: -15px;
	}


	.nav{top:0;}
	.base .wrapper{padding:20px }

	.base{width: auto; margin-top: 20px !important; margin-right: 10px; margin-left:10px }
	
	.base .place{opacity: .5}
	.col-50{float: none; width:100%; display: block; padding: 0 }
	iframe{max-width: 100%}
	a.school{max-width:100%; width:100% !important; float: none; margin:0 auto; padding-top:0 !important; /*height: 268px*/ height: 117px;}
	a.school .caption, a.school .city {text-align: left; width:auto !important; float:left; max-width: 150px !important;}
	a.school .city{font-size: 12px;}

	
	.btn.btn-submit{font-size: 16px !important; max-width: 100%;}		
	#reasons .row > div{width: 50%; background-size: 50px; padding-top: 70px;  margin: 0 auto; font-size: 14px; height: 180px;}
	.row{margin:0 !important;}
	.schedule-list{padding-top: 20px !important}
	.schedule-list .line{padding:10px !important;}
	.schedule-list .line .time {
		margin-bottom: 20px;
	}
	.schedule-list iframe{display:none !important;}

	.schedule-list .line .time{
		border:none;
		color:#cd473e !important;
		display: inline-block !important;

	}

	.header{
		padding-top: 93px;
		height: 367px;
	}
		.header .date{font-size: 18px;}
		.header h1{font-size: 21px; margin-top:10px;}

	.schedule-list .line .lector {
		margin-bottom: 0 !important;
	}


	.signup{max-width:100%; padding-right: 20px}
	.signup .pull-left{float:none !important;}
	.base .wrapper{
		padding: 20px 10px
	}
	form.signup label,
	form.signup input[type=text], form.signup input[type=email],
	form.signup select
	{
		width:100% !important;
	}
	form.signup select{margin-left:0 !important; width:100% !important; margin-top:10px;}
	.section{padding: 20px 0 !important}
	/*div.section#about{}*/
	div.section#about .col-50 *{font-size: 14px !important; line-height: 150% !important; text-align:center;}
	div.section h2{line-height: 100%; margin: 0 0 20px 0 !important; font-size: 22px}
	.photos-col-1, #about #p1{width:100% !important;}
	#p2, #p3{width:48% !important;}
	#reasons .col-25,
	#auditory .col-25
	{max-width: 250px; display: block; width: 50%; text-align: center; margin:0 auto !important;
		    background-size: 55px;
		    background-position:top center;
		    padding-top: 60px !important;		    
		    font-size: 14px !important;
		    padding-right: 5px !important;
		    padding-left: 5px !important;
		    
	}

	.nav-tabs>li>a{
		padding-bottom: 0 !important;
	}
	.lottery-item{margin-bottom:0 !important; margin-top:20px !important;}
	#media a{display: block; width: 100%; text-align:center;}
	.footer .social{float:left; margin-top:20px;}
	.footer td{display: block;
		width: 100%}
	.winner-item {margin-bottom: 20px !important}	
	.btn.btn-primary{font-size: 13px; letter-spacing: -.5px;}
	.fancybox-wrap{left:5% !important; width:90% !important;}
		.fancybox-inner, .fancybox-wrap iframe{width:100% !important;}
	a.school .image{float:left !important; width: 100px; height: 70px; margin-right:20px;}
	a.school .type{display: none}

	.footer .contacts td{padding-left: 0 !important}
	div.section#grants .grant{width: 43%; height: 115px; background: white; border-radius: 2px; padding:10px; float:left; text-align:left !important;}
	div.section#grants .grant:hover{background: #cd473e !important}
	div.section#grants .grant .hr{display:none !important;}

	div.section#grants .grant strong{font-size: 14px; height: auto !important; margin-bottom:5px !important;}
	.video{display: none !important;}
	.header-wrapper{height: 387px !important}
	.header{background-image: url('http://edukation.com.ua/schoolslanding/wp-content/uploads/2017/04/bg.jpg') !important}
	
	#bl .col-20{
		display: block;
		float:none;
		clear: both;
		width: 100%;
		border-right:none;
	}	
	.base .wrapper{background-image: none}
	.container{padding-right: 30px !important; padding-left: 30px !important;}
	.container h2{padding: 0 20px;}
	#campus .col-50{padding-left: 0 !important; padding-bottom: 20px !important}
	a.school .city, a.school .age{display: none;}
	.photos-col-1{display: none;}
	.photos{display: none !important; height: auto}
	.photos div{margin-bottom:20px; float:none; height:auto !important; }
	.quote{padding-left: 0 !important}

}