/*
 Theme Name: SmartGridCIS
 Theme URI:
 Author: Nikola Tomic
 Author URI:
 Description: WordPress Bootstrap Responsive Template
 Version: 1.0
 */

/* Table of Contents
 ==================================================
 # Imports
 # Fonts
 # All
 # HTML
 # Selection
 # Placeholder
 # Body
 # Grid
 # Header
 # Nav
 # Footer
 # Typography
 # Form
 # Helpers
 # Responsive
 ==================================================
 */

/************************* IMPORT *************************/

@import url(bootstrap.min.css);
@import url(bootstrap-theme.min.css);
@import url(jquery-ui-1.10.4.custom.min.css);

/************************* FONT *************************/

/* Webfont: Lato-Light */
@font-face {
    font-family: 'LatoLight';
    src: url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Light.eot?') format('embedded-opentype'), /* IE6-IE8 */
         url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Light.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */
@font-face {
    font-family: 'LatoBold';
    src: url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Bold.eot?') format('embedded-opentype'), /* IE6-IE8 */
         url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Bold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */
@font-face {
    font-family: 'LatoRegular';
    src: url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Regular.eot?') format('embedded-opentype'), /* IE6-IE8 */
         url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('https://www.smartgridcis.com/wp-content/themes/SmartGridCIS/fonts/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/************************* ALL *************************/

* {  }

/************************* HTML *************************/

html {
	
}

/* selection */

::selection {  }
::-moz-selection {  }

/************************* BODY *************************/

body {
	font-family: 'LatoLight';
}

/************************* GRID *************************/

.container-fluid {
	max-width: 2000px;
}

.container {
	
}

/************************* HEADER *************************/

#header {
	font-weight: bold;
}

#header .list-inline > li {
	/*margin-top: 10px;
	padding-right: 10px;
	padding-left: 10px;*/
}

#header .list-inline > li:last-child {
	float: right;
	padding-top: 12px;
}

#header .list-inline > li > a,
#header .list-inline > li > a:hover,
#header .list-inline > li > a:focus {
	color: #000;
	text-decoration: none;
}

/************************* NAV *************************/

.navbar {
	/*margin-top: 15px;
	margin-bottom: 15px;*/
	min-height: 25px;
}

.navbar-default {
	background: #fff;
	box-shadow: none;
	border-color: #fff;
	border-radius: 0px;
}

.navbar-brand {
	text-shadow: none;
}

.navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	background: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: none;
	box-shadow: none;
	/*padding: 0px 0px;
	margin-left: 15px;
	font-size: 16px;*/
}

.navbar-default .navbar-nav > li > .dropdown-menu {
	padding: 0px;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	padding: 5px 20px;
	/*font-size: 16px;*/
}

.navbar-default .navbar-nav > .dropdown > a .caret {
	display: none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > .dropdown-menu,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	color: #000;
	background: #fff;
	box-shadow: none;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #000;
	background: #fff;
	border-bottom: 2px solid #262c57;
	box-shadow: none;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav > li > .dropdown-menu > .active > a,
.navbar-default .navbar-nav > li > .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > .active > a:focus {
	color: #000;
	background: #dddddd;
}

.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar .navbar-nav .open .dropdown-menu >.active > a:hover {
	color: #000;
	background: #dddddd;
	background-image: none;
}

.dropdown-toggle > .glyphicon {
	font-size: 10px;
}

.dropdown a.dropdown-toggle {
	border-bottom: 2px solid #fff;
}

.open > a {
	color: #000;
	background: #dddddd;
	border-bottom: 2px solid #262c57;
}

.dropdown-menu {
	min-width: 100px;
	/*padding: 0px;*/
}

.dropdown-menu > li > a {
	font-weight: inherit;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #000;
	background: #dddddd;
}

/************************* MAIN *************************/

/* banner */

#banner {
	color: #fff;
	position: relative;
}

#banner i.fa.fa-check:before {
	color: #7cbc51;
}

.banner-caption {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#banner h1 {
	font-size: 48px;
}

#banner h4 {
	font-size: 28px;
}

#banner p {
	font-size: 18px;
}

#banner .btn-success {
	margin-right: 30px;
}

/* home banner */

.home_banner_title {
	margin-top: 50px;
}

.home_banner_txt {
	margin-top: 300px;
}

.home_banner_btn {
	margin-top: 50px;
}

/* product banners */

.gridlink_cis_banner_title {
	margin-top: 50px;
}

