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

/*
Description:
		1 - Tags styles and General styles		
		2 - Header
		3 - Body Content
		4 - Footer
		5 - Inner column3 page
		6 - Inner column2 page
		7 - Inner column1 page
		8 - Login page
		9 - Userlist box
		10 - Customise changes
		11 - RTL language fixing
		* - @media rules
*/

 
/* Generated by Font Squirrel (http://www.fontsquirrel.com) */

/*@font-face {
    font-family: 'robotoblack';
    src: url('fonts/roboto-black-webfont.eot');
    src: url('fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-black-webfont.woff2') format('woff2'),
         url('fonts/roboto-black-webfont.woff') format('woff'),
         url('fonts/roboto-black-webfont.ttf') format('truetype'),
         url('fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldregular';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/* 1 - BEGIN of Tags and General styles ---------------------------------------------------------- */

.weight {
    display: none !important;
}


.skiplinks {
	display:none;	
}
 
body {
	font-weight: normal !important;
	line-height: 1.6 !important;
	font-size: 13px !important;
}

h1, h2, h3 {
    line-height: 28px !important;
}

h1, h2, h3, h4, h5, h6, .navbar .nav > li > a, input[type="submit"], input.srch-fld, input[type="text"], .adminsearchform input[type="text"], select, .news-updates-header a, input[type="file"] p, html, textarea, .navbar .nav > li > a, body {
	font-family: 'robotoregular', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal !important;
}

a,
a:hover {
	transition: all 0.4s ease 0s;	
	-webkit-transition: all 0.4s ease 0s;
}

a:active, a:focus {
	outline: 0;
}

/* 1 - END of Tags styles and General styles ------------------------------------ */

/* 2 - BEGIN of header ---------------------------------------------------------- */

.page-top-bar {
	background-color: rgba(0, 0, 0, .79);
	min-height: 50px;	
	color: rgba(255, 255, 255, .3);
}

.top-social-icons img {
	max-height: 50px;	
}

.logining-wr {
	text-align: right;
	padding-top:11px;	
}

.logining-wr form {
	margin:0;
}

.logining-wr input {
	border-radius: 15px !important;
	border: none;
	font-size: 12px !important;
	font-family: 'robotoregular';
	margin: 0 !important;
	padding: 3px 12px !important;
	line-height:20px !important;
}
.logining-wr input[type="text"],
.logining-wr input[type="password"] {
	background: rgba(255, 255, 255, .1) !important;
	width: 125px ;
	color: #b4b4b4 !important;
	border: 0px !important;
}
.logining-wr input[type="text"]:focus, 
.logining-wr input[type="password"]:focus {
    border-color: rgba(0, 0, 0, 0.8) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.4) !important;
    outline: 0 none !important;
}

.logining-wr input[type="submit"] {
	background:  #e67e22;
	color: #FFF !important;
	font-family: 'robotoblack';
	border: 0px !important;
	text-transform: uppercase;
	text-shadow: none !important;
}

.crate-account {
	float: right;
	margin-left: 15px;
	font-size: 12px;
	padding-top: 3px;	
}

.logo-wr {
	padding: 22px 15px 22px 15px;
	background:url(img/bg-logo.jpg) no-repeat right bottom;
}

.sitelogo-text,
.sitelogo-img,
.sitelogo-icon-name {
	font-family: 'oswaldregular';
	font-size: 25px;
	color: #363636;
}

.sitelogo-img img,
.sitelogo-icon-name img {
	max-height:80px;
}

.sitelogo-icon-name img {
	margin-right:15px;
}

.navbar-inverse .navbar-inner {
	border-bottom: none;
}

.navbar .nav > li > a {
	text-transform: uppercase;	
	font-family: 'robotomedium';
	font-weight: normal;
	color: #FFF!important;
	font-size: 16px;
	padding: 16px 26px!important;
	border-left: solid 1px rgba(0, 0, 0, .1);
	
}
.nav-inner {
	list-style: none;
}

.navbar .nav > li:last-child > a {
	border-right: solid 1px rgba(0, 0, 0, .1);
}

.navbar .nav > li > a:hover {
	color: #363636!important;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
}

.navbar-inverse .nav .active > a, 
.navbar-inverse .nav .active > a:hover, 
.navbar-inverse .nav .active > a:focus {
    color: #ffffff;
	background: none!important;
}

.navbar-inner .divider {
	display: none;	
}

.navbar-inner .dropdown-menu .divider {
    display: block!important;
}

.dropdown-submenu > a:after {
   opacity: .5;
	
}

.dropdown-submenu .dropdown-menu {
	margin-top: -6px!important;	
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: rgba(255, 255, 255, .5)!important;
}

.userbutton {
    display: block;
    height: 28px;
}

/*Slider and Banner*/

.static-banner,
.static-slider-1,
.static-slider-2,
.static-slider-3,
.static-slider-4,
.static-slider-5 {
	background-position: left top;
  
}

.static-banner {
	background-image: url(img/bg-banner.jpg);
  height: 500px;
}

.static-slider-1 {
	background-image: url(img/bg-banner.jpg);	
}

.static-slider-2 {
	background-image: url(img/bg-banner-2.jpg);	
}

.static-slider-3 {
	background-image: url(img/bg-banner-3.jpg);	
}

.static-slider-4 {
	background-image: url(img/bg-repeat.jpg);	
}

.static-slider-5 {
	background-image: url(img/bg-transparant.png);	
}

.slider-bg-static {
	background-attachment: inherit;	
}

.slider-bg-fixed {
	background-attachment: fixed;		
}

.slider-bg-repeat {
	background-repeat: repeat;		
}

.slider-bg-no-repeat {
	background-repeat: no-repeat;		
}

.slider-bg-cover {
	background-size: cover;		
}

.slider-bg-color {
	background-color: #000;
}

.carousel-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;
    border: none!important;
    border-radius: 0;
    font-size: 20px;
    height: 26px!important;
	left: 50px;
    line-height: 26px!important;
    margin-top: -10px!important;
	width: 26px!important;
	top: 50% !important;
}

.carousel-control.right {
    right: 50px;
}

.carousel-control {
	top: 50%;	
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    height: 12px;
    width: 12px;
}

.carousel-indicators li:hover {
    cursor: pointer;
}

.carousel-indicators {
    bottom: 20px!important;
    right: 50%!important;
	top: auto!important;
}

.static-slider .carousel {
    margin-bottom: 0px;
}

.banner-content {
  padding-top: 40px;
	/*
  padding-top: 180px;
	padding-bottom: 180px;
  */
}

.banner-content h2 {
	color: rgba(0, 0, 0, .8);
	font-family: 'robotomedium';
	font-weight:normal;
	font-size: 32px;
}

.banner-content h4 {
	color: rgba(0, 0, 0, .8);
	font-family: 'robotolight';
	font-weight:normal;
}


.banner-button {
	padding: 15px 18px 15px 25px;
	border-radius: 5px;	
	display: inline-block;
	margin-top: 30px;
	font-family: 'robotomedium';
	text-transform: uppercase;
	font-size: 18px;
	color: rgba(0, 0, 0, .5) !important;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .2);
	box-shadow: 0 2px 0 rgba(0, 0, 0, .5);
	border: solid 1px rgba(0, 0, 0, .2);
}

.banner-button:hover {
	color: #363636 !important;
	text-decoration: none;
}

.banner-button img { 
	margin-left:15px;
}

.dropdown-menu {
	text-align: left;	
}

.dropdown-menu:after,
.dropdown-menu:before {
	display: none!important;
}

.usermenu.dropdown .userpicture {
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

.usermenu.dropdown .nav {
	margin-bottom: 0;
}

.usermenu .dropdown-menu li {
	
}


.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none!important;
  background: none!important;
}

.nav > li > a > img {
  max-width: 28px;
  max-height: 28px;
}

.usermenu.dropdown .avatars {
	margin-right: 10px;	
}

.usermenu.dropdown .welcome {
	color: #b4b4b4;	
}

.usermenu.dropdown i.fa {
	margin-left: 10px;	
	font-size: 11px;
}

