/*Created by Danica Corpuz- webdeveloper - 09084803039*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Crete+Round);

/*common*/
body{color:#fff;font-family: 'Open Sans', sans-serif; background: url('../images/background.jpg');background-size: cover}
#body-container .container{padding:2% 0;background-color: #002B64;}
li{list-style:none}
.alignCenter{text-align:center}



/*header*/
.header-top-left{text-align:left}
#title{margin-top:20px}
.navbar{margin:10px 0 0 0;}
.header-top-left h1{font-family: 'Crete Round', serif;font-size: 50px;color: white;font-weight: bold;line-height: 50px;}
.navbar-inverse .navbar-inner, .navbar-inverse .btn-navbar {
background-color: #001E55;
background-image: -moz-linear-gradient(top,#0885BE,#020B47);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#0885BE),to(#020B47));
background-image: -webkit-linear-gradient(top,#0885BE,#020B47);
background-image: -o-linear-gradient(top,#0885BE,#020B47);
background-image: linear-gradient(to bottom,#0885BE,#020B47);
background-repeat: repeat-x;
border-color: #01255E;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0885BE',endColorstr='#020B47',GradientType=0);
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-width: 0px;
}
.navbar-inverse .btn-navbar{border-radius:0px;}
.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus {background-color: #002C64;}
.navbar-inverse .brand, .navbar-inverse .nav>li>a {color: #ffffff;}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {background-color: #002C64;}
.dropdown-menu {background-color: #002B64;}
.navbar-inverse .nav-collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .nav>li>a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #022058;
}
/*content*/
.staff{border: 5px solid rgb(6, 97, 155);border-radius: 15px;margin: 15px;}
.staff img{border-radius: 10px;}
.content-right{margin:30px;margin-left: 0px;}
.sidecontent{padding-top: 15%;}
.sidecontent ul{padding-top:10px;}

.ullistnone{text-align:center;}
.ullistnone li{display: inline-block;
list-style-type: none;
padding: 3px 50px;
background-color: #06619B;
border-radius: 20px;
margin: 10px 3%;}


/*section*/
.section{margin:0}
.section input[type=text]{width:90% !important}
.section .advantagesofpartnering li{list-style-type: disc !important;line-height: 22px;}
.content-right h1{border-bottom:2px solid #cacaca;padding-bottom: 10px;}
.content-right h2{font-size: 25px;}
.contact-us{padding:20px}
.contact-us h1{border-bottom: 2px solid #cacaca;padding-bottom: 10px;}.indent{text-indent:30px;}
.noindent{font-size:15px;}

/*side navigation*/
.nav-list li{min-width:200px}
.nav>li>a:hover, .nav>li>a:focus {background-color: #012057;}
a {color: #FFF;}
a:hover, a:focus {color: #0994CD;text-decoration: underline;}
/*map*/
#map-canvas iframe{width: 500px;
height: 400px;
border: 8px solid rgb(6, 97, 155);
border-radius: 11px;
margin-top: 15%;
margin-bottom: 10px;}

/*CAREERS*/
.careermenu{background-color: rgb(5, 79, 137); color:white; padding:6px;margin-top:26px;}
.position{font-weight:bold;font-size:15px;}
.career-submenu{padding:20px}

/*footer*/
#footer-container{}
#footer-container .footer-content-wrap{text-align:center;padding:20px;background: #012257;}

.navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {color: #fff;}


/*responsive*/
@media (max-width: 1199px) {
#map-canvas iframe{width:90%;height: 300px;}
}
@media (max-width: 1024px) {
.header-top-left h1 {font-size: 40px;}
}

@media (max-width: 980px) {
	.logo{margin-bottom:20px}
	.logo,.header-top-right{text-align: center;}
	.carousel-caption{margin:0 0 0 0;position:relative;display:block;width:100%;padding:5px}
	.owl-pagination{margin-top: 0;text-align: center;}
	.nav-list li{min-width:0}
}

@media (max-width: 767px) {
.logo img{width:30%;}
.header-top-left h1{text-align: center}
.sidecontent {display: none;}
.content-right {margin: 30px;}
.center{text-align: center}
#map-canvas iframe{margin: 0;}
.center p{padding:10px;}
}

@media (max-width: 500px) {
.header-top-left h1 {font-size: 30px;line-height: 35px;}
h1 {font-size: 30px;}
.content-right h2 {font-size: 20px;}
}

@media (max-width: 400px){
.header-top-left h1 {font-size: 25px;line-height: 30px;}
.ullistnone li {margin: 5px 3%;}
.logo img {width: 50%;}
body {font-size: 12px;}
h1 {font-size: 25px;}
.content-right h2 {font-size: 17px;}
.content-right {margin: 15px;}
h4 {font-size: 14.5px;}
.position {font-size: 13px;}
}

@media (max-width: 320px){
.header-top-left h1 {font-size: 20px;line-height: 27px;}

}