/* .gridlink_cis_banner_txt {
	margin-top: 50px;
	margin-bottom: 50px;
} */

/* .gridlink_cis_banner_btn {
	margin-top: 100px;
} */

.gridlink_prepay_banner_title {
	margin-top: 50px;
}

/* .gridlink_prepay_banner_txt {
	margin-top: 150px;
	margin-bottom: 150px;
} */

.gridlink_prepay_banner_btn {
	margin-top: 25px;
}

.my_account_banner_txt {
	margin-top: 50px;
}

.my_account_mobile_banner_title {
	margin-top: 50px;
}

.my_account_mobile_banner_txt {
	margin-top: 100px;
}

/* sidebar banners */

.single_banner_txt {
	margin-top: 90px;
}

.solutions_banner_title {
	margin-top: 50px;
}

.solutions_banner_btn {
	margin-top: 50px;
}

/* main */

#main {
	font-family: 'LatoRegular';
	font-size: 18px;
	padding: 50px 0px;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6,
#main .h1, #main .h2, #main .h3, #main .h4, #main .h5, #main .h6 {
	color: #7cbc51;
	font-family: 'LatoBold';
	text-transform: uppercase;
}

#main a,
#main a:hover,
#main a:focus {
	color: #7cbc51;
	text-decoration: none;
}

.sidebar a,
.sidebar a:hover,
.sidebar a:focus {
	color: #333;
	text-decoration: underline;
}

#main i.fa.fa-check:before,
#main i.fa.fa-map-marker:before,
#main i.fa.fa-sign-in:before,
#main i.fa.fa-caret-right:before,
#main i.fa.fa-phone:before,
#main i.fa.fa-life-ring:before,
#main i.fa.fa-comment-o:before {
	color: #7cbc51;
}

#main-middle {
	font-family: 'LatoRegular';
	background: #fff;
	padding: 15px;
	box-shadow: inset 0 16px 16px -16px #aaa,
				inset 0 -16px 16px -16px #aaa;
}

#main-middle h4 {
	font-family: 'LatoBold';
}

/* news */

#news a,
#news a:hover,
#news a:focus {
	color: #7cbc51;
}

#news i.fa.fa-arrow-circle-o-right:before {
	color: #7cbc51;
}

/* partners */

#partners .row {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#partners .row:last-child {	
	border-bottom: 1px solid #cccccc;
}

#partners .col-md-10 {
	border-right: 1px solid #cccccc;
}

#partners b {
	color: #7cbc51;
}

#partners a,
#partners a:hover,
#partners a:focus {
	color: #959595;
}

/* thumbnail */

.thumbnail {
	border: 1px solid #fff;
	border-radius: 0px;
	box-shadow: none;
}

.thumbnail div.text-center {
	min-height: 125px
}

a.thumbnail,
a.thumbnail:hover,
a.thumbnail:focus {
	border: 1px solid #e1e1e1;
}

a.thumbnail img {
	border: 10px solid #fff;
}

/* cards */

/* entire container, keeps perspective */
.flip-container {
	perspective: 800px;
}
	
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
	transform: rotateY(-180deg);
}

.flip-container,
.front,
.back {
	width: 220px;
	height: 275px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.front,
.back {
	padding: 15px;	
}

.front {
	border-bottom: 2px solid #dedede;
}

.front p {
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
}

.front img {
	margin-top: 50px;
}

.back {
	color: #b7b7b7 !important;
	background: #333333;
}

/* flip speed goes here */
.flipper {
	transition: all 0.5s ease;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front,
.back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
	font-size:16px;
}

.back h4 {
	font-size:15px;
}

/* sidebar widgets */

#text-4 {
	text-align: center;
}

/* slider */

#slider {
	background: url(../image/customer.jpg);
	min-height: 595px;
}

.carousel-item {
	
}

.carousel-item h2 {
	color: #7cbc51;
	font-family: 'LatoBold';
	text-transform: uppercase;
	margin-top: 70px;
	
}

.carousel-item h4 {
	color: #fff;
	font-family: 'LatoBold';
}

.carousel-item img {
	margin: 100px 0px 220px;
	max-width: 100%;
	max-height: 225px;
}

.carousel-caption {
	bottom: 30px;
}

.carousel-caption h2 p{
	font-size: 18px;
}

.carousel-control {
	width: 44px;
	height: 44px;
	top: 48%;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
}

.carousel-indicators li {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff;
}

.carousel-indicators .active {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0,0,0,0);
	border: 3px solid #7cbc51;
	border-radius: 10px;
}

