html, body{ height:100%; min-height:100%;}
body{ width:100%; height:100%; margin:0px; padding:0px; line-height:20px; color:#333; font-size:14px; background:#fff; font-family: 'Alef', sans-serif;}
h1, h2, h3, h4, h5, h6{ margin:10px 0px;}
p{ margin:10px 0px;}
ul, li, ol{ list-style:none; padding:0px;}
a, a:hover, a:focus{ text-decoration:none;}
img{ /* width:100%; */ max-width:100%; border:none; outline:none;}

#main_container{ float:left; width:100%;}
#wrapper{ width:100%; margin:0px auto; max-width:1170px; overflow:hidden;}
.top_wrapper{ background:url(../images/top-bg.png) repeat-y; background-size:100% auto; height:25px;}
.outer_wrapper{ background:url(../images/color-bg.png) repeat; background-size:100% auto; float:left; width:100%;}

.header{ float:left; width:100%;}
.header_right{ float:right; width:100%; max-width:300px;}
.header_right ul{ margin:3px 0px 0px; float:left; width:100%;}
.header_right ul li{ float:left; width:100%; max-width:100px; margin:0px 0px 0px 22px;}
.header_right ul li:last-child{ max-width:160px; padding:5px 0px 0px;}
.header_right ul li:first-child{ margin-left:0px;}

.content{ float:left; width:100%; padding:10px 0px;}
.content h1{ color:#0066b3; font-weight:bold; font-size:60px; line-height:60px; text-align:center;}
.content h3{ color:#004e88; font-weight:bold; text-align:center; font-size:24px; line-height:30px;}
.button{ width:100%; margin:17px auto 15px; max-width:883px; overflow:hidden;}
.button a{ background:transparent; border:2px solid #004e88; font-weight:lighter; font-size:28px; color:#004e88; padding:6px 10px 12px; float:right; margin:0px 16px 0px 64px; width:100%; max-width:190px; text-align:center; word-wrap:break-word;}
.button a:hover, .button a.active{ color:#fff; background:#004e88;}

.row{ float:left; width:100%; padding:10px 0px;}
.section{ float:left; width:25%; text-align:center;}
.inner_section{/*  padding:0px 40px; float:left; */ width:100%; max-width:213px; height:213px; position:relative; margin:0px auto;}

.text{ width:100%; max-width:200px; padding:12px 0px 0px;}
.text1{ max-width:140px;}
.text2{ max-width:209px;}
.text3{ max-width:237px;}

.section p{ font-size:24px; margin:8px 0px; line-height:24px;/*  height:48px; */ word-wrap:break-word; word-break:break-all;}
.section p.green{ color:#00a651;}
.section p.red{ color:#ed1c24;}
.section p.yellow{ color:#f57f26;}
.section p.blue{ color:#009cd7;}

.btn{ color:#fff; font-size:28px; width:100%; padding:8px 0px 11px; position:absolute; bottom:0px; word-wrap:break-word;}
.btn a{ color:#fff;}
.btn.green{ background:#00a651;}
.btn.red{ background:#ed1c24;}
.btn.yellow{ background:#f57f26;}
.btn.blue{ background:#009cd7;}

@media only screen and (max-width : 520px){
.button{ width:92%;}
.button a{ margin:5px 20px;}
.btn{ font-size:16px;}
.header_right ul li{ width:56%;}
.section p{ font-size:20px;}
}