@charset "utf-8";
/*** GENRAL CSS ***/
body{background-color:#d6d6d6; padding:0; margin:0; font-family:'Roboto', sans-serif;}
.wrapper{margin:0 auto; width:1200px;}
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; font-weight:normal}
a { margin:0px; padding:0px; text-decoration:none}
a:hover { margin:0px; padding:0px; text-decoration:none}
* { outline:none;}
.clear { clear:both}
.fLeft { float:left}
.fRight { float:right}

/*** HEADER CSS ***/
.header{width:100%; background:#febb14 url(http://media2.intoday.in/microsites/swachh-bharat/2016/contest/head-bg.jpg) no-repeat center top;}

.topAreaBox { margin:0px auto; padding:0px; width:1060px;}
.header .logo {float: left; margin-top: 52px;}
.rtl-area{float:right; margin:33px 0 0 0px; width:728px;}
.rtl-area .top-ad{float:left; width:728px;}
.rtl-area h1{font:900 26px/30px 'Roboto', sans-serif; color:#251f21; padding:30px 0 0; margin:0 15px 0 0; float:left;}
.rtl-area h1 strong{color:#e9262a; font-size:45px; line-height:40px;}
.rtl-area ul{list-style:none; display:inline-block; padding:0 0 20px; margin:0; float:left;}
.rtl-area ul li{width:auto; float:left; margin:40px 0 0 20px;}
.rtl-area ul li:nth-child(3){margin:70px 0 0 30px;}
.rtl-area ul li:nth-child(4){margin:70px 0 0 20px;}
.rtl-area ul li:nth-child(5){margin:70px 0 0 20px;}
.topRight { float:right}
.top-ad-ipad { display:none}

/*** NAVIGATION CSS ***/
.navigation{ margin:0px auto; padding:0;  width:100%; position:relative; z-index:9; background:#000000; margin-bottom:25px;}
.navigation ul{list-style:none; padding:0; margin:0 0 0 60px;}
.navigation ul li{width:auto; float:left; margin-left:5px;}
.navigation ul li.lastLink { margin-left:301px;}
.navigation ul li a{font:500 16px/22px 'Roboto', sans-serif; color:#242021; padding:12px; text-transform:uppercase; text-decoration:none; display:block; color:#fff}
.navigation ul li a:hover,.navigation ul li a.active{background-color:#d71a21; color:#fff;}
.navMob { display:none}
.mobTopLogoCom { display:none}
.mobTopPlace { display:none}
#body-container{float:left; width:100%; background:url(http://media2.intoday.in/microsites/swachh-bharat/2016/contest/body-bg.jpg) repeat 0 0;}
.left-container{float:left; width:762px; padding:0 0 0 70px; position:relative;}
.placeholder-img{position:absolute; top: -65px; left: -32px;}
.allBanArea { margin:0px 0 35px 0; padding:0px; position:relative}
.allBanArea .banner{float: right;    margin-bottom: 13px;    margin-right: 47px;    margin-top: 50px;}

/*** CONTENT AREA CSS ***/
.content-panel{float:left; width:100%; background-color:#fff; box-shadow:0px 5px 2px #a4a498; padding:18px; padding-bottom:10px; box-sizing:border-box; border-radius:2px; margin-top:35px; margin-bottom:30px;}
.content-panel h2{ margin:0; padding:0px; font:600 23px/30px 'Roboto', sans-serif; color:#242021; display:block; text-transform:uppercase;}
.content-panel p{font:13px/23px 'Roboto', sans-serif; color:#242021; display:block;}
.content-panel p.text{font-size:18px; line-height:24px;}

/*** RIGHT  AREA CSS ***/
.right-container{float:left; width:300px; margin-left:22px; }
.right-ad{float:left; width:300px; margin-top:20px;}
.right-box{margin-top:30px; float:left; background-color:#fff; padding:13px 12px;}

/*** FORM AREA CSS ***/
.formArea { margin:0px; padding:0px; overflow:hidden; width:490px;}
.formTopHead { margin:0px; padding:0px 0 0px 0; }
.formTopHead h2 { margin:0px; padding:0px 0 10px 0; font:20px/23px 'Roboto', sans-serif; }
.formTopHead h2 span { color:#d71920; font-size:15px;}
.formArea ul { margin:0px; padding:0px; list-style:none}
.formArea ul li { margin:0px 0 10px 0; padding:0px; overflow:hidden}
.formArea ul li.first { font-size:13px;}
.formArea ul li input[type="text"] { margin:0px; padding:10px; width:100%; box-sizing:border-box;  border:0px; height:43px; border:1px solid #c7c7c7; font-family:'Roboto', sans-serif; font-size:13px; color:#737373}
.formArea ul li textarea { resize:none; margin:0px; padding:10px; box-sizing:border-box; width:490px; border:0px; height:120px; border:1px solid #c7c7c7; font-family:'Roboto', sans-serif; font-size:13px; color:#737373}
.formArea ul li.checkArea { margin-top:20px; margin-bottom:20px;}
.formArea ul li.checkArea input[type="checkbox"] { width:20px; height:20px; margin:0px 10px 0 0; padding:0px; display:block; float:left}
.formArea ul li.checkArea label { display:block; float:left; font-size:13px;}
.formArea ul li.subBtn {}
.formArea ul li.subBtn input[type="button"] { margin:0px; padding:0px; float:left; display:block; width:133px; height:40px; text-align:center; line-height:35px; background:#d71920; text-transform:uppercase; font-size:17px; font-weight:600; color:#fff; border:0px; font-family:'Roboto', sans-serif; cursor:pointer}
.formArea ul li.subBtn input[type="button"]:hover { background:#000}
.formArea ul li.subBtn .redText { float:right; font-size:13px; color:#d71920; margin-top:15px;}

/*** FOOTER AREA ***/
.footerArea { margin:0px auto; padding:40px 0 40px 0; width:1000px; overflow:hidden}
.footerAdd { margin:0px auto; padding:0px; width:728px;}
.footText { margin:0px 0 45px 0; padding:0px; background:#393939; width:100%; overflow:hidden}
.footHelp { float:left; background:#d71920; font-size:17px; color:#fff; font-weight:600; width:141px; text-align:center; line-height:47px;}
.footLeft { margin:0px; padding:4px 0 3px 30px; float:left; width:357px; box-sizing:border-box; font-size:14px; color:#fff; background:url(http://media2.intoday.in/microsites/swachh-bharat/2016/contest/footline.png) repeat-y right top}
.footRight { margin:0px; padding:4px 60px 0 0; float:right;  box-sizing:border-box; font-size:14px; color:#fff}
.footRight span, .footLeft span { display:block}
.footText p { margin:0px; padding:0px; font-size:13px; color:#fff; padding:10px; text-align:center}