.dropdown-menu {
  min-width: 184px!important;
 /* padding: 5px 0 7px 0!important;
  margin: 10px 0 0!important;*/ 
  background-color: #363636!important;
  border-top: solid 1px #454545!important;
  border-right: 0!important;
  border-left: 0!important;
  border-right: 0!important;
  -webkit-border-radius: 0px!important;
     -moz-border-radius: 0px!important;
          border-radius: 0px!important;
  -webkit-box-shadow: none!important;
     -moz-box-shadow: none!important;
          box-shadow: none!important;
}

.dropdown-menu .divider {
    background-color: #454545 !important;
    border-bottom: none !important;
    height: 1px !important;
	margin: 5px 1px !important;
}

.dropdown-menu > li > a {
	color: #a0a0a0!important;
	padding-left: 20px!important;
}

.usermenu.dropdown .dropdown-menu > li > a {
	color: #a0a0a0!important;
	padding-left: 38px!important;
}


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background: none!important;
}

.dropdown.langmenu .dropdown-menu {
	padding: 0;
}

.dropdown.langmenu .dropdown-menu li {
	border-bottom: solid 1px #454545;
	padding: 5px 0;
}


/* 2 - END of header ---------------------------------------------------------- */

/* 3 - BEGIN of Body Content ---------------------------------------------------------- */

.img-slider {
	padding: 40px 0 50px 0;
	background: #f9f9f9;
	border-bottom: solid 1px #f3f3f3;
}

.img-desc {
	padding-bottom: 127px;
	padding-top: 70px;
	text-align: center;
}

.img-desc-heading {
	padding-bottom: 0;
}

.img-desc-heading h3 {
	font-family: 'robotolight';
	font-weight:normal;
	margin: 0;
}

.img-desc-heading h2 {
	font-weight:normal;
	margin-top: 0;
	padding-bottom: 20px;
	font-size: 32px;
}

.img-desc-heading p {
	padding: 0 18%;
	font-family: 'robotolight';
	color: #666666;
}


.img-area {
	margin-top: 70px;
	text-align: center;	
}

.img-area ul {
	margin: 0;
	padding: 0;
}

.img-area ul li {
	list-style: none;
	display: inline-block;
	width: 25%;
	overflow: hidden;
	margin: -3px -2px;
}

.img-area ul li img {
	max-height: 240px;
	width: 100%;
}

.img-area-content {
	border: solid 1px #f1f1f1;
	border-top: none;
	min-height: 60px;
	text-align: left;
	padding: 8% 2% 6% 8%;
	transition: all 0.4s ease 0s;
	
}

.img-area-content h4 {
	margin: 0 0 10px 0;
}

.img-area-content h6 {
	margin: 0;
	font-family: 'robotolight';
	color: #666666;
}

.img-area-content h4 {
	color: #222;
}

.img-area ul li a:hover,
.img-area ul li a:hover h4,
.img-area ul li a:hover h6 {
	color: #FFF;
}

.img-area ul li a:hover {
	text-decoration: none;
}

.parallax-content {
	background-image: url(img/bg-parallax.jpg);
	background-repeat: no-repeat; 
	background-attachment: fixed;
	background-size: cover;
	padding: 155px 0;	
}

.parallax-content h2 {
	color: #FFF;
	font-size: 32px;
}

.parallax-content p {
	color: rgba(2255, 255, 255, .7);
	padding-right: 10%;
	font-size: 16px;
	font-family: 'robotolight';
}

.parallax-content .accordion-group {
    background: #FFF;
	border: none;
    border-radius: 0;
	
    margin-bottom: 0;
}

.parallax-content .accordion-heading {
    background: #f2f2f2;
	border-bottom: solid 1px rgba(0, 0, 0, .1);
}

.parallax-content .accordion-heading:hover {
}
.accordion { 
	background-color:  #FFF;
}
.parallax-content .accordion-inner {
    border-top: none;
	padding: 9px 15px 0 25px;
	background: #FFF;
}


.parallax-content .accordion-heading .accordion-toggle {
    padding: 10px 20px;
	color: #747474!important;
	font-family: 'robotobold';
	font-weight: normal;
	font-size: 16px;
}

.parallax-content .accordion-heading .accordion-toggle img {
    margin-right: 10px;
    max-width: 28px;
    max-height: 28px;
}

.parallax-content .accordion-inner h1,
.parallax-content .accordion-inner h2,
.parallax-content .accordion-inner h3,
.parallax-content .accordion-inner h4,
.parallax-content .accordion-inner h5,
.parallax-content .accordion-inner h6 {
    color: #353535;
	font-family: 'robotolight';
	font-size: 18px;
}

.parallax-content .accordion-inner p {
	color: #747474;
	font-size: 14px;
}

.parallax-content .accordion-inner p a {
	font-size: 11px;
	text-transform: uppercase;
}

.parallax-content .accordion-heading a:hover {
	text-decoration: none;	
}


.featured-courses { 
	padding: 80px 0 100px 0;
}

.featured-courses .course-item { 
	float: left;
	width: 23.5%;
	height: 260px;
	border: solid 1px #e6e6e6;
	padding: 1.8% 3%;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
}

.featured-courses .course-item:nth-child(2) { 
	margin: 0 2%;
}

.featured-courses .course-item:nth-child(3) { 
	margin: 0 2% 0 0;
}

.featured-courses .course-item h5 { 
	text-transform: uppercase;
	font-family: 'robotomedium';
	font-size: 18px;
}

.featured-courses .course-item h6,
.featured-courses .course-item h4 { 
	font-size: 12px;
}

.featured-courses .course-item h4 { 
	text-transform: uppercase;
}

.featured-courses .course-item p { 
	
	font-family: 'robotolight';
	color: #777777;
}

.featured-courses .course-item h6 a { 
	color: #222;
}

.featured-courses .course-item h6,
.featured-courses .course-item h5,
.featured-courses .course-item h4,
.featured-courses .course-item p { 
	padding:3px 0;
}

.featured-courses-heading {
	padding-bottom: 50px;	
}

.featured-courses-heading i.fa {
	font-size: 11px;
	margin-left: 10px;	
}


.featured-courses-heading h2,
.featured-courses-heading h4 {
	float: left;	
}

.featured-courses-heading h4 {
	font-family: 'robotolight';
	font-size: 18px;
		
}

.featured-courses-heading h5 {
	float: right;	
}

.featured-courses-heading h2 {
	font-size: 24px;
	padding-right: 5px;	
}

.featured-courses-heading h2,
.featured-courses-heading h4,
.featured-courses-heading h5 {
	line-height: 40px;
	margin: 0;
}

.number-section {
	padding: 100px 0 60px 0;
	background: #f7f7f7;
	text-align: center;
}

.number-section-heading h2 {
	font-size: 32px;		
}

.number-section-heading h2,
.number-section-heading h3 {
	margin: 0;
}

.number-section-content {
	padding-top: 60px;
}

.number-section-heading h3 {
	font-family: 'robotolight';
}

.number-section-content ul {
	margin: 0;
	padding: 0;
}

.number-section-content li {
	list-style: none;
	display: inline-block;
	width: 25%;
	margin: -2px;
	min-height: 200px;
}


/*Chart*/

.number-section-content h3 {
	font-size: 20px;
	line-height: 24px;
	margin: 25px 0 40px 0;
}

.chart{
	background: #FFF;
	width:200px;
	height:200px;
	border-radius:50%;
	text-align:center;
	font-weight: 800;	 
	text-transform:uppercase;
	position:relative;
	margin: 0 auto;
}

.chart canvas{
     font-size:48px;
	 position:absolute;
	 top:0;
	 left:0;	
}

.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.percent {
	display: inline-block;
	line-height: 200px;
	font-size:60px;
	z-index: 2;
	color:#e67e22;
}
.percent:after {
	margin-left: 0.1em;
	font-size: .6em;
	position: absolute;
	top: -8px;
}

/*Chart*/

.home-map {
	background: #EEE;	
}

.home-contact-form {
	padding: 50px 0 60px 0;
	display: inline-block;
}

.home-contact-form h4 {
	text-transform: uppercase;
	font-family: 'robotomedium';
	padding-bottom: 10px;
	
}

