/*
  Theme Name: Carbon1
  Theme URI: http://carbonview.com
  Description: Custom WP Theme for Carbon View
  Version: 1.0.0
  Author: Dean McPherson (@dean_mcpherson)
  Author URI: http://deanmcpherson.com
  Tags: Private
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
  font-size:62.5%;
  background: #F2F2F2;
}
body {
  font:300 13px/1.4 Roboto, Helvetica, Arial, sans-serif;
  color:#444;
  background: #FFF;
}


html, body {
  width: 100%;
  overflow-x: hidden;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
  max-width:100%;
  vertical-align:bottom;
}
a {
  color:#0081b7;
  text-decoration:none;
}
a:hover {
  color:#0081b7;
}
a:focus {
  outline:0;
}
a:hover,
a:active {
  outline:0;
}
input:focus {
  outline:0;
  border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
  max-width:975px;
  width:95%;
  margin:0 auto;
}


/* sidebar */
.sidebar {

}
/* footer */
.footer {
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  font-color: #808080;
  background: #F2F2F2;
  padding: 20px;
}

.footer a {
  color :#808080;
}

.footer a:hover, .footer a:active {
    color: #0081b7;
}

.footer p {
max-width: 975px;
margin: 0 auto;
color: #808080;
font-weight: 700;
}

.footer-right {
  float: right;
}

.footer img {
  vertical-align: middle;
  padding-left: 5px;
  width: 35px;
}

.footer img:hover {
  opacity: .7;
  cursor: pointer;
}
/*
.footer::before {
  content: "";
  background: #F2F2F2;
  width: 100%;
  left: 0;
  right: 0;
  height: 70px;
  display: block;
  z-index: -1;
  position: absolute;
}*/

.top-divider {
  height: 48px;
}
.top-divider::before {
content: "";
left: 0;
right: 0;
height: 40px;
border-bottom: 8px solid #00A751;
background: #0081B7;
display: block;
position: absolute;
}

.separator {
  border-bottom: 1px solid #CCC;
  margin: 20px;
  position: relative;
}

.separator::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  background: #FFF;
  position: absolute;
  left: 50%;
  top: -30px;
  margin-left: -30px;
  -webkit-transform: rotate(45deg) skew(-27deg, -27deg);
  -moz-transform: rotate(45deg) skew(-27deg, -27deg);
  -o-transform: rotate(45deg) skew(-27deg, -27deg);
  -ms-transform: rotate(45deg) skew(-27deg, -27deg);
  transform: rotate(45deg) skew(-27deg, -27deg);
}

.circ-separator {
  border-bottom: 1px solid #CCC;
  margin: 20px;
  position: relative;
}

.circ-separator::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 50%;
  top: -14px;
  margin-left: -14px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAIAAADNH2CaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAdpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk1QjA0NTQwNzcyODExRTNBODAxRjQ1QjJFN0Y3RUQ4IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1QjA0NTNGNzcyODExRTNBODAxRjQ1QjJFN0Y3RUQ4IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmFhMDI1MTY1LTA3NDUtNDY1MS04OGY2LTAzNzdjNDJkZGE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpkMjhjMjI3OC1jMzEwLTQ4NzEtOGJkNi04NzllMmU0NDI2OTUiLz4gPGRjOnRpdGxlPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5BQ1IwMjItQ2FyYm9uVmlldyBXZWJzaXRlIHYzPC9yZGY6bGk+IDwvcmRmOkFsdD4gPC9kYzp0aXRsZT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6+9HXEAAACWklEQVR42pyV144iMRBF6SYHASNAJCGihPj/H0G8ICGRc8457WE94x16egh7X8B21XX5Vmjler0afgFH2+32cDhYrVa73W54BkWXaz6fj0ajxWJh/Qufz+f1et/mIpB6vX4+n4PBIP4mk8nwMu64xuNxq9WKRCKBQMDwPv5x8ahut5vJZL5Lg1hEejqdCJB9i8XynGu5XFYqlWw2a7PZxMFsNuv1evv93uFwmM3m4/G42WzQLhQK/abdTY7L5VKr1RKJhCBiiWR4RqNRj8ejKIpMKzlpt9vT6TQej6uqqhMX96/X63Q6LRzK5TL+yWTyp7W4qVqtYoa9vEbgZj0cDsPhsFgPBgOSmEqldIluDqrKKTZYao+IiGNEEXcSI/FrLtS+RVGwwRL7Oy5Ud7vdUm9IpfwPgA2W2N9xkSnpTIyS9ymwxP4uj5QVP41GQ6yprxe5qDXJhXz5fN708YV3q5xUSlnpXBhU6pDi/o+OoR8oXdke8Kh0hubZL4KKleLCAI/KmlQ+mGK6mEwmRqPR5XKJx4piUJGQPHLJ60S73a7ZbMZiMRkgDPDcipui73Q6msL7DYRQKpVoVREUXviKtjGJSuG1NK286icYO4jCgFutVhQ9PS/28cJXCPc5czAtFovME90pyFzr9/v4kHi/3y9blUamk3K53Of4vX4BFQqFAgFfXwOW2OMld+5mNGXCRKQCeazodl0w2tAeRwbG90mr/XawFJGTGl7kdDr5w6PQmBAQi37mj1BDM070v2ls4sMURW+ChQg6QoAa1ZnRukNJebdKH+CPAAMAwl7C4ACugSgAAAAASUVORK5CYII=');
  background-size: 100%;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.client-login {
  float: right;
  color: white;
  display: block;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 18px;
  background-color: #CCCCCC;
  padding: 5px 10px;
}

