@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; text-decoration:none; border:none; outline:none; list-style:none }
body{ background:#fff; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#666; }
.clear_me{ font-size:0; line-height:0; clear:both }
.mainDiv{ margin:0 auto; width:1170px; }

.headerPnl{ float:left; width:100%; height:190px; background:url(../images/headerBg.png) repeat-x left bottom #fff; }
a img.logo{	float:left; border:none; margin:5px 0 0 0}

.menuPnl{float:right;width:780px}
.menuPnl ul{float:right;margin:0;padding:0}
.menuPnl ul li{float:left;list-style:none;height:160px;margin:0 0 0 1px}
.menuPnl ul li a{color:#3685ba;font:17px/50px arial_rounded_mt_boldbold;display:block;text-decoration:none;padding:40px 10px 0}
.menuPnl ul li a img{width:56px;height:56px;display:block;background:url(../images/icons/iconsBg.png) no-repeat center center;margin:0 auto 10px}
.menuPnl ul li a:hover,.menuPnl ul li a.active{background:#fdd865;color:#0163a6}

.bannerPnl{ float:left; width:100%; height:400px; background:url(../images/bannerBg.jpg) repeat-x center top; }
.sldPnl{ float:left; width:100%; height:400px; position:relative; }
.sldPnl img.brnPic{ position:absolute; left:0; bottom:0; }
.bnrTxt{ position:absolute; right:-110px; top:40px; width:400px; }
.bnrTxt h1{ font:30px/40px 'vagrounded_btregular'; color:#fff; }
.bnrTxt h1 span{ color:#fdd865; }
.bnrTxt p{ font:24px/28px 'arial_rounded_mt_boldbold'; color:#fff; padding:15px 0; }
.bnrBtn{ float:left; margin:5px 0; }
.bnrBtn a{ font:20px/30px 'arial_rounded_mt_boldbold'; color:#fff; background:#0054a6; padding:10px 25px; display:block; }
.bnrBtn a:hover{ background:#666; }

.boxPnl{float:left;width:100%;background:#ebeced;padding:50px 0 40px}
.boxPnlLst{float:left;width:270px;height:270px;border:1px solid #ccc;background:#fff;margin:0 26px 0 0}
.boxPnlLst a{display:block}
.boxPnlLst img{float:left;width:270px;height:auto}
.boxPnlLst h2{color:#7d2d81;line-height:26px;font-size:22px;font-family:'arial_rounded_mt_boldbold';font-weight:400; padding:10px; clear:both;}
.boxPnlLst p{color:#333;font:14px/18px open_sansregular;padding:0 10px 10px; }

.middilePnl{ float:left; width:100%; padding:40px 0; background:#fff; }
.bodyContent{ float:left; width:810px; }
.bodyContent h1{color:#7d2d81;font:28px/35px 'vagrounded_btregular';padding:10px 0 0}
.bodyContent h2{color:#70B344;font:24px/30px 'vagrounded_btregular';padding:10px 0 0}
.bodyContent p{color:#333;font-family: arial;font-size: 16px;padding:10px 0;text-align:justify}
.bodyContent img.picstlOne{border:3px solid #d29fc9;margin:20px 40px 30px 0;float:left}
.bodyContent ul{margin:0;padding:15px 0;float:left}
.bodyContent ul li{list-style:none;color:#333;font:18px/22px 'open_sansregular';padding:0 0 5px 20px;background:url(../images/bltLst.png) no-repeat left 6px;display:block}
.bodyContent a{color:#0054a6;text-decoration:none}
.bodyContent a:hover{color:#222;text-decoration:none}

.sidebar{ float:right; width:310px; }
.sidebar img{ border:4px solid #bad867; padding:3px; background:#fff; display:block; margin:20px auto; max-width:90%; height:auto; }
.sidebar h2{color:#70B344;font:18px/22px 'vagrounded_btregular';padding:0 0 10px }

.facebookPnl{ float:left; width:310px; padding:0 0 0; }
.facebookPnl h4{ color:#0054a6; font:35px/40px 'vagrounded_btregular'; padding:0 0 15px; }

.footerPnl{ float:left; background:#454545; width:100%; padding:30px 0; }

.footerPnl h4{color:#fdd865;font:24px/25px vagrounded_btregular;padding:0 0 30px}
.footerPnlLft{ float:left; width:300px; }
.footerPnlRht{ float:right; width:300px; }
.footerPnl ul{float:left;width:190px}
.footerPnl ul li{float:none;list-style:none}
.footerPnl ul li a{display:block;font:14px/18px arial_rounded_mt_boldbold;color:#fff;padding:0 0 5px;color:#fff}
.footerPnl ul li a strong{font:16px/18px arial_rounded_mt_boldbold;color:#aaa}
.footerPnl ul li a:hover{text-decoration:underline}
.footerPnl h5{font:16px/18px arial_rounded_mt_boldbold;color:#aaa}
.footerPnl p{font:14px/18px arial_rounded_mt_boldbold;color:#fff;padding:20px 0}
.footerPnl h3{display:block;color:#fdd865;line-height:25px;font-size:22px;font-family:'vagrounded_btregular';background:url(../images/foneIco.png) no-repeat left center;padding-left:30px}
.footerBottomPnl{float:left;width:100%;border-top:3px solid #565656;font:13px/25px open_sansregular;text-align:left;margin-top:30px;padding-top:15px;color:#fff}
.footerBottomPnl a{color:#fff;text-decoration:underline}

.contectDtls{ float:left; width:40%; }
.map{ float:left; width:60%; height:400px; position:relative }
.map iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }

form#contactform{ width:250px; margin:0 auto }
form#contactform table{ width:100%; }
form#contactform table td{ padding:5px; }
form#contactform table td input[type="text"]{ background:#fff; border:1px solid #ccc; padding:5px; width:100%; height:30px; box-sizing:border-box; font:normal 14px/30px 'open_sansregular'; color:#666; }
form#contactform table td select{ background:#fff; border:1px solid #ccc; padding:5px; width:100%; height:30px; box-sizing:border-box; font:normal 14px/30px 'open_sansregular'; color:#666; }
form#contactform table td textarea{ background:#fff; border:1px solid #ccc; padding:5px; width:100%; height:100px; box-sizing:border-box; font:normal 14px/20px 'open_sansregular'; color:#666; }
form#contactform table td input[type="submit"]{ background:#7d2d81; border:none; color:#fff; padding:5px 10px; font:normal 16px 'vagrounded_btregular'; color:#fff; cursor:pointer }

a img.menuIcon{ display:none }
nav#menu{ display:none }

@media screen and (max-width: 1170px) {
.mainDiv{ margin:0 5%; width:90%; float:left; }
.menuPnl{ display:none }
.headerPnl{ float:left; width:100%; height:auto; background:url(../images/headerBg.png) repeat-x left bottom #fff; padding:20px 0 30px; }
a img.logo{	float:none; border:none; margin:0 auto; display:block; }
.bannerPnl{ float:left; width:100%; height:400px; background:url(../images/bannerBg.jpg) repeat-x center top; }

.bnrTxt{ position:absolute; right:0; top:10px; width:100%; text-align:center }
.bnrTxt h1{ font:25px/30px 'vagrounded_btregular'; color:#fff; }
.bnrTxt h1 span{ color:#fdd865; }
.bnrTxt p{ font:16px/22px 'arial_rounded_mt_boldbold'; color:#fff; padding:10px 0; }
.bnrBtn{ float:none; margin:5px auto; width:150px; display:block }
.bnrBtn a{ font:16px/25px 'arial_rounded_mt_boldbold'; color:#fff; background:#70b344; padding:5px 0; display:block; }
.bnrBtn a:hover{ background:#666; }

.boxPnlLst{float:left !important; width:30%; height:280px; border:1px solid #ccc; background:#fff; margin:0 10% 15px !important; box-sizing:border-box }
.boxPnlLst img{ width:100%; }

.bodyContent{ float:left; width:90%; margin:0 5% 25px }
.bodyContent img.picstlOne{border:3px solid #d29fc9;margin:20px;float:left; max-width:80%; height:auto}
.sidebar{ margin:0 auto; float:left; display:block; width:100% }

a img.menuIcon{ display:block; z-index:9999; position:fixed; left:0; top:70px; width:32px; height:26px; margin:0; border-radius:0 3px 3px 0; cursor:pointer }
nav#menu{ display:block }

.contectDtls{ float:left; width:40%; }
.map{ float:right; width:50%; height:400px; position:relative }
}

@media screen and (max-width: 900px) {
.boxPnlLst{float:left !important; width:40%; height:280px; border:1px solid #ccc; background:#fff; margin:0 5% 15px !important; box-sizing:border-box }

.contectDtls{ float:left; width:100%; }
.map{ float:right; width:100%; height:350px; position:relative }
}


@media screen and (max-width: 680px) {
.bannerPnl{ float:left; width:100%; height:auto; background:url(../images/bannerBg.jpg) repeat-x center top; }
.sldPnl{ float:left; width:100%; height:auto; position:relative; }
.bnrTxt{ position:static; right:inherit; top:inherit; width:100%; text-align:center; float:left; padding:20px 0 }
.sldPnl img.brnPic{ width:100%; margin:0; float:left; position:static }
.boxPnlLst{float:left !important; width:45%; height:280px; border:1px solid #ccc; background:#fff; margin:0 2.5% 15px !important; box-sizing:border-box }
.footerPnlLft{ display:none }
.footerPnlLft, .footerPnlRht{ float:left; width:100%; }
.footerPnl h4{ padding:30px 0 10px; }
}

@media screen and (max-width: 480px) {
.boxPnlLst{float:left !important; width:70%; height:auto; border:1px solid #ccc; background:#fff; margin:0 15% 15px !important; box-sizing:border-box }
.sidebar, .facebookPnl{ width:100%; }
}


@media screen and (max-width: 360px) {
.boxPnlLst{float:left !important; width:80%; height:auto; border:1px solid #ccc; background:#fff; margin:0 10% 15px !important; box-sizing:border-box }

}