.home-contact-form p {
	font-family: 'robotolight';
	color: #777777;
}

.home-contact-form input,
.home-contact-form textarea {
	border-radius: 10px !important;
	background: #f6f6f6 !important;
	padding: 15px !important;
}

.home-contact-form input {
	height: 45px !important;	
	margin-bottom: 10px !important;
}
.home-contact-form .home-email-pad {
	float: right!important;	
}

.home-contact-form button {
	padding: 10px 20px 10px 20px !important;
	border-radius: 5px !important;	
	display: inline-block !important;
	font-family: 'robotomedium';
	text-transform: uppercase !important;
	font-size: 18px !important;
	color: rgba(0, 0, 0, .5) !important;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .2) !important;
	box-shadow: 0 2px 0 rgba(0, 0, 0, .5) !important;
	border: solid 1px rgba(0, 0, 0, .2) !important;
}

.home-contact-form #msgresponse {
	padding: 10px;
	background: #fff9d7;
	border: solid 1px #dccb57;
	margin-bottom: 20px;
	display: none;
}

.home-contact-form button:hover {
	color: #363636;
	text-decoration: none;
}

.news-update {
	padding: 60px 0;
	
}

.news-update h3,
.news-update h2 {
	margin: 0;
	line-height: 24px;
}

.news-update h3 {
	font-size: 16px;
	font-family: 'robotoblack';
}

.news-update h2 {
	font-size: 24px;
}

.news-update .newsitem h5 {
	text-transform: uppercase;
}

.news-update p {
	font-family: 'robotolight';
}

.news-update .newsheading p {
	margin: 0;
}


.news-update .newsheading a {
	margin: 20px 0 0 0;
	display: block;
	text-transform: uppercase;	
}

.news-update .newsheading i.fa {
	font-size: 11px;
	margin-left: 10px;	
}

.news-update a,
.news-update a:hover {
	color: #FFF !important;
}

/* 3 - END of Body Content ---------------------------------------------------------- */

/* 4 - BEGIN of Footer ---------------------------------------------------------- */

#page-footer {
	color: #FFF;
}

.footer-up {
	background: #363636;
	padding: 70px 0;
}

.footer-up ul {
	margin: 30px 0 0 0!important; 
	padding: 0;
	float: left;
}

.footer-up ul.col-1 {
	width: 33.3333%;
}

.footer-up li {
	list-style: none;
	margin-top: 7px;
	color: #959595;
}

.footer-up img {
	//max-height: 80px;
}
	
.footer-up a,
.contacts-desc span {
	color: #959595 !important;
}

.footer-up a {
	display: inline-block;	
}

.contacts-desc {
	padding-left: 0px;
}

.contacts-desc p {
	margin-bottom: 2px;
	color: #B3b3b3;
}

.contacts-desc a {
	display: inline-block;
	color: #FFF;
}
.contacts-desc .position {
	margin-bottom: 15px;
}

.contacts-desc .position h4 {
	margin-bottom: 0;
	margin-top: 18px;
	font-family: 'robotomedium';
}

.contacts-desc .address {
	margin-bottom: 15px;
	color: #959595;
}
.quick-link-head {
	text-transform: uppercase;
	font-family: 'robotomedium';
	color: #959595 !important;
}


.footer_logo_bg { background-color: #000000; }
.footer_logo { margin-left: 1px; margin-right: 1px; padding-left:1px; padding-top: 1px; padding-bottom: 1px; text-align:center; }
.footer-down {
	background: #262626;
	padding: 35px 0;
	color: #959595;
	line-height: 30px;
}

.footer-down .foot-custom-links {
	text-transform: uppercase;
}


.footer-down .foot-custom-links span {
	display: inline-block;
	padding: 0 15px;
}

.copyright { 
	text-align: right;
}

/* 4 - END of Footer ---------------------------------------------------------- */

/* 5 - BEGIN of Inner column3 ------------------------------------------------------------ */

.page-inner {
	background-color: #f7f7f7;
	padding: 40px 0;
}

.breadcrumb {
    background-color: transparent !important;
    border-radius: 0 !important;
    margin: 8px 0 0;
    padding: 0;
	color: #5e5d5d !important;
}

.breadcrumb-nav {
    margin-bottom: 0;
}

.breadcrumb span.arrow {
    background: rgba(0, 0, 0, 0) url("../css/img/i-breadcrumb-sep.png") no-repeat scroll center center;
    display: inline-block;
    font-size: 0;
    height: 10px;
    width: 10px;
}

#page-navbar {
	border-bottom: solid 4px #e8e8e8;
	/*padding: 15px 0;*/
}

#page-navbar form {
	margin: 0;
}

.breadcrumb-button {
    margin: 0;
}

.breadcrumb-button .singlebutton {
    float: left;
    margin-left: 4px;
}

#block-region-side-pre {
	margin-left: 0;	
}

#block-region-side-pre a,
#block-region-side-post a {
    color: #5c5c5c !important;
}


#block-region-side-pre hr,
#block-region-side-post hr {
	 border-color: #e6e6e6;
	 border-top: none;
}

#block-region-side-pre .content,
#block-region-side-post .content {
	 padding-bottom: 30px;
	 padding: 0;
}

.block .header .block_action {
    float: right;
    padding: 9px 0 0 !important;
    position: relative;
    z-index: 3;
}

.block .header h2 {
    color: #363636 !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    margin: 0 0 12px 0 !important;
    padding: 12px 0 !important;
    position: relative !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
    word-wrap: break-word !important;
	border-bottom: solid 1px #e6e6e6 !important;
	font-family: 'robotomedium';
	
}

.block_tree.list {
    margin: 0;
}

.block_tree.list li {
    list-style: none;
}

.block_navigation .block_tree li.depth_1 ul {
	margin: 0;
    padding-left: 0;
}

.block_navigation .block_tree li.depth_2 ul {
    margin: 0;
    padding-left: 12px;
}

.block_tree .tree_item.branch {
    padding: 0 0 0 20px;
}

#region-main .course-item { 
	float: left;
	width: 44%;
	border: solid 1px #e6e6e6;
	padding: 0%;
	margin: 3%;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
	min-height: 356px;
}

.coursebox .content .courseimage img {
	max-height: 100% !important;
    max-width: 100% !important;
}

.continuebutton {
    padding-top: 20px;
}


.coursepicture {
    max-height: 140px;
	overflow: hidden;
	width: 100%;
}

#region-main .course-item h3.coursename {
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 20px;
	font-family: "robotomedium";
    font-weight: normal;
}

#region-main .course-item h4 {
	font-size: 12px;
	margin-bottom: 12px;
    margin-top: 5px;
}

#region-main .course-item h4 a,
#region-main .course-item .action a {
	color: #333;
}

#region-main .course-item .content .summary {
	color: #777777;
	font-family: 'robotolight';
}

#region-main .course-item .action {
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 10px;
}

#region-main .course-item .info {
	padding-left: 30px;
	padding-right: 30px;
}

#region-main .course-item .content {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 26px;
}

.search-wr {
    text-align: center;
	 margin-bottom: 20px;
}

.block_tree .tree_item.branch {
    background-position: 0 2px!important;
}

.block_settings .block_tree li.item_with_icon > p img {
   margin-right:4px;
   margin-top: 3px;
}

.navigation_node {
	padding-left: 0!important;
	background: none!important;
}

/* 5 - END of  of Inner column3 ---------------------------------------------------------- */

/* 6 - END of  of Inner column2 ---------------------------------------------------------- */

.context h2 {
	font-size: 18px; 
	text-transform: uppercase;
	margin-top: 0;	
	font-family: "robotomedium";
}

/* 6 - END of  of Inner column2 ---------------------------------------------------------- */

/* 7 - END of  of Inner column1 ---------------------------------------------------------- */

#region-main .singlebutton {
    display: inline-block;
}

#region-main form {
    margin: 0;
}

#region-main .buttons {
    margin-top: 30px;
}

/* 7 - END of  of Inner column1 ---------------------------------------------------------- */

/* 8 - BEGIN of Login Page ---------------------------------------------------------- */

