body {	
	/* font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font: 16px/20px "Lora", Helvetica, Arial, sans-serif;	
	color: #63656a;
	-webkit-font-smoothing: antialiased !important;	
}
h1, h2, h3, h4,h5,h6{
  margin: 0 0 5px 0; font-family: inherit; font-weight: bold; color: inherit;
  text-rendering: optimizelegibility;
}
h1 { font-size: 36px; line-height:48px;}
h2 { font-size: 32px; line-height:36px;}
h3 { font-size: 24px; line-height:28px;}
h4 { font-size: 20px; line-height:24px;}
h5 { font-size: 18px; line-height:22px;}
h6 { font-size: 15px; line-height:18px;}

.social_icon{
	vertical-align: middle;
	padding-right: 5px;
	color: #f0f0f0;
}
.social_icon:hover{
	color: #b4c8d9;
}

#searchKGS {
	padding-top:20px;
}
.headerBlue {
	color: #0033A0;
}fi
.headerBlueDark {
 	color:#202c5f;	
}
.well .titlebox {
background: #699;	
padding: 20px;
margin: 25px;
height: 230px;
position: relative;
}

.well .titleboxwithImg {
background: #699;	
padding: 10px;
margin: 10px;
height: 350px;
position: relative;
}

.well-factsheet .titlebox h4, .well-factsheet .titleboxwithImg h4 {
	color: #ebf9ee ; font-family: 'Droid serif', serif;
font-size: 24px; line-height: 26px;font-weight: 500; margin: 0 0 0; }

.well-factsheet .titlebox .factsheet-title, .well-factsheet .titleboxwithImg .factsheet-title{
	position: absolute;
	bottom: 60px;
	left:30px;
	right:30px;
}
.well-factsheet .titlebox h5{
	margin-top:-15px; color: #CEF0D4; font-size: 14px;
font-family: 'Droid serif', serif; font-weight: 400; 
font-style: italic; position: absolute;
bottom: 0px; right:10px; border-top: solid 1px #CEF0D4;
}
.justfiedp {

text-align: justify;
}
p{
text-align: justify;
}
 .fixedwidth500 {
	width: 500px;
	 margin: 15px 15px;
}

 .fixedwidth640 {
	width: 640px;
	height: 490px;
	 margin: 15px 25px;
}

 .fixedwidth300 {
	width: 300px;
	 margin: 10px 15px;
}

 .fixedwidth250 {
	width: 250px;
	 margin: 5px 15px;
}

.fixedheight{
	
	height: 5px;	
}

p {
  margin: 1em 0 1em 0;
}
.col-right p {
  margin: 1em 0 1em 0;
}
.col-right ul{
  margin: 0 0 10px 0;
}
/** Lists **/
ul {
  padding: 0;
  margin: 0 0 0;
  list-style: none;
}

ol {
list-style:inside decimal;
	padding: 0;
  margin: 0 0 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

hr {
  margin: 20px 0;
}

hr.style-one { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }


i {
	margin-bottom:0;
	margin-top:0;	
}
iframe {
	width:100%;
	}
/** Links color **/
a {
  color: #0033A0; /*--wildcatBlue:*/
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1B365D; /*--midnightBlue*/
  text-decoration: underline;
}

label {
  display: block;
  margin-bottom: 5px;
  font-size:14px;
  font-weight:800;
}


#logo {
	padding: 5px;
}


a.button_medium, .button_medium, .megamenu > li .drop-down-container a.button_medium {
	border:none;
	background: #1897d4;
	color:#fff;
	padding:3px 5px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.button_medium:hover, .button_medium:hover, .megamenu > li .drop-down-container  a.button_medium:hover {background:#333;}

a.button_large, .button_large, .megamenu > li .megamenu_fullwidth a.button_large {
	border:none;
	background:#1897d4;
	color:#FFF;
	padding:8px 30px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:18px;
}

a.button_large:hover, .button_large:hover, .megamenu > li .drop-down-container  a.button_large:hover {background:#333;}

a.button_red_medium, .button_red_medium, .megamenu > li .drop-down-container  a.button_red_medium {
	border:none;
	background:#ff6666;
	color:#fff;
	padding:7px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.button_red_medium:hover, .button_red_medium:hover, .megamenu > li .drop-down-container  a.button_red_medium:hover {background:#333;}

.button_red_small, .button_orange_small, a.button_red_small, a.button_orange_small, .megamenu > li .drop-down-container  a.button_red_small {
	border:none;
	background:#ff6666;
	color:#fff;
	padding:2px 8px;
	margin-bottom:15px; 
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:11px;
}

.button_orange_small, a.button_orange_small {
	border:none;
	background:#F63;
	color:#fff;
	padding:2px 8px;
	margin-bottom:15px; 
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:11px;
}

.button_red_small:hover,  .megamenu > li .drop-down-container  a.button_red_small:hover {background:#1897d4;}

.button_orange_small:hover,  .megamenu > li .drop-down-container  a.button_orange_small:hover {background:#F93;}

.button-align {text-align:right; padding-top:25px;}
.button-align-2 { float:right; margin-top:-30px;}

/* #Site Header
================================================ */


header{
	background-image: url(../image/header_bg_1.png);
	background-repeat:repeat-x;
	padding:0px 0;
}



nav{
	width:100% auto;
	background: #1478cb;
	/* Old browsers */
	background:#1478cb
	-moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#1478cb -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#1478cb -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#1478cb
	-o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#1478cb -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#1478cb linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	margin-bottom:10px;
	color:#fff;
	z-index: 10000;
}


/* #Site Footer
================================================ */
footer {
	color:#666;
	margin-top: 10px;
	width:100%;
	padding-top:20px;
	padding-bottom:30px;
	
}
footer hr.HRstyle {
	border-top: 4px double #8c8b8b;	
	text-align:center;
}

footer hr.HRstyle:after{
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #FFFFEE;
	color: #8c8b8b;
	font-size: 18px;
}
#brand-footer {
	text-align:center;
}

#contacts-footer {
	text-align:center;	
}
#contacts-footer ul {
	list-style:none; 
	margin-left:0;
}
#contacts-footer ul li {
	line-height:25px;
}
#quick-links ul {
	list-style:none; 
	margin-left:0;
}
#quick-links ul li {
	background:url(../image/arrow-gray.png) left center no-repeat;
	padding-left:15px; 
}

/*============================================================================================*/
/* 2. PAGES AND CONTENT */
/*============================================================================================*/

/* #Homepage
================================================ */
#main-boxes {
	margin-top:-5px;
	position:relative;
	z-index:1;
	margin-bottom:15px;
}

a img:hover{
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	
}

/* #s */
#static-image {
	width:100%;
	max-width:100%;
	margin-top:-20px;
	text-align:center;
	background-color:#0099cc;
}

