@charset "utf-8";

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

   http://www.alistapart.com/articles/fluid-images/ 

*/

img, object, embed, video {max-width: 100%;}

/* IE 6 does not support max-width so default to width 100% */

.ie6 img {width:100%;}

.clear { clear:both;}

.gridContainer {width: 100%; padding-left:0; padding-right:0; float:left;}

#LayoutDiv1 {clear: both; width: 100%;	display: block;}

.common-container{ width:940px; margin:0 auto}

.top-panel{ width:100%; float:left; background-color:#007f9a;}

.top-right{ width:620px; float:right; padding:5px 0 0 0; margin:0 -52px 0 0; }

.top-right-in { width:47%; float:right; padding:5px 0 0 0 }

.google-translate{ width:35%; float:left; margin: 0 2% 0 0; overflow: hidden}

.follow{ width:44%; float:left; color:#fff; margin:-7px 0 0 0; position:relative; z-index:99999 }

.follow span{ padding:0 9px 0 0 }

.follow img{ padding:0 5px 0 0;}

.plan-feedback { color: #fff; float: left; margin: 5px 10px 0; position: relative; width: auto; z-index: 99999; }

.top-right .google-translate, .top-right .follow{width:auto}



.home-link { float:left; font-size:13px; font-weight:300; color:#fff; background:url(../images/home-icon.png) no-repeat left center; padding:0 0 0 25px; width:10%; margin:1% 0 0;}

.home-link a { color:#fff; text-decoration:none;}

.top-panel2{ width:100%; float:left; background-color:#a0b700; padding:15px 0; height:15px; position:relative; z-index:999  }

.shadow{ width:100%; float:left; background:url(../images/shadow.png) no-repeat center bottom; padding:0 0 1% 0; margin:-8px 0 0 0; position:relative; z-index:9999 }

.logo-panel{ width:17%; float:left; margin:-51px 0 0 0; position:relative; z-index:99}

.shadow-in { width:100%; float:left; background:url(../images/shadow.png) no-repeat center bottom; padding:0; margin:-8px 0 0 0; position:relative; z-index:9999 }

.navigation-panel{ width:83%; float:left;}

.header-panel{ width:100%; float:left; margin:-1% 0 0 0}

.middle-panel{ width:100%; float:left; padding:3% 0}

.panel1{ width:47%; float:left; padding:0 3% 0 0}

.panel3 { width:46%; float:left; padding:0 3% 0 0; border-right:1px solid #e5e5e5; min-height: 446px}

.panel2{ width:47%; float:left; padding:0 0 0 3%}

.panel2 a{color: #67a300}

.panel2 p.survey-text{ font-size:16px}

.panel1 h1, .panel2 h1, .panel3 h1{ margin:0; padding:0 0 4% 0; width:100%; float:left; font-family:'Roboto Slab', serif; font-size:22px; color:#007f9a; font-weight:400;}

.cont{ width:100%; float:left; padding:0 0 4% 0}

.cont p{ margin:0; padding:0 0 3% 0; line-height:23px; text-align:justify; font-weight:300}

.read-more{ width:100%; float:left;}

.read-more a{ background:url(../images/button.gif) no-repeat left top; color:#fff; padding:1.2% 7% 1.7% 3%; text-decoration:none; font-size:15px}

.cont ul{ margin:0; padding:0; list-style-type:none;}

.cont ul li{ background:url(../images/border.gif) repeat-x left bottom; padding:0 0 2% 0; margin:0 0 2% 0;; font-weight:400; float:left; width:100%}

.cont ul li span.tl{ background:url(../images/calender-img.gif) no-repeat left 3px; color:#007f9a; padding:0 0 5px 20px; font-weight:600; float:left; width:100%;}

.cont ul li span.green-txt{ width:100%; float:left; color:#67a300; padding:0 0 5px 20px}

.cont ul li span.green-txt a{ color:#67a300}

.cont ul li span.txt{ width:100%; float:left; }

.cont ul li:last-child{ background:none; margin:0 0 20px 0}

.cont ul li span.eve-text{ padding:0 0 5px 20px}

.banner-panel{ width:100%; float:left; background:url(../images/banner-img.jpg) no-repeat center top; padding:3% 0; text-align:center}

.banner-panel p{ color:#fff; font-size:23px; font-family:'Roboto Slab', serif; padding:1% 1%; margin:0 }

.banner-panel p a{color: #fff}

.middle-panel.bg{ background-color:#f9f9f9; padding:1% 0 0 0}

.panel1.img{ text-align:center}

.form-div{ width:100%; float:left; padding:5% 0}

.form-div .tl{ margin:0; padding:0 0 2% 0; width:100%; float:left; font-family:'Roboto Slab', serif; font-size:22px; color:#007f9a;}

.form{ width:100%; float:left}

.home-form {float: left; font-size: 13px; margin: 5px 0; width: 100%;}

.home-input {border: 1px solid #eaeaea; background-color:#fff;  font-size: 13px;  padding: 5px 1%;  width: 98%;}

.home-area {border: 1px solid #eaeaea; background-color:#fff;  font-size: 13px;  padding: 5px 1%;  width: 98%;}

.home-area1 {border: 1px solid #eaeaea; background-color:#fff;  font-size: 13px;  padding: 5px 1%;  width: 98%; min-height:100px;}

.home-form input[type="checkbox"] { float: left; margin: 3px 5px 16px 0;}

.city { margin: 3px 5px 10px 0 !important; }

.banner-panel2{ width:100%; float:left; background:url(../images/banner-img2.jpg) no-repeat center top; padding:3% 0}

.facebook{float: left; margin: 0;  width: 49%; padding:0 1% 0 0}

.twitter{float: left; margin: 0;  width: 49%; padding:0 0 0 1%}

.social-tl{ width:94%; float:left; background-color:#0068ae; padding:3%;}

.fb-root{ background-color:#fff;}

.footer{ width:100%; float:left; padding:1% 0; color:#fff;}

.footer.blue{ background-color:#007f9a;}

.footer.green{ background-color:#91bb00;}

ul.footer-links{ width:100%; float:left; margin:0; padding:0; list-style-type:none; text-align:center}

ul.footer-links li{ display:inline;}

ul.footer-links li a{ font-size:14px; color:#fff; background:url(../images/footer-divider.gif) no-repeat right 4px; padding:0 1%; text-decoration:none; font-family:'Roboto Slab', serif;}

ul.footer-links li:last-child a{ background:none}

.copyright{ width:100%; float:left; text-align:center; font-size:14px;}

.copyright a{ text-decoration:underline; color:#fff;}

.mobile-menu{ display:none}

iframe { width:100%;}

.logo.mobile{ display:none}

#contentHolderUnit_0{background-image:url(../images/header1.jpg) !important; background-repeat:no-repeat;background-position:center;	width:100%;	height:auto; background-size: cover;}

#contentHolderUnit_1{background-image:url(../images/header2.jpg) !important; background-repeat:no-repeat;background-position:center;	width:100%;	height:auto; background-size: cover;}

#contentHolderUnit_2{background-image:url(../images/header3.jpg) !important; background-repeat:no-repeat;background-position:center;	width:100%;	height:auto; background-size: cover;}

#contentHolderUnit_3{background-image:url(../images/header4.jpg) !important; background-repeat:no-repeat;background-position:center;	width:100%;	height:auto; background-size: cover;}

.text-wrap { width:100%; text-align:center !important; }



/* Inside Header*/

.slider-wrapper { margin:0; width: 100%; float:left; height:auto; }

.breadcrums-panel { width:100%; float:left; background-color:#f5f4f4; margin:0; }

.breadcrums { margin:0; padding:10px 0; font-size:13px; font-weight:300; color:#fff;}

.breadcrums a { text-decoration:none; color:#000;}

.breadcrums a:hover { color:#007f9a;}

/* Contentarea */

.contentarea-panel { float:left; width:100%;}

.contentarea { margin:15px 0; padding:0; }

.maintitle { margin:0; padding:0 0 13px; color:#007f9a; font-size:22px; font-weight:400; font-family: 'Roboto Slab', serif; }

.subtitle { margin:0 0 15px; padding:0 0 5px; color:#67a300; font-size:16px; font-weight:400; font-family: 'Roboto Slab', serif; border-bottom:1px dashed #67a300; }

.subtitlemain { margin:0 0 15px; padding:0 0 5px; color:#000; font-size:18px; font-weight:600; font-family: 'Roboto Slab', serif}

.contentarea p { margin:0; padding:0 0 15px; font-size:13px; color:#000; font-weight:300; line-height:22px; text-align:justify;}

/*.contentarea p a{color: #67a300} */

.abt-photo { float:left; margin:0 2% 1% 0; padding:0;}

.about-text { float:left; margin:0; padding:0; width:68%;}

.blue1 { color:#007f9a; font-weight:400; font-size:14px; }

.contentarea p.blue1 {text-align:left}

.blue1 a { color:#007f9a; text-decoration:underline; font-weight:bold;}



.accordian { float: left; margin-bottom: 30px; width: 100%; }

.planner { background:url(../images/arrow.jpg) no-repeat scroll left center; border-bottom: 1px dashed #e5e5e5; color: #007f9a; cursor: pointer; 

float: left; font-size: 14px; font-weight: 400; margin: 0; padding: 10px 0 10px 15px; text-decoration: none; text-transform: capitalize; width: 98%; line-height:20px;}

.accordian .details { background: none repeat scroll 0 0 #fafafa; border-bottom: medium none; float: left; margin: 0; padding: 15px 2%; width: 96%; }

.details { display: none; }

ul.inside-bullet { margin:0 0 10px; padding:0; list-style:none;}

ul.inside-bullet li { margin:0; padding:5px 0 5px 14px; list-style:none; font-size:13px; font-weight:300; color:#000; background:url(../images/arrow.jpg) no-repeat left 11px;}

h5 { margin:0; padding:0 0 5px; font-size:14px; font-weight:400; color:#000; line-height:22px;}

h5 span { color:#000;}

.con-bold { font-size:13px; color:#000; font-weight:400; float:left; width:13%; margin:0 0 5px;}

.colon { font-size:13px; color:#000; font-weight:400; float:left; width:3%;}

.con-text { font-size:13px; color:#000; font-weight:300; float:left; }

.con-text a { text-decoration:underline; color:#007f9a; font-weight:bold }

.con-text a:hover {color:#007f9a; }

.con-lt { float:left; margin:0 3% 0 0; padding:0 3% 0 0; border-right:1px dashed #67a300; width:46%;}

.con-rt { float:left; margin:0; padding:0; width:46%;}



/* Key events */

.events { margin:0; padding:0;}

.events ul { margin:0; padding:0; list-style:none;}

.events ul li:first-child { border:none; padding:0;}

.events ul li { padding:15px 0 0; margin:0 0 15px; list-style:none; border-top:1px dashed #e5e5e5;}

.eve-bold { margin:0; padding:0 0 0 20px; color:#007f9a; font-weight:600; font-size:15px; background:url(../images/calender-img.gif) no-repeat left 4px;}

.eve-sub { font-size:13px; font-weight:400; color:#67a300; margin:5px 0}

.eve-sub a{ color:#67a300;}

.eve-text { color:#000; font-weight:300; font-size:13px; }

.eve-lt { float:left; margin:0 3% 0 0; width:49%}

.eve-rt { float:left; width:48%;}

.fb-panel { float:left; margin:0 3% 20px 0; width:48%; }

.tw-panel { float:left; margin:0; width:48%; }

.social-title { background: none repeat scroll 0 0 #0068ae; color: #fff; font-size: 20px; font-weight: 700; padding: 12px 5%; width: 90%; }

iframe { width:100% !important; height: 300px !important;}

.team-logo { float:left; margin:0 2% 2% 0;}



/* Timeline Graph*/

.graph { margin:0 0 20px; padding:0;}

/*.graph-box1 { margin:0; padding:0; float:left; width:14%; text-align:center;}

.graph-box2 { margin:0; padding:1% 0 0 6.2%; float:left; width:14%; text-align:center;}

.graph-box3 { margin:0; padding:1% 0 0 5%; float:left; width:14%; text-align:center;}

.graph-box4 { margin:0; padding:0 0 0 6.5%; float:left; width:13%; text-align:center;}

.graph-box5 { margin:0; padding:2% 0 0 7%; float:left; width:14%; text-align:center;}*/



.graph-mo { margin:0 0 20px; padding:0; text-align:center;}

/*.graph-mo-box1 { margin:0; padding:0 0 20%; width:100%; text-align:center;}

.graph-mo-box2 { margin:0; padding:64% 0; width:100%; text-align:center;}

.graph-mo-box3 { margin:0; padding:25% 0 70%; width:100%; text-align:center;}

.graph-mo-box4 { margin:0; padding:22% 0; width:100%; text-align:center;}

.graph-mo-box5 { margin:0; padding:70% 0 46%; width:100%; text-align:center;}*/





.component{float: left; text-align:center; padding: 0 0 15px 0}

.component a{color:#007f9a; font-weight:bold} 



.tech-col1{width: 50%; float: left}

.tech-col2{width: 50%; float: left}

.tech-col3{width: 33%; float: left}

.tech-col3a{width: 32%; margin:0 2% 0 0; float: left}



.tech-col3a.tech-col3b { margin-right: 0;width: 67% !important; margin-bottom: 2%;}

.tech-col3a.tech-col3b .subtitle2 {  margin-bottom: 2%;}

.tech-col3a.tech-col3b p { float: left !important; margin-right: 3%; width: 47% !important;}

.subtitle2{color:#000; font-weight:bold; font-size:18px; margin: 0 0 15px 0}

.msplan {line-height:24px; float:left; margin:5px 0 0 0}

.home-form > img {

    height: 32px;

    margin-left: 2%;

    width: 100px;

}
.panel1.img img { margin-top:34px}
.mb-40 { margin-bottom:40px}
/* Landscape phones and down */

@media only screen and (max-width: 640px){

.tech-col1, .tech-col3, .tech-col3a{width:100%; float: left; margin:0}

.tech-col2{width: 100%; float: left}

.common-container{ width:90%; margin:0 auto}	

.top-right{ width:66%; float:left; padding:10% 0; text-align:center; }

.top-right-in { width:66%; float:left; padding:10% 0; text-align:center; }

.google-translate{ width:82%; float:right; margin:30px 0 0}

.logo.mobile{ width:30%; float:left; display:block; margin:0 4% 5% 0;}

.follow { margin:0; width:61%; top:0; position:absolute; }

.logo-panel{ display:none}

.shadow{ margin:0}

.top-panel2{ display:none;}

.middle-panel{ padding:6% 0}

.panel1 {float: left; padding: 0 0 7% 0; width: 100%;}

.panel3 {float: left; padding: 0 0 7% 0; width: 100%; border:none;}

.panel2 {float: left; padding:0 0 7% 0; width: 100%;}

.panel1.img{ padding:0}

.read-more a{ padding:1.6% 10% 1.6% 5%}

.panel1 h1, .panel2 h1{ font-size:20px;}

.cont ul li:last-child{ margin:0 0 0 0}

.banner-panel p{ font-size:15px;}

.banner-panel img{ width:50%;}

.banner-panel{ padding:11% 0}

.facebook{float: left; margin: 0;  width: 100%; padding:0 0 5% 0}

.twitter{float: left; margin: 0;  width: 100%; padding:0 0 0 0}

.footer{ width:100%; float:left; padding:4% 0; }

.footer.blue{ display:none}

.copyright{ font-size:13px;}

	



.fb_iframe_widget {width:99.6% !important; border:none}

.fb_iframe_widget span{width:100% !important}

.fb_iframe_widget span iframe{width:100% !important}	

.mobile-menu {display: block;}

#header {background: #a0b700; color: #fff; font-size: 16px; font-weight: 600; line-height: 40px; padding: 0 5px; text-align: left; font-family:'Roboto Slab', serif}

#header a {background: url("../images/icon-mobile-menu.png") no-repeat scroll center 10px transparent; float: left; height: 40px; width: 40px;}

.banner-panel2{ background-size: cover; padding:8% 0}

.abt-photo { float: left; margin: 0; padding: 0; text-align: center; width: 100%; }

.about-text { width:100%;}	

.planner { width:95%;}

.accordian .details { width:97%;}

.social-title { width:90%;}

.fb-panel { width:100%; margin:0 0 25px; }

.tw-panel { width:100%;}

.eve-lt, .eve-rt { width:100%; margin:0; }

.eve-bold { font-size:13px;}

.con-lt { margin:0 0 10px; padding:0; float:left; width:98%; border:none;}	

.con-rt { width:98%; float:left;}

.home-link { display:none;}

.team-logo { float:left; margin:0 0 3%; width:100%; text-align:center;}

.graph { display:none;}

.graph-mo { display:block;}

.slider-wrapper { height:auto}

.cont ul li span.tl { width:98%;}

.plan-feedback {

  margin: 28px 0 0;

}

.tech-col3a.tech-col3b {  width:100% !important;}

.tech-col3a.tech-col3b p { float: left !important;margin-right: 0; width: 100% !important;}

}



/* Landscape phone to portrait tablet */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.fb_iframe_widget {width:99.6% !important; border:none}

.fb_iframe_widget span{width:100% !important}

.fb_iframe_widget span iframe{width:100% !important}	

.top-right {  float: left; padding: 5px 0 0; position: relative; right:0; width: 71%;}

.top-right-in { width:50%; float:right; padding:5% 0; }

.google-translate{ width:70%; float:right; margin:50px 0 0; }

.logo.mobile{ width:30%; float:left; display:block; margin:0 4% 2% 0;}

.follow { float: right; margin: 0; position: absolute; right: 15px; width:66%; text-align:right}

.graph { display:none;}

.graph-mo { display:block;}

.slider-wrapper { height:auto}

.tech-col3a.tech-col3b { width: 100% !important;}



}



/* Portrait tablet to landscape and desktop */

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

.fb_iframe_widget {width:99.6% !important; border:none}

.fb_iframe_widget span{width:100% !important}

.fb_iframe_widget span iframe{width:100% !important}

.common-container{ width:97%; margin:0 auto}

.top-right{ width:77%; float:right; padding:5px 0 0 0; margin:0; position:relative; right:-10px; }

.top-right-in { width:60%; float:right; padding:5px 0 0 0 }

.logo-panel{ width:15%;}

.navigation-panel { float: left; width: 85%;}

.read-more a{ padding:1.3% 9% 1.6% 4%}

.middle-panel{ padding:4% 0}

.cont ul li{ padding:0 0 5% 0; margin:0 0 5% 0}

.cont ul li:last-child{ margin:0 0 5px}

.cont ul li span.tl{ background-position: left 1px;}

ul.footer-links li a{ font-size:12px}

.copyright{ font-size:13px;}

.fb_iframe_widget {width:99% !important; border: none}

.fb_iframe_widget span{width:100% !important}

.fb_iframe_widget span iframe{width:100% !important}

.about-text { width:60%;}	

.planner { width:97%;}	

.eve-bold { font-size:14px;}	

.graph { display:block;}

.graph-mo { display:none;}	

.slider-wrapper { height:128px}

.cont ul li span.tl { width:98%;}

}



/* Landscape tablet and dated desktop */

@media (min-width: 980px) and (max-width: 1199px) {

.fb_iframe_widget {width:100% !important; border: none}

.fb_iframe_widget span{width:100% !important}

.fb_iframe_widget span iframe{width:100% !important}	

.graph { display:block;}

.graph-mo { display:none;}

.top-right { float: right; margin:0; padding: 5px 0 0; width: 620px; position:relative; right:-42px; }

.slider-wrapper { height:170px}

}



@media (min-width: 1200px){

.fb_iframe_widget {width:100% !important; border: none}

.fb_iframe_widget span{width:100% !important}

.fb_iframe_widget span iframe{width:100% !important}	

.graph { display:block;}

.graph-mo { display:none;}

}