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

/* reset
*******************************************************************/
/* bootstrap reset
*******************************************************************/
/* general
*******************************************************************/
/* header
*******************************************************************/
/* main content
*******************************************************************/
/* footer
*******************************************************************/
/* button style
*******************************************************************/
/* text style
*******************************************************************/
/* select style
*******************************************************************/


/* reset
*******************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
object { outline:none; display:block;}
* { outline:0px !important; }

/* general
*******************************************************************/
html { position:relative; min-height: 100%; -webkit-font-smoothing: antialiased;}
body { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4em; font-weight:400; }



.transition { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.transition-opacity { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}
.transition-border { -webkit-transition: border 0.2s ease-out; -moz-transition: border 0.2s ease-out; -o-transition: border 0.2s ease-out; -ms-transition: border 0.2s ease-out; transition: border 0.2s ease-out;}

.border-0 { border:0 !important;}

.margin-top-0 { margin-top:0px !important;}
.margin-top-5 { margin-top:5px !important;}
.margin-top-10 { margin-top:10px !important;}
.margin-top-15 { margin-top:15px !important;}
.margin-top-20 { margin-top:20px !important;}
.margin-top-30 { margin-top:30px !important;}
.margin-top-40 { margin-top:40px !important;}
.margin-top-50 { margin-top:50px !important;}
.margin-top-80 { margin-top:80px !important;}

.margin-bottom-0 { margin-bottom:0px !important;}
.margin-bottom-5 { margin-bottom:5px !important;}
.margin-bottom-10 { margin-bottom:10px !important;}
.margin-bottom-15 { margin-bottom:15px !important;}
.margin-bottom-20 { margin-bottom:20px !important;}
.margin-bottom-30 { margin-bottom:30px !important;}
.margin-bottom-40 { margin-bottom:40px !important;}
.margin-bottom-50 { margin-bottom:50px !important;}
.margin-bottom-80 { margin-bottom:80px !important;}

.margin-right-5-less { margin-right:-5px !important;}
.margin-right-0 { margin-right:0px !important;}
.margin-right-5 { margin-right:5px !important;}
.margin-right-10 { margin-right:10px !important;}
.margin-right-15 { margin-right:15px !important;}
.margin-right-20 { margin-right:20px !important;}
.margin-right-30 { margin-right:30px !important;}
.margin-right-40 { margin-right:40px !important;}
.margin-right-50 { margin-right:50px !important;}

.margin-left-5-less { margin-left:-5px !important;}
.margin-left-0 { margin-left:0px !important;}
.margin-left-5 { margin-left:5px !important;}
.margin-left-10 { margin-left:10px !important;}
.margin-left-15 { margin-left:15px !important;}
.margin-left-20 { margin-left:20px !important;}
.margin-left-30 { margin-left:30px !important;}
.margin-left-40 { margin-left:40px !important;}
.margin-left-50 { margin-left:50px !important;}
.margin-left-120 { margin-left:120px !important;}
.margin-left-130 { margin-left:130px !important;}

.padding-top-0 { padding-top:0px !important;}
.padding-top-5 { padding-top:5px !important;}
.padding-top-10 { padding-top:10px !important;}
.padding-top-15 { padding-top:15px !important;}
.padding-top-20 { padding-top:20px !important;}
.padding-top-30 { padding-top:30px !important;}

.padding-bottom-0 { padding-bottom:0px !important;}
.padding-bottom-10 { padding-bottom:10px !important;}
.padding-bottom-15 { padding-bottom:15px !important;}
.padding-bottom-20 { padding-bottom:20px !important;}
.padding-bottom-30 { padding-bottom:30px !important;}
.padding-bottom-40 { padding-bottom:40px !important;}
.padding-bottom-50 { padding-bottom:50px !important;}

.padding-right-0 { padding-right:0px !important;}
.padding-right-5 { padding-right:5px !important;}
.padding-right-10 { padding-right:10px !important;}
.padding-right-20 { padding-right:20px !important;}
.padding-right-40 { padding-right:40px !important;}
.padding-right-50 { padding-right:50px !important;}
.padding-right-90 { padding-right:90px !important;}

.padding-left-0 { padding-left:0px !important;}
.padding-left-5 { padding-left:5px !important;}
.padding-left-10 { padding-left:10px !important;}
.padding-left-20 { padding-left:20px !important;}
.padding-left-50 { padding-left:50px !important;}
.padding-left-90 { padding-left:90px !important;}


.font11 { font-size:11px !important}
.font12 { font-size:12px !important}
.font13 { font-size:13px !important}
.font16 { font-size:16px !important}
.font20 { font-size:20px !important}
.font60 { font-size:60px !important}

.lightGreyBG { background:#fefefe;}

.white { color:#FFF;}
.red { color:#e30613;}
.teal { color:#1fbba5;}
.blue { color:#64c3e7;}
.green { color:#2c9a4e;}
.yellow { color:#fff000;}
.orange { color:#f38920;}
.grey { color:#999;}

.red-bg { background-color:#e30613 !important;}
.teal-bg { background-color:#1fbba5 !important;}
.blue-bg { background-color:#64c3e7 !important;}

.bgWhite { background:#FFF;}
.bgGrey { background:#f1f1f1;}


.width-100 { width:100%;}

.static { position:static !important;}


.btn { position:relative; overflow:hidden;}
.btn input[type=file] {font-size:400px; height:auto; width:auto; left:inherit; top:0; right:0; position:absolute; cursor:pointer; }


/* bootstrap custom
*******************************************************************/

p .checkbox-inline, p .radio-inline { vertical-align:top;}

a {
  color: #2A2A86;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #3c3e92;
  text-decoration: underline;
}

p { line-height:1.4em;}

.btn { border-radius:0 !important; }
.form-control { border-radius:0 !important; border:1px solid #b9b9d7 !important;}
label { font-weight:300; margin-bottom:7px;}


.dropdown-menu { box-shadow:none; background:#141450; border-radius:0;  }
.navbar-nav > li > .dropdown-menu li:after { border:0 !important;}

.navbar-nav > li > .dropdown-menu li a { color:#FFF; padding:4px 15px;}
.navbar-nav > li > .dropdown-menu li a:focus,
.navbar-nav > li > .dropdown-menu li a:hover { background:#42419f;}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdown-submenu:hover { background:#42419f;}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
		position:absolute;
		z-index:1001;
		left:100%;
		top:50%;
		margin-top:-8px;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}



/* header
*******************************************************************/
.navbar { margin:0; height:50px; z-index:3; background:#FFF; border:0;}
.navbar-brand { padding:0; position:relative; margin:0 70px 0 0; }
.navbar-brand:after { content:""; position:absolute; background:url(../images/shadowStyle_black.png); width:200px; height:106px; left:-12px; bottom:-163px; pointer-events:none; }
.navbar .nav.navbar-nav {}
.navbar .nav.navbar-nav li { position:relative;}
.navbar .nav.navbar-nav li:after { content:""; position:absolute; right:0; top:0; height:40px; border-right:1px solid #ababd0;}
.navbar .nav.navbar-nav li:last-child:after { border-right:0;}
.navbar .nav.navbar-nav li a { font-size:12px; }

.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover { color:#2b2a87;}

.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
color:#FFF;
background: #0b0a4c;
background: -moz-linear-gradient(top,  #0b0a4c 0%, #2a2986 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0a4c), color-stop(100%,#2a2986));
background: -webkit-linear-gradient(top,  #0b0a4c 0%,#2a2986 100%);
background: -o-linear-gradient(top,  #0b0a4c 0%,#2a2986 100%);
background: -ms-linear-gradient(top,  #0b0a4c 0%,#2a2986 100%);
background: linear-gradient(to bottom,  #0b0a4c 0%,#2a2986 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0a4c', endColorstr='#2a2986',GradientType=0 );
height:50px;
}

.navbar-default .navbar-nav > .open > a:after { display:none !important;}
.navbar-default .navbar-nav > .active > a:after {
content:""; 
position:absolute; top:100%; left:50%;
margin-left:-5px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #2b2986 transparent transparent transparent;
}
	
	

.navbar .nav.navbar-nav.navbar-right li:after { border-right:0;}
.navbar .nav.navbar-nav.navbar-right li a { padding-left:8px; padding-right:8px;}
.navbar .nav.navbar-nav .glyphicon { font-size:24px; color:#c8c8c8; line-height:0px; top:6px;}
.navbar .nav.navbar-nav .glyphicon:hover { color:#fff;}
.navbar .nav.navbar-nav a:hover .glyphicon { color:#fff;}
.navbar .nav.navbar-nav .loginIco { height:20px; width:24px; display:block; position:relative;} 
.navbar .nav.navbar-nav .loginIco:after { content:""; position:absolute; width:24px; height:24px; background:url(../images/icoSet.png) -113px -12px; top:-3px; left:0px; }

.navbar .nav.navbar-nav .loginIco.in:after {  background:url(../images/icoSet.png) -163px -12px; }
/*
.navbar .nav.navbar-nav .loginIco:hover:after { background:url(../images/icoSet.png) -113px -62px;  }
.navbar .nav.navbar-nav .loginIco.in:hover:after {  background:url(../images/icoSet.png) -163px -62px; }
*/

.searchBar { position:absolute; top:-50px; background:rgba(212,212,231,0.9); padding:25px; width:100%; z-index:2; box-shadow:0 10px 20px -20px #2b2a87 inset; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; -ms-transition: top 0.2s ease-out; transition: top 0.2s ease-out; }
.searchBar.open { top:50px; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; -ms-transition: top 0.2s ease-out; transition: top 0.2s ease-out; }
.searchBar .container { position:relative;}
.searchBar .container .closeSearchBar { position:absolute; top:-20px; cursor:pointer; right:30px; font-size:10px;}
.searchBar .container .closeSearchBar .glyphicon { color:#2a2a86;}

.breadcrumbPanel { background:#e9e9f3;}
.breadcrumbPanel .breadcrumb { margin:0; margin-left:210px; background:none; padding:15px 0;}
.breadcrumbPanel .breadcrumb li { font-size:12px; font-weight:600; color:#2a2a86;}
.breadcrumbPanel .breadcrumb li a { font-size:12px; font-weight:400; color:#6f6f6f; }
.breadcrumbPanel .breadcrumb li.main { float:right; font-size:24px; line-height:16px; font-weight:300; color:#787878;}
.breadcrumbPanel .breadcrumb li.main:before { content:"";}

.carousel { position:relative; top:0px; width:100%; float:left;}
.carousel:after { content:""; position:absolute; height:160px; width:100%; background: #d4d4e7; top:100%; left:0;}
.carousel .swiper-container { overflow:visible; float:left; width:100%; overflow:hidden; }

.carousel .swiper-container .swiper-wrapper { height:auto !important;}
.carousel .swiper-container .swiper-slide { height:500px !important; background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.carousel .swiper-container .container .moreAbout { margin:320px 0 0 50px; display:block;}

@media only screen and (max-height:549px){ 
.carousel .swiper-container .swiper-slide {height:360px !important}
.carousel .swiper-container .container .moreAbout { margin:220px 0 0 50px;}
}
@media only screen and (min-height:550px){ 
.carousel .swiper-container .swiper-slide {height:390px !important}
.carousel .swiper-container .container .moreAbout { margin:240px 0 0 50px;}
}
@media only screen and (min-height:600px){ 
.carousel .swiper-container .swiper-slide {height:430px !important}
.carousel .swiper-container .container .moreAbout { margin:260px 0 0 50px;}
}
@media only screen and (min-height:640px){ 
.carousel .swiper-container .swiper-slide {height:460px !important}
.carousel .swiper-container .container .moreAbout { margin:280px 0 0 50px;}
}
@media only screen and (min-height:680px){ 
.carousel .swiper-container .swiper-slide {height:490px !important}
.carousel .swiper-container .container .moreAbout { margin:310px 0 0 50px;}
}

.carousel .swiper-container .container { position:relative; }
.carousel .swiper-container .container.pagination { padding:0;}
.carousel .swiper-container .container .swiper-inner { position:absolute; width:100%; height:100%; left:0; top:0;}



.carousel .swiper-container .container .moreAbout h2 { background:rgba(86,77,54,0.9); color:#FFF; font-size:24px; font-weight:300; float:left; padding:10px 15px; line-height:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.carousel .swiper-container .container .moreAbout strong { float:left; clear:both; background:rgba(255,255,255,0.9); color:#000; font-weight:300; padding:10px 15px; line-height:1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.carousel .swiper-container .container .moreAbout:hover h2 { background:#3b3c8f;}
.carousel .swiper-container .container .moreAbout:hover strong { background:rgba(255,255,255,1);}
.carousel .swiper-container .container .moreAbout .glyphicon.glyphicon-menu-right { color:#2a2a86;}


.carousel .swiper-container .pagination { position: absolute; bottom: 10px; left: 0; right:0; z-index: 15; padding: 0; margin:0 auto; text-align: center; list-style: none;}
.carousel .swiper-container .pagination .swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; margin: 5px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 50%;}
.carousel .swiper-container .pagination .swiper-pagination-switch.swiper-active-switch { width: 16px; height: 16px; margin: 4px; background-color: #fff;}




.carousel-control { top:50%; margin-top:-23px; bottom:auto; width:40px; height:40px; opacity:1;}
.carousel-control.right,
.carousel-control.left { text-align:center; border:6px solid rgba(42,42,134,0.4); background-image:none; border-radius:4px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

.carousel-control:focus, 
.carousel-control:hover { opacity:1;}

.carousel-control.right .glyphicon-menu-right,
.carousel-control.left .glyphicon-menu-left { width:40px; height:40px; background:#2a2a86; padding:0; font-size:22px; color:#fff; line-height:40px; top:0; }

.carousel-control.right { right:10%; left:auto;}
.carousel-control.left { left:10%; right:auto;}

.carousel-control:focus .glyphicon-menu-left, 
.carousel-control:hover .glyphicon-menu-left,
.carousel-control:focus .glyphicon-menu-right, 
.carousel-control:hover .glyphicon-menu-right { background:#4f4db8;}

.mainContainer { padding:40px 0; clear:both;}

.mainContainer.home { position:relative; top:-50px; z-index:5; padding:0;}
.homeBox { background:#FFF; padding:15px 30px; position:relative; margin-bottom:30px;}

.homeBox:after { content:""; position:absolute; background:url(../images/shadowStyle.png); width:218px; height:115px; left:-13px; bottom:-14px; pointer-events:none; }
.homeBox.afterLess:after { display:none;}

.homeBox.register { background:url(../images/registerBG.jpg) no-repeat; height:290px; color:#2a2a86; position:relative; }
.homeBox.register h2 { font-size:18px; font-weight:600; color:#2a2a86; margin-bottom:20px;}
.homeBox.register strong { color:#fd5926; line-height:1.2em;}
.homeBox.register strong .glyphicon { font-size:36px; float:left; margin:0 10px 0 0;}
.homeBox.register .bottom { position:absolute; padding:15px 30px; bottom:0; left:0;}
.homeBox.register .bottom p { font-size:11px; line-height:1.3em; margin:0 140px 0 0;}

.homeBox.news { height:290px;}
.homeBox.news .swiper-container { margin:15px 0 !important;}
.homeBox.news .swiper-container .pagination { position:absolute; bottom:5px; right:0; display:block; margin:0;}
.homeBox.news .swiper-container .pagination .swiper-pagination-switch { width:10px; margin:5px; height:10px; border-radius:50%; cursor:pointer; border:1px solid #FFF; background-color:#8e8ec7; display:inline-block;}
.homeBox.news .swiper-container .pagination .swiper-pagination-switch.swiper-active-switch { border:1px solid #8e8ec7; background-color:#eaeaea;}
.homeBox.news .swiper-container,
.homeBox.news .swiper-wrapper,
.homeBox.news .swiper-slide { height:208px; margin:0;}
.homeBox.news .photo { float:left; margin:0 30px 0 0; width:255px; overflow:hidden;}
.homeBox.news .photo img { display:block;}
.homeBox.news .bottom { clear:both;}
.homeBox.news .bottom .date { float:left; width:255px; margin:0 30px 0 0; background:#2a2a86; color:#FFF; font-weight:300; padding:7px 10px;}
.homeBox.news h3 { font-size:18px; margin-bottom:12px; max-height:2.8em; overflow:hidden; line-height:1.4em;}
.homeBox.news p { margin-bottom:11px; height:7em; overflow:hidden;}

.homeBox.callendar { min-height:310px; padding:0;}
.homeBox.callendar .photo { overflow:hidden; height:110px;}
.homeBox.callendar .pagination { position:absolute; top:14px; right:15px; display:block; margin:0; z-index:5;}
.homeBox.callendar .pagination .swiper-pagination-switch { width:10px; margin:5px; height:10px; border-radius:50%; cursor:pointer; background-color:#8e8ec7; display:inline-block;}
.homeBox.callendar .pagination .swiper-pagination-switch.swiper-active-switch { background-color:#eaeaea;}
.homeBox.callendar .swiper-container,
.homeBox.callendar .swiper-wrapper,
.homeBox.callendar .swiper-slide { height:290px; margin:0; position:relative;}
.homeBox.callendar h2 { background:rgba(42,42,134,0.9); position:absolute; z-index:3; top:0; left:0; right:0; padding:15px 20px; font-size:16px; overflow:hidden; color:#FFF}
.homeBox.callendar .event { padding:15px 30px;}
.homeBox.callendar .event .PDF { float:left; width:50px; height:50px; margin:20px 25px 20px 0; background:url(../images/icoSet.png) -50px 0;}
.homeBox.callendar .event h3 { font-size:14px; margin-bottom:6px; max-height:2.8em; overflow:hidden; line-height:1.4em;}
.homeBox.callendar .event h3 a { color:#d42300; font-weight:600; }
.homeBox.callendar .event h3 .date { color:#999; font-weight:300; display:inline-block;}
.homeBox.callendar .event p { margin-bottom:12px; height:4.2em; overflow:hidden;}

.homeBox.program { height:310px; padding:0; text-align:center;} 
.homeBox.program h2 { background:rgba(42,42,134,1); position:relative; padding:15px 20px; font-size:16px; color:#FFF; text-align:left;}
.homeBox.program h2:after { content:""; position:absolute; top:100%; left:50%; margin-left:-20px; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 0 20px; border-color: #2a2a86 transparent transparent transparent;}
.homeBox.program .btn { display:inline-block; margin-top:-180px;}
.homeBox.program .btn .ico.pdf { background:url(../images/icoSet.png) -12px -13px; width:23px; height:23px; display:inline-block; vertical-align:middle; margin-top:-3px; left:-4px; position:relative; }
.homeBox.program .btn:hover .ico.pdf { background-position:-12px -63px;}


.homeBox.sponsors { height:310px; padding:0;  } 
.homeBox.sponsors h2 {  font-size:16px; padding:15px 10px; }
.homeBox.sponsors a { margin:0 0 10px 10px; float:left; }

.homeBox.links { height:310px; padding:0;  } 
.homeBox.links h2 {  font-size:16px; padding:15px 10px; margin-bottom:20px; }
.homeBox.links h2 .glyphicon { color:#2a2a86; font-size:30px; line-height:0; top:6px;}
.homeBox.links a { margin:0 0 5px 10px; display:block; color:#000; }
.homeBox.links a:before { content: "\00BB"; color:#2a2a86; font-weight:600; margin:-2px 5px 0 0; }
.homeBox.links a:hover { color:#272b84; font-weight:600;}

/* main container
*******************************************************************/

.asidePanel { border-right:1px solid #c0c0c0; padding-top:80px; background:#FFF; position:relativee;}
.asidePanel:before { content:""; position:absolute; width:90%; height:90%; top:5%; left:10%; box-shadow:0 0 30px -20px #000; z-index:-1;}
.asideMenu { margin:0 -15px 70px; }
.asideMenu ul { }
.asideMenu ul li { border-bottom:1px solid #c0c0c0; }
.asideMenu ul li:last-child { border-bottom:0;}
.asideMenu ul li a {  padding:15px 10px; display:block; color:#2f2f2f; }
.asideMenu ul li.active a,
.asideMenu ul li a:hover { color:#2a2a86; font-weight:600; text-decoration:none;}

.asideBox { background:#FFF; padding:15px; position:relative; margin:30px -15px;}
.asideBox:after { content:""; position:absolute; background:url(../images/shadowStyle.png); width:218px; height:115px; left:-13px; bottom:-14px; pointer-events:none; }


.asideBox.register  { background:url(../images/registerBG.jpg) no-repeat -110px 0; height:290px; color:#2a2a86; position:relative; }
.asideBox.register h2 { font-size:18px; font-weight:600; color:#2a2a86; margin-bottom:20px;}
.asideBox.register .bottom { position:absolute; bottom:15px;}



.art { margin-left:15px; margin-bottom:40px; clear:both;}
.art h2 { color:#2a2986; font-size:18px; font-weight:400; margin-bottom:20px;}
.art img.pull-right { margin:0 0 20px 20px;}
.art img.pull-left { margin:0 20px 20px 0;}
.art p { margin-bottom:1em;}
.art ol,
.art ul { margin-bottom:2em;}
.art ul li { padding-left:17px;}
.art ul li:before { content: "\00BB"; color:#2a2a86; font-weight:600; margin:-2px 5px 0 -14px; }
.art .personel { clear:both; width:100%; overflow:hidden; margin-bottom:20px;}
.art .personel .thumbnail { margin-bottom:15px;}
.art .personel strong { display:block; color:#2a2a86; font-weight:600; margin:0 0 10px 0;}
.art .personel span { display:block; font-size:11px; line-height:1.2em; border-top:1px solid #b5b5d5; padding:15px 0; margin:0 0 10px 0; position:relative;}
.art .personel span:after { content:""; position:absolute; top:0; left:50%; margin-left:-5px; width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #b5b5d5 transparent transparent transparent;
}

.art .photo { float:left; margin:0 30px 0 0; width:255px; overflow:hidden;}
.art .photo img { display:block;}
.art .date { float:left; clear:left; width:255px; margin:0 30px 0 0; background:#2a2a86; color:#FFF; font-weight:300; padding:7px 10px; position:relative;}
.art .date:after { content:""; position:absolute; background:url(../images/shadowStyle_right.png); width:218px; height:115px; right:-13px; bottom:-14px; pointer-events:none; }

.art .img.pull-right { margin:0 0 20px 20px; color:#2b2a87;}
.art .img.pull-left { margin:0 20px 20px 0; color:#2b2a87;}
.art .img img { border:5px solid #d8d7e7; display:block; margin-bottom:7px; }

.art .bottom { clear:both; margin:20px 0;}
.art .bottom .download { margin-left:30px; padding:6px 0 6px 30px; border-left:1px solid #c5c5de; height:34px; display:inline-block; vertical-align:top;}
.art .bottom .download .ico.pdf { background:url(../images/icoSet.png) -12px -13px; width:23px; height:23px; display:inline-block; vertical-align:middle; margin-top:-3px; left:-4px; position:relative; }



.newsList { margin-left:15px; margin-bottom:40px; clear:both;}
.newsList li { border-bottom:1px solid #c5c5de; padding-bottom:40px; margin-bottom:40px; }
.newsList .photo { float:left; margin:0 30px 0 0; width:255px; overflow:hidden;}
.newsList .photo img { display:block;}
.newsList .bottom { clear:both;}
.newsList .bottom .date { float:left; width:255px; margin:0 30px 0 0; background:#2a2a86; color:#FFF; font-weight:300; padding:7px 10px; position:relative;}
.newsList .bottom .date:after { content:""; position:absolute; background:url(../images/shadowStyle_right.png); width:218px; height:115px; right:-13px; bottom:-14px; pointer-events:none; }

.newsList h3 { font-size:18px; margin-bottom:12px; max-height:2.8em; overflow:hidden; line-height:1.4em;}
.newsList p { margin-bottom:11px; height:7em; overflow:hidden;}

.newsList .bottom .download { padding:6px 0; height:34px; display:inline-block; vertical-align:top; max-width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.newsList .bottom .download:hover { font-weight:600;}
.newsList .bottom .download .ico.pdf { background:url(../images/icoSet.png) -12px -13px; width:23px; height:23px; display:inline-block; vertical-align:middle; margin-top:-3px; left:-4px; position:relative; }

.pagination { margin-left:15px; margin-bottom:40px; clear:both;}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover { background-color:#55559e; border-color:#55559e;}
.pagination > li > a, .pagination > li > span { border-color:#c5c5de; color:#2a2a86;}
.pagination > li > a:focus, 
.pagination > li > a:hover, 
.pagination > li > span:focus, 
.pagination > li > span:hover { background-color:#c5c5de; border-color:#c5c5de; color:#2a2a86;}




/* 404 error page
*******************************************************************/



/* footer
*******************************************************************/
footer { color:#373737; margin-top:40px;}
footer a { color:#373737;}
footer h4 { font-size:20px; font-weight:300; margin-bottom:20px; height:60px;} 
footer .top { background:#e9e9f3; padding:20px 0;}
footer .top .nav { display:inline-block; font-size:14px; vertical-align:top; position:relative; height:196px;}
footer .nav > li > a { padding:4px 0;}
footer .nav > li > a:hover { font-weight:400;}
footer .top .nav > li > a { font-weight:400;}
footer .top .nav ul { margin-left:10px;}
footer .top .contact { font-size:12px; line-height:2.2em;}
footer .top p { font-size:14px; line-height:2.4em; color:#616161;}
footer .bottom { background:#d4d4e7; padding:20px 0; font-size:13px;}

footer .input-group { border:1px solid #b9b9d7 ; border-radius:0px;}
footer .input-group-addon { border:0; background:#f9f9f9; border-radius:8px 0 0 8px !important;}
footer .input-group-addon .glyphicon-envelope { font-size:20px; color:#ababad; position:relative;}
footer .input-group .form-control:focus,
footer .input-group .form-control:hover,
footer .input-group .form-control { border:0 !important; box-shadow:none; background:#f9f9f9;}
footer .input-group .btn { border:1px solid #f9f9f9; background:#f9f9f9; box-shadow:none !important; color:#ababad; }
footer .input-group .btn:hover { color:#2b2a87;}


footer .nav > li > a:focus, 
footer .nav > li > a:hover { background:none;}

/* text style
*******************************************************************/



/* button
*******************************************************************/

.btn-red7 { 
  color: #FFFFFF; 
  background-color: #FF2222; 
  border-color: #FF2222; 
} 
 
.btn-red7:hover, 
.btn-red7:focus, 
.btn-red7:active, 
.btn-red7.active, 
.open .dropdown-toggle.btn-red7 { 
  color: #FFFFFF; 
  background-color: #FF5151; 
  border-color: #FF2222; 
} 
 
.btn-red7:active, 
.btn-red7.active, 
.open .dropdown-toggle.btn-red7 { 
  background-image: none; 
} 
 
.btn-red7.disabled, 
.btn-red7[disabled], 
fieldset[disabled] .btn-red7, 
.btn-red7.disabled:hover, 
.btn-red7[disabled]:hover, 
fieldset[disabled] .btn-red7:hover, 
.btn-red7.disabled:focus, 
.btn-red7[disabled]:focus, 
fieldset[disabled] .btn-red7:focus, 
.btn-red7.disabled:active, 
.btn-red7[disabled]:active, 
fieldset[disabled] .btn-red7:active, 
.btn-red7.disabled.active, 
.btn-red7[disabled].active, 
fieldset[disabled] .btn-red7.active { 
  background-color: #FF2222; 
  border-color: #FF2222; 
} 
 
.btn-red7 .badge { 
  color: #FF2222; 
  background-color: #FFFFFF; 
}

.btn-red { 
  color: #FF2222; 
  background-color: #ffffff; 
  border-color: #FF2222; 
} 
 
.btn-red:hover, 
.btn-red:focus, 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  color: #ffffff; 
  background-color: #FF5151; 
  border-color: #FF2222; 
} 
 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  background-image: none; 
} 
 
.btn-red.disabled, 
.btn-red[disabled], 
fieldset[disabled] .btn-red, 
.btn-red.disabled:hover, 
.btn-red[disabled]:hover, 
fieldset[disabled] .btn-red:hover, 
.btn-red.disabled:focus, 
.btn-red[disabled]:focus, 
fieldset[disabled] .btn-red:focus, 
.btn-red.disabled:active, 
.btn-red[disabled]:active, 
fieldset[disabled] .btn-red:active, 
.btn-red.disabled.active, 
.btn-red[disabled].active, 
fieldset[disabled] .btn-red.active { 
  background-color: #FF2222; 
  border-color: #FF2222; 
} 
 
.btn-red .badge { 
  color: #FF2222; 
  background-color: #ffffff; 
}


.btn-indygo7 { 
  color: #ffffff; 
  background-color: #2A2A86; 
  border-color: #2A2A86; 
} 
 
.btn-indygo7:hover, 
.btn-indygo7:focus, 
.btn-indygo7:active, 
.btn-indygo7.active, 
.open .dropdown-toggle.btn-indygo7 { 
  color: #ffffff; 
  background-color: #3B3BB6; 
  border-color: #2A2A86; 
} 
 
.btn-indygo7:active, 
.btn-indygo7.active, 
.open .dropdown-toggle.btn-indygo7 { 
  background-image: none; 
} 
 
.btn-indygo7.disabled, 
.btn-indygo7[disabled], 
fieldset[disabled] .btn-indygo7, 
.btn-indygo7.disabled:hover, 
.btn-indygo7[disabled]:hover, 
fieldset[disabled] .btn-indygo7:hover, 
.btn-indygo7.disabled:focus, 
.btn-indygo7[disabled]:focus, 
fieldset[disabled] .btn-indygo7:focus, 
.btn-indygo7.disabled:active, 
.btn-indygo7[disabled]:active, 
fieldset[disabled] .btn-indygo7:active, 
.btn-indygo7.disabled.active, 
.btn-indygo7[disabled].active, 
fieldset[disabled] .btn-indygo7.active { 
  background-color: #2A2A86; 
  border-color: #2A2A86; 
} 
 
.btn-indygo7 .badge { 
  color: #2A2A86; 
  background-color: #ffffff; 
}

.btn-indygo { 
  color: #2A2A86; 
  background-color: #FFFFFF; 
  border-color: #c5c5de; 
	border-radius:0;
} 
 
.btn-indygo:hover, 
.btn-indygo:focus, 
.btn-indygo:active, 
.btn-indygo.active, 
.open .dropdown-toggle.btn-indygo { 
  color: #ffffff; 
  background-color: #2a2a86; 
  border-color: #2a2a86; 
} 
 
.btn-indygo:active, 
.btn-indygo.active, 
.open .dropdown-toggle.btn-indygo { 
  background-image: none; 
} 
 
.btn-indygo.disabled, 
.btn-indygo[disabled], 
fieldset[disabled] .btn-indygo, 
.btn-indygo.disabled:hover, 
.btn-indygo[disabled]:hover, 
fieldset[disabled] .btn-indygo:hover, 
.btn-indygo.disabled:focus, 
.btn-indygo[disabled]:focus, 
fieldset[disabled] .btn-indygo:focus, 
.btn-indygo.disabled:active, 
.btn-indygo[disabled]:active, 
fieldset[disabled] .btn-indygo:active, 
.btn-indygo.disabled.active, 
.btn-indygo[disabled].active, 
fieldset[disabled] .btn-indygo.active { 
  background-color: #FFFFFF; 
  border-color: #c5c5de; 
} 
 
.btn-indygo .badge { 
  color: #FFFFFF; 
  background-color: #2A2A86; 
}


.btn-orange {
  background-color: #fd7317;
  border-color: #fd7317;
	color:#FFFFFF;
	border-radius:0;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
  background-color: #bb4b01;
  border-color: #bb4b01;
	color:#FFFFFF;
}
.btn-orange.disabled:hover,
.btn-orange.disabled:focus,
.btn-orange.disabled:active,
.btn-orange.disabled.active,
.btn-orange[disabled]:hover,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange:hover,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-orange.active {
  background-color: #fd7317;
  border-color: #fd7317;
}


/* select mainStyle
*******************************************************************/

.select_mainStyle { height:28px; vertical-align:top;  }
.select_mainStyle label { height:28px; line-height:27px; display:inline-block; vertical-align:top; margin-right:10px; font-weight:600; font-size:13px;}
.select_mainStyle .select-wrapper { position:relative; margin:0; display:inline-block;}
.select-wrapper { position:relative; display:inline-block; vertical-align:middle; min-width:195px; text-align:left;}
.select-wrapper .select-open .selected,
.select-wrapper .select-close { display:block; padding:6px 35px 2px 10px; border:0px; width:100%; margin:0; height:28px; font-size:13px; font-weight:normal; color:#999; line-height:14px; cursor:pointer; position:relative; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; background:#FFF; border:1px solid #ccc; border-radius:4px; line-height:1em; }
.select-wrapper .select-open .selected { background:#FFF; border:1px solid #ccc; border-bottom:0; border-radius:4px 4px 0 0;}
.select-wrapper .select-close:after,
.select-wrapper .select-open .selected:after { content: "\e113"; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased;  font-style: normal; font-weight: normal; font-size:10px; line-height: 1; -moz-osx-font-smoothing: grayscale; position:absolute; top:9px; right:10px; color:#f47121; }
.select-wrapper .select-close:after { content: "\e114"; }

.select-wrapper .select-open { position:absolute; top:0; left:0;}	
.select-wrapper .select-open ul { width:100%; float:left; background:#fff; margin:-1px 0 0; padding:0; list-style:none; border-radius:0 0 5px 5px; overflow:hidden; border: solid 1px #CCCCCC; max-height:200px; overflow-y:auto;}	
.select-wrapper .select-open ul li {width:100%; float:left; margin:0;}
.select-wrapper .select-open ul li a { width:100%; float:left; margin:0; padding:4px 10px; font-size:13px; font-weight:normal; color:#555555; line-height:1.4em;  }	
.select-wrapper .select-open ul li a:hover { color:#ff5400; text-decoration:none;}
.select-wrapper .select-open ul li .value { display:none;}


.checkbox label { padding-left:30px;}
.checkbox label input[type="checkbox"] {	left: 0px;	opacity: 0;	position: absolute;	width: 100%; z-index: 1; margin:0;}
.checkbox label input[type="checkbox"] + .checkbox { background: inherit; float: left; height: 20px;	margin: 0 0 0 -30px;	min-height: inherit; position: relative; top: 0px; width: 20px; border: 1px solid #b9b9d7;}
.checkbox label input[type="checkbox"] + .checkbox { font-family: 'Glyphicons Halflings'; color:#2a2a86; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.checkbox label input[type="checkbox"] + .checkbox:after {  }
.checkbox label input[type="checkbox"]:checked + .checkbox:after { content: "\e013"; top:2px; left:2px; position:absolute;}


.radio label { padding-left:30px;}
.radio label input[type="radio"] {	left: 0px;	opacity: 0;	position: absolute;	width: 100%; z-index: 1; margin:0;}
.radio label input[type="radio"] + .radio { background: inherit; float: left; height: 20px;	margin: 0 0 0 -30px; border-radius:50%;	min-height: inherit; position: relative; top: 0px; width: 20px; border: 1px solid #b9b9d7;}
.radio label input[type="radio"] + .radio:after {  }
.radio label input[type="radio"]:checked + .radio:after { content: ""; width:8px; height:8px; background:#2a2a86; border-radius:50%; top:5px; left:5px; position:absolute;}


/*************************** KN ***********************************/
ul.steps {
    display: block;
    float: left;
    padding: 25px 0 40px;
    width: 100%;
	margin:0;
	list-style:none;
}

ul.steps li {
    color: #bebebe;
    display: block;
    float: left;
    height: 51px;
    padding: 0 0 0 40px;
    position: relative;
    width: 250px;
	margin-right:10px;
}
ul.steps li.current {
    background: #e9e9f3;
    color: #000000;
}

ul.steps li span {
    font-size: 50px;
    left: 5px;
    line-height: 50px;
    position: absolute;
    top: 0;
}

ul.steps li strong {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    padding: 9px 0;
}


ul.steps li::before {
    color: #2a2a86;
    content: "";
    font-weight: inherit;
    margin: 0;
}

.art h3 {
  color: #2a2986;
  font-size: 16px;
  font-weight: 400;
  margin-top: 25px;
  margin-bottom: 15px;
}

h4 {
  font-size: 14px;
  font-weight: bold;
}