﻿@charset "utf-8";
/* CSS Document */
html {
    height: 100%;
}
body {
    	
	  
	font-family: 'Open Sans', sans-serif;
	color: #000;
    height: 100%;
}

.main {
    
}

h1 { color: #35478C; font-size: 28px; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; font-weight: bold;}
h2 { color: #35478C; font-size: 18px; margin-top: 10px; margin-bottom: 10px; }
p {color: #000;
}
a, a:active, a:hover, a:visited {color: #35478C;}
 
a.btn a, a:active.btn , a:hover.btn, a:visited.btn  {color: #fff;}
.logo {margin-left: -15px; background-color: transparent;}

a.document { line-height: 24px; margin-bottom: 10px; display:block;
}
a.document span {height: 24px; width: 24px; display: block; background-repeat: no-repeat; background-position: center; margin-right: 10px; float: left;
}
.fb-like {
    vertical-align: top;
}



.right {
    float: right;
}
.pdf { background-image: url(../Content/Images/pdf.png); 
}
.ppt {background-image: url(../Content/Images/ppt.png); 
}
.doc, .docx {background-image: url(../Content/Images/doc.png); 
}
.xls, .xslx {background-image: url(../Content/Images/xls.png); 
}
.zip, .rar {background-image: url(../Content/Images/zip.png); 
}

.navbar { margin:0px;  padding: 0px; border: none; background-color: transparent; position: fixed; z-index: 2000; background: #fff url(../Content/Images/banner.jpg); width: 100%;
	background-repeat: no-repeat; border-radius: 0px;
	background-position: left top; 
     /* Old browsers */

}
/*.navbar { margin:0px;  padding: 0px; background-image: url(../Content/Images/bg_header.jpg); background-repeat: no-repeat; background-position: center top;}
*/

.navbar-nav>li>.dropdown-menu { margin-top: -15px; background-color:#35478C; border-top: 0px;

}

.navbar-nav > li > .dropdown-menu li { margin: 0px;
    }

.navbar-nav>li>.dropdown-menu li a{ padding: 10px 20px; color: #fff;     font-size: 12px;  border-bottom: 1px solid #5367AF; margin: 0px; font-weight: normal;

}

.navbar-nav>li>.dropdown-menu li a:focus, .navbar-nav>li>.dropdown-menu li a:hover { border-bottom: 1px solid #5367AF;  background-color: #5367AF; color: #fff;  

}

.navbar-nav>li>.dropdown-menu .active>a  { border-bottom: 1px solid #5367AF; 

}


ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}





.nav-tabs {
     background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
border:1px solid #ddd;
}

.header_menu { 


padding-left:0px;
margin:0px; 


}

.social_menu {
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: right;
}



.social_menu a:hover{
    opacity: 0.8;
    
}


.main {
    padding-top: 75px;
    background: #fff;
  
}

    .header_menu .nav {
    }



.clear {clear: both;
}

.action.row, .row.news {
    padding: 20px 0px 20px 0px; border-bottom: 1px solid #eee;
}

.action.row h3, .action.row h3 a{
    color: #35478C; font-weight: bold; margin: 0px 0px 10px 0px; font-size: 14px;
}

h4 {
    margin-top: 0px;
}

h3 { color: #35478C; font-weight: bold; font-size: 28px; text-transform: uppercase;
}

h4 a { color: #35478C; font-weight: bold; text-transform: uppercase;
}

.datum {
    
    color: #000;
}

.breadcrumb {
    padding: 15px 0px; background-color: #fff; margin-bottom: 0px;
}
.breadcrumb li a { color: #aaa; text-transform: uppercase; padding: 5px 0px; font-size: 12px; 
}

.breadcrumb li a:hover { text-decoration: none; border-bottom: 1px solid #aaa; 
}




.nav-tabs {
    z-index: 1000;
    margin-top: 10px;
   

}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {  border-top: 3px solid #35478C;  border-right: 1px solid #ddd; border-left: 0px;  border-radius: 0px; color: #35478C;
}

.nav-tabs>li>a  { border-right: 1px solid #ddd; border-left: 0px; border-top: 3px solid transparent; border-radius: 0px; color: #999; margin: 0px; font-weight: bold; padding: 10px 10px;}

.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {  border-top: 3px solid #35478C;  border-right: 1px solid #ddd; border-radius: 0px; color: #35478C;  background-color: transparent; 
}

.nav-tabs > li > a.action {color: green;
    }

.nav-tabs > li.active> a.action {color: #35478C;
    }

.nav-tabs > li > a.action:focus, .nav-tabs > li > a.action:hover {
        color: #35478C;
    
    }

.tab-content {padding: 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  border-bottom: 1px solid #ddd; 
}

.tabs-in { float: right;
}

#spec { float: right;
}

.row {
    margin: 0px; padding: 0px 0px 0px 0px;
}

.well {
    margin-bottom: 0px;
}

.well p {
        color: #000;
    }

.header_menu ul li a {color: #666; font-weight: 600; text-transform: uppercase;  padding-top: 20px; padding-bottom: 5px; margin-bottom: 12px;}

.dropdown-menu {border: 0px; border-top: 3px solid #35478C; min-width: 249px; background: #fff; padding: 0px; border-radius: 0;}
.dropdown-menu li a  {display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #000;
	border-bottom: 1px solid #eee;}
	

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
       background-color: transparent;
	   color: #35478C;
    }

.navbar .navbar-nav a {border-bottom: 3px solid transparent;
}
	
.navbar .navbar-nav a:focus, .navbar .navbar-nav a:hover {color: #5367AF; background-color: transparent; border-bottom: 3px solid #5367AF;  }

.navbar .navbar-nav .active>a{ color: #5367AF; border-bottom: 3px solid #5367AF;}

.sidebar {position: fixed; overflow-y: auto; height: calc(100% - 90px); box-sizing: border-box; top:78px;
}

.slide-image {
    width: 100%;
}

.carousel {margin-bottom: 20px; height: 200px; margin-top:-15px; background: #fff url(../Content/Images/banner.jpg);
	background-repeat: no-repeat;
	background-position: left bottom; 
     
}
.carousel-inner {height: 200px;
}
.carousel-inner>.item { height: 200px;
}

.carousel h2 { margin: 0px; font-size: 24px; color: #fff; height: 65px; position: absolute; z-index: 1000; top: 50px; background: rgba(53,71,140,0.5); padding: 20px 200px 20px 300px; border-right: 0px; text-align: left; width: 100%; 
}

.carousel-control.right, .carousel-control.left {
     height: 65px; top: 50px;
}


.headline {
    background: #5367AF;

}
.headline h3 {margin-top: 10px;
    }

.headline h3 a, .headline p{
    color: #fff;
  
}

.carousel-control,
.item {
    height: 200px;
   }

.caption {
    height: 200px;
    overflow: hidden;
}

.thumbnail .caption {
    padding: 15px;
}

.caption h4 {
    
    font-size: 18px;
}

.thumbnail img {
    width: 100%;
}

.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #35478C;
}

.thumbnail {
    padding: 0;
	border-radius: 0px;
	border: 1px solid #eee;
}

.thumbnail:hover {
    box-shadow: 0px 0px 10px #ccc;
	transition: all linear 0.2s;
}


.thumbnail .caption-full {
    padding: 9px;
    color: #000;	
}

.thumbnail .caption {    
    color: #000;	
}

.btn-primary {
    background-color: #35478C;
    border: 1px solid #35478C;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    background-color: #436b8b;
     border: 1px solid #436b8b;

    }
footer {
    margin: 50px 0;
}

/* Side Navigation */
	
	.horizontal.navbar-collapse {padding: 0px;}




    .side-nav {
        width: 100%;       
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #35478C;
        bottom: 0;
        overflow-x: hidden;
		margin-bottom: 15px;       
    }
	.side-nav>li {float: none;}

    .side-nav>li>a {
        width: 100%;
		color: #fff;
        font-size: 12px;
		padding: 10px 20px;
		border-bottom: 1px solid #5367AF;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #5367AF!important;
    }

.side-nav>li>ul {
    padding: 0;
	background: #0C2A44;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

#subtitle h3, #subtitle h4, #subtitle h5 {
    font-weight: bold;
}

.div-link:hover {
    cursor: hand;
    cursor: pointer;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

footer {
    background-color: #ccc;
    margin-bottom: 0px;
    padding-top: 50px;
}

footer ul{
    padding-left: 0px;
}

footer ul li{
    list-style: none;
}

.center {
    text-align: center;
}

.header_menu.collapse {
    display: block;
}

.news-list img {
       
       
    }

.news-img-wrap {
    text-align:center; display:table-cell; vertical-align:middle; height:206px;
}

@media only screen and (max-width: 768px) {
    .banner {
       display: none;
    }
    .nav-tabs > li {
        width: 100%
    }
    .nav-tabs > li {
        width: 100%;
        border-bottom: 1px solid #ccc;border-right: 0px;
    }
    .nav-tabs > li a{
        width: 100%;
        border-bottom: 1px solid #ccc;border-right: 0px;
    }
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            border-right: 0px;
        }
    .breadcrumb .right{
        float: none; padding: 10px 0px 0px 0px;
    }
    .list-img img{
        width: 100%;
    }
    .navbar {
        position: relative;
    }
    .news-img-wrap {
        width: 100%;
        display: block; height: auto;
    }
    .news-list img {
       height: auto;
       width: 100%;
    }
    .headline_news img{
        width: 100%;
    }

    .carousel h2 {
        padding: 20px;
        height: auto;

    }

    .carousel-control {
        display: none;
    }
    .header_menu {
        background-color: white;
        padding-right: 0px;
        
    }
   .header_menu ul li a { padding: 20px 30px; margin-bottom: 0px; border-top: 1px solid #35478C;
        }
   .header_menu ul { 
        }
   
    .navbar .navbar-nav .active > a {
        

    }
    .dropdown-menu {
        position: relative;
        width: 100%;
        float: none;
    }

    .navbar-nav > li > .dropdown-menu {
        margin-top: 0px;
    }
    bs-example-navbar-collapse-1 {
        
    }
    .main {
        padding-top: 0px;
    }

    .carousel {
        margin-top: 0px;
    }
   .navbar-toggle .icon-bar{
       background-color: #35478C; 
}

    .navbar-nav {
        margin: 0px;
    }

   .navbar-nav > li > .dropdown-menu li a {
            background-color: #35478C;
        }

   .navbar-nav .open .dropdown-menu > li > a {
       padding: 10px 20px;
        }

    .clear-mobile { clear: both;
    }

    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: none;    
    }

    ul.nav li.dropdown.open > ul.dropdown-menu {
        display: block;    
    }

    .header_menu.collapse {
        display: none;
    }

    .header_menu.collapse.in {
        display: block;
    }
    .caption {
        height: auto;
    }

    
}