#region-main .langmenu {
	text-align:center;
	
}

#region-main .langmenu form {
	margin: 30px 0 0 0;
	
}

#region-main .langmenu select {
    background-color: #efefef;
    border: none;
	color: #b0b0b0;
    width: 150px;
	text-align: left;
	height: 40px;
	padding-left: 10px;
}


#region-main .langmenu select:focus {
   outline: 0;
}


#region-main .langmenu div {
	display: inline-block;
	position: relative;
}
#region-main .langmenu div:after {
    background: #efefef url("img/bg-lan-list.jpg") no-repeat scroll center center;
    content: "";
    height: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
}

.loginbox {
	background: #FFF;
	border-radius: 5px;
    color: #333;
    font-size: 12px;
	margin: 0 auto!important;
	width: 50%;
	border: solid 1px #e6e6e6;
	box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.03);
}

.loginpanel {
    margin: 0 auto;
    max-width: 260px;
    position: relative;
	text-align: center;
}

.loginpanel h2 {
    padding: 30px 0 20px 0 !important;
	text-transform: uppercase;
	font-family: "robotomedium";
	font-weight: normal;
}


.loginbox .subcontent:after {
	content: "";
	display: block;
	clear: both;
}

.loginbox .loginform .form-label {
	display:none;
}

.loginbox label {
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	color: #939393;
	margin: 0;
	padding: 0 0 0;
}

.loginbox .loginform .form-input {
	float: none!important;
	margin:0 auto;
	width: 100%!important;	
}

#page-content .loginbox .loginform .form-input input {
	background: #efefef;
  
	border: solid 1px #eaeaea;
	box-shadow: none;
	outline: none;
	border-radius: 4px;
	padding: 0 14px 0;
	font-size: 11px;
	font-weight: 400;
	display: block;
	box-sizing: border-box;
	margin: 0 auto 10px;
	color: #333;
	height: 39px;
	line-height: normal;
	line-height: 32px\0/; /* for IE 8 */
	width: 100%!important;
	font-family: 'robotoregular';
}

.loginbox .loginform .form-input input:-ms-input-placeholderr {
	text-transform: uppercase;
	color: #555;
}

.loginbox .loginform .form-input input::-webkit-input-placeholder{
	text-transform: uppercase;
	color: #555;
}

.loginbox .loginform .form-input input::-moz-placeholder {
	text-transform: uppercase;
	color: #555;
}

#page-content #region-main .loginbox input[type="submit"] {
	padding: 10px 18px!important;
	border-radius: 5px;	
	display: inline-block;
	margin-top: 20px;
	font-family: 'robotomedium';
	text-transform: uppercase;
	font-size: 18px;
	color: rgba(0, 0, 0, .5)!important;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .2) !important;
	box-shadow: 0 2px 0 rgba(0, 0, 0, .5);
	border: solid 1px rgba(0, 0, 0, .2)!important;
}

#page-content #region-main .loginbox input[type="submit"]:hover {
	color: rgba(0, 0, 0, .8)!important;
	text-decoration: none;
}

.loginbox .guestsub, .loginbox .forgotsub, .loginbox .potentialidps {
    margin: 0!important;
	padding: 0!important;
}

.guestsub .loginbox .loginpanel .desc {
	margin: 0!important;
	padding: 0!important;
}

.rememberpass {
	float: none;
}

.rememberpass input {
	display: none;
}

.rememberpass label {
	float: none;
	font-size: 12px;
	color: #333;
}

.rememberpass input + label:before {
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: middle;
	margin: 0 10px 0 0;
	background: url(img/i-ch-unch-2.png) no-repeat center;
}

.rememberpass input + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	vertical-align: middle;
	background: url(img/i-ch-unch-2.png) no-repeat center;
}

.rememberpass input:checked + label:before {
	background: url(img/i-ch-ch-2.png) no-repeat center;		 
}

.loginbox .loginpanel .desc {
	padding-bottom: 0;
	margin: 5px 0!important;
}

.forgetpass {
	padding-top: 30px;
}

.guestform input[type="submit"] {
	font-weight: 400;
	margin:20px 0 25px 0;
}

/* 8 - END  of Login Page ---------------------------------------------------------- */

/* 10 - BEGIN  of 10 - Customise changes ---------------------------------------------------------- */

.navbar-sitename { color: #000000; font-size: 25px; text-decoration: none; }
.navbar-logo-ue {
    border: 0px;
    float: center;
    align: center;
    display: block;
    width: 800px;
    position: relative:
    left: 0px;
    vertical-align: middle;
    margin-left: 0!important;
    margin-right: 0!important;
    z-index: 1111;
}
.navbar-logo-eu-img {
    border: 0;
    vertical-align:middle;
    max-height: 118px;
}
                                            
                                            
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0!important;
    margin-right: 0!important;
	z-index: 1111;
}

.carousel {
    line-height: inherit;
}

/* Text field start */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #eaeaea;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s !important;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s !important;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s !important;
          transition: border linear 0.2s, box-shadow linear 0.2s !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(0, 0, 0, 0.5) !important;
  outline: 0 !important;
  outline: thin dotted \9 !important;
  /* IE6-9 */

  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
		  
}

.adminsearchform input[type="text"] {
	border-radius: 20px;
	margin: 0;
	padding: 8px 40px 8px 15px;
	font-size: 12px;
	font-family: 'robotoregular';
	line-height: normal;
	
}

.adminsearchform input[type="submit"] {
	background: #FFF url("../css/img/icon-search-field.png") no-repeat center center !important;
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	margin-left: -43px !important;
	margin-bottom: 0px !important;
}

/* Text field ends */

/* Buttons start */

/*#page button,*/ 
.btn.pull-right,
#page input.form-submit, 
#page input[type="button"], 
#page input[type="submit"], 
#page input[type="reset"], 
#page input.form-submit, 
#page input#id_submitbutton, 
#page input#id_submitbutton2, 
#page .path-admin .buttons input[type="submit"], 
#page td.submit input, 
#page #notice .singlebutton + .singlebutton input {
    color: #FFF !important;
	background: #4b4b4b;
	border-radius: 5px !important;
	border: 0 !important;
	padding:7px 12px !important;
	transition: all 0.4s ease 0s !important;
	-webkit-transition: all 0.4s ease 0s !important;
	text-shadow: none;
}



#page button:hover, 
#page input.form-submit:hover, 
#page input[type="button"]:hover, 
#page input[type="submit"]:hover, 
#page input[type="reset"]:hover, 
#page input.form-submit:hover, 
#page input#id_submitbutton:hover, 
#page input#id_submitbutton2:hover, 
#page .path-admin .buttons input[type="submit"]:hover, 
#page td.submit input:hover, 
#page #notice .singlebutton + .singlebutton input:hover {
	background: #363636;
	transition: all 0.4s ease 0s;
	 -webkit-transition: all 0.4s ease 0s;
}

/* Buttons ends */


/* Select list start */

.block_adminblock .content .singleselect {
    width: 100%;
	position: relative;
}

.block_adminblock select {
    border-color: rgba (0, 0, 0, .4);
    height: 38px;
    line-height: 38px;
    max-width: 100%!important;
	padding: 5px;
}

.block_adminblock .content .singleselect form div:after {
    background: #fff url(img/i-list-dropdown.png) no-repeat center center;
    content: "";
    height: 36px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 1px;
	right:1px;
    width: 36px;
}

.block_adminblock .select.autosubmit.singleselect:focus {
    outline: 0 none;
}

.block_adminblock .select.autosubmit.singleselect option {
    background: #f6f6f6;
    border-bottom: 1px solid #e4e4e4;
    font-size: 90%;
    padding: 7px 5px;
}

/* Select list end */


/* Dialogue box start */

.moodle-dialogue-base .moodle-dialogue-wrap {
    border: 1px solid #e7e7e7;
    border-radius: 5px!important;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .4)!important;
}

.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd, .moodle-dialogue-bd {
    text-align: left;
	padding: 1.25em 1.75em 1.75em 1.75em!important;
	background: #fafafa!important;
}

.moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
    text-align: left!important;
    text-transform: none;
	padding: 0.75em 0 0.75em 1.75em!important;
	background: #fafafa!important;
	border-bottom: solid 1px #e6e6e6!important;
	letter-spacing: normal!important;
	font-size: 14px!important;
	color: #555!important;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
    margin: 10px 5px;
}

.moodle-dialogue-base .closebutton {
	padding: 0!important;
	box-shadow: none!important;	
}

/*dialogue box end */


/* Actionmenu start*/

#page .moodle-actionmenu.show[data-enhanced] .menu,
#dock .moodle-actionmenu.show[data-enhanced] .menu {
    background-color: #f6f6f6;
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.35);
	padding: 5px 0;
}

#page .moodle-actionmenu.show[data-enhanced] .menu li,
#dock .moodle-actionmenu.show[data-enhanced] .menu li {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

#page .moodle-actionmenu.show[data-enhanced] .menu li:last-child,
#dock .moodle-actionmenu.show[data-enhanced] .menu li:last-child  {
    border-bottom: none;
}


#page .moodle-actionmenu.show[data-enhanced] .menu a,
#dock .moodle-actionmenu.show[data-enhanced] .menu a  {
	color: #333;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

#page .moodle-actionmenu.show[data-enhanced] .menu a:hover,
#dock .moodle-actionmenu.show[data-enhanced] .menu a:hover {
	background-color: #f6f6f6;
	color: #333;
}

/*Actionmenu end */


/* Calendar start*/

#block-region-side-post .block.block_calendar_month .content,
#block-region-side-pre .block.block_calendar_month .content {
	padding: 0!important;
}

#block-region-side-post div.minicalendarblock {
    margin-bottom: 20px;
}

#block-region-side-pre div.minicalendarblock {
    margin-left: -12px;
	margin-right: -12px;
}


.block .calendartable .calendar-controls a,
div.minicalendarblock caption a {
	text-shadow: none;
}

.block .calendartable .calendar-controls a.arrow_link  {
	width: 17%;
	display: inline-block;
	padding: 15px 0;
	box-sizing: border-box;
	text-align: center;
}

#block-region-side-post .block .minicalendar th,
#block-region-side-pre .block .minicalendar th, 
#block-region-side-post .block .minicalendar td {
    padding: 6px!important;
	text-transform: uppercase;
}

#block-region-side-pre .block .minicalendar td {
    padding: 6px!important;
	text-transform: uppercase;
}

.block .minicalendar tr:last-child td {
	border-bottom: none;
}

.block .minicalendar tr td:last-child {
	border-right: none;
}

.block .minicalendar th abbr {
	border-bottom: none!important;	
}

#block-region-side-post .block .calendartable .calendar-controls span.current,
#block-region-side-pre .block .calendartable .calendar-controls span.current {
	padding: 15px 0;
	box-sizing: border-box;
	width: 65%;
	font-size: 115%;
	font-weight: bold;
}

.block.block_calendar_month .content h3.eventskey {
	text-shadow: none;
}

.block.block_calendar_month .content .filters.calendar_filters {
	margin-left: 15px;
	margin-bottom: 15px;
}

#block-region-side-post .block .minicalendar td {
	font-size: 1em!important;
}

#block-region-side-pre .block .minicalendar td {
	font-size: 1em!important;
}

#block-region-side-post .block .calendar-event-panel .yui3-overlay-content {
    border-radius: 0;
    padding: 19px;
	margin: 0;
}

#block-region-side-post .block .minicalendar th{
	border: none;
}

#block-region-side-pre .block .minicalendar th {
	border: none;
}

/*-----------------------*/

#block-region-side-pre .block .minicalendar td {
	color: #222;	
}

#block-region-side-pre .block .calendartable,
#block-region-side-post .block .calendartable {
	background-color: #e7eaf3;
}

#block-region-side-post .block .calendartable .calendar-controls span.current,
#block-region-side-pre .block .calendartable .calendar-controls span.current {
	border-right: solid 1px rgba(0, 0, 0, .1);
	border-left: solid 1px rgba(0, 0, 0, .1);
}

#block-region-side-post .block .minicalendar td {
	border-right: 1px solid rgba(85, 85, 85, 0.2);
	border-bottom: 1px solid rgba(85, 85, 85, 0.2);
}

#block-region-side-pre .block .minicalendar td {
	border-right: 1px solid rgba(85, 85, 85, 0.1);
	border-bottom: 1px solid rgba(85, 85, 85, 0.1);
}

#block-region-side-post .block .calendar-event-panel .yui3-overlay-content {
    background-color: #fdfdfd;
    border: 1px solid #e3e3e3;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	color: #333;
}

#block-region-side-pre .block .minicalendar th,
#block-region-side-post .block .minicalendar th  {
	background-color: #4f4f4f;
	color: #FFF;
}

.block .minicalendar caption {
	background: #e67e22;
	color: #FFF;
	border-radius: 3px 3px 0 0;
}

.block .minicalendar .today {
	background: #e67e22;
	color: #FFF;
}

#block-region-side-pre .block .minicalendar .today a,
#block-region-side-post .block .minicalendar .today a {
    color: #fff !important;
}

#block-region-side-post .block .minicalendar caption a,
#block-region-side-pre  .block .minicalendar caption a {
	color: #FFF!important;
}

#block-region-side-post .block .minicalendar caption a:hover,
#block-region-side-pre  .block .minicalendar caption a:hover {
	text-decoration: none;
}

/* Calendar end*/

/*Doc view*/

body.has_dock #page {
    padding-left: 0!important;
    padding-right: 0!important;
}

#dock .dockedtitle {
    color: #FFF!important;
    text-shadow: none!important;
	background: #e67e22;
	border-radius: 0!important;
	border: 0;
}

#dockeditempanel .dockeditempanel_content {
    background-color: #d6d6e0!important;
    border: 1px solid #cbcbcd!important;
}

#dockeditempanel .dockeditempanel_content a {
  color: #5c5c5c !important;
}

#dockeditempanel .dockeditempanel_hd h2 {
    color: #333!important;
    font-size: 16px!important;
    text-shadow: none!important;
	font-family: "robotomedium" ;
}

/*Doc view*/


/* Custom article start */

#region-main .box.generalbox {
	padding: 0;
	line-height: 26px;
	width: 100%;
	text-align: left;
	color: #333;
}

#region-main .box.generalbox a.btn {
	color: #222!important;
}

#region-main .box.generalbox a.btn-info {
	color: #fff!important;
}

#region-main .box.generalbox p {
	padding: 5px 0;
}

#region-main .box.generalbox ul, #region-main .box.generalbox ol {
	padding: 0 0 0 35px;
	margin-bottom: 20px;
}

#region-main .box.generalbox h2 {
	margin-left: 0!important;
	color: #333!important;
}

#region-main .box.generalbox ul.thumbnails {
	padding-left: 0;
}

#region-main .box.generalbox blockquote {
	background: #f6f6f6;
    border-left: 4px solid #5d5d5d;
    margin-bottom: 20px;
    padding: 10px 0 0 15px;
	border-radius: 3px;
}
#region-main .box.generalbox blockquote:before {
    color: #bbb;
    content: "\f10e";
    float: left;
    font-family: FontAwesome;
    font-size: 1.5em;
    margin-right: 12px;
}
#region-main .box.generalbox blockquote footer {
   padding: 0 0 10px 0;
   border: 0;
   text-align: left;
   opacity: .5;
   background: none;
   color: #555;
}
#region-main .box.generalbox h1, 
#region-main .box.generalbox h2, 
#region-main .box.generalbox h3, 
#region-main .box.generalbox h4, 
#region-main .box.generalbox h5, 
#region-main .box.generalbox h6  {
	text-transform: none; 
	padding: 10px 0;
	font-weight: 600;
}

#region-main .box.generalbox h2 {
	font-size: 160%!important;
}

#region-main .box.generalbox h3 {
	font-size: 140%;
}

#region-main .box.generalbox h4 {
	font-size: 130%;
}

#region-main .box.generalbox h5 {
	font-size: 120%;
}

