@charset "utf-8";
* {
  outline: none;
  padding: 0;
  border: none;
  margin: 0;
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}
 
html {  font-size: 62.5%;}
 
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 1.6rem;
 
}
#wrapper { max-width:1440px; width:100%;  margin:auto;}
.header{ width:100%; float:left; padding:30px;}
 
.main{ margin:auto; max-width:1218px;  clear:both; padding:25px 0;width: 95%;}
 
.innerWrap{ width:950px; margin:auto; clear:both;}
 
.terms{ padding-bottom:50px; float:left;}
.terms .header{ border-bottom:2px solid #004c8c}
.terms ul{ float:left; width:100%;}
.terms ul li {
    width: 100%;
    float: left;
    margin: 5px 0 10px 0;
    background: url(../resources/images/bullet.jpg) left 5px no-repeat;
    padding: 0 0 0 20px;
    
}

.terms ul li  ul li{
    width: 100%;
    float: left;
    margin: 5px 0 10px 10px;
     background: none left 5px no-repeat;
   list-style:circle;
    padding: 0 0 0 0px;
    font-size:14px
}

.new ul { float:left; width:100%;}
.new ul li {
    display: inline;
    font-size: 14px;
    float: left;
    width: 12%;
    float: left;
    margin: 5px 0 10px 0;
    /* padding: 0 0 0 10px; */
    text-align: left;
color:#000;
}

.terms h2 {
    float: left;
    width: 100%;
    color: #004c8c;font-size: 2rem;
    text-align: left;
    padding: 0 0 25px 0;
}
 a{color: #004c8c;}
  a:hover{color: #004c8c; text-decoration:underline;}
  
 .boxWrap{ width:100%; float:left;}
.boxWrap img {
    width: 100%;
    max-width: 100%;
}
.boxWrap .boxwrap_1{width: 31.3%; float:left; margin:0 12px 0 0; border-color: #ccc; height:365px;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;}
.sectionWrap { padding: 20px; float: left;}
.boxWrap .boxwrap_1 h5 {
    color: #005593;
    font-size: 1.6rem;
    width: 100%;
    float: left;
    margin: 5px 0 0;
}   
 .boxWrap .boxwrap_1  p {
    float: left;    padding: 15px 0 0;
    font-size: 1.4rem;
    color: #333;
    width: 100%;
}         
@media only screen and (max-width:1024px){
.innerWrap{ width:100%;}	
 	
}

@media only screen and (max-width:980px){
.innerWrap{ width:100%;}
 	
}
               
               
@media only screen and (max-width:768px){
.box{width: 48%;}


.new ul { float:left; width:100%;}
.new ul li {
   
    width: 100%;
    
}
 
}

 @media screen and (max-width: 767px) and (min-width: 320px){
   .boxWrap .boxwrap_1{width:100%;}


.new ul { float:left; width:100%;}
.new ul li {
   
    width: 100%;
    
}
       }
 
@media only screen and (max-width:480px){
	. 
	.main{padding: 30px 0;}
	 
.terms h2 { font-size:1.6rem;}

.new ul { float:left; width:100%;}
.new ul li {
   
    width: 100%;
    
}
 
}