/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.2.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

@font-face {
	font-family: 'DSNSuKumWit';
	src: url('../fonts/dsn-sukumwit/DSNSuKumWit.eot');
	src: url('../fonts/dsn-sukumwit/DSNSuKumWit.eot?#iefix') format('embedded-opentype'),
		url('../fonts/dsn-sukumwit/DSNSuKumWit.woff2') format('woff2'),
		url('../fonts/dsn-sukumwit/DSNSuKumWit.woff') format('woff'),
		url('../fonts/dsn-sukumwit/DSNSuKumWit.ttf') format('truetype'),
		url('../fonts/dsn-sukumwit/DSNSuKumWit.svg#DSNSuKumWit') format('svg');
	font-weight: normal;
	font-style: normal;
}
.logo {
  margin-top: -150px;
}
.alignlogo{
  display: block;
  margin: auto;
  width: 100%;
}
.header-topblue{
background: #244581;
background: linear-gradient(left,#fff,#fff 20%,#244581 55%,#244581);
background: -webkit-linear-gradient(left,#fff,#fff 20%,#244581 55%, #244581); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(left,#fff,#fff 20%,#244581 55%, #244581); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left,#fff,#fff 20%,#244581 55%, #244581); /* For Firefox 3.6 to 15 */
background: linear-gradient(left,#fff,#fff 20%,#244581 55%, #244581); /* Standard syntax */
background: -ms-linear-gradient(left,#fff,#fff 20%,#244581 55%, #244581); /* For IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#244581');/*For IE7-8-9*/
margin-right: 0px;
}
.topblue{
background: #244581;
}
.head-central{
	margin-top: 45px;
	margin-left: 180px;
}
.head-central img:first-child{
	padding-bottom: 15px;
}
@media (max-width: 1199px){
	.head-central{
	  margin-left: -70px;
	}
}
@media (max-width: 1024px){
	.head-central{
	  margin-left: 50px;
	}
	.head-font{
		margin-right: 30px;
	}
	.second-font{
		margin-right: 30px;
	}
	.third-font{
		margin-right: 30px;
	}
.navbar-default .navbar-nav > li > a {
	padding: 28px 7px 27px 10px;
  }
}
@media (max-width: 768px){
	.head-central{
		margin-left: 90px;
		margin-top: 30px;
	}
	.head-font{
		margin-right: 40px;
	}
	.second-font{
		margin-right: 40px;
	}
	.third-font{
		margin-right: 40px;
	}
	.topblue, .banner, .dark-translucent-bg{
		margin-right: -1px;
	}
}
@media (max-width: 736px){
	.head-central{
	  margin-left: 40px;
		width: 30%;
	}
}
@media (max-width: 667px){
	.head-central{
	  margin-left: -15px;
		width: 30%;
	}
}
@media (max-width: 667px){
	.head-central{
	  margin-left: 20px;
		margin-top: 72px;
		width: 30%;
	}
}
@media (max-width: 568px){
	.head-central{
		margin-top: 80px;
	  margin-left: 16px;
		width: 30%;
	}
}
@media (max-width: 414px){
	.head-central{
	  margin-top: 15px;
		margin-left: 35px;
		width: 35%;
	}
	.head-central img:first-child{
		padding-bottom: 5px;
	}
}
@media (max-width: 375px){
	.head-central{
	  margin-top: 15px;
		margin-left: 35px;
		width: 35%;
	}
	.head-central img:first-child{
		padding-bottom: 8px;
	}
	.head-font{
		margin-right: 10px;
	}
	.second-font{
		margin-right: 10px;
	}
	.third-font{
		margin-right: 10px;
	}
}
@media (max-width: 360px){
	.head-central{
		margin-left: 25px;
	}
}
@media (max-width: 320px){
	.head-central{
	  margin-top: 15px;
		margin-left: 35px;
		width: 35%;
	}
}
.head-font, .second-font, .third-font, .head-xs-font, .second-xs-font, .third-xs-font,.broc-font{
	font-family: 'DSNSuKumWit', sans-serif;
	font-weight: 400;
	color: #ffffff;
}
.head-font,.second-font, .head-xs-font, .second-xs-font{
	line-height: 0.8;
}

.head-font{
  font-size: 73px;
  margin-top: -137px;
	text-align: right;
}
@media (max-width: 736px){
	.head-font{
		margin-left : 0px;
	}
}
@media (max-width: 640px){
	.head-font{
		font-size: 52px;
		margin-top: -95px;
	}
}
@media (max-width: 414px){
	.head-font{
		font-size: 36px;
		margin-top: -70px;
	}
}
@media (max-width: 320px){
	.head-font{
	  margin-top: 4px;
		margin-left: 0px;
	}
}
.second-font{
  font-size: 58px;
  margin-left: 3px;
  text-align: right;
}
@media (max-width: 640px){
	.second-font{
		font-size: 42px;
	}
}
@media (max-width: 568px){
	.second-font{
		font-size: 40px;
	}
}
@media (max-width: 414px){
	.second-font{
		font-size: 29px;
	}
}
@media (max-width: 320px){
	.second-font{
		font-size: 29px;
	}
}
.broc-font{
	font-size: 50px;
	text-align: center;
}
.third-font{
  font-size: 43px;
  line-height: 1.0;
  margin-bottom: 10px;
  margin-left: 7px;
	text-align: right;
}
@media (max-width: 640px){
	.third-font{
		font-size: 32px;
	}
}
@media (max-width: 568px){
	.third-font{
		font-size: 30px;
	}
}
@media (max-width: 414px){
	.third-font{
		font-size: 21px;
	}
}
@media (max-width: 320px){
	.third-font{
		font-size: 21px;
	}
}
.head-xs-font{
  font-size: 38px;
	margin-top: 10px;
	text-align: right;
}
.second-xs-font{
  font-size: 30px;
	text-align: right;
}
.third-xs-font{
  font-size: 22px;
	line-height: 1.2;
	text-align: right;
}
.img-center{
  margin-left: 30px;
}
@media (min-width: 360px){
	.img-center{
	  margin-left: 50px;
	}
}
@media (min-width: 375px) {
	.img-center{
	  margin-left: 58px;
	}
}
@media (min-width: 412px) {
	.img-center{
	  margin-left: 72px;
	}
}
@media (min-width: 414px){
	.img-center{
	  margin-left: 75px;
	}
}
@media (min-width: 568px){
	.img-center{
	  margin-left: 150px;
	}
}
@media (min-width: 640px){
	.img-center{
	  margin-left: 180px;
	}
}
@media (min-width: 667px){
	.img-center{
	  margin-left: 200px;
	}
}
@media (min-width: 732px){
	.img-center{
	  margin-left: 233px;
	}
}
@media (min-width: 736px){
	.img-center{
	  margin-left: 250px;
	}
}
.blue_bg{
  background-color: #244581;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #244581;
}
.margin-p{
	margin-left: 10px;
}
.btn-default-blue-transparent {
  color: #fff;
  background-color: #244581;
  border-color: #fff;
}
.btn-default-blue-transparent:hover,
.btn-default-blue-transparent:focus,
.btn-default-blue-transparent.focus,
.btn-default-blue-transparent:active,
.btn-default-blue-transparent.active,
.open > .dropdown-toggle.btn-default-blue-transparent {
  color: #fff;
  background-color: #3e72d0;
  border-color: #fff;
}
.blue_font{
 color: #244581;
}
@media (max-width: 768px){
	.list-inline{
	  margin-top: 110px;
	}
}
@media (max-width: 736px){
	.list-inline{
	  margin-top: 108px;
		margin-left: 35px;
	}
}
@media (max-width: 640px){
	.list-inline{
	  margin-top: 74px;
		margin-left: 10px;
	}
}
@media (max-width: 568px){
	.list-inline{
	  margin-top: 74px;
		margin-left: 10px;
	}
}
@media (max-width: 414px){
	.list-inline{
	  margin-top: 43px;
		margin-left: 15px;
	}
}
@media (max-width: 375px){
	.list-inline{
	  margin-top: 43px;
		margin-left: 6px;
	}
}
@media (max-width: 360px){
	.list-inline{
	  margin-top: 41px;
		margin-left: 0px;
	}
}
@media (max-width: 320px){
	.list-inline{
	  margin-top: 70px;
		margin-left: -7px;
	}
}