.client-login:hover {
    background: #0081b7;
    color: white;
}

/* logo */
.logo {
  width: 290px;
  max-width: 100%;
  margin: 0 auto;
}

.header {
  padding: 30px 0; 
}

.nav  {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 25px;
  margin-top: 23px;
  clear: both;
}

.current_page_item a {
    font-weight: 700;
}

.tagline {
  text-align: right;
  color: #00a751;
}
.tagline li, .tagline a {
  color: #00A751;
}

.nav ul {
  margin: 0;
  padding: 0;
  color: #0081b7;
}


.nav li {
  list-style: none;
  display: block;
  text-align: center
}
  

.nav a:hover {
  font-weight: 700;
}

@media only screen and (min-width:690px) {
  .nav {
      float: right;
      clear: none;
  }

    .nav li {
      display: inline-block;
  }

  .nav li::after {
    content: "|";
    width: 9px;
    display: inline-block;
    text-align: right;
  }

  .nav ul li:last-child::after {
    content: "";
  }

  .logo {
    margin: 0;
    float: left;
  }

}

.the_content {
padding-top: 20px;
display: block;
}

.post-list .next {
float: right;
}

.pagination.single a {
  color: #0081B7;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  text-align: center;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 300;
}

h1 {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 63px;
  color: #0081B7;
  letter-spacing: -0.025em;
}

 h2 {
  font-weight: 100;
  font-size: 40px;
  text-align: center;
  color: #00A751;
  letter-spacing: -0.025em;
}


h4 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 300;
  color: #0081B7;
  margin: 5px 0;
  letter-spacing: -0.025em;
}

.post-list h1, 
.post-list h2,
.post-list h3,
.post-list h4,
.post-list h5,
.post-list h6 {
  text-align: left;
}

.post-list strong, .post-list b {
  font-weight: 500;
}

h5 {
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  color: #0081B7;
  letter-spacing: -0.010em;
  margin: 0;
}

h6 {
  font-size: 17px;
  line-height: 21px;
  font-weight: 400;
  color: #808080;
  margin:0;
  letter-spacing: -0.010em;
}

.title h1 {
  margin: 0;
}

@media (max-width: 690px) {
 .title h1, h2 {
  line-height: .9em;
  }
  .sustainability-reporting .image-wrapper, .sustainability-reporting .description-wrapper {
	width: 100% !important;
	float: none;
  }
  
  .bar {
  padding: 50px 20px !important;
  }
  
  .description-wrapper {
	padding-top: 0 !important;
  }
}

/*
.title h2 {
    margin-top: 0;
}
*/
.listView a {
  font-weight: 600;
}

