body{ background:#fff; color:#000; font: normal 16px 'aller_lightregular'; line-height:25px;}
h1{font-size:35px;}
h2{font-size:25px;}
h3{font-size:22px;}
@media (max-width : 768px)
{
h1{font-size:25px;}
h2{font-size:20px;}
h3{font-size:18px;}
}
.clear{clear:both;}
.colortext{color:#bb840d;}

.headerwrapper{ margin-top:100px;}

.caption{position:absolute; width:100%; font:normal 35px 'zurich_cn_btregular'; top:20%; color:#234666; line-height:40px;}
@media (max-width:1180px){
.headerwrapper{ margin-top:170px;}
}
@media (max-width:768px){
.headerwrapper{ margin-top:0px;}
.caption{font-size:20px; line-height:20px;}
}
@media (max-width:500px){
.caption{font-size:16px; line-height:20px;}
}
.caption span{color:#35a6ac;}
.caption span.color{color:#fff;}
.right-caption{text-align:right; float:right;}
.right-caption{text-align:left; float:left;}


p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}

nav {
  margin: 0;
  padding: 0;
  z-index:999;  width:100%; background:#234666;
  
}

#logo {
  display: block;
  padding: 5px 0px;
  float: left;

}
#logo a:hover{background:none;}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: right;
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;

}

nav a {
  display: block;
  padding: 0 11px;
  color: #FFF;
  font-size: 17px;
  line-height: 60px;
  text-decoration: none;
}
@media (max-width:1000px){
nav a{font-size: 14px; padding: 0 10px;}
}

nav ul li ul li:hover { background: #e88039; }

nav a:hover { background-color: #e88039; }

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
  z-index:999;
  margin-top:0;
  font-size:12px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  float: none;
  display: list-item;
  position: relative;
  background-color:rgba(0,0,0,0.8);
}
nav ul ul li a{
	font-size: 14px;
	line-height: 40px;
}


li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

nav { margin: 0; }
nav ul{background-color: #234666; }
.toggle + a,
 .menu { display: none; }
 

.toggle {
  display: block;
  background-color: #234666;
  color: #FFF;
  font-size: 14px;
  line-height: 35px;
  text-decoration: none;
  border: none;
  cursor:pointer;
  padding: 0 10px;
   
}

.toggle:hover { background-color: #e88039; }

.toggle-btn{margin-top:10px; text-align:center; border-bottom:solid 1px #000;}
.toggle-btn:hover{background:#000;}

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav a{line-height: 35px;}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #e88039; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {
nav ul li {
  display: block;
  width: 94%;
}
}
.topfixMenu{position:fixed; top:0; margin:0;   background-color: #234666;}

@media (max-width:768px){
.topfixMenu{position:relative;}
}

.button{background:#d2ac67; color:#fff; font-size:20px; padding:5px 10px;}
.button:hover{background:#fff; color:#d2ac67;}

.logo img{max-width:100%;}
.logo{width:100%;}

.top-tel{text-align:right;  margin-top:10px; padding:0; font-family:'zurich_cn_btregular'; color:#FFFFFF;}
.top-tel a{ display:inline; line-height:normal; padding:0; }
.top-tel a:hover{text-decoration:underline; background:none;}
@media (max-width:768px){
.top-tel{font-size:14px; text-align:center; }
}
@media (max-width:1200px){
.top-tel{ padding:10px; color:#fff;  font-size:18px; }
.top-tel a{color:#fff;}
}
.top-tel span{margin-left:10px;}


.midsec{}
.midsec img{max-width:100%;}

.midicon{margin:0; padding:40px 20px; color:#fff; height:335px;}
.mid-hd{ font-size:30px; text-align:center; text-transform:uppercase; margin-bottom:20px;}
.mid-content a{ color:#fff;}
.mid-content a:hover{ text-decoration:underline;}
.mid1{background:#e88039 url(../images/midsec-img1.jpg) center no-repeat; background-size:cover;}
.mid2{background:#0e6f75 url(../images/midsec-img2.jpg) center no-repeat; background-size:cover;}
.mid3{background:#224668 url(../images/midsec-img3.jpg) center no-repeat; background-size:cover;}
@media (max-width:767px){
.midsec-hd{font-size:20px;}
}

.bodysec{background:#fff; padding:50px 0px ;}
.bodysec img, .bodysec-inner img{max-width:100%;}

.mission{text-align:center; background:#F0F0F0; padding:30px 10px; font-family:'zurich_cn_btregular'; color:#35a6ac; line-height:20px;}


.side-icon{margin:30px 0;}
a .side-icon-hd:hover{background:#dbebec;}
.side-icon-hd{font-size:15px; font-weight:bold; color:#234666; text-transform:uppercase; margin-bottom:20px;}
.side-icon-hd span{margin-right:10px; background:#234666; padding:8px; border-radius:3px; display:inline-block;}
.side-content, .side-content a{color:#666; font-size:13px;}
.side-content a:hover{color:#35a6ac;}

.life-stage-hd{font-size:20px; font-weight:bold; color:#35a6ac; text-transform:uppercase; margin-bottom:20px;}
.life-stage-hd span{margin-right:10px;}
.life-stage-content, .life-stage-content a{color:#666; font-size:13px;}
.life-stage-content a:hover{color:#35a6ac;}
.list li{list-style:url(../images/arrow.png);}
ul.list{ margin-left:15px; padding:0;}

.float-box{margin:40px 0; text-align:center;}
.float-box h1{text-transform:uppercase; display:block; margin-bottom:30px;}
.float-box > div{float:left; width:23.9%;}
.float-box > div + div {
    margin-left: 1.463%;
}
.thumb_wrap {
    display: block;
    overflow: hidden;
    position: relative;
}
.thumb_wrap img {
    height: auto;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.float-box > div .thumb_wrap + .thumb_wrap {
    margin-top: 8%;
}

.thumb-wrap-hover{background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer;  opacity:0; }
.thumb-wrap-hover:hover{ opacity:1; }
.thumb-wrap-hover-inner{ display:table; width:100%; height:100%; }
.thumb-wrap-hover-inner-txt{display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-size:25px; padding:0 10px;}

.more{background:url(../images/arrow1.png) left no-repeat; padding-left:20px; text-transform:uppercase; color:#999999;}
.more:hover{color:#000;}

.life-stage{margin-top:30px;}


.partner-outer{}
.partner-outer img{max-width:100%;}
.partner{ height:150px; line-height:150px; vertical-align:middle; margin:0 50px;}



.bottomsec{background:#234666; color:#fff; font-size:13px; padding:40px 0;}
.bottomsec a{color:#fff;}
.bottomsec a:hover{color:#fff;}
.bottomlist{ margin:0; padding:0; color:#35a6ac;}
.bottomlist .hd{text-transform:uppercase; font-size:20px; margin-bottom:15px;}
.bottomlist li{ list-style:none;}
.bottomlist li a{color:#35a6ac;}
.bottomlist li a:hover{ color:#fff;}

.add{ margin-top:10px;}
.add span{color:#fff;}

.fieldouter{margin-bottom:10px;}
.field {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 5px;
	width:100%;
}
.field1{
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 5px;
}
.news-field{padding:3px 15px; color:#35a6ac; background:#2d4d66; border-radius:50px; border:0; width:100%;}
.news-btn{border-radius:50px; border:0; background:#517494; color:#fff;  font-size:18px; padding:5px 40px;}
.bottomsec .news-btn:hover{background:#fff; color:#35a6ac;}

.social{margin-top:10px; }
.footer{ padding-top:30px;text-align:center;}




.bottom-add{text-align:right;}
@media (max-width: 768px) {
.bottom-add{text-align:inherit; margin-top:10px;}
}


/*INNER PAGE*/
.bodysec-inner{margin:130px 0 50px 0;}

@media (max-width: 1180px) {
.bodysec-inner{margin:180px 0 30px 0;}
}
@media (max-width: 768px) {
.bodysec-inner{margin-top:0px;}
}
.img-left{float:left; margin:0 20px 20px 0;}
.img-left img{max-width:100%;}
@media (max-width: 768px) {
.img-left{width:60%;}
}

@media (max-width: 400px) {
.img-left{width:100%;}
}


/*SUCCESS STORIES*/
.testi-outer{margin-bottom:30px;}
.testi{border-radius:10px; background:#F5F5F5; padding:20px; border:solid 1px #35a6ac; }
.testi-person{background:url(../images/testi-icon.png) top left no-repeat;  margin:-1px 0 0 20px; padding:40px 0 0 0; color:#35a6ac; font-weight:800; line-height:20px;}

/*FAQ*/
.q{color:#CC0000; }
.q span{background:#CC0000; color:#FFFFFF; padding:5px;}
.a{background:#35a6ac;  color:#FFFFFF; padding:5px 6px;}

/*INSURANCE*/
.inner-list li{list-style:url(../images/arrow.png);}
ul.inner-list{ margin-left:15px; padding:0;}
.table{border:solid 1px #EAEAEA; }
.table-col{padding:0; margin:0; border-left:solid 1px #EAEAEA; }
.table-col > div {padding:0 10px;}
.table-hd{background:#35a6ac; color:#fff; font-size:20px; line-height:40px;  }
.table-col > div + div.table-hd{border-left:solid 1px #fff;}
.table .table-row{border-bottom:solid 1px #EAEAEA; line-height:35px;}

.error{color:#CC0000;}
.correct{color:#006600;}

.highlight{background:#35a6ac; color:#fff; font-size:25px; padding:10px 20px; border-radius:10px; display:inline-block;}
.highlight:hover{background:#000; cursor:pointer;}

.submit-btn{border-radius:50px; border:0; background:#35a6ac; color:#fff; text-transform:uppercase; font-size:18px; padding:10px 25px;}
.submit-btn:hover{background:#000; color:#fff;}

.txt-bg{ }

.diagram{background:url(../images/diagram/illness-insurance.png); height:608px; padding:150px 20px 0 20px;  width:915px; font-size:13px; margin:0 auto;}
.diagram .hd{text-align:center; font-size:22px; margin-bottom:10px;}
@media (max-width: 1000px) {
.diagram{background:none; height:auto; width:auto; padding:0; }
.diagram .hd{text-align:left; font-size:18px;}
.col1{background:#fbe9b9; padding:10px;}
.col2{background:#f9c0be; padding:10px;}
.col3{background:#fbcbe1; padding:10px;}

}