@charset "UTF-8";

body {font-family: 'Roboto Condensed', sans-serif; background:#fff; }

body, html{height: 100%;}

a{display: block; transition: all linear .3s}
a:hover{text-decoration: none;}
ul{margin: 0}

header#headerTop{background: #f6f6f6; border-bottom: 1px solid #ebebeb; padding:6px 0;}
header#headerTop .date{color: #868993; font-size: 14px; font-weight: 300}

header#header #logo{padding:20px 0;}
header#header #slogan h2{color:#eb253e; font-size: 26px; font-weight: 300; padding: 10% 0}

section#menu {background: #10336c}
section#menu .menu {padding: 0px 0 0 0; background: #10336c}
section#menu .menu .navbar{margin:0; border-radius: 0; border: 0px; background: none; min-height: 50px;}
section#menu .menu .navbar  ul li {margin: 10px 3px; border-left: 1px solid #fff;   }
section#menu .menu .navbar  ul li a{color: #fff; margin-left:6px; font-weight: 300; padding: 7px 20px 5px 20px; font-size: 16px;}
section#menu .menu .navbar  ul li:first-child{border: 0}
section#menu .menu .navbar-default .navbar-nav>.active>a,
section#menu .menu .navbar-default .navbar-nav>.active>a:hover, 
section#menu .menu .navbar-default .navbar-nav>.active>a:focus{background: #eb253e;color: #fff; }
section#menu .menu .navbar-default .navbar-nav>li>a:hover, 
section#menu .menu .navbar-default .navbar-nav>li>a:focus{background: #eb253e;color: #fff;}

section#menu .menu .dropdown-menu{background: #eb253e;color: #fff; border: 0; margin-left: 6px;}
section#menu .menu .dropdown-menu li{border:0 !important;color: #fff; margin: 0 !important}
section#menu .menu .dropdown-menu li a{margin: 0 !important}
section#menu .menu .dropdown-menu>li>a:hover, 
section#menu .menu .dropdown-menu>li>a:focus{background: #c71e33;}
section#menu .menu .dropdown-menu > .active > a, 
section#menu .menu .dropdown-menu > .active > a:hover, 
section#menu .menu .dropdown-menu > .active > a:focus {background: #10336c;}

section#menu .menu  .navbar-toggle{border: 0; background: #eb253e;color: #fff; border-radius: 0; float: none; }
section#menu .menu .collapse.in ul li:first-child {border-left: 0px;}
section#menu .menu .collapse.in ul li {border-left: 1px solid #10336c;}

section#slider .carousel-control.left,
section#slider .carousel-control.right{background: none} 

section#slider .carousel-inner .carousel-caption{top: 10%; left: 10%; text-align: left; text-shadow: none;}
section#slider .carousel-inner .carousel-caption h3{line-height:48px; font-size: 42px; font-weight: 400; color: #10336c; display: inline-block; padding:0 15px; margin: 0 0 0px 0;}

section#slider .carousel-inner .item > img{margin: 0 auto;}
section#slider .carousel-inner .carousel-caption p{color:#333; display: inline-block; padding: 15px; font-size: 16px;}

section#slider .carousel-control {display: none}
section#slider .carousel-indicators li{border: 3px solid #fff; width: 16px; height: 16px;}
section#slider .carousel-indicators li.active{background: #eb253e;width: 16px; height: 16px;}
section#slider .slider-bottom{border-bottom: 4px solid #eb253e; bottom: 0;position: absolute;left: 50%; z-index: 15;width: 80%; height: 21px; margin-left: -40%; padding-left: 0; list-style: none; text-align: center;}
section#slider .slider-bottom > img{margin-top: 8px;display: inline;}

section#main{padding: 30px 0}
section#main .about p{font-size: 15px; line-height: 26px; color: #888}

section#information .information{padding: 10px 0;}
section#information .information .title h4{color:#10336c; font-size: 24px; padding: 15px 0 10px 0; margin: 0; font-weight: 600}
section#information .information .title h4:hover > a{color:#eb253e;}
section#information .information .desc p{color:#888; font-size: 14px; line-height: 22px;overflow: hidden; height: 70px}

section#newslater{padding: 30px 0 20px; margin-top: 30px; background: #eb253e; color: #fff; border-bottom: 5px solid #a7253f;}
section#newslater .title{margin:0; font-size: 28px;}
section#newslater form .form-control{border:0; box-shadow: none; border-radius: 3px; width: 100%; padding: 10px 15px; color:#eb253e }
section#newslater form .form-group{margin: 0}
section#newslater form .input-group{display: inline;}
section#newslater form .btn{border:0; padding: 10px 15px; background: #a7253f; transition: all linear .3s;}
section#newslater form .btn:hover{background: #fff; color: #a7253f}

section#newslater form .form-control::-webkit-input-placeholder{color: #eb253e;}
section#newslater form .form-control::-moz-placeholder{color: #eb253e;}
section#newslater form .form-control:-ms-input-placeholder{color: #eb253e;}
section#newslater form .form-control:-moz-placeholder {color: #eb253e;}

footer#footer {background: #1c316f; padding: 20px 0;}
footer#footer .item {padding: 15px 0;}
footer#footer .item .title h5{font-size: 24px; font-weight: 600; color: #4166d3;}

footer#footer .item ul li a{line-height: 26px; padding-left: 18px; font-size: 14px; color: #fff; font-weight: 300;}
footer#footer .item ul li:before{position: relative; top: 7px; font-family: 'FontAwesome'; content: "\f061"; color: #fff;  font-size: 5px; background: #2a4aa8; padding: 3px; float: left;}
footer#footer .item ul li:hover > a{color: #2a4aa8}
footer#footer .item .contact ul li{color: #fff; line-height: 22px; margin-bottom: 6px; font-weight: 300;}
footer#footer .item .contact ul li a{line-height: 22px;}
footer#footer .item .contact ul li:before{background: none; color: #3258c8; font-size: 14px; top: -3px;padding-right: 10px}
footer#footer .item .contact ul li.map:before{content: "\f041";}
footer#footer .item .contact ul li.phone:before{content: "\f095";}
footer#footer .item .contact ul li.fax:before{content: "\f1ac";}
footer#footer .item .contact ul li.mail:before{content: "\f003";}

footer#footerBottom{background: #17285a;}
footer#footerBottom a{background:#17285a; padding: 10px;font-size: 24px; color: #fff; display: inline-block; margin-top: -20px; position: relative; }
footer#footerBottom a > .fa{background: #1c316f; padding: 5px 10px; border:1px solid #2948a2; }
footer#footerBottom p{padding: 15px 0 30px 0; margin:0; color: #fff; font-weight: 300; font-size: 16px; font-weight: 300;}


/*FORM*/
.form-control{border-radius: 0; box-shadow: none;}
.form-control:focus{outline: 0; box-shadow: none}
/*Typography-Start*/
.typography{padding: 0px 0 20px;}
.typography ul, .typography > p,
.typography h1 > a, .typography h2 > a, .typography h3 > a, .typography h4 > a, .typography h5 > a, .typography h6 > a, .typography p > a {
    font-family: 'Roboto Condensed', serif;
    color: #666;
    padding: 0;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6{ 
    color: #10336c; position: relative; margin-bottom: 20px;}

.typography h1, h1.post-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
}

.typography h2, h2.post-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
}

.typography h3, h3.post-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.typography h4, h4.post-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.typography h5, h5.post-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.typography h6, h6.post-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.typography p, .typography ul,.typography a {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #666;
    
}
.typography a {color: #eb253e;}
.typography a:hover{color: #10336c;}
.typography ul {
    margin-left: 14px;
    line-height: 24px;
    
}
.typography ul li{font-family: 'Roboto Condensed',sans-serif;}
.typography ul li:before{
    font-family: "FontAwesome";
    content: "\f111";
    font-size: 6px;
    position: relative; 
    bottom: 2px; 
    margin-right: 8px;
    color: #10336c;
}
.typography hr{ color: #00376b }
.typography .image img{border-bottom: 5px solid #eb253e}

/*Responsive*/
@media (max-width: 992px) 
{
header#header #logo{text-align: center}
header#header #logo img{display: inline;}
header#header #slogan.pull-right{float:none !important; text-align: center;}
header#header #slogan h2{padding: 1% 0 3% 0; margin:0;}
section#newslater form .form-group{margin-bottom: 15px; width: 100%; display: inline-block;}
}
@media (max-width: 768px) 
{
    section#slider .carousel-inner .carousel-caption{top: 0;padding-top: 0; font-size: 20px;}
    section#slider .carousel-inner .carousel-caption h3{font-size: 16px; line-height: 20px }
    section#slider .carousel-inner .carousel-caption p{display: none}
    section#slider .carousel-indicators {bottom: 0}
    section#slider .carousel-inner .item > img
}