.listView h2 {
  width: 30%;
  text-align: left;
  margin: 0;
  float: left;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listView article {
  padding: 30px 0;
}

.listView .cont {
  width: 70%;
  float: left;
  font-size: 15px;
  line-height: 21px;
  font-weight: 300;
  color: #808080;
}

.cont p:first-child {
  margin-top: 0;
}

p, body {
  font-size: 15px;
  line-height: 21px;
  font-weight: 300;
  color: #808080;
}

.listView .cont strong {
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  color: #0081B7;
  letter-spacing: -0.010em;
  display: block;
  padding-bottom: 1em;
}


.case {
  float: left;
  width: 50%;
}

.case h5 {
  text-align: left;
}

.case p {
  margin: 5px 0;
}

.case a {
  font-weight: 400;
  font-size: 11px;
  line-height: 21px;
  color: #00A751;
  letter-spacing: -0.025em;
}

article.partner-list {
  padding: 0;
}

.partner-item {
  width: 100%;
  margin: 0;
  float: left;
  border-bottom: 1px solid #CCC;
  padding: 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width:600px) {
  .partner-item {
    width: 46%;
    margin: 2%;
    height: 270px;
    padding: 0;
    padding-bottom: 10px;
  }

  article.partner-list {
      padding: 0px 80px 30px 80px;
  }
}

@media only screen and (min-width:975px) {
  .partner-item {
      width: 29.33%;
    margin: 2%;
  }
}

.partner-item-image {
  height: 110px;
  padding-bottom: 10px;
  text-align: center;
}

.partner-item-image img {
max-height: 100%;
max-width: 100%;
}

.partner-item-description {
  overflow: hidden;
  text-overflow: ellipsis;
}


.insight-item {
  width: 62%;
  padding: 20px 0;
  border-bottom: 1px solid #CCC;
  margin-bottom: 30px;
}

.insight-item h2 {
  line-height: 1em;
  text-align: left;
}

.read-more-insights {
  text-align: left;
  cursor: pointer;
}

.insight-register input {
  width: 100%;
  margin: 6px 0;
  border: 0;
  background: #99CDE2;
  color: #FFF;
  padding: 10px;
  font-weight: 400;
  font-size: 12px;
}

.insight-register {
  position: relative;
  z-index: 1;
  top: 60px;
  float: right;
  width: 30%;
  background: #339AC5;
  padding: 20px;
  opacity: 0;
  transition: all .6s;
}

.insight-register button, .demo-form button {
  background: #FFF;
  border: 0;
  padding: 5px 15px;
  margin-top: 15px;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  color: #0081B7;
}

.insight-register.open {
  opacity: 1;
}

.insight-register::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  position: absolute;
  left: -10px;
  -webkit-transform: rotate(45deg) skew(-20deg, -20deg);
  -moz-transform: rotate(45deg) skew(-20deg, -20deg);
  -ms-transform: rotate(45deg) skew(-20deg, -20deg);
  transform: rotate(45deg) skew(-20deg, -20deg);
  background: #339AC5;
  z-index: -1;
}

.insight-register p {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  margin: 5px 0;
}

.insight-register ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
}
.insight-register :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #FFF;
}
.insight-register ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #FFF;
}
.insight-register :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #FFF;
}

.sidebar {
  float: left;
  width: 24%;
  margin-left:1%;
  padding: 20px;
  display: none;
}

.widget_categories {
  border-bottom: 1px solid #CCC;
}

.widget_archive {
margin-top: 20px;
}

.sidebar h4 {
  text-align: left;
}

.sidebar ul {
  padding: 0;
}

.sidebar li {
  list-style: none;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #808080;
  letter-spacing: -0.010em;
  padding-bottom: 15px; 
}

.sidebar a {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #808080;
  letter-spacing: -0.010em;
  bottom-padding: 15px;
}

.hasSideBar {
  margin-bottom: 30px;
}

.sidebar.contact {
  margin-bottom: 30px;
  margin-top: 15px;
  padding-bottom: 0px;
}

.bottom-border {
    border-bottom: 1px solid #CCC;
}

.sidebar.contact h6 {
  color: #00A751;
  font-size: 19px;
  text-align: left;
}

.sidebar.contact a {
font-size: 15px;
font-weight: 600;
color: #0081B7;
}


  .demo-form label {
    width: 15%;
    float: left;
  }

  .required-fields {
    float: right;
  }

  .demo-form .actions {
  padding: 20px 0 0 15%;
  }

  .demo-form button {
    background: #00a751;
    color: #FFF;
    margin: 0;
  } 

  .demo-form input, .demo-form textarea {
    width:85%;
    float: left;
    margin-bottom: 10px;
    padding: 5px;
    background: #e6e6e6;
    color: #000;
    border: 0;
  }
  .demo-form input.checkbox {
    width: 30px;
    float: none;
    margin-left: 20%;
  }

  .demo-form label.check-label {
    float:none;
  }

@media only screen and (min-width:600px) {
  .sidebar {
    display: block;
  }

  .hasSideBar {
    float: left;
    width: 75%;
  }
}

.demo h2 {
  text-align: left;
}


  
.post-list h2 {
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 18px 0;
  line-height: 1;
}

.post-list article {
padding: 20px 0;
border-bottom: 1px solid #CCC;
}

 a.view-article {
  font-weight: 600;
}

a.view-article:visited, a.view-article:hover {
  color: #00A751;
}

.date {
  font-weight: 600;
  color: #00a751;
  font-size: 15px;
}

.pagination {
  padding: 10px 0;
}

.pagination .current, .pagination a.next, .pagination a.prev {
  color: #0081B7;
}