#region-main .box.generalbox h6 {
	font-size: 100%;
}
#region-main .box.generalbox .bs-example {
    background-color: #fff;
    border-color: #ddd;
    border-radius: 2px 2px 0 0;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
    margin: 0 0 15px;
    padding: 45px 15px 15px;
    position: relative;
}
#region-main .box.generalbox .bs-example::after {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 4px 0;
    color: #959595;
    content: "Example";
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
}

#region-main .box.generalbox .bs-example-footer {
	border: solid 1px rgba(0, 0, 0, .15);
	border-top: none;
	background: #f6f6f6;
	padding: 20px 15px;
	
}

#region-main .box.generalbox ul.list-style-1 li:before ,
#region-main .box.generalbox ul.list-style-2 li:before ,
#region-main .box.generalbox ul.list-style-3 li:before,
#region-main .box.generalbox ul.list-style-4 li:before {
	display: inline-block;
    margin: 0 0 0 -18px;
	font-family: FontAwesome;
    padding-right: 6px;	
}

#region-main .box.generalbox ul.list-style-1 li,
#region-main .box.generalbox ul.list-style-2 li,
#region-main .box.generalbox ul.list-style-3 li,
#region-main .box.generalbox ul.list-style-4 li {
	list-style: none;	
}

#region-main .box.generalbox ul.list-style-1 li:before {
    content: "\f061";
}

#region-main .box.generalbox ul.list-style-2 li:before {
    content: "\f00c";
}

#region-main .box.generalbox ul.list-style-3 li:before {
    content: "\f105";
}

#region-main .box.generalbox ul.list-style-4 li:before {
    content: "\f138";
}

/* Custom article end */

.span3.top-social-icons {
    margin-left: 0;
}

.landing-page .page-top-bar .container .userbutton {
    height: 38px!important;
}
ul.nav-inner {
	margin-left: 0;	
}

#region-main li {
	line-height: 24px;
}

#region-main .singlebutton {
	margin-top: 20px;
}

button.atto_title_button img.icon:last-child {
    opacity: 0.4;
	margin-left: 5px;
}


a.dropdown-toggle:hover,
a.dropdown-toggle:active {
	text-decoration: none;
}

.navbar {
    margin-bottom: 0!important;
}

.navbar .nav a:hover { 
	color: #222;
}

#page-header {
    padding-top: 12px;
}

.login-regin-main { 
	margin: 50px 0 40px 0;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    transition: all 0.4s ease 0s;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle:hover .caret {
    border-top-color: #222 !important;
	transition: all 0.4s ease 0s;
}

.dropdown-menu {
	margin: 0!important;	
}

.navbar .nav > li > .dropdown-menu a:hover {
	color: #e67e22;
}

.usermenu.dropdown .dropdown-menu > li > a:hover {
	color: #e67e22;
}

.atto_menu .dropdown-menu li {
	border-bottom: solid 1px rgba(255, 255, 255, .05);

}

.atto_menu .dropdown-menu li:last-child {
	border-bottom: none;

}


#page-content #region-main input[type="submit"].form-submit,
#page-content #region-main .fitem_fgroup .oneclickbackup,
#page-content #region-main .fitem_fgroup .proceedbutton {
    background-color: #e67e22;
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
	padding: 10px 20px!important;
}

#page-content #region-main input[type="submit"],
#page-content #region-main .submit.buttons input[name="cancel"] { 
	background: #4b4b4b;
    border: 0 none!important;
    border-radius: 5px!important;
    color: #fff!important;
    padding: 7px 12px;
    transition: all 0.4s ease 0s;
	text-shadow: none;
}

#page-content .editor_atto_toolbar button:hover {
    background-color: #ebebeb!important;
    background-image: radial-gradient(ellipse at center center , #fff 60%, #dfdfdf 100%)!important;
}

.block {
    box-shadow: none!important;
}

.quick-link ul li:first-child  {
	font-weight: bold;
}

.userselector { 
	padding-bottom: 15px;
}

.docked-region-side-post #region-main .course-item,
.docked-region-side-pre #region-main .course-item,
.notloggedin #region-main .course-item{
    margin: 1.25%;
    width: 30.75%;
}

.docked-region-side-post #region-main .search-wr,
.docked-region-side-pre #region-main .search-wr {
    text-align: right;
	margin-right: 18px;
}

.btn-show-more-wr {
	width: 100%;
    position: relative;
	text-align: center;
	clear: both;
}

.btn-show-more-wr .btn-show-more {
	display: inline-block;
	padding:8px 15px;
	border-radius: 5px;
	background-color: #a8a8a8;
    border: solid 1px #7c7c7c;
    box-shadow: 0 2px 0 0 #7c7c7c;
	color: #FFF!important;
	margin-top: 20px;
	transition: all 0.4s ease 0s;
}

.btn-show-more-wr .btn-show-more:hover {
	background-color: #7c7c7c;
	transition: all 0.4s ease 0s;
	text-decoration: none;
}

.docked-region-side-post #region-main .btn-show-more-wr,
.docked-region-side-pre #region-main .btn-show-more-wr {
	text-align: right;
	margin-right: 18px;
}

.content-only #region-main.span8,
.docked-region-side-post #region-main.span8,
.docked-region-side-pre #region-main.span8 {
    padding-left: 10px;
}
 

#block-region-side-pre p,
#block-region-side-post p {
	margin-bottom: 10px!important;	
}


#region-main.span8 {
    padding-left: 10px;
}

.empty-region-side-post.used-region-side-pre #region-main-box {
    width: 100%;
}


#page-content #block-region-side-pre .footer a,
#page-content #block-region-side-post .footer a {
	color: #e67e22;
}


.course-content ul li.section.main {
    border-bottom: 1px solid #ddd!important;
}

h3.sectionname {
	font-size: 16px;	
}

.adminsearchform input[type="submit"] {
	border: 0;	
}


.block_news_items .content ul li {
    padding-top: 10px;
}

#page .newsitem a:focus {
	color: #FFF!important;	
}

#maincontent + h2,
.coursecat-management-header h2,
.settingsform input + h2,
.settingsform h2{
    font-size: 16px;
    text-transform: uppercase;
	font-family: "robotomedium" ;
	margin-top: 1px;
}

.block_course_overview .content h2.title {
    font-size: 16px;
	font-family: "robotomedium";
	line-height: 25px;
}



/* 10 - END  of 10 - Customise changes ---------------------------------------------------------- */

/* * - BEGIN of @media ---------------------------------------------------------- */

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

.banner-content {
    padding-top: 80px;
	padding-bottom: 80px;
}

.carousel-control {
	left: 20px;

}

.carousel-control.right {
    right: 20px;
}

.carousel-indicators {
    bottom: 20px;
}

}

@media (min-width: 1200px) {
.page-top-bar .container, 
header.navbar .container .page-top-bar + .container {
	width: 1170px!important;
}
	
}

@media screen and (min-width: 1024px) {
.home-contact-form {
	width: 416px;	
}
}

@media (min-width: 768px) and (max-width: 1199px) {
#block-region-side-pre .adminsearchform input[type="text"],
#block-region-side-post .adminsearchform input[type="text"] {
	width: 112px;		
}
}

@media (min-width: 480px) and (max-width: 1024px) {
#region-main .course-item .info {
	padding-left: 15px;
	padding-right: 15px;
}

#region-main .course-item .content {
padding-left: 15px;
	padding-right: 15px;
}

}

@media (min-width: 768px) and (max-width: 800px) {
	
#region-main .course-item {
    width: 96%;
}
}



@media (min-width: 980px) and (max-width: 1199px) {
	
.navbar .nav > li > a {
	padding:16px 10px!important;
}

.loginbox {
    width: 80%;
}

.navbar-inner .dropdown .dropdown-menu li a {
	padding: 6px 0;	
}


}

@media (min-width: 980px) {
	
.navbar .nav {
    width: 100%;
}	
	
li.dropdown.langmenu {
	float: right!important;
}

li.dropdown.langmenu .dropdown-toggle {
	font-size: 90%!important;
	text-transform: none!important;
	border:none!important;
	background: rgba(0, 0, 0, 0.1);
}

li.dropdown.langmenu .dropdown-toggle:hover {
	background: rgba(0, 0, 0, 0.1)!important;
}

}


