body {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:20px;
    color:#000;
}
img {
    border:0 none;
    vertical-align:top;
}
.text-center {
    text-align:center;
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}
.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}
.relative {
    position:relative;
}
/*---------------------clearing------------------*/

.clearfix {
    *zoom:1;
}
.clearfix:before clearfix:after {
    display:table;
    content:"";
    line-height:0;
}
clearfix:after {
    clear:both;
}
#wrapper {
    width:100%;
    margin:0 auto
}
.header, .footer, .container {
    width:100%;
    margin:auto;
}

/* ================== TOP NAVIGATION ================== */
.menu-container {
    background:#eb902e;
    width:100%;
    height:39px;
    margin-top:10px;
    padding:0px 20px;
}

#menu-toggle {
    display: none;
    float: right;
}
/* Header > Menu */
#main-menu {	
    font-size:16px;
    background:#eb902e;
    /*font-family:"lato";*/	
    font-family:Arial, Helvetica, sans-serif;
    float:right;
    width: 45%;
}
#main-menu > li {
    display: inline-block;
    margin-left: 0px;
    padding:0px;
    float:left;
}
#main-menu > li.parent {
}
#main-menu > li.parent > a {
    padding-left: 13px;
}
#main-menu > li > a {
    display:block;
    color:#ffffff;
    font-weight:bold;
    font-size:16;
    line-height:39px;
    padding: 0px 14px 0px;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}
#main-menu > li > a:hover {
    font-size:16px;
    text-decoration:none;
    background-color:#1f3870;
    color: #FFF;
}
#main-menu > li.current-menu-item > a {
    border-left:none!important;
    display:block;
    padding-top:7px;
}
#main-menu > li.current-menu-item > a:hover {
    background:none;
}
/* Header > Menu > Dropdown */
#main-menu li {
    position: relative;
}
ul.sub-menu { /* level 2 */
    display: none;
    left:0px;
    top:39px;
    position: absolute;
    width: 200px;
    z-index: 9999;
    font-family:Arial, Helvetica, sans-serif;/* opacity: 0.7;*/
}
ul.sub-menu ul.sub-menu { /* level 3+ */
    margin-top: -1px;
    padding-top: 0;
    left: 150px;
    top: 0px;
}
ul.sub-menu > li > a {
    background-color: #f7a955;
    border-top: none;
    color: #000;
    display: block;
    font-size: 12px;
    padding: 5px 12px;
}
ul.sub-menu > li > a:hover {
    background-color: #1f3870;
    color:#fff;
}
/*ul.sub-menu > li:first-child {
        border-top: 3px solid #23dbdb;
}
*/
ul.sub-menu ul.sub-menu > li:first-child {
    border-top: 1px solid #444;
}
ul.sub-menu > li:last-child > a {
    border-radius: 0 0 2px 2px;
}
/*ul.sub-menu > li > a.parent {
        background-image: url(../images/arrow.png);
        background-size: 5px 9px;
        background-repeat: no-repeat;
        background-position: 95% center;
}*/
#main-menu li:hover > ul.sub-menu {
    display: none; /* show the submenu */
}
#main-menu > li > a#glob {
    background-image: url(../images/globe.png);
    background-repeat: no-repeat;
    background-position: center center;
}
/* ================== TOP NAVIGATION END ================== */


/* ================== CONTAINER ================== */
.container { width:100%; max-width:1200px; margin:0 auto;}

