@font-face { font-family: 'Helvetica_Light';
src: url('../resources/fonts/HELVET20.eot'); src: local('☺'), url('../resources/fonts/HELVET20.woff') format('woff'), url('../resources/fonts/HELVET20.ttf') format('truetype'), url('../resources/fonts/HELVET20.svg') format('svg'); font-weight: normal; font-style: normal; }

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, input, select {border: 0 none; margin: 0; padding: 0; }
body {color: #333; font-family: 'Helvetica_Light', Arial; font-size: 13px;background-color:#f6f7f6; width:100%; height:auto; }
.container {height: 100%; width: 100%;}
input, textarea, select{outline:none;}
a {outline: 0 none;text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
input{outline:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;}
ul {list-style:  none; margin: 0; padding: 0;}
.clear {clear: both;}
.floatl {float: left;}
.floatr {float: right;}
.no_bg{background:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
#preloader{background:#fff url(../resources/images/preloader-white.gif) no-repeat center;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:50;}

.clearfix:after{display:block;height:0;content:"";clear:both;}
img{max-width: 100%;} .spacer5{height:5px;} .spacer10{height:10px;} .spacer15{height:15px;} .spacer20{height:20px;} .spacer30{height:30px;} .spacer40{height:40px;} .spacer50{height:50px;} .spacer60{height:60px;} .spacer70{height:70px;} .spacer80{height:80px;} .spacer90{height:90px;} .spacer100{height:100px;} .wrapper {margin: 0 auto;width:1200px;}
/*css starts here*/
header{background: #fff; border-bottom:1px solid #cccccc;}
footer{color: #d9dcdd; background: #004a8f; padding: 15px 0; text-align: center; font-size: 12px; line-height: 18px; clear:both }
.logo{display: inline-block; padding: 10px 0;}
.full-bg{  }


.listDo{}
.listDo li{ max-width:580px;  width:90%; background-color:#fff;  margin-bottom:5%; padding:5% 5% 30px 5%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0px 0px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1); position: relative; text-align:center;}
.listDo li:hover {box-shadow: 0 2px 2px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.15);}
.listDo li img{ vertical-align: middle; display: inline-block; text-align:center;}
.listDo li h3{text-align:center; font-size:18px; margin:10px 0px;}
.listDo li p{ text-align:justify; font-size:16px; display:block;}

.title{font-size:50px; text-align:center; color:#333333; font-family: 'Helvetica_Light', Arial; font-weight:lighter; }
.title .do{ color:#0ec30e}
.title .dont{ color:#ed1c24;}
.subtitle{ text-align:center; font-size:32px; text-transform:uppercase;font-weight:lighter;}
.subtitle p{ display:block; width:380px; margin:0px auto;  background-image:url('../resources/images/line.png'); background-repeat:repeat-x; background-position:center  center}
.subtitle p span{background-color:#f6f7f6; padding:0px 10px}
.marb20{margin-bottom:20px}



.columnDo{float:left; width:50%; }
.columnDo ul{ border-right:1px solid #ccc; padding-right:3%;}
.columnDont ul{ padding-left:3%;}
.columnDont{float:right; width:50%}
.columnDo li p{ padding-left:25px; background-image:url('../resources/images/yes.png'); background-repeat:no-repeat; background-position:left top;}
.columnDont li p{ padding-left:25px; background-image:url('../resources/images/no.png'); background-repeat:no-repeat; background-position:left top;}

.height1{height:94px}
.height2{height:77px}
.height3{height:57px}
.height4{height:21px}
.height5{height:38px}