/* map */

#map_canvas {
	height: 215px;
	border: 1px solid #ccc;
}

/* tabs */

.nav-tabs>li>a {
	color: #000 !important;
	font-size: 14px !important;
	text-transform: uppercase;
	border-radius: 3px 3px 0 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #7cbc51 !important;
}

/* modal */

.modal-content {
	border-radius: 3px;
}

.modal-dialog {
	margin: 100px auto;
}

.modal-header,
.modal-body,
.modal-footer {
	background: #333333;
	border: none;
}

.modal-title {
	color: #7cbc51;
}

.modal-body,
.modal-footer {
	color: #b7b7b7;
}

.modal-footer {
	text-align: center;
}

/************************* FOOTER *************************/

#footer-top {
	color: #fff;
	background: #7cbc51;
	/*padding: 17px 0px;*/
}

#footer-top .col-md-4 {
	padding: 17px 15px;
	border-right: 2px solid #98d96c;
}

#footer-top .col-md-4:last-child {
	border-right: none;
}

#footer-top a,
#footer-top a:hover,
#footer-top a:focus {
	color: #fff;
	text-decoration: none;
}

#footer-top a img {
	display: inline;
	vertical-align:middle;
}

#footer-top a h4 {
	display: inline;
	vertical-align:middle;
	font-size: 22px;
}

#footer {
	color: #b7b7b7;
	background: #333333;
	padding: 50px 0px;
}

#footer .col-md-4,
#footer .col-sm-6,
#footer .col-xs-12 {
	min-height: 140px;
}

#footer h4 {
	color: #fff;
}

#footer a,
#footer a:hover,
#footer a:focus {
	color: #b7b7b7;
	text-decoration: none;
}

#copyrights {
	color: #5d5d5d;
	background: #2f2f2f;
	font-family: 'LatoLight';
	font-weight: bold;
	padding: 21px 0px;
}

#copyrights p {
	margin: 11px 0 10px;
}

#copyrights a,
#copyrights a:hover,
#copyrights a:focus {
	color: #5d5d5d;
	text-decoration: none;
}

/************************* TYPOGRAPHY *************************/

/* h */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'LatoBold';
}

/* hr */

hr {
	border-top: 1px solid #e1e1e1;
}

/* list */

.features li {
	width: 220px;
	height: 275px;
}

/************************* FORM *************************/

/* input */

.form-control:focus {
	outline: none;
	box-shadow: none;
	border: 1px solid #ccc;
}

/* buttons */

.btn:focus {
	outline: none;
	box-shadow: none;
}

.btn,
.form-control {
	border-radius: 3px;
}

.btn-default {
	color: #7cbc51;
	background: #fff;
	background-image: none;
	border: 1px solid #7cbc51;
	text-shadow: none;
	transition: all 0.2s linear;
}

.btn-default:hover,
.btn-default:focus {
	
}

.btn-primary {
	color: #000 !important;
	background: #e9e9e9;
	background-image: none;
	border: none;
	border-bottom: 2px solid #bcbcbc;
	text-shadow: none;
	transition: all 0.2s linear;
}

.btn-primary:hover,
.btn-primary:focus {
	background: #aeaeae;
	border-bottom: 2px solid #858585;
}

.btn-success {
	color: #fff !important;
	background: #7cbc51;
	background-image: none;
	border: none;
	border-bottom: 2px solid #427128;
	text-shadow: none;
	transition: all 0.2s linear;
}

.btn-success:hover,
.btn-success:focus {
	background: #508d2c;
	border-bottom: 2px solid #294d16;
}

.btn-group-lg > .btn,
.btn-lg {
	padding: 15px 85px;
}

/* selectpicker */

.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
	width: 95px;
}

.bootstrap-select .btn-default {
	border: 1px solid #fff!important;
	border-bottom: 2px solid #fff!important;
	padding-top: 12px;
	text-shadow: none;
	box-shadow: none;
}

.bootstrap-select.open > .dropdown-toggle.btn-default {
	border-bottom: 2px solid #262c57!important;
}

