@charset "utf-8";

/*--------------------------------------------- */
@font-face {
	font-family: 'Lato-Regular';
	src: url('fonts/Lato-Regular.eot') format('EOT'), 
	url('fonts/Lato-Regular.woff') format('WOFF'),
	url('fonts/Lato-Regular.woff2') format('WOFF2'), 
	url('fonts/Lato-Regular.svg') format('SVG'),
	url('fonts/Lato-Regular.ttf') format('truetype'), 
	url('fonts/Lato-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Lato-Bold';
	src: url('fonts/Lato-Bold.eot') format('EOT'), 
	url('fonts/Lato-Bold.woff') format('WOFF'),
	url('fonts/Lato-Bold.woff2') format('WOFF2'), 
	url('fonts/Lato-Bold.svg') format('SVG'),
	url('fonts/Lato-Bold.ttf') format('truetype'), 
	url('fonts/Lato-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'Lato-Light';
	src: url('fonts/Lato-Light.eot') format('EOT'), 
	url('fonts/Lato-Light.woff') format('WOFF'),
	url('fonts/Lato-Light.woff2') format('WOFF2'), 
	url('fonts/Lato-Light.svg') format('SVG'),
	url('fonts/Lato-Light.ttf') format('truetype'), 
	url('fonts/Lato-Light.otf') format('opentype');
}
@font-face {
	font-family: 'Lato-Semibold';
	src: url('fonts/Lato-Semibold.eot') format('EOT'), 
	url('fonts/Lato-Semibold.woff') format('WOFF'),
	url('fonts/Lato-Semibold.woff2') format('WOFF2'), 
	url('fonts/Lato-Semibold.svg') format('SVG'),
	url('fonts/Lato-Semibold.ttf') format('truetype'), 
	url('fonts/Lato-Semibold.otf') format('opentype');
}
@font-face {
	font-family: 'Lato-Black';
	src: url('fonts/Lato-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.eot') format('EOT'), 
	url('fonts/Montserrat-Regular.woff') format('WOFF'),
	url('fonts/Montserrat-Regular.woff2') format('WOFF2'), 
	url('fonts/Montserrat-Regular.svg') format('SVG'),
	url('fonts/Montserrat-Regular.ttf') format('truetype'), 
	url('fonts/Montserrat-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
    url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), 
    url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
    url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
    url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, html{
	font-family: 'Lato-Regular';
	top:0;
	color:#454545;
}
a{  
	color:#5e7ab5;
}
a:hover{ 
	color:#ccc;
	text-decoration:none;
}
a:focus{ outline:0; text-decoration:none;}
body, p, ul, li, h1, h2, h3, h4{ 
	padding:0; 
	margin:0;
	line-height: 1.4;
}
.fltLeft{
	float:left;
}
.fltRight{ 
	float:right; 
}
.imgLeft {
	float: left;
	margin: 7px 11px 20px 0;
}
.imgRight {
	float: right;
	margin: 0 0 0 0px; 
}
a:hover img {
	opacity: 0.7;
}
.alignright {float:right; margin:6px 0 15px 30px;}
.alignleft {float:left; margin:6px 30px 15px 0;}
strong,b{font-family: 'Lato-Bold'; font-weight:normal;}
.wrapper{ width:100%; position:relative; overflow:hidden;}
h1{ font-size:25px; color:#274082; margin-bottom:20px; font-family: "Lato-Bold"; text-transform: uppercase;}
h2{ font-size:19px; margin-bottom:0px !important;}
h5{ font-size:16px;}
h1,h5{letter-spacing:2px;}

header{ position:fixed; width:100%; top:0; z-index:99; background:rgba(255,255,255,.9); padding:10px 0; border-top:3px solid #274082; border-bottom:2px solid #5e7ab5;}
header .fa{ margin-top:8px;}

.slider,.banner{ margin-top:97px;}
.slider .carousel-control{ top:36%; width:10%;}
.slider .carousel-indicators .active{ border:0;}
.slider .carousel-indicators li{ height:12px; width:12px; margin:0 2px;}
.slider .carousel-indicators{ bottom:0;}
.slider .carousel-caption {
    font-size: 22px;
    text-align: left;
    width: 100%;
    line-height: 1;
    bottom: 0;
    right: 0;
    left: 0;
	background:#5e7ab5;
}
.slider .carousel-caption span{ font-size:28px;}
.slider .bttn{ font-size:15px; letter-spacing:2px; padding:10px 20px; border:1px solid #fff; background-color:transparent; margin: -15px 0 0 0;}

.bg { box-shadow: 0px 0px 50px 20px rgb(240, 239, 239); background:url(../images/bg.jpg) repeat;}

.sidebar{ background:#f0efef; border-left:1px solid #fff; padding:15px 0;}
.navbar-default .navbar-nav > li > a{ color:#274082;}
.navbar-nav > li {  border-bottom:1px solid #dbdada;}
.dropdown-menu,.navbar-nav > li{width:100%;}
.navbar-nav > li:last-child{ border:0;}
.navbar-nav > li a{ line-height:1; padding:15px 0; letter-spacing:1px;}
.dropdown-menu{ position:relative; display:block; background-color:transparent; border:0; box-shadow:none; padding: 0 0 10px 25px;}
.dropdown-menu > li > a{ padding:4px 15px; font-size: 13px; letter-spacing: normal;}
.dropdown-menu > li > a,.dropdown-menu > li > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ color:#274082; font-family: 'Lato-Bold';}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color: transparent;}
.dropdown-menu > li{ background:url(../images/caret.png) no-repeat 0 9px;}

.orgs{ background:#fff; margin:40px 15px 15px 15px; padding:15px; font-size:12px;}
.orgs ul{ padding:20px 0 0; line-height:4;}

.content{ padding:50px;}
.wc-txt{ padding:0 0 30px;}
.wc-txt p{ line-height:1.6; padding:0 0 50px 0;}
.wc-txt .pull-right{ margin-left:50px; font-size:11px; line-height:2.5;}

.blocks{ padding:30px 0;}
.blocks .carousel-indicators .active{ border:0; background:#5e7ab5;}
.blocks .carousel-indicators li{ height:12px; width:12px; margin:0 2px; border-color:#5e7ab5;}
.blocks .carousel-indicators { bottom: -38px; left: 40px;}
.blocks .carousel-control{ top:100%; width:auto;}
.blocks .carousel-control.right{ right:70%;}
.blocks .carousel-control .fa{ color:#b5b5b5;}

.div-updates { padding-right: 40px;}
.div-updates strong { display:block; margin-top:15px;}
.div-updates p { margin: 20px 0;}

.div-team { padding-left: 30px;}
.div-team .pull-left { margin: 0 30px 0 0;}
.div-team p{ margin:20px 0 36px;}

.bttn{ background:#274082; padding:10px 15px; letter-spacing:2px; font-size:13px;}
.bttn:hover{background:#333;}

.ftr-top{ background:#274082; padding:50px 0; color:#f0efef; line-height:1.8;}
.ftr-top .form-control{ border-radius:0; height:40px;}
.frm{ border-right:1px solid #52669b; border-left:1px solid #52669b; padding: 0 85px; min-height:250px;}
.frm h5{ margin-bottom:15px;}
.ftr-top .bttn{ background:#5e7ab5; border:0; line-height: normal;}
.ftr-top .bttn:hover{ background:#333;}
.add { padding-left: 80px;}
.add a{color:#bfd2fc;}
.add a:hover{color:#fff;}
.ftr-btm{ padding:40px 0;}
.ftr-btm,.ftr-btm a{color:#4c4c4c;  font-size: 13px !important;}
.ftr-btm a:hover {color:#5684bd;}
footer a:hover{ color:#ccc;}
header .fa,footer .fa{ font-size:16px;}
h5 { text-transform:uppercase; font-family: 'Lato-Bold'; font-size: 17px;}
.bttn,.navbar-default .navbar-nav > li > a{text-transform:uppercase; font-family: 'Lato-Bold'; font-size: 13px;}
.ft-txt a,.bttn{ color:#fff; font-size: 12px !important; letter-spacing: 0.8px; text-transform: uppercase; line-height: 24px;}

#arw-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.fa-file-pdf-o {
    color: #BB0706;
    font-size: 14px;
    padding: 0 2px;
}


/**inner**/
.banner{ position:relative; background: rgba(0,0,0,.6);}
.banner img{ opacity:0.7;}
.cap-small {
    position: absolute;
    top: 0;
    font-size: 50px;
    color: #fff;
    width: 100%;
    padding-top: 5%;
    height: 100%;
    text-align: center;
    font-family: 'Lato-Bold';
    text-transform: uppercase;
    letter-spacing: 6px;
    text-shadow: 0 1px 0 #333;
}
.brdcrumb,.breadcrumb{ background:#f5f5f5; margin-bottom:0; font-size: 12px;}
.inr{ font-size:16px;}
.inr p{ margin-bottom:20px;}
.inr ul{ padding:0 25px;}
.inr .pull-left {
    margin: 0 15px 10px 0;
}
/**/


/*contact*/
.contForm {
	width:100%;
}
input {
	width:100%;
	border:1px solid #dedede;
	color:#313131 !important;
	font-size:15px !important;
	margin:0 0 8px 0;
	padding:10px 20px;
}
select {
	width:30%;
	border:1px solid #dedede;
	color:#666 !important;
	font-size:15px !important;
	margin:0 0 8px 0;
	padding:10px 20px;
}
textarea {
	width:100%;
	border:1px solid #dedede;
	color:#313131 !important;
	height:150px;
	font-size:15px !important;
	margin:0 0 8px 0;
	padding:10px 20px;
}
.btn{
	background: #2d4a8d !important;
    color: #fff !important;
}
.error{ color: #d20000; font-size:13px; text-shadow:none; font-weight:normal; font-family: 'Lato-Semibold';}
/*contact end*/

.slider .carousel-caption{    position: relative;}

@media( max-width:767px){
  header{ position:relative;}
  .hdr-btm .col-xs-5{ z-index:99;}
  .slider,.banner{ margin-top:0;}
  .slider .carousel-caption { font-size: 14px; width: 100%; bottom: 0;}
  .slider .bttn{ margin:5px; padding:5px;}
  .slider .carousel-caption span { font-size: 18px;}
  .slider .carousel-control img{ width:100%;}
  .slider .carousel-control{ top:30%;} 
  .sidebar { border-left: 0; padding: 0; border-bottom:5px solid #f0efef;}
  .orgs{ margin:0;}
  .content{ padding:15px;}
  .wc-txt p { padding: 0 0 20px 0;}
  .div-updates p { margin: 5px 0;}
  .div-updates { padding-right: 15px; margin-bottom:35px;}
  h1{ margin-bottom:5px;}
  .blocks .carousel-control.right { right: 52%;}
  .div-team,.add { padding-left: 15px;}
  .div-team .pull-left { margin: 0 10px 0 0;}
  .frm { border:0; padding: 0 15px; min-height: 180px;}
  .add{ margin-top:20px;}
  .ftr-btm,.ftr-btm .text-right{ text-align:left;}
  .blocks,.ftr-top,.ftr-btm { padding: 10px 0;} 
  .wc-txt .pull-right{ float:none !important; margin-left:0; text-align:left;} 
  .bg{ background:none;}
  .inr p{ margin-bottom:10px;}
  .ftr-btm p{ margin-bottom:5px;} 
}
@media ( min-width:768px) and ( max-width:991px){
   .slider .carousel-caption { font-size: 15px;  text-align: left; padding: 6px 6px 20px;}
   .slider .carousel-caption span { font-size: 18px;}
   .slider .bttn { font-size: 11px; padding: 5px 10px; letter-spacing:0;}
   .slider .carousel-control{ top:28%;}
   .slider .carousel-indicators {  bottom: -10px;}
   .dropdown-menu, .navbar-nav > li { width: 86%;}
   .navbar-nav > li a{ letter-spacing:0;}
   .navbar-default .navbar-nav > li > a,.dropdown-menu a { font-size: 11px;}
   .orgs{ margin:5px;}
   .orgs img{ width:100%;}
   .content { padding: 15px 15px 15px 0;}
   .wc-txt .pull-right{ margin-left:15px;}
   .wc-txt p { padding: 0 0 15px 0;}
   h1{ margin-bottom:6px;}
   .div-updates p { margin: 10px 0;}
   .div-team .pull-left { margin: 0 10px 0 0;}
   .div-team { padding-left: 15px;}
   .blocks{ padding:5px 0;}
   .blocks .carousel-control.right { right: 55%;}
   .frm{ padding:0 30px;}
   .add { padding-left: 30px;}
   .bg{ background:none;}
   .navbar-default{ margin-left:-10px;}
}
@media ( min-width:992px) and ( max-width:1199px){
	.slider .carousel-caption { font-size: 18px; padding:10px;}
	.slider .carousel-caption span { font-size: 24px;}
	.slider .carousel-indicators { bottom: -8px;}
	.slider .carousel-control{ top:30%;}
	.blocks .carousel-control.right { right: 55%;}	
	.content { padding: 20px;}
	.frm{ padding:0 50px;}
	.add { padding-left: 40px;}
	.bg{ background:none;}
}