@media (max-width: 980px) {
	
.navbar-inner .dropdown { 
	border: none!important;
} 

.navbar-inner .dropdown .dropdown-menu li {
	border-top: none!important;
} 

.navbar-inner .dropdown .dropdown-menu li.divider {
	margin: 0!important;
} 

.navbar-inner .dropdown .dropdown-menu li a {
	font-size: 15px!important;
	color: #FFF!important;
	padding: 15px 0;
} 

.navbar-inner .dropdown .dropdown-menu li a:hover {
	color: #000!important;
} 

.navbar-inner .dropdown .dropdown-submenu > a:after {
	position: absolute;
	 left: 200px;
    opacity: 1;
    position: absolute;
    top: 16px;
}

.navbar-inner .dropdown.open .dropdown-menu {
	border-top: 1px solid rgba(0, 0, 0, .1) !important;
}

.navbar-inner .dropdown .dropdown-menu li.divider {
    background: rgba(0, 0, 0, .1)  !important;
}

.top-social-icons img {
    max-width: 40px;
}

}


@media screen and (max-width: 979px) {
	
.navbar .nav > li > a {
	border-left: none;	
}

.navbar .nav > li:last-child > a {
	border-right: 0;
}

.navbar-inverse .nav-collapse .nav > li > a, 
.navbar-inverse .nav-collapse .dropdown-menu a {
    color: #fff;
}

.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
     background-color: none;
	 color: rgba(0, 0, 0, .8)
}

.navbar .btn-navbar {
	border-radius: 0;
	padding: 15px!important;
	margin-bottom: 4px;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	border-radius: 0;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	font-weight: normal!important;	
}

.navbar .nav > li > a {
    padding-left: 20px !important;
	padding-right: 20px !important;
	border-top: solid 1px rgba(0, 0, 0, .1);
	font-size: 16px!important;
	text-transform: uppercase;
}

.navbar-inner .dropdown-menu a {
    text-transform: uppercase;
}

.navbar-inner .dropdown-menu  {
    background: none!important;
}

.img-area ul li {
	width: 50%;	
}

.img-area ul li img {
	max-height: 260px;
}

.img-desc {
	padding-bottom: 50px;
	padding-top: 50px;
}

.parallax-content {
    padding: 50px 0;
}

.featured-courses {
    padding: 50px 0;
}

.img-area {
    margin-top: 50px;
}

.featured-courses .course-item { 
	width: 48%;
	margin: 1%;

}

.featured-courses .course-item:nth-child(2) { 
	margin: 1%;
}

.featured-courses .course-item:nth-child(3) { 
	margin: 1%;
}

.number-section-content li {
	width: 50%;
}

.dropdown.langmenu .dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

}

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

.home-contact-form {
	padding-right: 20px;		
}

.loginbox {
    width: 92%;
}

}


@media screen and (max-width: 767px) {
	
body {
	padding: 0;		
}

.page-top-bar {
	padding-bottom: 15px;	
}

.top-social-icons,
.logining-wr {
	text-align: center;	
}

.usermenu.dropdown.pull-right {
	float: none;
	display: inline-block;
}

.crate-account {
	margin-right: 15px;
}

.banner-content {
	text-align: center;
	padding: 50px 10px;
}

.carousel-indicators {
    right: 46%;
}

.carousel-control {
    top: 60%;
}

.parallax-content {
    padding: 50px 20px;
}

.parallax-content .accordion {
	margin-top:50px;	
}

.featured-courses { 
	padding: 50px 20px;
}

.number-section {
	padding: 50px 0 10px 0;
}

.featured-courses-heading {
    padding-bottom: 10px;
}

.featured-courses-heading h5 {
    float: left;
	width: 100%;
}

.home-contact-form {
	padding-left: 20px;
	display: block;	
}


.news-update {
	padding-left: 20px;
	padding-right: 20px;
}

.footer-up {
	padding: 50px 20px;
	box-sizing: border-box;

}

.contacts { 
  background-color: #363636
}
#contacts { 
  background-color: #363636
}

.contacts-desc {
	padding-left: 0;
	padding-bottom: 30px;	
}

.footer-up ul.col-1 {
	width: 100%;
}

.footer-down {
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}

.footer-down .copyright {
	text-align: left;
}

.foot-custom-links a {
	display: block;
}

.footer-down .foot-custom-links span {
	display: none;	
}

.quick-link-head {
	margin-bottom: 0;	
}

#page-navbar {
	padding-left: 20px;
	padding-right: 20px;	
}

.breadcrumb-button {
    margin-top: 15px!important;
    width: 100%;
}

.breadcrumb-button .singlebutton {
    margin-right: 4px;
	margin-left: 0;
}

#block-region-side-pre,
#block-region-side-post {
	 padding-left: 20px;
	 padding-right: 20px;
}

#block-region-side-pre {
	float: left;
}

.dropdown-menu {
  margin-top: 14px;
}


}


@media screen and (max-width: 480px) {
	
.logining-wr {
	padding-top: 0;
}

.crate-account {
	margin: 0;
	padding-bottom:12px;
	text-align:center; 
	width:100%;
}
}

@media screen and (max-width: 479px) {
	
.logining-wr {
	padding-left: 20px;
	padding-right: 20px;	
}

.logining-wr input {
	width: 100%!important;		
	box-sizing: border-box;
	height: 30px!important;
}

.logining-wr input[type="text"],
.logining-wr input[type="password"] {
	margin-bottom:5px!important;
}

.img-area ul li {
	width: 100%;	
}

.featured-courses .course-item {
    margin: 0% 0% 5% 0%;
    width: 100%;
}

.featured-courses .course-item:nth-child(2) { 
	margin: 0% 0% 5% 0%;
}

.featured-courses .course-item:nth-child(3) { 
	margin: 0% 0% 5% 0%;
}

.number-section-content li {
	width: 100%;
}

#region-main .course-item {
    margin: 3%;
    width: 94%;
}

.coursebox .content .teachers, .coursebox .content .courseimage, .coursebox .content .coursefile {
    width: 100%!important;
}

.coursebox .content .summary, .coursebox .content .coursecat {
    box-sizing: border-box;
    padding-left: 15px !important;
    width: 100%!important;
}


}

.used-region-side-post.used-region-side-pre #region-main .course-item {
	width: 44%!important;
}


.empty-region-side-post #region-main .course-item {
	width: 31%!important;
	margin: 1%;
}

.content-only #region-main .course-item {
  	margin: 1%;
    width: 23%!important;
}


@media screen and (max-width: 800px) {
.empty-region-side-post.side-pre-only #region-main .course-item {
	width: 48%!important;
}

}

@media (min-width: 768px) and (max-width: 800px) {
	
.content-only #region-main .course-item {
    width: 31% !important;
}

}

@media screen and (max-width: 767px) {
.empty-region-side-post.side-pre-only #region-main .course-item {
	width: 47%!important;
}

.content-only #region-main .course-item {
    width: 47%!important;
}

.docked-region-side-post #region-main .btn-show-more-wr, 
.docked-region-side-pre #region-main .btn-show-more-wr {	
	text-align: center;
}
	
}


@media screen and (max-width: 479px) {
	
.empty-region-side-post.side-pre-only #region-main .course-item {
	width: 95%!important;
}

.content-only #region-main .course-item {
    width: 95%!important;
}

}


/* * - BEGIN of Color Section ---------------------------------------------------------- */

.navbar-inverse .navbar-inner,
.banner-button,
.home-contact-form button,
.home-contact-form button:active,
.home-contact-form button:focus,
.home-contact-form button:hover,
.news-update,
#page-content #region-main .loginbox input[type="submit"] {
	background: #e67e22;
}

.img-area ul li:hover .img-area-content {
	background: #e67e22;
	border-color: #e67e22;
	transition: all 0.4s ease 0s;
}