/* used in index page */
.feat {
	padding-left:60px;
	position:relative;
	margin-bottom:20px;
	border-bottom: 1px solid #C8C8C7;
}
.feat h3{
	text-shadow: 1px 2px 0px rgba(255,255,255,1);
}
.feat i {
	left:0; 
	position:absolute;
}
.feat i blue {
	color: #0CF;	
}
.feat img {
	left:0; 
	position:absolute;
}
.feat.last {
	margin-bottom:0px;
	border-bottom: 0px solid #C8C8C7;
}

.col-left {
	padding:20px 15px 15px 15px;
	background-color:#fff;
	border: 1px solid #e2e2e2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:30px;
	position:relative;
}
.col-right{
	padding:0px 0 15px 0px;
	background-color:#fff;
	/*border: 1px solid #e2e2e2; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
	position:relative;
}


.b_left{
	float: left;
}

.b_left h2{
	padding: 5px 8px;
	text-align: center;
	font-size: 1.5em;
	font-weight:600;
	border-radius: 2px;
	color:#FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	background: #3498DB;
}
/*
ul.submenu-col {
	list-style:none;
	margin:0;
	padding:0;
	font-weight:700;
	font-size:14px;
}
ul.submenu-col li a {
	text-decoration:none;
	padding: 4px 10px;
	display:block;
	margin-bottom:3px;
	border-bottom: 1px solid #ccc;
	color:inherit;
}

ul.submenu-col li a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#326e99;
	background:#efefef url(../image/arrow.png) no-repeat  96% center;
} */

.submenu {
	font-size:14px;
}

.submenu li a{
border-bottom: 1px solid #ccc;	
}
.strip-courses{
	background:#f8f8f8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#395070;
	margin-bottom:30px;
}


.box-style-one {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;
	position:relative;
	text-align:center;
	margin-bottom:20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.box-style-one img{
	margin: 5px 0 10px 0;
}
.box-style-one p{
 padding: 0 3px;
}

.box-style-one h5{
	bottom:0;
	left:0;
	padding:4px 5px;
	text-transform:uppercase;
	font-size: 0.8em;
}

 .dotline{ 
 border-bottom:dashed thin #9999CC; 
}


/* #News and event
================================================ */

.news-strip{
	border-bottom: 1px solid #eeeeee;
	margin:10px 5px;
	padding-bottom:5px;
}

.news-strip:hover{
	background-color:#eaf9ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.news-strip img {

	padding:20px 10px;
}

.news-strip h4{
	margin:10px 0px;
	line-height:1.5em;
}



.strip-block{
	border-bottom: 1px solid #C8C8C7;
	margin-bottom:30px;
	padding-bottom:10px;
}



/* list of info horizonally */

ul.data-list-horizon{
	margin-left:0;
	padding-left:0;
}
ul.data-list-horizon li{
	display:inline-block;
	margin-right:8px;
	padding-right:8px;
	border-right: 1px solid #ccc;
	line-height:14px;
	zoom: 1; *display: inline;
}
ul.data-list-horizon  li:last-child{
	border-right: none;
}


.date-news {
	float:left;
	background:#f8f8f8;
	text-align:center;
	width:80px;
	height:80px;
	padding-top:20px;
	color:#999;
	font-size:12px;
	border:1px solid #fff;
	font-weight:700;
	 -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	-webkit-box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	-moz-box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	text-shadow: -1px -1px 0px rgba(255,255,255,1);
	margin:0 48px 10px 48px;
}
.date-news strong {
	display:block;
	font-size:24px;
	color:#333;
}

.news_picture {
	border-radius: 100%;
}

.thumb_picture{
max-width: 150px;
margin: 10px;
}
	


/* #Blog
================================================ */
.tags a {
	display:inline-block;
	margin:5px 14px 10px 0;
	height:33px;
	line-height:33px;
	background: #ededed url(../image/tag_bg.png) no-repeat 91% center;
	padding:0 28px 0 11px;
	color:#646464;	
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
}
.tags a:hover {
	background-color:#1897d4;
	color:#fff;
	text-decoration:none;
}


/* #Gallery page v.1.4
================================================ */
.picture {margin-bottom:20px; position:relative}
.photo_icon{ background:url(../image/zoom_1.png) no-repeat 10px 10px; display:none; height:92%; left:15px; position:absolute; top:0; width:100%; z-index:1;}
.video_icon_youtube{ background:url(../image/icon_play.png) no-repeat 10px 10px; display:none; height:92%; left:15px; position:absolute; top:0; width:100%; z-index:1;}
.video_icon_vimeo{ background:url(../image/icon_play.png) no-repeat 10px 10px; display:none; height:92%; left:15px; position:absolute; top:0; width:100%; z-index:1;}
/*============================================================================================*/
/* 3. COMMON */
/*============================================================================================*/
.add-bottom-20 {margin-bottom:30px;}
#toTop {width:100px;border:1px solid #ccc;background:#f7f7f7;text-align:center;padding:5px;position:fixed; bottom:10px;right:10px;cursor:pointer; display:none;color:#333;font-size:11px;}

hr.double {
  margin: 10px 0 20px 0;
  border: 0;
  border-top: 1px solid #cedee7;
  border-bottom: 1px solid #ffffff;
}
ul.list_circle, ul.list_star, ul.list_check, ul.list_doublearrow, ul.list_arrow{ }
ul.list_circle li{background:url(../image/list_circle.png) no-repeat left 3px;line-height:18px;padding-left:20px; }
ul.list_star li{background:url(../image/list_star.png) no-repeat 3px 4px;line-height:18px;padding-left:20px; padding-bottom:8px;}
ul.list_arrow li{background:url(../image/arrow_3.png) no-repeat 5px 7px;line-height:18px;padding-left:20px;}
ul.list_check li{background:url(../image/tick_1.png) no-repeat 5px 7px;line-height:18px;padding-left:20px;}
ul.list_doublearrow li{background:url(../image/double_arrow.png) no-repeat 4px 6px;line-height:18px;padding-left:20px;}

.morespace{ margin: 1em 0;}

.borders:after,
.borders:before {
  content: '';
  position: absolute;
  display: block;
  height: 1px;
  bottom: -2px;
  left: 3px;
  right: 3px;
  background-color: #ffffff;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border: 1px solid #e2e2e2;
  border-top: 0;
}
.borders:before {
  bottom: -4px;
  left: 6px;
  right: 6px;
}

.box-style{
	padding:30px 30px 10px 30px;  
	
	border:1px solid #fff; 
	margin-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#2e415c;
	position:relative;
}

.box-style-1{
	padding:30px 30px 10px 30px;  
	background: #eaf9ff;
	box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	-webkit-box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	-moz-box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	border:1px solid #fff; 
	margin-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#2e415c;
	position:relative;
}
.box-style-1.ribbon{background: #eaf9ff url(../image/sticker-1.png) no-repeat top right;}
/*.box-style-1.pin{background: #eaf9ff url(../image/pin.png) no-repeat top right}*/

.box-style-1.search{position: relative}
.box-style-1.search::before{
    font-family: 'Font Awesome 6 Pro';
    content: "\f00e";
    /* Put here the height of the image */
    font-size: 32px;
    position: absolute;
		top:10px;
		right:0;
		margin-right: 5px;
		transform: rotate(90deg);
	  /* Safari */
  	-webkit-transform: rotate(90deg);
	  /* Firefox */
  	-moz-transform: rotate(90deg);
		/*text-shadow: 2px 2px 2px grey;*/
  }

.box-style-1.question{position: relative}
.box-style-1.question::before{
    font-family: 'Font Awesome 6 Pro';
    content: "\e14e";
    /* Put here the height of the image */
    font-size: 32px;
    position: absolute;
		top:10px;
		right:0;
		margin-right: 5px;
		/*text-shadow: 2px 2px 2px grey;*/
  }

.well.ribbon{background:  url(../image/pin.png)  no-repeat top right;}

.expired{background:  url(../image/sash-expired.png)  no-repeat top right;}
.box-style-facebook{
	padding:30px 30px 10px 30px;
	box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	-webkit-box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	-moz-box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35); 
	border:1px solid #fff; 
	margin-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#2e415c;
	position:relative;
}
.blueedge{background: #eaf9ff url(../image/blue_edge.png) no-repeat top right;}
.blueedge a{text-decoration:none;}
.blueedge a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.box-style-3 a {
	text-decoration:none;	
	margin-bottom:20px;	
	position:relative;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	display:block;
	border-radius: 50%;	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	padding:20px 20px 10px 20px;  
	border: 1px solid #666;}
.box-style-3 a:hover{
	text-decoration:none;
	-webkit-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1) ;
  	-moz-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1) ;
	box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
}
.box-style-2{background: #0033A0;margin:10px;}
.box-style-2 a  {
	color:#fff;
	display:block;
	font-size:14px;
	text-shadow: 1px 1px 0px rgba(0,0,0,.3); 
	padding:25px 25px 5px 25px;
	text-decoration:none;
	 -webkit-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1) ;
  	-moz-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1) ;
	box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
	transition: background .8s ease; 
	-webkit-transition: background .8s ease; 
	-moz-transition: background .8s ease;ol
	margin-bottom:15px;
	background: #126dba;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.box-style-2 img {float:right; margin: 0 0 15px 20px;}
.box-style-2 h3 {color: #FF9;font-weight:600;}
.box-style-2 h3.singleline { line-height: 58px;}
.box-style-2 h3.small{
	color: #FF9;
	font-size:1.3em;
	line-height: 1.3em;
}
.box-style-2.green a:hover{background: #669999;}
.box-style-2.orange a:hover{background: #cd5658;}
.box-style-2.yellow a:hover{background: #cea661;}
.box-style-2.pink a:hover{background:#f48498;}
.box-style-2.purple a:hover{background:#7e7f9a;}

.main-img { 
	margin: 5px 0px 10px 0px; 
	overflow:hidden;
	position:relative;
}
.main-img p.lead {
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=70);
	opacity:0.7;
	position: absolute;
	bottom:-25px;
	padding:15px 20px;
	color:#fff;
	line-height:24px;
}
.main-img img {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.toggleNoExpand { background: #f5f5f5; padding:8px 15px ; border:1px solid #D6D4CB; cursor:pointer; display:block; margin-bottom:5px; font-size:1em; color: #34495E;  font-weight:500;}
.togglehandle { background: #f5f5f5 url(../image/plus.png) no-repeat center right; padding:8px 15px; border:1px solid #D6D4CB; cursor:pointer; display:block; margin-bottom:5px; font-size:1em; color: #34495E; font-weight:500;}
.toggleNoExpand a {
	color: #34495E;
	text-decoration:none !important;
}
.toggleNoExpand:hover {
	background: #e7e7e7;
	text-shadow: none;
	text-decoration:none !important;
}

.togglehandle.expanded { background: #e7e7e7 url(../image/minus.png) no-repeat center right; padding:8px 15px; border:1px solid #D6D4CB; cursor:pointer; display:block; margin-bottom:5px; font-size:1em; border-bottom: 3px solid #19bd9b;
	 }
.toggledata { padding:0 15px;display: none; }

/* messages */
.errormsg, .alertmsg, .successmsg, .infomsg, .infomsg2 { display: block; margin: 20px 0; padding: 15px 8px 15px 15px; position: relative; color:#666666!Important; }
.alert i { float:left; line-height:22px; padding: 10px;}
.errormsg { background-color: #FCCAC1;  border: 1px solid #E18B7C; }
.errormsg i {color:#E18B7C; }
.alertmsg { background-color: #FFE9AD; border: 1px solid #EAC572; font-size:1.5em;}
.successmsg { background-color: #EFFEB9;  border: 1px solid #C1D779; }
.successmsg i{ color:#C1D779}
.infomsg { background-color: #DEEEFA;border: 1px solid #AFD3F2; }
.infomsg i { color: #AFD3F2; float:right; line-height:22px; padding: 10px; }
.infomsg2 { background-color: #FFFFFF; border: 1px solid #AFD3F2; }
a.clostalert { background: url("../image/messages.png") no-repeat scroll 0 -310px transparent; cursor: pointer; height: 15px; overflow: hidden; position: absolute; right: 5px; text-indent: 9999px; top: 5px; width: 15px; }


.tab-content {overflow: auto; margin-bottom:20px;}
.caption_border {
	margin-top: 5px;
	padding-top:5px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 8px solid #FFE3C7;	
}

#myCarousel {top: -10px;}
#myCarousel .item{height: 300px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%; margin: 0px;}
figure{padding: 5px;}
.fixbox1{ height:300px; width:250px;}
.slider{ margin: -5px 0 0 0; padding: 10px 5px;	background: no-repeat url('../image/slider_bg.jpg'); }

.slider h2{color:#FFF;}

.headingbg_darkblue{
	margin: 0px 0 0 0;
	padding: 10px 5px;
	background-color:#202c5f;
	color:#ffffff; 
}

.headingbg_blue{
	margin: 0px 0 0 0;
	padding: 10px 5px;
	background-color:#0033A0;
	color:#ffffff; 
}

.headingbg_darkgray{
	margin: 0px 0 0 0;
	padding: 10px 5px;
	background-color:#63656a;
	color:#ffffff; 
}


.f_nav li{
	float: left;
	width: 44%;
	margin: 0 10px 4px 0;
}
.f_nav4 li{
	float: left;
	width: 30%;
	margin: 0 10px 4px 0;
}
.f_nav li a, .f_nav4 li a{
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.f_nav li a img, .f_nav4 li a img{
	background: #ffffff;
	padding: 3px;
	border: 1px solid #eeeeee;
}
.f_nav li a:hover, .f_nav4 li a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}


.tag_nav {
	margin: 0, 0;
}
.tag_nav li{
	margin:0 5px 8px 0;
	display: inline-block;
}
.tag_nav li a{
	display: block;
	background: #E7E7E7;
	color: #5F5F5F;
	font-weight: 600;
	font-size: 0.8925em;
	padding: 8px 14px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tag_nav li a:hover{
	background: #19BD9B;
	color: #ffffff;
}
.tag_nav .active{
	background: #19BD9B;
	color: #ffffff;
}
.tag_nav .disabled{
background-color:#eee;color:#777;cursor:not-allowed;}

.list-group-horizontal .list-group-item {
	display: inline-block;
}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
	border-right:0;
}

/* #ie10 BORDER RADIUS FIXED*/
.ie10 .col-left, .b_left, .ie10 .col-right, .ie10 ul.submenu-col li a#active, .ie10 .strip-courses, .ie10 .title-course, .ie10 .box-style-one, .ie10 .box-style-one img.picture, .ie10 .box-style-one h5, .ie10 ul.data-staff li, .ie10 .news-strip ul li:hover, .ie10 .date-news, .tags a, .ie10 .post img, .ie10 .avatar img, .ie10 .box-style-1, .box-style-card, .ie10 .main-img img, .ie10 a.button_medium, .ie10 .button_medium, .ie10 .megamenu > li .drop-down-container a.button_medium, .ie10 a.button_large, .button_large, .ie10 .megamenu > li .drop-down-container a.button_large, .ie10 a.button_red_medium, .ie10 .button_red_medium, .ie10 .megamenu > li .drop-down-container a.button_red_medium, .ie10 .button_red_small, .ie10 a.button_red_small, .ie10 .megamenu > li .drop-down-container a.button_red_small, .ie10 .img-rounded, .ie10 .megamenu > li .drop-down-container, .ie10 .drop-down-container ul.tabs a, .ie10 .drop-down-container#icon-menu a, .ie10 .box-style-1, .ie10 .box-style-2 a   {border-radius: 0;}

blockquote.style1 {
	font: 18px/30px normal Tahoma, sans-serif;
   padding: 22px;
   margin: 5px;
   background-image:  url(../image/openquote3.gif);
   background-position: top left;
   background-repeat: no-repeat;
   
   text-indent: 65px;
   }
   blockquote.style1 span {
      display: block;
      background-image:  url(../image/closequote3.gif);
      background-repeat: no-repeat;
      background-position: bottom right;
    }


blockquote.style2 {font: 14px/20px italic Times, serif;
   padding: 8px;
   background-color: #faebbc;
   border-top: 1px solid #e1cc89;
   border-bottom: 1px solid #e1cc89;
   margin: 5px;
   background-image: url(../image/openquote1.gif);
   background-position: top left;
   background-repeat: no-repeat;
   text-indent: 23px;}
   
blockquote.style2 span {
     display: block;
      background-image: url(../image/closequote1.gif);
      background-repeat: no-repeat;
      background-position: bottom right;}


.panel-heading .accordion-toggle:after {
    font-family: 'icomoon';  
    content: "\e950";    /* circle-up icon, adjust as needed, taken from bootstrap.css */
	
  line-height: 1;
	font-size:20px;
	margin-right: 5px;
	 
    float: right;        /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e952";    /* adjust as needed, taken from bootstrap.css */
	
}



.circle{ margin:25px; display:block;width:180px;height:180px;border-radius:99px;border:2px #ccc solid;font-size:20px;text-align:center;text-decoration:none;background:#fff}
.circle .singleline{
line-height:180px;
}
.circle .doubleline{
line-height:30px;
}
.circle:hover{margin:20px; border:4px double #bbb;color:#000;text-decoration:none;background:#CCC}


	
/* -------------------------------------- */    
/* underlined list stle                   */

.underlined ol 
{
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
}

.underlined	ol > li 
{
position:relative; /* Create a positioning context */
margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
padding:4px 8px; /* Add some spacing around the content */
list-style:none; /* Disable the normal item numbering */
border-top:2px solid #666;
background:#f6f6f6;
}

.underlined ol > li:before 
{
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
top:-2px;
left:-2em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:2em;
/* Some space between the number and the content in browsers that support
generated content but not positioning it */
margin-right:8px;
padding:4px;
border-top:2px solid #666;
color:#fff;
background:#666;
font-weight:bold;
font-family:"Helvetica Neue", Arial, sans-serif;
text-align:center;
}

.underlined li ol,
.underlined li ul 
{
margin-top:6px;
}

.underlined ol ol li:last-child 
{
margin-bottom:0;
}



	ol.circles-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 4em;
    padding: 0;
     
    counter-reset: li-counter;
}

ul.circles-list {

     
    margin: 0;
    margin-left: 4em;
    padding: 0;

}
ul.circles-list > li, ol.circles-list > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
}

ol.circles-list > li:before {
    position: absolute;
    top: 0;
    left: -1.33em;
    width: 1.2em;
    height: 1.2em;   
    font-size: 2.0em;
    line-height: 1.2em;
    text-align: center;
    color: #f5f5f5;   
    border-radius: 50%;
    background-color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}

ul.circles-list > li:before{
    position: absolute;
    top: 0;
    left: -1.33em;
    width: 1.2em;
    height: 1.2em;   
    font-size: 2.0em;
    line-height: 1.2em;
    text-align: center;
  
    border-radius: 50%;
    background-color: #fff;
	content: '';

}


@media (min-width: 768px) and (max-width: 1200px) {
	.box-style-2 img {
	 float:none; margin: auto;
	 margin-bottom:20px;
	 display:block;
	 }
	.post-right {float:left;}

	.feat {
	padding-left:0;
}
	.feat i {
	position:relative;
	padding-bottom:15px;
	top:0; 
	left:0;
	display:block;
}
	.strip-courses .button_medium.button-align-2{float:none; margin-top:15px;}

 .carousel-caption{
	position:absolute;
	left:0;right:0;bottom:20px;	
  }
  
	.megamenu > li a.drop-down, .megamenu > li a.nodrop-down {
		font-size:0.8em;}
 
}

/* From tablet portrait to mobile */
@media (max-width: 767px) {
#uk_navbar{visibility:hidden; display:none;}
.post-right {float:left;}
.button-align {text-align:left; padding-top:0;}
.strip-courses .button_medium.button-align-2{float:none; margin-top:15px;}
.carousel-caption{position:absolute;left:0;right:0;bottom:10px;}
}	
/* Mobile portrait */
@media (max-width: 480px) {
#logo {width: auto;}
#uk_navbar {visibility:hidden;display:none;}
.carousel-caption{position:absolute;left:0;right:0;bottom:10px;}
#myCarousel .item{height: 200px;}
.container{width:auto;}	
}

@media print {
#uk_navbar, #kgs_main_header, #kgs_main_footer{visibility:hidden; display:none;}
#kgsmegamenu{visibility:hidden; display:none;}
#sidebar{visibility:hidden;display:none;}
.breadcrumb{display: none;}
.breadcrumb a[href]:after{content: none !important;} 
.tab-content > .tab-pane {display: block !important; opacity: 1 !important; visibility: visible !important}  
.toggledata {display: block !important; opacity: 1 !important; visibility: visible !important}
#main-content { width: 92%; margin: 0px; }
}