html {
position: relative;
min-height: 100%; }
body {
font-family: 'Rubik', sans-serif;
padding-top: 75px;
margin-bottom: 146px;
overflow-x: hidden; }
.container {
max-width: 930px;
}
.header .container,
.footer .container {
max-width: 1230px;
}
.alignleft {
display: inline;
float: left;
margin-left: 0;
margin-right: 20px;
}
.alignright {
display: inline;
float: right;
margin-top: 30px;
margin-left: 15px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.woocommerce-order-pay .woocommerce {
margin: 60px 0 0 0;
}
.woocommerce-thankyou-order-received {
margin: 60px 0 0 15px;
}
.woocommerce-order-received .woocommerce-MyAccount-downloads-file {
text-align: center;
font-size: 14px;
line-height: 16px !important;
}
.woocommerce-order-received .woocommerce-order p:nth-child(2) {
margin-left: 15px;
}
.form-control {
border-radius: 0;
}
.form-control:focus {
border-color: rgb(0, 176, 161);	
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 176, 161, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 176, 161, 0.6);
}
.link {
font-weight: 400;
font-size: 15px;
line-height: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.white-link {
color: #fff;
border-bottom-color: #fff;
}
.white-link:hover,
.white-link:focus {
color: #000;
border-bottom-color: #000;
text-decoration: none;
outline: none;
}
.grey-link {
color: #9aa7aa;
border-bottom-color: #9aa7aa;
}
.grey-link:hover,
.grey-link:focus {
color: #eb4f45;
border-bottom-color: #eb4f45;
text-decoration: none;
outline: none;
} .nav {
float: right;
}
.nav>li {
display: inline-block;
margin: 25px 0 10px 25px;
}
.nav>li>a {
padding: 0;
font-size: 14px;
text-transform: uppercase;
color: #EB4F45;
line-height: 1;
font-weight: 500;
}
.nav>li>a:hover,
.nav>li>a:focus {
background: none;
text-decoration: underline;
outline: none;
} .nav > li.menu-item-has-children {
position: relative;
}
.nav > li.menu-item-has-children > .sub-menu {
display: none;
list-style: none;
margin: 0;
padding: 10px 0;
}
.nav > li.menu-item-has-children > .sub-menu li a {
display: block;
padding: 8px 20px;
font-size: 14px;
text-transform: none;
font-weight: 400;
color: #363c4d;
}
.nav > li.menu-item-has-children > .sub-menu li a:hover {
color: #00b0a1;
text-decoration: none;
}
@media (min-width: 768px) {
.nav > li.menu-item-has-children > .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 240px;
background-color: #fff;
border: 1px solid #e9e9e9;
box-shadow: 0 8px 20px rgba(0,0,0,.08);
z-index: 1000;
}
.nav > li.menu-item-has-children:hover > .sub-menu {
display: block;
}
}
@media (max-width: 767px) {
.nav > li.menu-item-has-children > .sub-menu {
display: block;
position: static;
border: none;
box-shadow: none;
width: auto;
margin: 0;
padding: 0;
text-align: center;
}
.nav > li.menu-item-has-children > .sub-menu li a {
padding: 4px 0;
text-align: center;
}
} .navbar-default {
min-height: 75px;
background-color: #fff;
border: none;
margin-bottom: 0;
}
.navbar {
padding-top: 15px;
border-bottom: 1px solid #e9e9e9;
}
.navbar .container-fluid,
.main-shop .container-fluid {
margin-left: 154px;
margin-right: 154px;
}  .footer {
background-color: #363c4d;
padding-top: 37px;
padding-bottom: 45px;
position: absolute;
bottom: 0;
width: 100%;
}
.woocommerce select[name="category"] {
padding: 10px;
border: 1px solid #ccc;
margin-left: 5px;
}
.footer .container-fluid {
margin-left: 154px;
margin-right: 154px;
}
.footer ul {
list-style-type: none;
padding-left: 0;
padding-top: 55px;
margin-bottom: 0;
}
.footer li {
display: inline-block;
color: #e5f7f6;
font-weight: 300;
font-size: 12px;
line-height: 14px;
}
.twitter {
vertical-align: top;
padding-left: 2px;
}
.twitter div {
background-color: white;
border-radius: 2px;
display: block;
max-width: 100%;
height: 25px;
width: 25px;
text-align: center;
line-height: 25px;
}
.follow-us {
color: white;
margin-bottom: 20px;
padding: 0 3px;
font-size: 12px;
line-height: 14px;
margin-left: -3px;
}
.twitter span {
font-size: 20px;
color: #363c4d;
}
.footer a {
color: #e5f7f6;
}
.footer .footer-social-links {
padding-top: 0;
float: right;
}
.footer-social-links li {
padding-right: 5px;
}
.footer .footer-social-links li:hover {
opacity: 0.2;
}
.footer-links {
margin-top: -38px;
}
.footer-links li {
border-right: 1px solid white;
padding-left: 10px;
padding-right: 10px;
}
.footer-links li:first-child {
padding-left: 0;
}
.footer-links li:last-child {
border-right: 0;
}  .decisions { 
background-size: cover;
background-position: center;
}
.decisions h1 {
margin-top: 0;
}
.overlay {
height: 800px;
background-color: rgba(0,175,160,.7);
position: relative;
min-width: 100%;
}
.overlay .container{    
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.overlay h1 {
color: #fff;
font-size: 70px;
line-height: 67px;
letter-spacing: 1px;
}
.overlay h2 {
color: #fff;
font-size: 21px;
padding: 0 36px;
line-height: 28px;
max-width: 520px;
margin: 0 auto;
}
.box-container {
background-color: rgba(155,168,172,.15);
}
.box-container .row {
margin-top: -130px;
padding-bottom: 30px;
}
.leading-solutions {
margin-bottom: 70px;
}
.leading-solutions h2 {
font-weight: 400;
font-size: 28px;
line-height: 38px;
color: #363c4d;
padding: 60px 0 30px 0;
max-width: 675px;
margin: 0 auto;
}
.demand-response div,
.contract-review div {
padding: 40px 0 35px 0;
}
.review-container .content-first-box {
width: 383px;
margin: auto;
padding-top: 0;
padding-bottom: 0;
}
.renewable-energy div {
padding: 21px 0 35px 0;
}
.research-review div {
padding: 44px 0 27px 0;
}
.services-container .content-first-box {
padding-top: 0;
padding-bottom: 0;
max-width: 325px;
margin: auto;
}
.services-container {
background-color: rgb(184, 209, 94);
padding: 10px;
max-width: 443px;
min-height: 296px;
-webkit-box-shadow: 2px 2px 8px 0px rgba(63,64,78,0.3);
-moz-box-shadow: 2px 2px 8px 0px rgba(63,64,78,0.3);
box-shadow: 2px 2px 8px 0px rgba(63,64,78,0.3);
margin: 0 auto 20px;
}
.review-container {
max-width: 445px;
min-height: 300px;
margin: 0 auto;
}
.services-container h3 {
font-weight: 500;
font-size: 21px;
color: #fff;
line-height: 28px;
margin-top: 0;
}
.contract-review h3,
.research-review h3 {
font-weight: 500;
font-size: 21px;
color: #00b0a1;
line-height: 24px;
margin-top: 0;
}
.services-container p {
font-weight: 300;
font-size: 14px;
line-height: 19px;
}
.contract-review p {
font-weight: 300;
font-size: 14px;
line-height: 19px;
padding: 0;
color: #00b0a1;
}
.research-review p {
font-weight: 300;
font-size: 14px;
line-height: 19px;
padding: 0 30px;
color: #00b0a1; 
}
.managing {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 710px;
display: table;
width: 100%;
}
.managing .container {
display: table-cell;
vertical-align: bottom;
padding-bottom: 80px;
padding-left: 170px;
}
.managing blockquote {
padding: 0;
border: none;
width: 360px;
}
.managing .col-sm-12 h4 {
font-weight: 400;
font-size: 21px;
color: #b8d15e;
text-transform: uppercase;
margin-bottom: 5px;
line-height: 28px;
width: 360px;
}
.managing .col-sm-12 p {
font-size: 21px;
color: #fff;
line-height: 28px;
}
.managing .col-sm-12 .author {
font-style: italic;
font-weight: 400;
color: #c3cacc;
font-size: 15px;
line-height: 20px;
}
.posts-blog {
padding-top: 100px;
padding-bottom: 70px;
}
.posts-blog .article {
max-width: 410px;
position: relative;
min-height: 490px;
-webkit-box-shadow: 5px 5px 10px -5px rgba(63,64,78,0.15);
-moz-box-shadow: 5px 5px 10px -5px rgba(63,64,78,0.15);
box-shadow: 5px 5px 10px -5px rgba(63,64,78,0.15);
margin: 0 auto 20px;
}
.posts-blog .article-image-container {
height: 224px;
display: flex;
align-items: center;
justify-content: center;
background: #f7f8f8;
}
.posts-blog .article-image-container img {
height: 100%;
}
.posts-blog .article .homepage-post-text {
padding: 20px 25px 20px 25px;
}
.post-text-link {
margin-top: 20px;
}
.posts-blog h4 {
margin-bottom: 0;
padding-bottom: 30px;
text-transform: uppercase;
font-weight: 400;
color: #363c4d;
font-size: 21px;
line-height: 28px;
margin-left: 12px;
}
.homepage-post-text h5 {
font-weight: 500;
font-size: 21px;
line-height: 24px;
color: #eb4f45; 
}
.homepage-post-text .text-uppercase {
font-size: 12px;
line-height: 20px;
font-weight: 400;
}
.homepage-post-text p {
font-weight: 300;
color: #363c4d;
font-size: 15px;
line-height: 20px;
}
.homepage-post-text a {
text-decoration: none;
color: #9aa7aa;
border-bottom: 1px solid #9aa7aa;
}
.posts-blog .article:before {
content: "";
border-style: solid;
border-width: 0 10px 15px 10px;
border-color: transparent transparent #fff transparent;
position: absolute;
right: 38px;
top: 209px;
}  .about-content {
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.wrapper {
min-height: 335px;
background-color: rgba(0,176,161,.7);
position: relative;
}
.wrapper h1 {
margin-top: 83px;
font-size: 67px;
color: #fff;
margin-bottom: 145px;
line-height: 67px;
}
.hero-plain-text {
margin-top: 83px;
font-size: 67px;
color: #fff;
font-weight: 500;
margin-bottom: 145px;
line-height: 67px;
}
.box-content {
background-color: rgba(155,168,172,.15);
}
.box-content span {
color: #00b0a1;
font-weight: 500;
}
.box-content article {
padding: 45px 80px 30px 40px;
margin-top: -130px;
background-color: #fff;
position: relative;
}
.box-content h2 {
font-weight: 400;
line-height: 32px;
color: #363c4d;
font-size: 24px;
margin-bottom: 20px;
}
.single-product h2 {
font-weight: 400;
line-height: 32px;
color: #363c4d;
font-size: 24px;
margin-bottom: 20px;
}
.box-content p, .single .main-blog-content {
line-height: 22px;
font-size: 17px;
color: #363c4d;
font-weight: 300;	
margin-bottom: 20px;
}
.managing-director {
padding-top: 75px;
padding-bottom: 110px;
}
.managing-director .alignright {
display: inline;
float: right;
margin-top: 0;
margin-left: 20px;
}
.managing-director .alignleft {
display: inline;
float: left;
margin-top: 0;
margin-right: 20px;
}
.managing-director article {
padding: 0 80px 40px 40px;
}
.managing-director h4 {
font-weight: 400;
text-transform: uppercase;
font-size: 18px;
line-height: 38px;
color: #363c4d;
margin-bottom: 0;
}
.managing-director h3 {
color: #EB4F45;
font-weight: 500;
font-size: 41px;
margin-top: 0;
}
.managing-director .big {
font-size: 17px;
line-height: 22px;
}
.managing-director p {
line-height: 20px;
font-size: 15px;
color: #363c4d;
font-weight: 300;	
margin-bottom: 18px;
}
div.wpcf7-validation-errors {
border: none;
}
div.wpcf7-response-output {
margin: 0;
padding: 0;
color: red;
}
.wpcf7-form-control-wrap {
position: initial;
}
.contact-form .col-xs-12 p {
margin-top: 10px;
}
.contact-form .btn-danger {
background-color: #EB4F45;
border-radius: 0;
border-color: transparent;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
line-height: 28px;
margin-top: -28px;
}
.contact-form .btn-danger:hover,
.contact-form .btn-danger:focus,
.contact-form .btn-danger:active {
background-color: #de2e31;
outline: none;
border-color: transparent;
}
.contact-us {
background: url(//energysynapse.com.au/wp-content/themes/synapse/images/about-us-footer.png) no-repeat;    
background-size: cover;
background-position: center;
min-height: 1070px;
}
.contact-us .narrow {
background-color: rgba(54, 61, 78, .75);
padding-top: 70px;
padding-bottom: 100px;
}
.contact-us h2 {
font-weight: 500;
color: #fff;
font-size: 67px;
line-height: 67px;
padding-bottom: 60px;
}
.contact-us .contact-form,
.contact-us .office-address
{
background-color: #fff;
padding: 55px;
}
.contact-us .office-address
{
padding-bottom:0;
}
.contact-us .contact-form  h4,
.contact-us .office-address h4
{
padding-top: 10px;
text-align: left;
font-weight: 400;
font-size: 24px;
line-height: 32px;
padding-bottom: 35px;
color: #363c4d;
}
.contact-us .container {	
min-height: 770px;
}
.contact-us label {
float: left;
font-weight: 500;
text-transform: uppercase;
font-size: 15px;
line-height: 20px;
color: #363c4d;
padding-top: 12px;
}
.contact-us input {
height: 45px;
}
.form-group {
position: relative;
}
.contact-us .required {
color: #eb4f45;
}
.contact-us textarea.form-control {
height: 433px;
}
.contact-us p:last-child {
margin-bottom: 0;
}
div.wpcf7-response-output {
color: #eb4f45;
display: block;
border: none;
text-align: center;
font-weight: 500;
font-size: 15px;
line-height: 28px;
text-transform: uppercase;
}
span.wpcf7-not-valid-tip {
color: #eb4f45;
margin-top: 5px;
position: absolute;
}
.wpcf7-mail-sent-ok:first-child {
display: none !important;
}
.wpcf7-validation-errors:first-child {
display: none !important;
}
div.wpcf7 .ajax-loader {
margin: 0 5px 20px 5px;
}
.contact-form .row {
position: relative;
}
.overlay-form-container {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.overlay-form-container .spinner {
display: inline-block;
background-image: url(//energysynapse.com.au/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
z-index: 3;
}
.overlay-form {
background-color: #f7f8f8;
opacity: 0.5;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
top: 0;
left: 0;
}  .grey-background {
background-color: rgba(155,168,172,.15);
min-height: 220px;
}
.service-demand .position-container {
padding: 65px 80px 30px 40px;
margin-top: -350px;
background-color: #fff;
position: relative;
}
.blog-posts-content .position-container {
padding: 65px 40px 30px 40px;
margin-top: -350px;
background-color: #fff;
position: relative;
min-height: 500px;
}
.position-container article { padding-bottom: 135px; }
#demand-response{
padding-top: 10px;
}
.services-content {
background-size: cover;
background-position: top;
}
.service-demand p {
font-weight: 300;
font-size: 16px;
margin-bottom: 25px;
line-height: 22px;
color: #363c4d;
}
.service-demand .biggest {
font-weight: 300;
font-size: 17px;
margin-bottom: 25px;
line-height: 22px;
color: #363c4d;
}
.service-demand .col-sm-10 p {
font-weight: 400;
margin-bottom: 0;
font-size: 18px;
line-height: 38px;
margin-top: -10px;
}
.service-demand h1,
.service-demand h2 {
margin-top: 0;
color: #eb4f45;
font-weight: 500;
font-size: 41px;
margin-bottom: 43px;
}
.service-demand h1 .heading-eyebrow {
display: block;
color: #363c4d;
font-weight: 400;
font-size: 15px;
margin-bottom: 5px;
}
.service-demand h3 {
color: #00b0a1;
font-size: 21px;
line-height: 24px;
margin-bottom: 20px;
}
.service-demand h4 {
color: #00b0a1;
font-weight: 500;
font-size: 18px;
line-height: 20px;
margin-bottom: 3px;
}
.service-demand h5 {
font-size: 15px;
}
.service-demand .solar-image {
margin-left: 15px;
margin-top: 30px;
}
.service-demand ul {
padding-left: 20px;
}
.service-demand li {
font-weight: 300;
font-size: 16px;
line-height: 22px;
padding-bottom: 15px;
padding-left: 25px;
color: #363c4d;
}
.service-demand li a {
color: #363c4d;
font-weight: 700;
}
.service-demand li a:hover {
color: #00b0a1;
}
.position-container article:last-child { padding-bottom: 90px;
}
.data-driven {
margin-top: 10px;
}
.content-article1 {
margin-top: -4px;
}
.content-article-service {
margin-top: 10px;
}  .blog-content { 
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.blog-posts-content .position-container article {
padding-bottom: 71px;
border-bottom: 1px solid #ccc;
margin-bottom: 61px;
margin-right: 40px;
margin-top: 0;
}
.woocommerce .blog-posts-content .position-container article {
margin-top: 65px;
line-height: 22px;
font-size: 17px;
color: #363c4d;
font-weight: 300;
margin-bottom: 0;
}
.woocommerce .blog-posts-content .position-container article p {
line-height: 22px;
font-size: 17px;
color: #363c4d;
font-weight: 300;
margin-bottom: 0;
}
.woocommerce .blog-posts-content .position-container article h2 {
font-weight: 400;
line-height: 32px;
color: #363c4d;
font-size: 24px;
margin-bottom: 0;
}
.blog-posts-content .position-container article:last-of-type {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 50px;
}
.blog-posts-content .image-post-content img {
width: 100%;
}
.blog-posts-content h4 {
font-weight: 400;
line-height: 38px;
font-size: 28px;
line-height: 38px;
color: #eb4f45;
margin-bottom: 20px;
}
.blog-posts-content h3 {
font-size: 15px;
line-height: 20px;
}
.single-product .blog-posts-content h3 {
font-weight: 400;
line-height: 32px;
color: #363c4d;
font-size: 24px;
margin-bottom: 20px;
}
.blog-posts-content ul {
padding-left: 17px;
}
.blog-posts-content .pag-links ul {
padding-left: 0;
}
.blog-posts-content li {
padding-left: 0;
font-size: 15px;
line-height: 20px;
font-weight: 300;
}
.blog-posts-content p {
font-weight: 300;
font-size: 15px;
line-height: 20px;
color: #363c4d;
margin-bottom: 24px;
}
.blog-posts-content .text-uppercase {
font-size: 16px;
line-height: 27px;
font-weight: 400;
color: #363c4d;
margin-bottom: 23px;
}
.main-blog-content article{
width: auto;
margin-top:65px;
}
.share-buttons div {
float: right;
}
.share-buttons span {
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
color: #363c4d;
margin-right: 10px;
}
.share-buttons a:hover {
color: white;
background-color: #363c4d;
}
.share-buttons .fa {
font-size: 10px;
text-align: center;
margin: 0 5px 0 0;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
}
.share-buttons .fa:hover,
.share-buttons .fa:focus {
text-decoration: none;
}
.share-buttons .fa-linkedin,
.share-buttons .fa-facebook,
.share-buttons .fa-twitter,
.share-buttons .fa-envelope {
background: #363c4d;
color: #fff;
}
.sidebar-container {
margin-top: 14px;
}
.sidebar-content p {
font-weight: 500;
text-transform: uppercase;
margin-bottom: 9px;
}
.sidebar-content ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 38px;
}
.sidebar-content li {
margin-bottom: 5px;
}
.sidebar-content a {
color: #363c4d;
}
.sidebar-content a:hover {
text-decoration: underline;
}
.sidebar-content select {
height: auto;
width: 158px;
border-color: #ebeced;
border-width: 2px;
color: #cdd3d5;
font-weight: 300;
font-size: 15px;
line-height: 20px;
}
.sidebar-content select:focus {
border-color: #ebeced;
outline-width: 0;
outline-color: #cdd3d5;
}
.sidebar-content option {
font-weight: 300;
}
.current-cat a {
font-weight: 500;
color: #00b0a1;
}
.blog-search-form {
margin-top: 40px;
}
.blog-search-form label {
font-weight: 500;
text-transform: uppercase;
display: block;
font-size: 15px;
line-height: 20px;
}
.blog-search-form input {
height: 36px;
width: 158px;
border-color: #ebeced;
border-style: solid;
padding-left: 4px;
font-weight: 300;
font-size: 15px;
line-height: 20px;
}
.blog-search-form input::placeholder {
color: #cdd3d5;
}
.no-results p {
font-size: 17px;
margin-bottom: 0;
} .pagination-posts {
display: block;
margin-bottom: 53px;
margin-right: 10px;
}
.pagination-posts .prev,
.pagination-posts .next {
text-align: center;
}
.prev .button-prev,
.next .button-next {
width: 60px;
height: 30px;
background-color: #c3cacc;
display: flex;
align-items: center;
justify-content: center;
}
.prev .button-prev:hover,
.next .button-next:hover {
background-color: #eb4f45;
}
.prev .button-prev a:hover,
.next .button-next a:hover,
.prev .button-prev a:focus,
.next .button-next a:focus {
text-decoration: none;
outline: none;
}
.button-prev.disabled,
.button-next.disabled {
background: #c3cacc;
}
.button-prev a,
.button-next a {
color: #fff;
}
.page-numbers {
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
color: #363c4d;
}
.page-numbers:hover,
.page-numbers:focus {
color: #363c4d;
text-decoration: none;
outline: none;
}
.page-numbers li {
display: inline-block;
margin: 0 5px;
font-weight: 400;
}
.page-numbers.current {
color: #eb4f45;
font-weight: 500;
padding: 5px;
}
.pag-links {
text-align: center;
height: 30px;
line-height: 30px;
} .woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2
{
float:none;
width:100%;
}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea,
.woocommerce form .for-wrow select,
.select2-container--default .select2-selection--single
{
border:solid 1px #ccc;
padding:6px 12px;
line-height:1.5;
min-height:45px;
border-radius:0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
top:8px;
}
.woocommerce form .form-row label
{
font-weight:500;
text-transform:uppercase;
font-size:15px;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt
{
font-size:15px;
text-transform:uppercase;
line-height:28px;
font-weight:500;
border-radius:0;
border-color:transparent;
background-color:#EB4F45;
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover
{
background-color:#de2e31;
}
.woocommerce-error li, 
.woocommerce-info li, 
.woocommerce-message li
{
margin-left:35px !important;
}
.woocommerce-message, .woocommerce-SavedPaymentMethods-saveNew {
display: none !important;
}
h3.product-title
{
margin:0px 0px 40px;
font-weight: normal;
font-size:18px;
}
.products
{
margin-top:20px;
margin-bottom:40px;
}
.products > .row
{
padding-top:20px;
border-bottom:solid 1px #ccc;
cursor:pointer;
}
.products > .row:hover
{
background:rgba(155,168,172,.15);
}
.products > .row:last-child
{
border-bottom:none;
}
.product-bottom
{
padding:40px 0;
text-transform: uppercase;
}
.product-container.position-container
{
padding:0px 0px 30px;
}
.product-container > .row
{
margin:0 40px;
}
.product-top-container
{
margin-bottom:25px;
border-bottom:solid 1px #ccc;
}
.published
{
display:inline-block;
padding:20px 55px;	
}
.purchased
{
float:right;
}
.purchased h3,
.purchased p.price,
.purchased .quantity,
.purchased .product_meta
{
display:none;
}
.woocommerce .purchased button.button.alt
{
background: rgb(184, 209, 94);
color:#fff;
float:right;
text-transform: uppercase;
padding:21px 55px;
border: 0;
line-height: normal;
}
a.download-report {
background: rgb(184, 209, 94);
color:#fff;
float:right;
text-transform: uppercase;
padding:22px 55px;
border: 0;
line-height: normal;
}
a.download-report:hover
{
text-decoration:none;
}
button.purchased:after
{
content:"";
display: block;
clear:both;
}
.lity
{
background:rgba(0,0,0,0.5);
}
.lity-container
{
width:50%;
}
.form-group input[type=text],
.form-group input[type=email],
.form-group select
{
height:45px;
}
.woocommerce button.somdn-download-button
{
font-weight:normal;
color:#fff;
background: rgb(184, 209, 94);
padding:20px 40px;
border-radius:0;
}
.woocommerce button.somdn-download-button:hover {
opacity: 0.8;
background: rgb(184, 209, 94);
color: #fff;
}
.somdn-download-wrap:nth-of-type(2) { display: none;}
.somdn-download-form:nth-of-type(2) { display: none;}
.somdn-download-form h2
{
text-align: center;
margin:40px;
text-transform: uppercase;
font-weight: 400;
}
.woocommerce table.shop_table
{
margin-top:44px;
}
.woocommerce-form-coupon-toggle
{
margin-top:2em;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover
{
background: rgb(184, 209, 94);
}
.woocommerce .purchased button.button.alt:hover, a.download-report:hover, .woocommerce a.button.alt:hover {
opacity: 0.8;
}
.woocommerce-checkout .woocommerce-terms-and-conditions
{
display:block !important;
}
input#coupon_code
{
width:100px;
}
input#terms
{
position:relative;
}
.nav-section {
border-top: 1px solid #ccc;
margin-top: 40px;
}
.border-right {
border-right: 1px solid #ccc;
}
.woocommerce .blog-content,
.single-product .blog-content
{
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
.single-product .blog-content .wrapper
{ }  @media all and (min-width: 992px) and (max-width: 1199px) {
.navbar .container-fluid,
.footer .container-fluid {
margin-left: 42px;
margin-right: 42px;
}
.managing .container {
padding-left: 55px;
}
}
@media all and (min-width: 768px) and (max-width: 991px) {
.navbar .container-fluid,
.footer .container-fluid {
margin-left: 42px;
margin-right: 42px;
}
.footer-social-links li {
padding-right: 0px;
}
.managing .container {
padding-left: 72px;
}
.posts-blog h4 {
margin-left: 0;
}
.service-demand .position-container {
padding-right: 40px;
}
.service-demand .col-sm-10 p {
margin-top: 0;
font-size: 15px;
line-height: 30px;
}
.service-demand h1,
.service-demand h2 {
font-size: 30px;
margin-bottom: 30px;
}
.service-demand h3 {
font-size: 19px;
}
.service-demand h4 {
font-size: 17px;
}
.position-container article {
padding-bottom: 80px;
}
.box-content article {
padding-right: 40px;
}
.managing-director {
padding-top: 50px;
}
div.wpcf7-response-output {
font-size: 12px;
}
.footer-links li {
display: block;
padding-left: 0;
border-right: 0;
margin-bottom: 5px;
}
.footer .footer-social-links {
margin-right: -3px;
}
.footer {
padding-bottom: 36px;
}
.managing .col-sm-12 {
background-color: rgba(70, 70, 70, 0.6);
padding-top: 10px;
padding-bottom: 10px;
}
.review-container .content-first-box{
width: initial;
}
}
@media all and (max-width: 767px) {
.container {
max-width: 100%;
width: 100%;
}
.wrapper h1,
.hero-plain-text {
width: 95%;
margin: 100px auto 150px auto;
font-size: 55px;
line-height: 60px;
}
.review-container .content-first-box{
width: initial;
}
.main-shop {
width: 120%;
}
.main-shop .container-fluid {
margin: 0 auto !important;
}
.main-shop .text-right {
text-align: left;
}
.woocommerce select[name="category"] {
display: block;
width: 100%;
margin: 5px 0 0 0;
}
.woocommerce .purchased button.button.alt {
width: 100%;
}
.managing h4,
.managing blockquote {
width: 100%;
}
a.download-report {
width: 100%;
}
.nav-section .col-md-6 {
width: 100%;
padding: 0;
border: 0 !important;
}
.nav-section .col-md-6 .border-right {
border-bottom: 1px solid #ccc;
}
.nav-section {
width: 120%;
}
.purchased {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.lity-container {
width: 100%;
}
.published {
width: 100%;
text-align: center;
}
.border-right { border: 0; }
}
@media all and (min-width: 480px) and (max-width: 767px) {
body {
margin-bottom: 150px;
}
.nav {
float: none;
}
.nav>li {
display: block;
text-align: center;
}
.nav>li{
margin: 10px 0 5px 0px;
}
.nav>li>a{
font-size: 20px;
}
.navbar .container-fluid {
margin-left: 0;
margin-right: 0;
}
.services-container p,
.contract-review p,
.research-review p{
font-size: 15px;
}
.leading-solutions h2 {
font-size: 21px;
line-height: 31px;
}
.managing .container {
padding-left: 32px;
padding-right: 67px;
}
.managing .col-sm-12 h4 {
font-size: 20px;
}
.posts-blog {
padding-bottom: 150px;
}
.posts-blog h4 {
text-align: center;
margin-left: 0;
}
.footer {
padding-bottom: 36px;
}
.footer .container-fluid {
margin-left: 0;
margin-right: 0;
}
.footer .footer-social-links {
float: right;
}
.footer-links li {
border-right: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.footer li {
font-size: 13px;
}
.follow-us {
margin-bottom: 10px;
}
.leading-solutions h2 {
font-size: 25px;
}
.service-demand .position-container {
padding-right: 40px;
}
.service-demand .col-sm-10 p {
margin-top: 10px;
text-align: center;
}
.service-demand h1,
.service-demand h2 {
text-align: center;
}
.position-container article {
padding-bottom: 50px;
}
.service-demand .solar-image {
margin: 0 auto;
float: none !important;
}
.blog-posts-content .position-container article {
margin-right: 0;
}
div.wpcf7-response-output {
font-size: 14px;
}
.sidebar-container {
margin-bottom: 20px;
}
.managing .container .row .col-sm-5{        
background-color: rgba(70, 70, 70, 0.6);
}
#demand-response .row:last-child .col-sm-6:last-child{
padding-top: 30px;
}
.service-demand .solar-image,
.service-demand .data-driven img{
margin-bottom: 20px;
}
.footer-links li{
display: block;
}
.contact-form .btn-danger {
margin-top: 0;
}
.managing .container .row .col-sm-12{        
background-color: rgba(70, 70, 70, 0.6);
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (max-width: 479px) {  body {
margin-bottom: 150px;
}
.nav {
float: none;
}
.nav li {
display: block;
text-align: center;
}
.nav>li{
margin: 10px 0 5px 0px;
}
.nav>li>a{
font-size: 19px;
}
.navbar-brand {
padding: 15px 0 0 15px;
}
.header .container-fluid,
.footer .container-fluid {
margin-left: 0;
margin-right: 0;
}
.footer-links li {
border-right: 0;
padding: 0;
}
.managing .container {
padding-left: 15px;
}
.posts-blog h4 {
margin-left: 20px;
}
.posts-blog .article:before {
top: 210px;
}
.service-container .container-first-box {
width: 100%;
}
.service-demand .position-container {
padding-right: 40px;
}
.services-container p,
.contract-review p,
.research-review p {
font-size: 17px;
}
.service-demand .solar-image {
margin: 0 auto;
float: none !important;
}
.service-demand .col-sm-10 p {
margin-top: 0;
}
.managing-director article {
padding-right: 40px;
}
.managing-director img {
margin: 0 auto;
float: none !important;
}
div.wpcf7-response-output {
font-size: 14px;
}
.sidebar-container {
margin-bottom: 20px;
}
.blog-posts-content .position-container article {
margin-right: 0;
}
.managing .container .row .col-sm-12{        
background-color: rgba(70, 70, 70, 0.6);
padding-top: 10px;
padding-bottom: 10px;
}
#demand-response .row:last-child .col-sm-6:last-child{
padding-top: 30px;
}
.service-demand .solar-image,
.service-demand .data-driven img,
.managing-director img{
margin-bottom: 20px;
}
.footer-links li{
display: block;
}
.service-demand .col-sm-10 p{
font-size: 15px;
margin-top: 10px;
}
.service-demand h1,
.service-demand h2 {
margin-bottom: 20px;
font-size: 28px;
}
.share-buttons {
width: 100%;
margin-bottom: 10px;
}
.share-buttons div {
float: left;
}
.box-content article {
padding-right: 40px;
}
.contact-form .btn-danger {
margin-top: 10px;
margin-bottom: 15px;
}
.service-demand .col-xs-12 .text-uppercase {
font-size: 13px;
}
.footer .row .col-sm-10{
width: 65%;
padding-left: 5px;
padding-right: 5px;
}
.footer .row .col-sm-2{
width: 35%;
padding-left: 5px;
padding-right: 5px;
}
.box-content h2{
font-size: 21px;
}
.box-content p{
font-size: 16px;
}
.decisions,
.box-container,
.leading-solutions,
.managing,
.posts-blog,
.footer,
.services-content,
.grey-background,
.service-demand,
.blog-content,
.blog-posts-content,
.about-content,
.box-content,
.managing-director,
.contact-us {
width: 120%;
}
}
@media (max-width: 320px) {
.decisions,
.box-container,
.leading-solutions,
.managing,
.posts-blog,
.footer,
.services-content,
.grey-background,
.service-demand,
.blog-posts-content,
.about-content,
.box-content,
.managing-director,
.contact-us {
width: 120%;
}
.services-container .content-first-box {
width: 100%;
}
.footer-links li {
font-size: 10px;
}
.service-demand .col-sm-10 p {
font-size: 16px;
}
.service-demand .col-xs-12 .text-uppercase {
font-size: 14px;
}
.service-demand h1,
.service-demand h2 {
font-size: 30px;
}
.wrapper h1,
.hero-plain-text
{
font-size:36px;
line-height:1.2;
}
}  .video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
} .platform-hero {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.platform-hero .wrapper {
min-height: 520px;
box-sizing: border-box;
padding: 110px 0 90px;
}
.platform-hero .wrapper h1 {
margin-top: 0;
margin-bottom: 30px;
}
.platform-hero .wrapper h1 span {
display: block;
font-size: 22px;
line-height: 130%;
font-weight: 400;
margin-top: 10px;
}
.platform-cta {
display: inline-block;
margin-top: 25px;
padding: 14px 40px;
background-color: #eb4f45;
color: #fff;
border-radius: 50px;
font-weight: 500;
text-transform: uppercase;
font-size: 15px;
text-decoration: none;
}
.platform-cta:hover,
.platform-cta:focus {
background-color: #de2e31;
color: #fff;
text-decoration: none;
outline: none;
}
.platform-trusted {
padding: 70px 0;
text-align: center;
}
.platform-trusted p {
color: #363c4d;
font-size: 20px;
margin-bottom: 40px;
}
.platform-trusted img {
max-width: 100%;
}
.platform-features {
padding-bottom: 70px;
}
.platform-feature {
text-align: center;
margin-bottom: 40px;
}
.platform-feature img {
max-width: 100%;
}
.platform-feature h4 {
color: #363c4d;
font-weight: 500;
font-size: 28px;
margin-bottom: 15px;
}
.platform-feature p {
color: #363c4d;
font-size: 15px;
line-height: 20px;
margin-bottom: 25px;
}
.platform-testimonials {
padding: 70px 0;
text-align: center;
background-color: rgba(155,168,172,.15);
}
.platform-testimonials h2,
.platform-videos h2 {
color: #363c4d;
font-weight: 500;
font-size: 28px;
margin-bottom: 30px;
}
.platform-testimonials .row {
margin-top: 40px;
}
.platform-testimonial {
margin-bottom: 30px;
}
.platform-testimonial blockquote {
border-left: none;
padding: 0;
margin: 0 0 20px;
color: #4c5469;
font-size: 15px;
line-height: 20px;
}
.platform-testimonial-author {
color: #363c4d;
font-weight: 500;
margin-bottom: 0;
}
.platform-testimonial-author span {
display: block;
color: #9aa7aa;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
}
.platform-videos {
padding: 70px 0;
text-align: center;
}
.platform-videos .row {
margin-top: 20px;
}
.platform-videos .col-sm-6 {
margin-bottom: 30px;
}
.platform-demo {
background-color: #00b0a1;
padding: 90px 0;
}
.platform-demo h1 {
color: #fff;
font-weight: 500;
font-size: 48px;
margin-bottom: 50px;
}
.platform-closing-cta h1 {
font-size: 28px;
margin-bottom: 25px;
}
.platform-demo .contact-form {
background-color: #fff;
padding: 55px;
border-radius: 6px;
box-shadow: 0 20px 50px rgba(0,0,0,.25);
text-align: left;
}
.platform-demo label {
display: block;
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
color: #363c4d;
margin-bottom: 15px;
}
.platform-demo .required {
color: #eb4f45;
}
.platform-demo input:not([type=submit]),
.platform-demo textarea {
width: 100%;
box-sizing: border-box;
max-width: 100%;
height: 45px;
}
.platform-demo textarea {
height: auto;
}
.platform-demo input[type=submit] {
display: block;
margin-left: auto;
background-color: #eb4f45;
border: none;
border-radius: 0;
color: #fff;
text-transform: uppercase;
font-weight: 500;
padding: 12px 40px;
}
.platform-demo input[type=submit]:hover {
background-color: #de2e31;
}
@media (max-width: 767px) {
.platform-hero .wrapper {
min-height: 420px;
padding: 60px 0 50px;
}
.platform-hero .wrapper h1 {
font-size: 42px;
line-height: 115%;
margin-top: 0;
margin-bottom: 20px;
}
.platform-hero .wrapper h1 span {
font-size: 18px;
line-height: 130%;
}
.platform-demo h1 {
font-size: 34px;
}
.platform-closing-cta h1 {
font-size: 24px;
}
.platform-demo .contact-form {
padding: 25px;
}
}
.platform-faq {
padding: 70px 0;
background-color: rgba(155,168,172,.15);
}
.platform-faq h2 {
color: #363c4d;
font-weight: 500;
font-size: 28px;
margin-bottom: 30px;
}
.platform-faq-item {
border-bottom: 1px solid #dcdfe1;
}
.platform-faq-item:last-child {
border-bottom: 0;
}
.platform-faq-question {
position: relative;
margin: 0;
padding: 22px 40px 22px 0;
color: #363c4d;
font-weight: 500;
font-size: 17px;
cursor: pointer;
}
.platform-faq-question:hover {
color: #00b0a1;
} .service-demand .platform-faq-question {
color: #363c4d;
font-weight: 500;
font-size: 17px;
}
.service-demand .platform-faq-question:hover {
color: #00b0a1;
}
.platform-faq-icon {
position: absolute;
top: 50%;
right: 4px;
width: 10px;
height: 10px;
margin-top: -7px;
transition: transform .25s ease;
}
.platform-faq-icon::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-right: 2px solid #00b0a1;
border-bottom: 2px solid #00b0a1;
transform: rotate(45deg);
}
.platform-faq-question:not(.collapsed) .platform-faq-icon {
transform: rotate(180deg);
}
.platform-faq-answer p {
padding: 0 40px 22px 0;
margin: 0;
color: #4c5469;
font-size: 15px;
line-height: 20px;
} .service-demand .platform-faq-answer p {
font-size: 16px;
line-height: 22px;
}
.platform-faq-answer ul,
.platform-faq-answer li {
color: #4c5469;
}
.platform-faq-answer a:not(.link) {
color: #00b0a1;
}
.platform-faq-answer a:not(.link):hover {
color: #363c4d;
}  body.request-demo-page-body {
padding-top: 0;
}
.request-demo-header {
padding: 30px 0;
text-align: center;
background-color: #fff;
}
.request-demo-header img {
max-width: 220px;
}
.request-demo-page {
min-height: 60vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.request-demo-page .request-demo-intro {
color: #fff;
font-size: 18px;
line-height: 26px;
margin: -30px 0 40px;
}
.request-demo-page-body,
.page-template-page-platform-php {
margin-bottom: 0;
}  .platform-footer {
background-color: #363c4d;
padding: 40px 20px;
}
.platform-footer-inner {
max-width: 1230px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 25px;
box-sizing: border-box;
}
.platform-footer-brand img {
max-width: 265px;
width: 100%;
height: auto;
}
.platform-footer-links {
list-style: none;
padding: 0;
margin: 15px 0 0;
display: flex;
flex-wrap: wrap;
}
.platform-footer-links li {
color: #e5f7f6;
font-size: 12px;
line-height: 14px;
font-weight: 300;
padding: 0 10px;
border-right: 1px solid #fff;
}
.platform-footer-links li:last-child {
border-right: 0;
}
.platform-footer-links li:first-child {
padding-left: 0;
}
.platform-footer-links a {
color: #e5f7f6;
text-decoration: none;
}
.platform-footer-social {
text-align: right;
}
.platform-footer-follow {
color: #fff;
text-transform: uppercase;
font-size: 12px;
line-height: 14px;
margin: 0 0 10px;
}
.platform-footer-icons {
display: flex;
gap: 12px;
justify-content: flex-end;
flex-wrap: wrap;
}
.platform-footer-icons img {
width: 25px;
height: 25px;
display: block;
}
.platform-footer-twitter {
background-color: #fff;
border-radius: 2px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.platform-footer-twitter i {
font-size: 15px;
color: #363c4d;
}
@media (max-width: 480px) {
.platform-footer-inner {
flex-direction: column;
}
.platform-footer-links {
display: block;
}
.platform-footer-links li {
display: block;
border-right: 0;
padding-left: 0;
margin-bottom: 5px;
font-size: 10px;
line-height: 14px;
}
.platform-footer-social {
text-align: left;
}
.platform-footer-follow {
text-align: left;
}
.platform-footer-icons {
justify-content: flex-start;
}
}  .newsletter-signup-styled {
background-color: rgba(155,168,172,.15);
border-radius: 6px;
padding: 35px;
margin: 20px 0 40px;
}
.newsletter-signup-styled #mc_embed_signup {
background: transparent;
font-family: 'Rubik', Helvetica, Arial, sans-serif;
}
.newsletter-signup-styled #mc_embed_signup h2 {
color: #eb4f45;
font-weight: 500;
font-size: 21px;
margin: 0 0 15px;
}
.newsletter-signup-styled .indicates-required {
color: #4c5469;
font-size: 13px;
margin-bottom: 15px;
}
.newsletter-signup-styled .asterisk {
color: #eb4f45;
}
.newsletter-signup-styled .mc-field-group {
margin-bottom: 24px;
}
.newsletter-signup-styled .mc-field-group label {
display: block;
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
line-height: 1.3;
color: #363c4d;
margin: 0 0 6px;
}
.newsletter-signup-styled .mc-field-group input {
width: 100%;
box-sizing: border-box;
max-width: 100%;
height: 42px;
margin: 0;
border: 1px solid #d7dbe2;
border-radius: 4px;
padding: 0 12px;
font-family: 'Rubik', Helvetica, Arial, sans-serif;
font-size: 15px;
color: #363c4d;
}
.newsletter-signup-styled #mc-embedded-subscribe {
display: inline-block;
background-color: #eb4f45;
border: none;
border-radius: 0;
color: #fff;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
padding: 12px 40px;
cursor: pointer;
}
.newsletter-signup-styled #mc-embedded-subscribe:hover {
background-color: #de2e31;
}
.newsletter-signup-styled #mce-responses .response {
font-size: 14px;
margin-top: 10px;
}