.bootstrap-select.btn-group .btn .filter-option {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

.selectpicker i.fa.fa-angle-down:before {
	color: #000;
	font-weight: bold;
	text-align: left;
	position: relative;
	top: 3px;
	right: 5px;
}

/* ! */
.fa.pull-right {
    margin-left: -0.9em;
}

/* placeholders */

::-webkit-input-placeholder {  }
::-moz-placeholder {  }
:-ms-input-placeholder {  }
input:-moz-placeholder {  }

/************************* HELPERS *************************/

.read-more {
	margin-top: 35px;
	margin-right: 275px;
}

/* pace */

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #7cbc51;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

/************************* RESPONSIVE *************************/

@media (min-width: 1600px) {
	
	/* home banner */

	.home_banner_title {
		margin-top: 50px;
	}
	
	.home_banner_txt {
    margin-top: 150px;
/* 		margin-top: 200px; */
	}
	
	.home_banner_btn {
		margin-top: 50px;
	}
	
	/* product banners */
	
	.gridlink_cis_banner_title {
		margin-top: 50px;
	}
	
	.gridlink_cis_banner_txt {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	
	.gridlink_cis_banner_btn {
		margin-top: 50px;
	}
	
	.gridlink_prepay_banner_title {
		margin-top: 50px;
	}
	
/* 	.gridlink_prepay_banner_txt {
		margin-top: 100px;
		margin-bottom: 100px;
	} */
	
	.gridlink_prepay_banner_btn {
		margin-top: 25px;
	}
	
	.my_account_banner_txt {
		margin-top: 50px;
	}
	
	.my_account_mobile_banner_title {
		margin-top: 50px;
	}
	
	.my_account_mobile_banner_txt {
		margin-top: 50px;
	}
	
	/* sidebar banners */
	
	.single_banner_txt {
		margin-top: 65px;
	}
	
	.solutions_banner_title {
		margin-top: 50px;
	}
	
	.solutions_banner_btn {
		margin-top: 150px;
	}
	
}

@media (max-width: 1600px) {
	
	.home_banner_txt {
		margin-top: 100px;
	}
  
}

@media (max-width: 1440px) {
	
/* 	.home_banner_txt {
		margin-top: 100px;
	} */
	
	.gridlink_cis_banner_title {
		margin-top: 25px;
	}
	
	.gridlink_cis_banner_btn {
		margin-top: 25px;
	}
	
/* 	.gridlink_prepay_banner_txt {
		margin-top: 75px;
		margin-bottom: 75px;
	} */
	
	.single_banner_txt {
		margin-top: 50px;
	}
	
	.solutions_banner_btn {
		margin-top: 50px;
	}
	
}

@media (max-width: 1366px) {
	
	.gridlink_cis_banner_txt {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
}

@media (min-width: 1200px) {
	
	.container {
		width: 1200px;
	}
	
	.thumbnail {
		margin-bottom: 0px;
	}
	
	#footer .col-md-4 {
		min-height: 150px;
	}
	
}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {
	
	#banner h1 {
		font-size: 36px;
	}
	
	#banner h4 {
		font-size: 18px;
	}
	
	#banner p {
		font-size: 14px;
	}
	
	.home_banner_txt {
		margin-top: 50px;
	}
	
	.gridlink_cis_banner_title {
		margin-top: 15px;
	}
	
	.gridlink_cis_banner_txt {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.gridlink_cis_banner_btn {
		margin-top: 0px;
	}
	
	.gridlink_prepay_banner_txt {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	
	.solutions_banner_btn {
		margin-top: 20px;
	}
	
	.single_banner_txt {
		margin-top: 40px;
	}
	
	.btn-group-lg > .btn, .btn-lg {
		padding: 10px 16px;
		font-size: 14px;
	}
	
}

@media (min-width: 992px) {
	
	/* contact */

	#contact .form-control {
		height: 62px;
		font-size: 18px;
	}
	
	#contact textarea.form-control {
		height: 215px;
	}

	#contact button {
		padding: 15px 32px;
		font-size: 18px;
	}
	
}

@media (max-width: 992px) {
	
	#partners .row,
	#partners .col-md-10,
	#partners .row:last-child {
		border: none;
	}
	
	#footer-top .col-md-4 {
		border-right: none;
	}
	
	.btn {
		margin-bottom: 20px;
	}
	
}

@media (min-width: 768px) {
	
	.navbar-nav > li > a {
		/* padding-top: 10px; */
		padding-top: 13px;
		padding-bottom: 5px;
	}
	
}