.pagination a {
  color: #808080;
}

.contact-energy {
  padding: 70px 0;
}

.contact-energy h4 a {
  color: #00a751;
}

.contact-energy h4 a:hover {
  color: #0081B7;
}


.sustainability-nav, .sustainability-nav::before {
  height: 110px;
  text-align: center;
  overflow: hidden;
  width: 100%;
  left:0;
  z-index: 1;
}


.sustainability-nav a::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: #00A751;
  -webkit-transform: rotate(45deg) skew(10deg, 10deg);
  left: 50%;
  margin-left: -20px;
  position: absolute;
  bottom: -44px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.sustainability-nav a:hover::after {
  opacity: 1;
}

.sustainability-nav a {
  width: 120px;
  max-width: 16%;
  display: inline-block;
  height: 100px;
  z-index: 1;
  position: relative;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; 
}

@media only screen and (min-width:600px) {
  .sustainability-nav a {
    background-size: 60%;
  }
}

.sustainability-reporting h2 {
  line-height: 1em;
}

/*------------------------------------*\
    SUSTAINABILITY TOOLTIPS
\*------------------------------------*/

.isDev .hasTooltip {
  background: rgba(8,8,8, .4);
}
  .hasTooltip {
      position: absolute;
  }

/** FIRST IMAGE TOOLTIPS **/
.toolTip1 {
  width: 20%;
  height: 33%;
  top: 0;
  left: 27%;
}

.toolTip2 {
  width: 20%;
  height: 66%;
  top: 0;
  left: 54%;
}

.toolTip3 {
  left: 84%;
  width: 16%;
  height: 100%;
  top: 0;
}

.toolTip4 {
  width: 20%;
  height: 34%;
  left: 27%;
  top: 34%;
}

.toolTip5 {
  width: 20%;
  height: 34%;
  left: 54%;
  top: 68%;
}


/** SECOND IMAGE TOOLTIPS **/
.toolTip6 {
  width: 10%;
  height: 10%;
  top: 18%;
  left: 14%;
}

.toolTip7 {
  width: 10%;
  height: 10%;
  top: 25%;
  left: 24%;
}

.toolTip8 {
  width: 10%;
  height: 10%;
  top: 34%;
  left: 52%;
}

.toolTip9 {
  width: 10%;
  height: 10%;
  top: 20%;
  left: 41%;
}

.toolTip10 {
  width: 13%;
  height: 25%;
  top: 30%;
  left: 81%;
}

.toolTip11 {
width: 13%;
height: 25%;
top: 60%;
left: 81%;
}


/** THIRD IMAGE TOOLTIPS **/
.toolTip12 {
  width: 15%;
  top: 10%;
  height: 13%;
  left: 18%;
}

.toolTip13 {
  width: 15%;
  top: 40%;
  height: 13%;
  left: 50%;
}

.toolTip14 {
width: 12%;
top: 56%;
height: 24%;
left: 72%;
}

.toolTip15 {
width: 15%;
top: 69%;
height: 13%;
left: 34%;
}

/**FOURTH IMAGE TOOLTIPS**/

.toolTip16 {
  width: 19%;
  left: 12%;
  height: 26%;
  top: 16%;
}

.toolTip17 {
  width: 19%;
  left: 40%;
  height: 26%;
  top: 44%;
}

.toolTip18 {
  width: 19%;
  left: 40%;
  height: 26%;
  top: 73%;
}

.toolTip19 {
  width: 19%;
  left: 69%;
  height: 26%;
  top: 44%;
}

/**FIFTH IMAGE TOOLTIPS**/
.toolTip20 {
width: 15%;
height: 6%;
top: 9%;
left: 29%;
}

.toolTip21 {
width: 15%;
height: 6%;
top: 9%;
left: 44%;
}

.toolTip22 {
width: 40%;
height: 6%;
top: 25%;
left: 31%;
}

.toolTip23 {
width: 40%;
height: 6%;
top: 31%;
left: 31%;
}

.toolTip24 {
width: 32%;
height: 21%;
top: 42%;
left: 31%;
}

.sustainability-reporting .image-wrapper {
  padding: 0 !important;
}

.sustainability-reporting .image-wrapper, .sustainability-reporting .description-wrapper {
  float: left;
  width: 50%;
}

.sus1 .image-wrapper, .sus3 .image-wrapper,.sus5 .image-wrapper {
  width: 63%;
}

.sus1 .description-wrapper, .sus3 .description-wrapper , .sus5 .description-wrapper {
  width: 35%;
  padding-left: 2%;
  padding-top: 0;
}