/*------------Header---------------*/
.header {width:100%; position:relative;}
.header .logo {	float:left;	padding-top:10px;}
.search-box {float:right; font-size:15px; color:#000000; padding-top:50px;}
.search-box li {display:inline-block; float:left; padding-right:20px; color:#000000; line-height:40px;}
.search-box li .inputbox{ background: url(../images/search.gif) no-repeat top; width:369px; height:40px; line-height:40px; border:none; padding-left:20px; color:#333333;}
.search-box li a{ color:#000000; text-decoration:none;}
.search-box li a:hover{ color:#000000; text-decoration:underline;}

/*------------Footer---------------*/
.footer-bg{ background:#1a1a1a; overflow:hidden; width:100%; padding:20px;}

.footer-link{ width:25%; float:left; padding-right:20px;}
.footer-link h2{ color:#d58e39; border-bottom:1px solid #333333; padding-bottom:5px; margin:0; margin-bottom:10px; font-weight:normal;}
.footer-link a{ color:#d58e39; }
.footer-link ul{ margin:0; padding:0;}
.footer-link li{ display:block; margin-top:5px;}
.footer-link li a{ display:block; color:#7c7777; text-decoration:none;}
.footer-link li a:hover{ color:#7c7777; text-decoration:underline;}

.social-link{ display:block; margin-bottom:20px;}
.social-link ul{ margin:0; padding:0;}
.social-link li{ display:inline-block; margin-top:5px; margin-right:10px; text-align:center; margin-bottom:10px;}
.social-link li a.icon{ background:#cbccd0; width:80px; height:80px; display:block; vertical-align:middle;}
.social-link li a.icon img{ padding-top:10px;}
.social-link li p{ text-align:center;}
.social-link li a{color:#7c7777; text-decoration:none;}
.social-link li a:hover{ color:#7c7777; text-decoration:underline;}


/*------------Content---------------*/

.column-lft{ float:left; width:27%; margin-right: 30px;}
.column-rgt{ float:right; width:70%;}
.column-rgtt2{ float:right; width:100%;}

.energy-choice-box {width:100%;	background-color:#dc6800; border-radius:5px;}
.energy-choice-box h2 {	
    color:#fff;
    font-family:"Century Gothic";
    font-weight:normal;	
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    border-bottom:1px solid #000;
    padding:20px;
}
.energy-choice-box ul {list-style:none; margin:0; padding:0;}
.energy-choice-box li { margin-bottom:5px;}
.energy-choice-box li label, .energy-choice-box li input { display:inline-block; vertical-align:middle;}
.energy-choice-box li label{ font-size:16px; color:#000000; margin-left:5px;}
.energy-choice-box li input { padding:5px;}

.media-box {width:100%;	background-color:#1e407d; border-radius:5px;}
.media-box h2 {
    color:#000;	
    color:#ff7901;
    font-family:"Century Gothic";
    font-weight:normal;		
    font-size:20px;
    font-weight:bold;
    border-bottom:1px solid #000;
    text-transform:uppercase;
    padding:20px;
}
.media-box p {font-size:12px; line-height:17px; color:#fff;}
.media-box a{ color:#fff; text-decoration:none;}
.media-box a:hover{ color:#fff; text-decoration:underline;}

.signup-box {width:100%; background-color:#f6a22a; border-radius:5px;}
.signup-box h2 {
    color:#000;
    text-align:center;
    color:#fff;
    font-family:"Century Gothic";
    font-weight:normal;	
    font-size:20px;
    font-weight:bold;
    padding:15px 0px 0px;
}
.signup-box ul {list-style:none; margin:0; padding:0;}
.signup-box li { margin-bottom:10px;}
.signup-box li label, .signup-box li input { display:inline-block; vertical-align:middle;}
.signup-box li label{ width:60px; font-size:14px; color:#FFFFFF;}
.signup-box li input { border:1px solid #999999; background:#FFFFFF; padding:5px; width:70%;}

.padin{ padding:20px;}

.column-rgt h1{ color:#dc6800; margin-bottom:10px; font-size:30px; font-weight:normal;}
.introduction{ margin-bottom:20px;}

.home-energy-col{ width:65%; float:left; background:url(../images/seperator.jpg) no-repeat top right; padding-right:30px; margin-right:30px;}
.home-energy-col h2{ color:#1e407d; font-size:20px; margin-bottom:20px;}
.home-energy-col p{ margin-bottom:15px;}

.features-cont{ margin-bottom:15px; width:100%; overflow:hidden;}
.features-cont .img-cont{ float:left; width:30%;}
.features-cont .img-cont img{width:100%;}
.features-cont .copy-cont{ float:left; width:70%; padding-left:30px;}
.features-cont .copy-cont p{ margin-top:0px; margin-bottom:10px;}

.news-col{ width:30%; float:left;}
.news-col h2{ color:#1e407d; font-size:20px; margin-bottom:20px;}
.news-col p{ margin-bottom:15px;}


/* ================== INSIDE PAGE ================== */

/*------------Bredcrum---------------*/
.bredcrum-container {background: #FFFFFF; border-bottom:1px dotted #CCCCCC;}
.bredcrum-title {color: #4b4b4b; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 30px;}
.bredcrum-title a {color: #4b4b4b; text-decoration:none;}
.bredcrum-title a:hover {color:#eb902e; text-decoration:none;}
.bredcrum-title span {color: #eb902e; font-weight:normal;}

/*------------Banner---------------*/
.banner { width:100%; position:relative; -webkit-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.3);
          -moz-box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.3);
          box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.3);}
.banner img {width:100%; z-index:-1;}

.tagline {position:absolute; z-index:1; top:50px; left:0px; width:48%;}
.tagline h3 { font-weight:bold; color:#000; text-transform:uppercase; font-size: 25px; line-height: 30px; margin-left:10px;}
.tagline p { color:#000; font-size:17px; line-height:20px; margin-left:10px;}

/*------------Caption---------------*/
.caption-container {position:relative;}
.caption-container-main {position: relative; margin-bottom:10px; margin-top:40px;}
.caption-text-container {color: #eb902e; font-family: 'OswaldLight', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size: 20px; line-height: 20px; font-weight:bold;}





/*------------contact page style---------------*/

.contactus-form-cont{ float:left; width:40%; margin-right:50px;}
.registration-form-cont{ float:left; width:40%; }
.formrow{ display:block; width:100%; margin-bottom:10px; }
.formrow label{ display:inline-block; font-family:"Century Gothic"; font-size:15px; margin-right:0px; width:90px; vertical-align:top;}
.formrow .inputfield{ display:inline-block; border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; width:280px;}
.inputgobutton{
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding:5px 25px; /*add some padding to the inside of the button*/
    background:#006daa; /*the colour of the button*/
    border:1px solid #006daa; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75);
    /*style the text*/
    color:#f3f3f3;
    font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
    background-color :#034a05; /*make the background a little darker*/
    /*reduce the drop shadow size to give a pushed button effect*/
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);}


/*Inside Page Styles End*/









/* ================== Media ================== */
.news-container{display:block; position:relative;}
.news-info-container { border:1px solid #efefef; padding: 20px; background-color:#fafafa;}
.news-row { display: table; width:100%; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #dbdbdb;}
.news-row > ul { display: table-row; margin:0; padding:0; width:100%;}
.news-row > ul > li{ display: table-cell; float:left;}
.news-row > ul > li.date {width: 25%; display:block; padding-right:10px;}
.news-row > ul > li.detail {width:75%; display:block;}
.news-row > ul > li.detail a { color:#4b4b4b; text-decoration:none;}
.news-row > ul > li.date-events {width:12%; display:block; padding-right:10px;}
.news-row > ul > li.detail-events {width:88%; display:block;}
.news-row > ul > li.detail-events a { color:#4b4b4b; text-decoration:none;}		
.news-row.last {border:none;}
.news-info-container .btn{ float:right; padding-right:25px;}
.news-info-container .video{ width:auto; padding-top:10px;}

.news-cont{ width:100%; display:block;}
.news-cont p{ margin-top:0px; margin-bottom:5px;}
.news-cont p a{ color:#0066b8; text-decoration:none;}
.news-cont p a:hover{ color:#000; text-decoration:none;}
.news-cont p.small{font-size: 80%; color:#000;border-bottom:none;}




.knowledge-cont-container{border:1px solid #e6e6e6; padding:10px 10px; margin:0;}
.knowledge-cont-container .copy{ width:80%; float:left;}
.knowledge-cont-container .copy h6{ font-weight:bold;}
.knowledge-cont-container .copy p{ margin-top:0px;}
.knowledge-cont-container .copy p a{ color:#4b4b4b; text-decoration:none;}
.knowledge-cont-container .copy p a:hover{ color:#000; text-decoration:none;}
.knowledge-cont-container .icon{ width:20%; float:left; text-align:center;}









.registration-form-cont{  float:left; width:30%; background-color:#eb8f2d; padding-top:20px; padding-left:20px; margin-bottom:20px; }
.formrow{ display:block; width:100%; margin-bottom:10px; }
.formrow label{ display:inline-block; font-family:"Century Gothic"; font-size:15px; margin-right:0px; width:90px; vertical-align:top;}
.formrow .inputfield{ display:inline-block; border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; width:280px;}
.inputgobutton{
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding:5px 25px; /*add some padding to the inside of the button*/
    background:#222221; /*the colour of the button*/
    border:1px solid #222221; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75);
    /*style the text*/
    color:#f3f3f3;
    font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
    background-color :#034a05; /*make the background a little darker*/
    /*reduce the drop shadow size to give a pushed button effect*/
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);}

/*Registeratin fomr page2*/

.registration-form-cont2{  float:left; width:70%; background-color:#eb8f2d; padding-top:20px; padding-left:20px; margin-bottom:20px; }
.formrow2{ display:block; width:100%; margin-bottom:10px; }
.formrow2 label{ display:inline-block; font-family:"Century Gothic"; font-size:15px; margin-right:0px; vertical-align:top; width:30%;}

.formrow2 .inputfield{ display:inline-block; border:1px solid #999999; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; width:280px;}


.inputgobutton2{
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding:5px 25px; /*add some padding to the inside of the button*/
    background:#222221; /*the colour of the button*/
    border:1px solid #222221; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75);
    /*style the text*/
    color:#f3f3f3;
    font-size:1.1em;
}





/*Profile styles*/

.profile{ list-style-type:none; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
.profile li{ margin-bottom:0px; list-style-type:none; font-size:15px; color:#000; line-height:23px; }
.profile li a{ font-size:15px; color:#000; text-decoration:none;}
.profile a:hover{color:#eb902e; text-decoration:underline;}


.topmenu{ text-align: center;margin-top: 30px;}

.welcomeBox{ background:#FFF; border-left:1px solid #edf2f3; border-right:1px solid #edf2f3; padding:0px 13px;}
.serviceOutletsBox{ background:#FFF;}

/*LNK Styles*/
.lnkblu11U{ color:#1a8ed8; text-decoration:underline;}
.lnkblu11U:hover{ color:#1a8ed8; text-decoration:none;}

.lnkgry12U{ color:#535353; text-decoration:underline; font-size:12px;}
.lnkgry12U:hover{ color:#535353; text-decoration:none; font-size:12px;}



.dtype{
    width: 15% !important;
    border: 1px solid #000;
    text-align: center;
    margin-right: 5px !important;
}
.dtype1{
    width: 20% !important;
    border: 1px solid #000;
    text-align: left;
   
}


.button {
     background-color:#febf01;
     border:2px solid #000; 
     /*border is optional*/
     border-bottom:2px solid #444; 
     cursor: pointer;
	 width:40%;
	 height:40px;
	 border-radius:5px;
	 font-family:font-family: Arial,Helvetica,sans-serif;
	 text-transform:uppercase; font-weight:bold;
	 
}

.column-rgtcont1{float: right; width: 35%;}
.column-lftcont1{float: left; width: 65%;}




/* ================== MARGIN ================== */
.m-top-10{ margin-top:10px!important;}
.m-top-15{ margin-top:15px!important;}
.m-top-20{ margin-top:20px!important;}
.m-top-25{ margin-top:25px!important;}
.m-top-30{ margin-top:30px!important;}
.m-top-35{ margin-top:35px!important;}
.m-top-40{ margin-top:40px!important;}
.m-top-45{ margin-top:45px!important;}
.m-top-50{ margin-top:50px!important;}

.m-bot-10{ margin-bottom:10px!important;}
.m-bot-15{ margin-bottom:15px!important;}
.m-bot-20{ margin-bottom:20px!important;}
.m-bot-25{ margin-bottom:25px!important;}
.m-bot-30{ margin-bottom:30px!important;}
.m-bot-35{ margin-bottom:35px!important;}
.m-bot-40{ margin-bottom:40px!important;}
.m-bot-45{ margin-bottom:45px!important;}
.m-bot-50{ margin-bottom:50px!important;}