@media (max-width: 768px) {
	
	#header .list-inline .btn {
		margin-bottom: 0px;
	}
	
	.navbar-default {
		margin-bottom: 0px;
	}
	
	#main {
		font-size: 14px;
	}
	
	#banner h1 {
		font-size: 30px;
	}
	
	#banner h4 {
		font-size: 16px;
	}
	
	.home_banner_title,
	.home_banner_btn {
		margin-top: 25px;
	}
	
	.home_banner_txt {
		margin-top: 50px;
	}
	
	.gridlink_cis_banner_btn {
		margin-left: 425px;
		margin-top: -100px;
	}
	
	.gridlink_prepay_banner_title {
		margin-top: 20px;
	}
	
	.my_account_mobile_banner_title,
	.my_account_mobile_banner_txt {
		margin-top: 25px;
	}
	
	.solutions_banner_btn {
		margin-top: 50px;
	}
	
	.single_banner_txt {
		margin-top: 30px;
	}
	
}

@media (max-width: 667px) {
	
	.home_banner_title,
	.home_banner_btn {
		margin-top: 15px;
	}
	
	.gridlink_cis_banner_title {
		margin-top: -1px;
	}
	
	.gridlink_cis_banner_btn {
		margin-left: 400px;
		margin-top: -100px;
	}
	
	.gridlink_prepay_banner_txt {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.solutions_banner_btn {
		margin-top: 25px;
	}
	
	.gridlink_prepay_banner_btn {
		margin-top: 15px;
	}
	
	.single_banner_txt {
		margin-top: 25px;
	}
	
}

@media (max-width: 640px) {
	
	#banner p {
		display: none;
	}
	
	.home_banner_title,
	.home_banner_btn {
		margin-top: 15px;
	}
	
	.home_banner_txt {
		margin-top: 35px;
	}
	
	#banner p.gridlink_cis_banner_btn {
		display: block;
		margin-top: 25px;
		margin-left: 0px;
	}
	
	#banner p.gridlink_prepay_banner_btn {
		display: block;
		margin-top: 25px;
		margin-left: 0px;
	}
	
	#banner p.my_account_mobile_banner_txt {
		display: block;
		margin-top: 20px;
	}
	
	#banner p.solutions_banner_btn {
		display: block;
		margin-top: 25px;
	}
	
	.single_banner_txt {
		margin-top: 23px;
	}
	
}

@media (max-width: 600px) {
	
	#banner p {
		display: none;
	}
	
	.home_banner_title,
	.home_banner_btn {
		margin-top: 15px;
	}
	
	.home_banner_txt {
		margin-top: 25px;
	}
	
	#banner p.home_banner_btn {
		display: block;
	}
	
	.single_banner_txt {
		margin-top: 20px;
	}
	
	#banner p.gridlink_cis_banner_btn {
		display: block;
		margin-top: 60px;
		margin-left: 0px;
	}
	
	#banner p.gridlink_prepay_banner_btn {
		display: block;
		margin-top: 50px;
	}
	
	.my_account_mobile_banner_title {
		margin-top: 15px;
	}
	
	#banner p.my_account_mobile_banner_txt {
		display: block;
		margin-top: 15px;
	}
	
	.solutions_banner_title {
		margin-top: 30px;
	}
	
	#banner p.solutions_banner_btn {
		display: block;
		margin-top: 25px;
	}
	
}

@media (max-width: 568px) {
	
	#banner h1 {
		font-size: 24px;
	}
	
	.home_banner_txt {
		margin-top: 15px;
	}
	
	#banner p.home_banner_btn {
		display: block;
	}
	
	.gridlink_cis_banner_title {
		margin-top: 15px;
	}
	
}

@media (min-width: 480px) {}

@media (max-width: 480px) {
	
	#main {
		padding: 0px;
	} 
	
	#banner h1 {
		font-size: 20px;
	}
	
	#banner p.home_banner_btn {
		display: block;
	}
	
	.home_banner_title,
	.home_banner_btn {
		margin-top: 10px;
	}
	
	.home_banner_txt {
		margin-top: 10px;
	}
	
	.gridlink_cis_banner_title {
		margin-top: 15px;
	}
	
	#banner p.gridlink_cis_banner_btn {
		display: block;
		margin-top: 35px;
		margin-left: 0px;
	}
	
	#banner p.gridlink_prepay_banner_btn {
		display: block;
		margin-top: 30px;
	}
	
	#banner p.my_account_mobile_banner_txt {
		display: none;
	}
	
	.single_banner_txt {
		margin-top: 17px;
	}
	
	.read-more {
		margin-top: 35px;
		margin-right: 0px;
	}
	
}