.sus4 .image-wrapper, .sus6 .image-wrapper {
  width: 63%;
  float: right;
}

.sus4 .description-wrapper, .sus6 .description-wrapper {
  width: 35%;
  padding-right: 2%;
  padding-top: 0;
}

.sus6 h2 {
margin-top: 0;
}

.sus1 {
padding-bottom: 50px;
}

.sus2 .image-wrapper, .sus2 .description-wrapper {
  padding: 0;
  width: 100%;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

article .image-wrapper {
  width:40%;
  text-align: center;
  position: relative;
}

.client-image-wrapper {
  width: 33.333%;
  height: 120px;
  padding: 10px;
  float: left;
  text-align: center;
}

.slider {
  display: none;
}

.slide-desc {
  display: none;
}

@media only screen and (min-width:1000px) {
    .slider {
    display: block;
  }
}

@media only screen and (max-width: 690px) {
	.listView h2 {
	width: 100%;
	padding-bottom: 10px;
	}
	.listView .cont {
	width: 100%;
	}
}

.slider {
  height: 400px;
  margin-bottom: 60px;
}

.slider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 410px;
  background: #0081B7;
  border-bottom: 10px solid #00a751;
  z-index: 0;
}

.slider-wrap {
  height: 100%;
  position: relative;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-perspective: 1000;
}

.slide-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slide-img img {
  height: 100%;
}



.slide.active {
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
  opacity:1 !important;
}

.slide.leaving {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  opacity: 0;
}

.bar {
padding: 80px 20px;
}

.description-wrapper {
    width: 60%;
    padding-top: 30px;
}

.image-left .description-wrapper {
  float: right;
}

.image-right .description-wrapper {
  float: left;
}

.image-left .image-wrapper {
    float: left;
    padding-right: 10%;
}

.image-right .image-wrapper {
    float: right;
    padding-left: 10%;
}


.highlight .image-wrapper img {
  width: 300px;
  max-width: 100%;
}
/*------------------------------------*\
  TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

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

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
     only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-webkit-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-moz-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
  margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}
.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}
a img.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
a img.alignnone {
  margin:5px 20px 20px 0;
}
a img.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
a img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.wp-caption {
  background:#FFF;
  border:1px solid #F0F0F0;
  max-width:96%;
  padding:5px 3px 10px;
  text-align:center;
}
.wp-caption.alignnone {
  margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin:5px 20px 20px 0;
}
.wp-caption.alignright {
  margin:5px 0 20px 20px;
}
.wp-caption img {
  border:0 none;
  height:auto;
  margin:0;
  max-width:98.5%;
  padding:0;
  width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
  * {
    background:transparent !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  a,
  a:visited {
    text-decoration:underline;
  }
  a[href]:after {
    content:" (" attr(href) ")";
  }
  abbr[title]:after {
    content:" (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content:"";
  }
  pre,blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead {
    display:table-header-group;
  }
  tr,img {
    page-break-inside:avoid;
  }
  img {
    max-width:100% !important;
  }
  @page {
    margin:0.5cm;
  }
  p,
  h2,
  h3 {
    orphans:3;
    widows:3;
  }
  h2,
  h3 {
    page-break-after:avoid;
  }
}



/*
Tipr 1.0.1
Copyright (c) 2013 Tipue
Tipr is released under the MIT License
http://www.tipue.com/tipr
*/


.tipr_content
{
     background-color: rgba(51, 154, 197, 0.6);
     color: #FFF;
     font-weight: 600;
     padding: 9px;
     min-width: 150px; 
}
.tipr_container_bottom
{
     display: none;
     position: absolute;
     margin-top: 13px;
     z-index: 1000;
}
.tipr_container_top
{
     display: none;
     position: absolute;
     margin-top: -75px;
     z-index: 1000;
}
.tipr_point_top, .tipr_point_bottom 
{
     position: relative;
  background: rgba(51, 154, 197, 0.6);
  border: 1px solid rgba(51, 154, 197, 0.6);
}
.tipr_point_top:after, .tipr_point_top:before
{
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  top: 100%;
  content: "";
  height: 0;
  width: 0;
}
.tipr_point_top:after
{
  border-top-color: rgba(51, 154, 197, 0.6);
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.tipr_point_top:before 
{
  border-top-color: rgba(51, 154, 197, 0.6);
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
.tipr_point_bottom:after, .tipr_point_bottom:before
{
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  width: 0;
}
.tipr_point_bottom:after
{
  border-bottom-color: rgba(51, 154, 197, 0.6);
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.tipr_point_bottom:before 
{
  border-bottom-color: rgba(51, 154, 197, 0.6);
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}