/* CSS Document */
 
@font-face {
    font-family: letsgo;
    src: url(../fonts/letsgo.ttf);
	font-size:100%;
}


body{
 
 background:url(../home_back.jpg)  no-repeat  ;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
 
.row{
width:100%;
}
.header{
padding-left:35px;
}
.header_left{
padding-bottom:10px;
 width: 30%;
 padding-top:10px;
} 
.header_left .img-responsive{
max-width: 100%;
  height: auto;
  width: auto; /* For IE8 */
}

 ul{
list-style-type:none;
}
 ul li{
display:inline;
}
ul li .social{
width:10%;
height:auto;
display:inline;
}
.header_middle{
padding-bottom:10px;
  width: 38%;
   padding-top:10px;
} 
  
.header_right{
padding-bottom:10px;
 padding-top:10px;
 width: 30%;
} 
.content{
width:105%;

}
.content_list ul{
text-decoration:none;
list-style-type:none;
line-height:2;}
.content_list ul li {
text-size:12px;
color:#FFFFFF;

}
a:hover{
	color:#000099;

}
.left-menu{
  text-decoration:none;
  color:#FFFFFF;
 
  font-size:20px;
}


.content_left{
width:22%;
 font-family:letsgo;
}
.content_middle1{
	width:42%;
}
.img1{
    width: 165px;
    height: 155px;
   margin-left:10%;
}
.list-inline ul .img1{
text-type-style:none;
}
.list-inline ul li .img1{
display:inline;
padding-bottom:10%;
}
.content_middle {
width:89%;
 top:40%;
 position:relative; 
 
}
  p{
        
        font-size: 14px; 
        text-align: center;
		color:#FFFFFF;
       
    }
 .sub_content{
 padding-top:105px;
 }
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px){
 .content_middle1{
	width:125%;
}
.content_middle{
width:89%;
 top:40%;
 position:relative; 
}
.content_middle p{
	font-size:24px;
}
.header_right{
padding-bottom:10px;
 padding-top:34px;
 width: 32%;
} 
.content_left{
width:41%;
 font-family:letsgo;
}
 }
@media screen and (max-width: 992px) {
  p,.btn,input,div,span,h4, {
    font-size: 95%;
  }
   }
/*footer*/ 
.clearfix{
	clear:both;
	}
	ul {
	list-style-type:none;
	 }
	 
/*--footer--*/
.footer {
  padding-top:20px;
  background-color:#003399;
}
.footer h4 {
    margin:0 0 .5em;
}
.footer h3 {
    color: #fff;
    font-size: 2em;
    margin: 0 0 0.5em;
}
.footer-grids ul li {
  margin-bottom: 1em;
}
.footer-grids ul li a {
  color: #fff;
  font-size:14px;
  text-decoration: none;
}
.footer-grids ul li a:hover {
  color: #868686;
}
.footer-grids h4 a {
       color: #803F5F;
    font-size: 3em;
    text-decoration: none;
}
.footer-grids p  a{
	color: #868686;
    font-size: 14px;
    text-decoration: none;
}
.footer-grids p a:hover {
	color: #fff;
}
.footer-grids p {
	 color: #868686;
	 font-size:14px;
	 line-height: 1.8em;
	 margin:0;
}
.footer-grids form {
  margin-top: 1.2em;
}
.footer-grids form input[type="text"] {
  width: 72%;
  padding: 9px 12px;
  font-size: 0.9em;
  float: left;
  color: #8D8D8D;
  outline: none;
  border: none;
  background: #fff;
  -webkit-appearance: none;
}
.footer-grids form input[type="submit"] {
	    width: 24%;
    font-size: 14px;
    float: left;
    color: #fff;
    outline: none;
    padding: 9px 9px;
    border: none;
    background: #803F5F;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -webkit-appearance: none;
}
.footer-grids form input[type="submit"]:hover{
	background:#999;
}
.footer-bottom {
	background-color: #003399;
	padding: 2em 0;
	text-align: center;
}
.footer-bottom p {
	color: #868686;
	font-size: 14px;
}
.footer-bottom p a{
	color:#868686;
}
.footer-bottom p a:hover{
	color: #803F5F;
	border-bottom:1px solid #fff;
}
/*--//footer--*/
@media (max-width:1024px){
.footer-grids h4 a {
		font-size: 2.5em;
	}
	.footer h3 {	
		font-size: 1.5em;
	}
	}
@media (max-width:768px){
.footer-grids {
		float: left;
		width: 25%;
		padding: 0 !important;
	}
	.footer h3 {
		font-size: 1.5em;
	}
	.footer-grids h4 a {
		font-size: 2em;
	}
	.footer-grids form input[type="text"] {
		padding: 8px 7px;
		font-size: 14px;
	}
	.footer-grids form input[type="submit"] {
		padding: 8.3px 6px;
	}
	.footer {
		padding: 3em 0 2em;
	}
.footer-grids {
		width: 50%;
	}
.footer-grids:nth-child(2) {
		margin: 0 0 1em;
	}
	}
@media (max-width:480px){
.footer {
		padding: 2em 0 1em;
	}
	.footer-bottom {
		padding: 1.5em 0;
	}
	}
@media (max-width:320px){
.footer-grids p a,.footer-grids p,.footer-grids ul li a,.footer-grids form input[type="text"],.footer-grids form input[type="submit"],.footer-bottom p{
		font-size: 13px;
	}
.footer-grids ul li {
		margin-bottom: 0.5em;
	}
.footer-grids {
		width: 100%;
		float: none;
		margin: 0 0 1em;
	}
	.footer {
		padding: 1em 0 1em;
	}
.footer h3 {
		font-size: 1.1em;
	}
	}
	#social{
	float:left;	
	width:260px;
	padding-top: 30px;
    padding-left: 38px;
}

.new1 ul .n1 {

	list-style-type:none;
	text-decoration:none;
	}
	 .new1 ul li  {
	display:inherit;
	
	}
.new2 ul .n2 {

	list-style-type:none;
	text-decoration:none;
	}
	 .new2 ul li  {
	display:inherit;
	
	}
.side ul .new {

	list-style-type:none;
	text-decoration:none;
	}
	 .side ul li  {
	float:left;
	
	}
	.dwd{
	margin-left:25px;
	}
	}