@media (max-width: 414px) {
	
	.home_banner_title,
	.home_banner_btn {
		margin-top: 16px;
	}
	
	.home_banner_txt {
		display: none;
	}
	
	.gridlink_cis_banner_title {
		margin-top: 10px;
	}
	
	#banner p.gridlink_cis_banner_btn {
		display: block;
		margin-top: 5px;
		margin-left: 0px;
	}
	
	.gridlink_prepay_banner_title {
		margin-top: 20px;
	}
	
	#banner p.gridlink_prepay_banner_btn {
		display: block;
		margin-top: 0px;
	}
	
	.my_account_banner_txt {
		margin-top: 25px;
	}
	
	.solutions_banner_title {
		margin-top: 10px;
	}
	
	.solutions_banner_title {
		margin-top: 15px;
	}
	
	#banner p.solutions_banner_btn {
		display: block;
		margin-top: 25px;
	}
	
	.single_banner_txt {
		margin-top: 14px;
	}
	
}

@media (max-width: 375px) {
	
	.home_banner_title,
	.home_banner_btn {
		margin-top: 12px;
	}
	
	.home_banner_txt {
		display: none;
	}
	
	.gridlink_cis_banner_title {
		margin-top: 5px;
	}
	
	#banner p.gridlink_cis_banner_btn {
		display: block;
		margin-top: -5px;
		margin-left: 0px;
	}
	
	.gridlink_prepay_banner_title {
		margin-top: 5px;
	}
	
	#banner p.gridlink_prepay_banner_btn {
		display: block;
		margin-top: -5px;
	}
	
	.my_account_banner_txt {
		margin-top: 25px;
	}
	
	.solutions_banner_title {
		margin-top: 10px;
	}
	
	#banner p.solutions_banner_btn {
		display: block;
		margin-top: 15px;
	}
	
	.single_banner_txt {
		margin-top: 13px;
	}
	
}

@media (max-width: 360px) {
	
	.home_banner_txt {
		display: none;
	}
	
	.gridlink_cis_banner_title {
		margin-top: 5px;
	}
	
	#banner p.gridlink_cis_banner_btn {
		display: block;
		margin-top: -8px;
		margin-left: 0px;
	}
	
	.gridlink_prepay_banner_title {
		margin-top: 5px;
	}
	
	#banner p.gridlink_prepay_banner_btn {
		display: block;
		margin-top: -8px;
	}
	
	.my_account_banner_txt {
		margin-top: 25px;
	}
	
	.solutions_banner_title {
		margin-top: 10px;
	}
	
	#banner p.solutions_banner_btn {
		display: block;
		margin-top: 0px;
	}
	
	.single_banner_txt {
		margin-top: 10px;
	}
	
}

@media (min-width: 320px) {}

@media (max-width: 320px) {
	
	#banner img {
		min-height: 50px;
	}
	
	.home_banner_txt {
		display: none;
	}
	
	#banner p.home_banner_btn {
		display: none;
	}
	
	.home_banner_title {
		margin-top: 20px;
	}
	
	#banner p.gridlink_prepay_banner_btn,
	#banner p.gridlink_cis_banner_btn,
	#banner p.solutions_banner_btn {
		display: none;
	}
	
	.my_account_banner_txt {
		margin-top: 20px;
	}
	
	.my_account_mobile_banner_title {
		margin-top: 10px;
	}
	
	.read-more {
		margin-top: 60px;
		margin-right: 0px;
	}
	
}

.alignright {
	float: right;
	text-align: right;
}

.smartgrid-video {
  margin: 50px 0;
}

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.smpdf-download {
  float: left;
  background: #F4F4F4;
  margin: 50px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
  padding: 50px 0; 
}

.smpdf-download .row {
 max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}

.smpdf-download img {
  width: 100%;
    text-align: center;
}

#main .retail-market-rows h3 {
  text-transform: none;
    font-weight: normal;
    font-family: 'Lato';
    color: #000;
}

.retail-market-rows .formrow {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

.gm-landing-page#banner {
  padding: 0;
}

.gm-landing-page#banner .banner-caption {
      float: left;
    width: 100%;
    position: relative;
}

.gm-landing-page#banner .container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 75px 0;
}

.gm-landing-page#banner .row {
  margin-right: auto;
  margin-left: auto;
}

.gm-landing-page#banner .solutions_banner_title {
    margin-top: 0;
}

@media (max-width: 768px) {
  .gm-landing-page#banner .banner-caption {
    padding: 0 5%;
}
  
}
/* CSS UPDATES */
.img-responsive.max-height {
    max-height: 217px;
}