body {
	background-color: #f2f2f4;
	background-image: url(../img/background.jpg);
	background-repeat: repeat;
}
.login-area {
	width: 90%;
	webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid white;
	border-color: rgba(255, 255, 255, 0.5);
}
.wrapper {
	width: 90%;
	-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
 @-moz-document url-prefix() {
 .wrapper {
 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3), 0px 0px 50px rgba(0, 0, 0, 0.1) inset;
}
}
.navbar-brand {
	display:none;
}
.sector-white:before, .sector-white:after {
	content: "";
	position: absolute;
	width: 30%;
	height: 1px;
	background-color: #f2f2f4;
	-webkit-box-shadow: 0px 1px 0px white;
	-moz-box-shadow: 0px 1px 0px white;
	box-shadow: 0px 1px 0px white;
	top: 50%;
	z-index: 0;
}

.sector-white.short10:before, .sector-white.short10:after {
	width: 10%;
}

.sector-white.short20:before, .sector-white.short20:after {
	width: 20%;
}

.social-bar:before, .social-bar:after {
	content: "";
	position: absolute;
	width: 30%;
	height: 1px;
	background-color: #f2f2f4;
	-webkit-box-shadow: 0px 1px 0px white;
	-moz-box-shadow: 0px 1px 0px white;
	box-shadow: 0px 1px 0px white;
	top: 70%;
	z-index: 0;
}
.sector-grey:before, .sector-grey:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	left: 0;
	background-repeat: no-repeat;
	background-size: 100% 20px;
	z-index: 100;
}
.sector-grey:before {
	top: 0;
	background-image: url(../img/upper-shade.png);
}
.sector-grey:after {
	bottom: 0;
	background-image: url(../img/lower-shade.png);
}
.content-padding {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.Tiles {
	padding: 5px;
}
/* - PANELS */
		
.inpanel {
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3), 0px 0px 20px rgba(0, 0, 0, 0.1) inset;
	border: 1px solid white;
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 25%, rgba(235, 235, 235, 1) 89%);
}
.panel-body {
	min-height:210px;
	line-height:8px;
}
.panel-default>.panel-heading {
	background-color:transparent;
	text-shadow: white 0px 1px 0px;
}
.panel-footer {
	background-color:transparent;
}
.test-desktop-link, .sector-logo {
	display:block;
}
.test-mobile-link {
	display:none;
}
#social-bar {
	padding-top: 30px;
}
/* - NAVBAR */

.navbar-custom {
	background-color:transparent;
	border-radius:0;
	font-size: 16px;
	padding-right: 40px;
	padding-left: 20px;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right: -15px;
	margin-left: -15px;
}
.navbar-custom .navbar-nav > li > a {
	background-color:transparent;
	/*padding-right: 40px;
	padding-left: 40px;*/
	padding-top: 25px;
	padding-bottom: 10px;
	text-align:center;
	min-width:110px;
	border: none;
}

.navbar-custom .navbar-nav > li > a.short {
    min-width:74px;
}

.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	background-color:transparent;
}
.navbar-custom .navbar-nav > li > .home {
	color:grey;
	border-top: 6px solid transparent;
}
.navbar-custom .navbar-nav > li > .home:hover {
	border-top: 6px solid grey;
}
li.selectedhome {
	border-top: 6px solid grey;
}
.navbar-custom .navbar-nav > li > .fce, .navbar-custom .navbar-nav > li > .fce_grammar, .navbar-custom .navbar-nav > li > .fce_vocabulary, .navbar-custom .navbar-nav > li > .fce_writing {
	color:#0C3;
	border-top: 6px solid transparent;
}
.navbar-custom .navbar-nav > li > .fce:hover, .navbar-custom .navbar-nav > li > .fce_grammar:hover, .navbar-custom .navbar-nav > li > .fce_vocabulary:hover, .navbar-custom .navbar-nav > li > .fce_writing:hover {
	color:#090;
	border-top: 6px solid #0C3;
}
li.selectedfce, li.selectedfce_grammar, li.selectedfce_vocabulary, li.selectedfce_writing {
	border-top: 6px solid #0C3;
}
.navbar-custom .navbar-nav > li > .cae, .navbar-custom .navbar-nav > li > .advanced_vocabulary, .navbar-custom .navbar-nav > li > .advanced_grammar {
	color:#09C;
	;
	border-top: 6px solid transparent;
}
.navbar-custom .navbar-nav > li > .cae:hover, .navbar-custom .navbar-nav > li > .advanced_vocabulary:hover, .navbar-custom .navbar-nav > li > .advanced_grammar:hover {
	color:#03C;
	border-top: 6px solid #09C;
}
li.selectedcae, li.selectedadvanced_vocabulary, li.selectedadvanced_grammar {
	border-top: 6px solid #09C;
}
.navbar-custom .navbar-nav > li > .cpe, .navbar-custom .navbar-nav > li > .advanced_vocabulary1, .navbar-custom .navbar-nav > li > .advanced_grammar1 {
	color:#8B008B;
	border-top: 6px solid transparent;
}
.navbar-custom .navbar-nav > li > .cpe:hover, .navbar-custom .navbar-nav > li > .advanced_vocabulary1:hover, .navbar-custom .navbar-nav > li > .advanced_grammar1:hover {
	color:#4B0082;
	border-top: 6px solid #8B008B;
}
li.selectedcpe, li.selectedadvanced_vocabulary1, li.selectedadvanced_grammar1 {
	border-top: 6px solid #8B008B;
}
.navbar-custom .navbar-nav > li > .pet {
 color:color:#FF0000;
	border-top: 6px solid transparent;
}
.navbar-custom .navbar-nav > li > .pet:hover {
	color:#B22222;
	border-top: 6px solid #FF0000;
}
li.selectedpet {
	border-top: 6px solid #FF0000;
}

.navbar-custom .navbar-nav > li > .ket {
 color:color:#6CF;
	border-top: 6px solid transparent;
}
.navbar-custom .navbar-nav > li > .ket:hover {
	color:color: #09F;;
	border-top: 6px solid #6CF;
}
li.selectedket {
	border-top: 6px solid #6CF;
}
/****** LOGIN MODAL ******/
 .loginmodal-container {
	max-width: 350px;
}
/******MODALS******/

.modal-dialog-center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
}
.modal-body {
	overflow-y: auto;
	
}
.modal-footer {
	margin-top: 0;
}
.modal-contentfce {
	background-image: url(../img/fcepremiumaccount.png);
	height: 405px;
	background-color:transparent !important;
	border:none;
}
.modal-contentcae {
	background-image: url(../img/caepremiumaccount.png);
	height: 405px;
	background-color:transparent !important;
	border:none;
}
.modal-contentcpe {
	background-image: url(../img/cpepremiumaccount.png);
	height: 405px;
	background-color:transparent !important;
	border:none;
}
#close-button {
	float: right;
	margin-top: 330px;
}
#youtube-button {
	margin-top: 330px;
}
#footer {
	width:90%;
	background-color: transparent;
	margin-bottom: 10px;
	text-align:left;
}
.social-bar-caption {
	font-size:18px;
	display:block;
	
}
#banner2 {
	display:none;
}
.centred {
	width:20%;
}
.inside-padding {
	padding:0px;
}
.img-circle, .graduation {
	width: 326px;
	height: 217px;
}
.small-logo {
	width: 150px;
	height: 71px;
}

.last1 {
	padding-left:30px;	
}

.last2 {
	padding-left:50px;	
}