#page a,
#page a:hover,
#page a:focus,
#page .crate-account a,
#page .parallax-content h3,
#page .parallax-content .accordion-heading a:hover,
#page .contacts-desc .position h4,
#page .footer-down a,
#page .img-slider .bxslider li a:hover,
#page .dropdown-menu > li > a:hover,
#page .dropdown-menu > li > a:focus,
#page .dropdown-submenu:hover > a,
#page .dropdown-submenu:focus > a {
	color: #e67e22;	
}


/*OVERWRITE ALL css*/

.accesshide {
    font-size: 1em;
    font-weight: normal;
    left: -10000px;
    position: absolute;
}

.breadcrumb-nav {
    float: left;
}

.breadcrumb-button {
    float: right;
    margin-top: 4px;
}

a.skip-block, a.skip {
    font-size: 0.85em !important;
    position: absolute !important;
    text-decoration: none !important;
    top: -1000em !important;
}
.block .header .block_action > * {
    margin-left: 3px;
}
.block_tree .tree_item.branch {
    background-image: url("../pix_core/t/collapsed.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.block_navigation .block_tree .tree_item img {
    height: 16px;
    margin-right: 5px;
    margin-top: 3px;
    vertical-align: top;
    width: 16px;
}
.signuppanel {
    display: none!important;
}
.signup-link {
    text-align: center;
    color: #595959;
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    padding: 30px 0 0;
}


.block {
	padding: 0 !important;
	background-color: #f7f7f7 !important;
	border: 0px !important;
}
.block .footer {
	padding: 0 !important;
}
.catslider img {
    max-width: 100px;
    max-height: 100px;
}
.mapframe {
	border: 0;
	width: 100%;
}

/* 11 - BEGIN RTL language fixing ---------------------------------------------------------- */

.dir-rtl.jsenabled .block_tree .collapsed .tree_item.branch,
.dir-rtl .block_tree .tree_item.branch {
	background-position: center right !important;
}

.dir-rtl .top-social-icons {
    float: right !important;
}

.dir-rtl .foot-custom-links {
	float: right;	
}

.dir-rtl .usermenu {
    float: left !important;
}

.dir-rtl .singleselect form div:after {
	display: none !important;
}

.dir-rtl .offset1.home-contact-form {
    float: left;
    text-align: left;
}

.dir-rtl .banner-button img {
    margin-left: 0;
    margin-right: 15px;
    transform: rotate( -180deg );
}


.dir-rtl .logining-wr form {
	float: left !important;
}

.dir-rtl .logo-wr {
	background-position: left !important;
}

.dir-rtl .parallax-content .accordion-heading .accordion-toggle img{
	margin-left:10;
	margin-right:0;
}

.dir-rtl .block_adminblock .content .singleselect form div:after,
.dir-rtl #region-main .langmenu div:after {
	background: none;	
}

.dir-rtl .adminsearchform input[type="submit"] {
	margin-right: -43px;	
}

.dir-rtl .quick-link ul,
.dir-rtl .contacts-desc ul {
	margin-right: 0;
}

.dir-rtl .footer-up ul {
	float: right;
}

.dir-rtl .usermenu.dropdown i.fa {
	margin-left: 0;
	margin-right: 10px;
}

.dir-rtl .usermenu.dropdown .avatars {
    margin-right: 0;
	margin-left: 10px;
}

.dir-rtl .nav-inner .dropdown-menu {
    right: 25px;
}

.dir-rtl .usermenu .dropdown-menu li {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
}

.dir-rtl .dropdown.open .dropdown-menu li {
    text-align: right;
}

.dir-rtl .rememberpass input + label:before {
    margin: 0 10px;
}

.dir-rtl .moodle-dialogue-hd, 
.dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, 
.dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd{
	text-align: right!important;	
	padding-right: 15px!important;
}

.dir-rtl .offset1.home-contact-form {
    float: left;
    text-align: left;
}

.dir-rtl .dropdown-menu > li > a {
	text-align: right;
}

/* 11 - END of RTL language fixing ------------------------------------ */

/*3.0+ fixing*/

#page.container-fluid {
	width: 100%;
	max-width: 100%;
	/*padding: 0!important;*/	
  padding-top: 50px;
}

.student-login {margin: 87px auto 0 auto; display: inline-block; text-align:center; opacity: .8; position:absolute; width: 100%;}
.container.login-regin-main .loginpanel h2 { padding-bottom: 35px!important;}

/* ---------- */




/***
 ***	Kurs: Lekcja 
 ***/
.pm_k_l { /* ramka "Lekcja..."*/
  min-height:107px;
  /*width:100%;*/
  
}


/* Lekcja tytul - Lekcja X */
.k_l_t { font-family: verdana; font-size:16px; font-weight:bold; color:#fff; width:107px; padding:20px 0; height:auto; 
  background: url('/theme/aardvark_pro/images/kursy_lekcja.png') 0px 0px no-repeat;
  text-align:center;
}
/* Lekcja tytul - opis tytulu lekcji */
.k_l_t_o { font-family: verdana; font-size:14px; font-weight:bold; color:#f22; 
  text-align:center;
  padding: 20px 20px 0;
  border-bottom: 1px dotted #ccc;
}

/* Tresc lekcji */
/* Zadanie - numer i temat */
.k_l_z_div {  
  background: url('/theme/aardvark_pro/images/kursy_zadanie_700.png') left top no-repeat;
  height:50px;
  /*width: 100%;*/
  padding:15px 5px 5px 80px;
}
/* Zadanie - numer zadania - Zadanie X */
.k_l_z_n {  font-family: verdana; font-size:14px; font-weight:bold; color:#833; }
/* Zadanie - temat */
.k_l_z_t { font-family: verdana; font-size:14px; font-weight:bold; color:#880;   }
/* Zadanie - czas na zadanie*/
.k_l_z_c { 
  font-family: verdana; font-size:16px; color:darkgray; text-align:right; float:right;
  padding-left:20px; padding-bottom:3px; padding-right:20px; 
  background-image:url('/theme/aardvark_pro/images/zegar.jpg');
  background-repeat:no-repeat;
  margin-bottom:0px; 
}

/* Zadanie - instrukcja dla nauczyciela - komentarz metodyczny */
.k_l_z_in {  
  font-family: verdana; font-size:13px;  color:#444; 
  text-align:justify; line-height:1.2em;
  /*width:100%;*/ 
  margin: 5px 0px 0px 10px;   
  padding: 30px 3px 3px 3px;
  border: 1px solid #000000;
  /* background-image:url('/theme/koment_metod.png'); background-repeat:no-repeat;   */
  background: url('/theme/aardvark_pro/images/komentarz_metodyczny.png') 3px 2px no-repeat #edd;
}

/* Zadanie - instrukcja dla ucznia */
.k_l_z_iu {  
  font-family: verdana; font-size:13px; color:#000; 
  text-align:justify; line-height:1.3em;
  /*width:95%;*/ 
  margin-left:25px; 
}


.grade-report-grader .left_scroller { padding-top:0px; } 
.grade-report-grader .right_scroller { padding-top:0px; }
.grade-report-grader table#user-grades { margin: 0px; }
.gradevalue { color: #FF0000; }
.grade-report-grader table#user-grades .hidden,.grade-report-grader table#user-grades .hidden a { color:#f26c00; }



/* caly pasek komunikatow */
.pm_menu_statsy {  
  color: black;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px;
  font: 100%/110% Verdana, Arial, Helvetica, sans-serif;
  	
}
/* czesc dotyczaca ankiet */
.pm_menu_ankiety {
  max-height:35px;
}
/* czesc dotyczaca statusow wypelnienia */
.pm_menu_statusy {
  color:black;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;  
}
.pm_menu_pozwszk {
  text-align:center;
  color:black;
  margin: 2px 0px 0px 0px;
  padding: 2px 4px 2px 4px;
  font: 100%/120%;  
}
.pm_menu_pozwszk_t {
  background-color: yellow;
  margin: 1px 0px 0px 0px;
}

.pm_menu_wazne_elementy {
  margin: 2px 0px 0px 0px;
  font: 100%/120%;  
  background-color: #ff1122;
  color: lightred;
}
.pm_menu_wazne_elementy_t {
  height: 33px;
  background-color: #ff1122;
  color: white;
  padding: 2px 4px 2px 4px;
}