@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-webfont.eot');
    src: url('../fonts/opensans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-webfont.woff2') format('woff2'),
         url('../fonts/opensans-webfont.woff') format('woff'),
         url('../fonts/opensans-webfont.ttf') format('truetype'),
         url('../fonts/opensans-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body {height:100%;background-size: cover;}
body{font-family: 'open_sansregular' !important; -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img{max-width:100%;}
.icon-bar {background-color:#fff;}
.navbar-trans {background:transparent;color:#fff;}
.navbar-fixed-top .container-fluid{position:relative; padding-left:50px; padding-right:50px;}
.navbar-fixed-top .navbar-right{
  margin-top:15px;
  display:inline-block;
  border:1px solid #FC0;
}
.navbar-collapse {
  float:right;
}
.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {background-color:transparent;color: #629777;}
.navbar-trans a{color: #08255B; font-size:16px; height: auto;font-family: 'open_sanssemibold';padding:10px 15px !important;}
.navbar-trans .form-control:focus {border-color: #eee;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);}
.v-center {padding-top:10%;font-size:70px;}
.well {border-color:transparent;}
a.list-group-item.active,[class*='-info'] {background-color: #168ccc;color:#fff;}
.btn-casestudy {
  width:208px;
  height:39px !important;
  /*background:url(../images/AllCaseStudies_Btn_Header.svg) no-repeat; -webkit-transition:background  0.3s ;
  transition: background 0.3s;*/
  background: #fffdf8;
  text-align:center;
  border-radius:20px;
  position: relative;
  transition: all 0.5s ease;
}
.btn-casestudy:hover, .active .btn-casestudy{
  color: #FFF !important;
  /*background:url(../images/AllCaseStudies_Btn_Header_MouseOver.svg) no-repeat;*/
}
.btn-casestudy:after{
  /*display:none;*/
  content:'';
  position: absolute;
  width:212px;
  height:43px !important;
  top:-2px;
  left:-2px;
  background: #629777;
  background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%);
  background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%);
  background: linear-gradient(to right, #629777 0%,#c3e3b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 );
  border-radius:20px;
  z-index:-1;
}
#searchform {
  display:inline-block;
  width:auto;
  height:40px;
  position: relative;
  top:-6px;
  padding-right: 10px;
}
#searchform #search {
  border:none;
  border-bottom: 1px solid #4c755d;
  position: relative;
  top:-6px;
  background: transparent;
  color:#4c755d;
  font-size: 16px;
}
#searchform #searchform_button {
  height:22px;
  padding-left: 5px;
  padding-right: 5px;
}
ul.header-social{
  margin:0;
  padding:0;
  list-style:none;
  display:inline-block;
  /*position: relative;
  top:15px;
  right:50px;*/
}
ul.header-social li{float:left;padding:0 5px; text-align:center; display:table;}
ul.header-social li a{width:37px; height:37px;display:table-cell;padding:0 !important; vertical-align:middle;color:#fff;-webkit-transition:background  0.3s ;    transition: background 0.3s;border-radius:50%;
background: #629777;
background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%);
background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%);
background: linear-gradient(to right, #629777 0%,#c3e3b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 );
transition: all 0.2s ease; }

ul.header-social li a:hover{
  background: #08255b;
  background: -moz-linear-gradient(left, #08255b 0%, #91a6d8 100%);
  background: -webkit-linear-gradient(left, #08255b 0%,#91a6d8 100%);
  background: linear-gradient(to right, #08255b 0%,#91a6d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08255b', endColorstr='#91a6d8',GradientType=1 );
	color:#FFF;
}
.navbar-brand img {
  height:100px;
  width:auto;
}
.navbar-fixed-top.navbar-brand img{
  /*width:191px;*/
  -webkit-transition:width 0.3s;
  transition:width 0.3s;
}
.navbar-fixed-top.affix{border-bottom:1px solid #ddd; background:#fff;}
.navbar-fixed-top.affix .navbar-brand img{
  height:50px;
}
/* END HEADER SECTION */

/* START FIXED SOCIAL*/
ul.fixed-social{margin:0;padding:0;list-style:none;position: fixed;top: 50%;left: 0;-webkit-transform: translateY(-50%); transform: translateY(-50%);z-index:9999;}
ul.fixed-social li{display:table;}
ul.fixed-social li a{width:40px;height:40px;display:table-cell; vertical-align:middle; color:#fff;text-align:center;font-size: 16px;-webkit-transition:width 0.3s;transition:width 0.3s;}
ul.fixed-social li a:hover{width:65px;}
ul.fixed-social li a.facebook{background:#3b589e;}
ul.fixed-social li a.linkedin{background:#0077b4;}
ul.fixed-social li a.twitter{background:#1da1f3;}
ul.fixed-social li a.envelope{background:#848484;}

/* END FIXED SOCIAL*/


/* START SECTION ONE*/

.section-one {min-height:calc(100% - 1px);position:relative; padding-top:108px; background: #fffdf7; /* Old browsers */
background: -moz-linear-gradient(top, #fffdf7 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fffdf7 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fffdf7 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.section-one .section-one-inner{
  width:100%;
  display:table;
}
.section-one .section-one-inner .left-section{
  width:50%;
  display:table-cell;
  vertical-align:middle;
  padding-right:30px;
}
.section-one .section-one-inner .left-section svg {
  border:3px solid #FC0;
  max-width:40vw;
  height:auto;
}
.section-one .section-one-inner .right-section{width:50%;display:table-cell;vertical-align:middle; padding-left:30px;padding-right:50px;}
.section-one .section-one-inner .right-section .right-inner{max-width:465px;}
.section-one .section-one-inner .right-section h1{margin:0;font-size:36px;line-height:43px;color: #08255b;font-family: 'open_sansbold';}
.section-one .section-one-inner .right-section h2{margin:0 0 25px 0;font-size:36px;line-height:43px;color: #629777;}
.section-one .section-one-inner .right-section p{font-size:20px;line-height:24px;color: #808184;}
.scroll-down-btn{background: transparent;border: 0;outline: 0;box-shadow: none;position: absolute;bottom:50px;left: 50%;
-webkit-transform: translateX(-50%);transform: translateX(-50%); text-decoration:none;}
.scroll-down-btn span{display:block; text-align:center;color: #629777; font-size:16px; line-height:18px;margin-bottom: 18px;}
.scroll-down-btn:hover, .scroll-down-btn:focus{text-decoration:none;}
.scroll-down-btn:hover span, .scroll-down-btn:focus span{color:#629777;}
.scroll-down-btn:hover img, .scroll-down-btn:focus img{opacity:0.6;}

/* END SECTION ONE*/

/* START SECTION TWO*/
.section-two{
  border-bottom:1px solid #ddd;
  padding:50px 0 0 0;
  color:#fff;
  background: #629777; /* Old browsers */
  background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #629777 0%,#c3e3b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 ); /* IE6-9 */
  overflow:hidden;
}
.section-two .section-two-inner{margin:0 auto;width:940px;text-align:center;}
.section-two .section-two-inner h1{margin:0 0 20px 0;font-size:48px;line-height:48px;}
.section-two .section-two-inner p{margin:0 0 20px 0;font-size:20px;line-height:24px; font-family: 'open_sansitalic';}
.section-two .section-two-inner  ul.btn-container{margin:0 0 0 -5%; padding:0; list-style:none; text-align:center;width:110%;}
.section-two .section-two-inner  ul.btn-container li{
  display:inline-block;
  padding:0 20px;
  margin:0;
  position: relative;
  height:75px;
}
.section-two .section-two-inner  ul.btn-container li a{display:table; font-size:16px;  padding:0px 10px; border-radius:25px; min-width:117px; float:left;font-family: 'open_sanssemibold'; -webkit-transition:background  0.3s ;    transition: background 0.3s;}
.section-two .section-two-inner  ul.btn-container li a:focus{text-decoration:none;}
.section-two .section-two-inner  ul.btn-container li a span{display:table-cell; vertical-align:middle;height:41px;}
.section-two .section-two-inner  ul.btn-container li a span:nth-child(2){padding-left:10px; }

.section-two .section-two-inner  ul.btn-container li:nth-child(1) a{width:117px;background:#fff;color:#629777;}
.section-two .section-two-inner  ul.btn-container li:nth-child(1) a:hover, .section-two .section-two-inner  ul.btn-container li:nth-child(1).active a{background:#629777; color:#fff; text-decoration:none;}

.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) a{background:#fff;color:#629777;    padding: 0 20px 0 20px;}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) a span svg{margin-top:6px;}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) a:hover, .section-two .section-two-inner  ul.btn-container li:nth-child(2).active > a{background:#629777;color:#fff;text-decoration:none;}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) a:hover .pp-mill{fill:#fff !important;}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1).active a .pp-mill{fill:#fff !important;}

.section-two .section-two-inner  ul.btn-container li:last-child a{
  background: url('../images/icon-communities-green.png') no-repeat right 25px center #FFF;
  background-size: auto 60%;
  color:#629777;
  padding: 0 60px 0 20px;
}
.section-two .section-two-inner  ul.btn-container > li:last-child a:hover,
.section-two .section-two-inner >  ul.btn-container > li:nth-child(3).active a{
  background: url('../images/icon-communities-white.png') no-repeat right 25px center #08255B;
  background-size: auto 60%;
  color:#fff;
  text-decoration:none;
}
.section-two .section-two-inner  ul.btn-container li:last-child a span svg{margin-top:6px;}
.section-two .section-two-inner  ul.btn-container li:last-child a:hover span svg .society{fill:#fff !important;}
.section-two .section-two-inner  ul.btn-container li:last-child.active a span svg .society{fill:#fff !important;}

.section-two .section-two-inner  ul.btn-container li ul {
  position: absolute;
  top:50px;
  left:20px;
  text-align:left;
  padding:0;
  margin:0;
  z-index:99;
  visibility: hidden;
}


.section-two .section-two-inner  ul.btn-container li:hover {display: inline-block;}
.section-two .section-two-inner  ul.btn-container li:hover ul,
.section-two .section-two-inner  ul.btn-container li.active ul {
  visibility: visible;
}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) ul li {
  /*display:inline-block;*/
  margin:0;
  padding:0;
  height:35px;
  line-height:35px;
}
.section-two .section-two-inner  ul.btn-container li ul li:first-child a {
  background: url('../images/icon-renewable-green.png') no-repeat right 10px center #FFF;
  background-size: auto 60%;
}
.section-two .section-two-inner  ul.btn-container li ul li:first-child.active a,
.section-two .section-two-inner  ul.btn-container li ul li:first-child a:hover {
  background: url('../images/icon-renewable-white.png') no-repeat right 10px center #629777;
  background-size: auto 60%;
}
.section-two .section-two-inner  ul.btn-container li ul li:last-child a {
  background: url('../images/icon-energy-green.png') no-repeat right 10px center #FFF;
  background-size: auto 60%;
}
.section-two .section-two-inner  ul.btn-container li ul li:last-child.active a,
.section-two .section-two-inner  ul.btn-container li ul li:last-child a:hover {
  background: url('../images/icon-energy-white.png') no-repeat right 10px center #629777;
  background-size: auto 60%;
}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) ul li a {
  min-width:185px;
  height:auto;
  margin:0;
  padding:0px 13px 0px 18px;
  display:block;
  font-size:14px;
}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) ul li a span {height:auto;  display:inline-block;}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) ul li a span:first-of-type {
  width:125px;
}

.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) ul li a span:last-of-type svg {
  fill: #629777;
  height:24px;
}
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) ul li.active span:last-of-type svg,
.section-two .section-two-inner  ul.btn-container li:nth-child(n+1) ul li a:hover span:last-of-type svg {
  fill: #FFF;
}
.section-two .section-two-inner  ul.btn-container li.active ul li a {
/*  background: #FFF !important;
  color: #629777 !important;*/
}
.section-two .section-two-inner  ul.btn-container li.active ul li a:hover span:last-of-type svg {
  fill: #FFF;
}
.map-section{width:100%; }
.map-section .map-section-inner{width:100%; display:table;position: relative;overflow:hidden;}
.map-section .map-section-inner .left-map{display:table-cell;    width: 100%;}
.map-section .map-section-inner .left-map img{width:100%;}
.map-section .map-section-inner .right-map-detail{display:table-cell;width:396px;background:#FBFBFB;vertical-align: top;    position: absolute;right: -100%;top:0; -webkit-transition:right 0.3s;transition:right 0.3s;height: 100%;}
.map-section .map-section-inner .right-map-detail.active{right:0; }
.map-section .map-section-inner .right-map-detail .map-location{width:100%;position:relative;}
.map-section .map-section-inner .right-map-detail .map-location .map-social{min-height:67px;}

.map-section .map-section-inner .right-map-detail .map-location .location-header{width:100%;position:relative;}
.map-section .map-section-inner .right-map-detail .map-location .location-header img {width:100%;}
.map-section .map-section-inner .right-map-detail .map-location  .close-btn{width:40px;height:40px; position:absolute; top:0; right:0;border: 0;padding: 0; z-index:9;outline:0;}
.map-section .map-section-inner .right-map-detail .map-location  .close-btn:hover, .map-section .map-section-inner .right-map-detail .map-location  .close-btn:focus{outline:0;}

.map-section .map-section-inner .right-map-detail .map-location .map-social ul.fixed-social{position:relative; left:0; top:0; transform:inherit;z-index:9;}
.map-section .map-section-inner .right-map-detail .map-location .map-social ul.fixed-social li{float:left;}
.map-section .map-section-inner .right-map-detail .map-location .map-social ul.fixed-social li a{-webkit-transition:height 0.3s;transition:height 0.3s;}
.map-section .map-section-inner .right-map-detail .map-location .map-social ul.fixed-social li a:hover{width:40px;height:55px;}

.map-section .map-section-inner .right-map-detail .map-location .map-detail-container{width:100%;padding:10px 40px 25px 40px; clear: both;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container  ul{margin:0; padding:0;list-style:none;
width:100%;float:left;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container  ul li{padding:0 10px;float:left;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container  ul li:first-of-type {padding-left:0px;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container  ul li img {width:40px;height:40px;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container .inner-detail{width:100%; clear: both;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container h3{width:100%; float:left;font-size:20px; line-height:1.4;color: #626262;font-family: 'open_sansbold';margin-bottom:0;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container h4{width:100%; float:left;font-size:18px; line-height:24px;color: #626262;margin-top: 5px;margin-bottom: 20px;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container p{padding-top:10px;font-size:16px; line-height:24px;color: #626262;width:100%; float:left;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container .btn-container{width:100%;clear:both;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container .btn-container .casestudy-btn{color:#fff; background:#91A6D8; border-radius:25px;padding:8px 30px;display:inline-block; margin-top:20px;font-size:18px;font-family: 'open_sanssemibold';transition: all .2s ease-in-out;}

.map-section .map-section-inner .right-map-detail .map-location .map-detail-container .btn-container .casestudy-btn:hover{
		text-decoration:none;
		opacity:0.8;
		transform: scale(1.03);
		background: #91a6d8; /* Old browsers */
		background: -moz-linear-gradient(top, #91a6d8 0%, #08255b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #91a6d8 0%,#08255b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #91a6d8 0%,#08255b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a6d8', endColorstr='#08255b',GradientType=1 ); /* IE6-9 */
	}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container .btn-container .casestudy-btn:after{content:""; width:24px; background:url(../images/arrow.svg) no-repeat;height: 13px;display: inline-block;margin-top: 2px; margin-left:15px;}
/* END SECTION TWO*/

/*  START SECTION THIRD  */
.section-third{
  position:relative;
  padding-top:95px;
  padding-bottom:95px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 1%, #fffdf7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 1%,#fffdf7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 1%,#fffdf7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffdf7',GradientType=0 ); /* IE6-9 */
}
.section-third .video-section{width:960px;margin:0 auto; text-align: center;}
.section-third .video-section .video-container{
  width:100%;
  padding:0;
  position:relative;
  /*height:540px;*/
  position:relative;
  text-align:center;
}
.section-third .video-section .video-container video {max-width:100%;height:auto;}
/*.section-third .video-section .video-container:after{content:"";position:absolute;top:25px;left:25px;right:25px; bottom:25px;background:#313131;z-index:1;}
*/
.section-third .video-section .video-container  .play-btn{position:absolute;top:50%; left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); z-index:2;}
.section-third h3{font-size:24px; line-height:24px;color: #E75323;font-family: 'open_sansbold';text-align:center; margin-top:50px;}
.section-third p{font-size:20px; line-height:24px;color: #626262;text-align:center;}
.section-third .video-btn{
  letter-spacing: 1px;
  margin:40px 0;
  padding:8px 75px;
  display:inline-block;
  border-radius:25px;
  font-size:20px;
  font-family: 'open_sansbold';
  color:#fff;
  background: #629777; /* Old browsers */
  background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #629777 0%,#c3e3b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 ); /* IE6-9 */
}
.section-third .video-btn:hover, .section-third .video-btn:focus{text-decoration:none;}
.section-third .scroll-down-btn{bottom:50px;}
/*  END SECTION THIRD  */

/*  START SECTION FOUR  */
.section-four{
  position:relative;
  padding:50px 0 70px 0;
  color:#fff;
  text-align:center;
  background: #629777; /* Old browsers */
  background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #629777 0%,#c3e3b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 ); /* IE6-9 */
  }
.section-four h1{font-size:36px;font-family: 'open_sansbold';margin:0 0 5px 0;}
.section-four h3{font-size:36px; margin:0;}
.section-four .download-btn {
  position:relative;background:#fff;
  padding:8px 25px 8px 40px;
  display:inline-block;
  color:#629777;
  border-radius:25px;
  font-size:16px;
  font-family: 'open_sanssemibold';
  margin-top: 40px;
  margin-bottom:5px;
}
.section-four a:first-of-type {
  margin-right:60px;
}
@media (max-width:768px){
  .section-four a,
  .section-four a:first-of-type {
    margin: 45px auto;
    display:block;
    width:300px;
  }
}


.section-four .download-btn:before{content:"";background:url(../images/Cover_ToOurRootsAndBeyond_CEPIBrochure.png) no-repeat; width: 97px;display: inline-block;height: 120px;position: absolute;left: -61px;top: -35px;}
.section-four a.download-btn:first-of-type:before{background:url(../images/Cover_Reinvest_brochure.png) no-repeat;}
@media (max-width:500px){
  .section-four a.download-btn:first-of-type:before {
    background-size: auto 100px;
  }
}
.section-four .download-btn:after{content:"";background:url(../images/Download_Icon.svg) no-repeat;width: 28px;display: inline-block;height: 20px;margin-left: 15px;margin-top: -2px;}
.section-four .download-btn:hover{background: #629777;color:#fff;text-decoration:none;}
.section-four .download-btn:hover:after{background:url(../images/Download_Icon_NEG.svg) no-repeat;}
/*  END SECTION FOUR  */




footer {background-color:#3a4351;color:#fff;min-height:100px;padding-top:50px;padding-bottom:30px; clear:both;}
footer .container-fluid{padding:0 50px;}
.footer-logo img{width:219px;}
.footer-left-section{width:100%; float:left;position:relative;font-size:12px;margin-top: 25px;}
.footer-left-section:after{
  content:"";
  position:absolute;
  right:0;
  top:35px;
  width:2px;
  height:52px;
  -webkit-transform:translateY(-50%);transform:translateY(-50%);
  background: #742c13; /* Old browsers */
  background: -moz-linear-gradient(top, #c3e3b2 0%, #629777 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c3e3b2 0%,#629777 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c3e3b2 0%,#629777 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3e3b2', endColorstr='#629777',GradientType=0 ); /* IE6-9 */
}

@media (min-width:768px){
.footer-left-section p{padding-right:45px;}
}
footer .right-section{width:100%; margin-top:35px; padding-left:30px;}
@media (max-width:768px){
footer .right-section{padding-left:0;}
}
footer .right-section a{color:#fff; font-size:16px;font-family: 'open_sansbold';}
footer .right-section a:hover {color:#629777;text-decoration:none;}
footer .right-section p{font-size:16px; font-family: 'open_sansbold';}


ul.footer-social{margin:0; padding:0; list-style:none;}
ul.footer-social li{float:left;padding:0 5px; display:table;}
ul.footer-social li:first-child{float:left;padding-left:0;}
ul.footer-social li:last-child{float:left;padding-right:0;}
ul.footer-social li a{display:table-cell;width:26px;height:26px;border-radius:50%; background:#fff;color:#3a4351;text-align:center; vertical-align:middle;font-size: 14px;}
ul.footer-social li a:hover{color:#FFF;background-color:#629777;}


footer .footer-bottom{width:100%;font-size:10px; color:#fff; margin-top:80px;}

/*START VIDEO PAGE CSS*/
.navbar-nav>li.active>a{position:relative; font-family:'open_sansbold';}
.navbar-nav>li.active>a::after{content: ""; height: 2px; position: absolute; width: 76%; bottom: 5px; background: #e75323;
left: 12%;}
.video-page .video-section-main{width:990px; margin:0 auto;}
.video-section-main h1{text-align:center; font-size:48px; color:#08255b; font-family:'open_sansregular'; line-height:1; margin:0px 0 65px 0;}
.video-section-main h1 span{font-family:'open_sanssemibold';}
.video-list-main{float:left; width:100%; clear:both; padding-bottom:120px;}
.video-list-main .video-inn{float:left; width:33.33%; padding: 0 15px 20px 15px;}
.video-inn h2{color:#629777; line-height:22px; font-size:18px; font-family: 'open_sansbold'; margin:10px 0 5px 0;}
.video-inn p{color:#000000; line-height:20px; font-size:14px; font-family: 'open_sansregular';}
.video-inn a{display:block;}
.video-inn a{position:relative;}
.plat-img{position:absolute; left:0; top:0; height:100%; width:100%; background:rgba(0, 0, 0, 0.15) url(../images/play_icon.svg) no-repeat; display:none; background-position:center center;outline: 0;}
.video-inn a:hover, .video-inn a:focus{text-decoration:none;outline: 0;}
.video-image{display:block; overflow:hidden;}
.video-inn .video-image a img{ max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.video-inn .video-image a:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.video-inn .video-image a:hover .plat-img{display:block; outline: 0;}
.video-inn .video-image a:focus .plat-img {outline: 0;}
.close_bt{background:url(../images/close.svg) no-repeat; width:32px; height:32px; display:block; text-indent:-4000px; border: 0;
float: right; margin-bottom: 10px;}


.video-list-main .modal{position:fixed; padding-right:0 !important; left: -16px;}
.video-list-main .modal-content{background:none; box-shadow:none; border:0;}
.video-list-main .modal-body{padding:0;}
.video-list-main .carousel-control.left{box-shadow:none; opacity: 1; background: none; left: -90px; top: 42%;}
.video-list-main .carousel-control.right{box-shadow:none; opacity: 1; background: none; right: -90px; top: 42%;}
.modal-backdrop.in{opacity:.75;}
.carousel-caption{left:0; bottom:0; width:100%; text-align:left; padding:5px 15px; text-shadow:none; background:rgba(0, 0, 0, 0.75);}
.carousel-caption h3{font-size:18px; line-height:22px; color:#fff; font-family: 'open_sansbold'; margin:5px 0 5px 0;}
.carousel-caption p{font-size:14px; line-height:20px; color:#fff; font-family: 'open_sansregular'; margin-bottom:5px;}
.video-list-main .carousel-control.left img{width:20px;}
.video-list-main .carousel-control.right img{width:20px;}
.carousel-inner>.active{position:relative;}
.carousel-inner>.active:hover .plat-img{display:block;}
.carousel-inner .item img{width:100%;}

/* START BREADCRUMB CSS */
.inner-page-wrapper{width:100%; padding-top:170px ;}
.breadcrumds-section{width:100%;}
.breadcrumds-section ol.breadcrumb{background:transparent;padding-left:0; width: 970px;margin: 0 auto; margin-bottom: 10px;}
.breadcrumds-section .breadcrumb>li+li:before {padding: 0 5px;color: #ccc; content: ">";}
.breadcrumds-section .breadcrumb li a{font-size:14px;line-height: 24px;color:#979797;}
.breadcrumds-section .breadcrumb li{font-size:14px;position:relative;}
.breadcrumds-section .breadcrumb li:last-child{font-size:14px;line-height: 24px;color:#979797; text-decoration:underline;   padding-left: 20px;}
.breadcrumds-section .breadcrumb li:last-child:before{position:absolute; left:0; }
/*START CASE STUDY DETAIL PAGE CSS*/
.case-study-detail{width:100%;}
.case-study-detail .casestudy-detail-inner{width:1000px; margin:0 auto; display:table;}
.case-study-detail .casestudy-detil-head{width:100%;}
.case-study-detail .casestudy-detil-head h2{font-size: 40px;line-height: 40px;color: #0A2D71 ;margin:0;font-family: 'open_sansbold';}
.case-study-detail ul {margin:30px 0;padding: 0;list-style: none;width: 100%;float: left; }
.case-study-detail ul li {padding: 0 10px;float: left; }
.case-study-detail li:first-child{padding-left:0;}
.case-study-detail .left-section {padding-left:15px;padding-right:65px;display:table-cell;vertical-align:top;}
.case-study-detail .left-section .casestudy-detail-content{width: 100%;float: left;}
.case-study-detail .left-section .casestudy-detail-content h1,
.case-study-detail .left-section .casestudy-detail-content h2,
.case-study-detail .left-section .casestudy-detail-content h3,
.case-study-detail .left-section .casestudy-detail-content h4 {
	font-size: 24px;
	line-height: 33px;
	color: #47AF73;
	font-family: 'open_sansitalic';
	padding-bottom:15px;
	margin-top:0;
}
.case-study-detail .left-section .casestudy-detail-content p{width: 100%;float: left; font-size:18px;line-height: 24px ; color: #636363; margin-bottom:20px;}
.case-study-detail .left-section .casestudy-detail-content p strong{font-family: 'open_sansbold';}
.case-study-detail .left-section .casestudy-detail-content p.italic{font-size:24px; line-height: 33px ; color: #47AF73;font-family: 'open_sansitalic';}
.case-study-detail .left-section .img-continer{width: 100%;float: left; margin:10px 0 30px 0;}

.case-study-detail .left-section .casestudy-detail-content ul {margin:0 0 15px 15px;}
.case-study-detail .left-section .casestudy-detail-content ul li {
  font-size: 18px;
  color: #636363;
  list-style-type: disc;
  padding: 5px 10px;
}

.case-study-detail ul.fixed-social {
  position: relative;
  top:0;
  left:0;
}
.case-study-detail ul.fixed-social li{float:left;padding:2px;}
.case-study-detail ul.fixed-social li a{-webkit-transition:height 0.3s;transition:height 0.3s;}
.case-study-detail ul.fixed-social li a:hover{width:40px;height:40px;opacity: 0.9;}

.case-study-detail .left-section  a#case-pdf-download {
  font-size:18px;
  color: #4C765D;
  text-decoration: underline;
}
.case-study-detail .left-section  a#case-pdf-download:hover {
  color: #0A2D71;
}
/*.case-study-detail .left-section  a#case-pdf-download:after {
  content: "";
  background: url(../images/Download_Icon.svg) no-repeat top 3px center;
  width: 28px;
  display: inline-block;
  height: 22px;
  margin-left: 15px;
}*/

.case-study-detail .right-section{width:300px;display:table-cell;vertical-align:top;}
.case-study-detail .right-section .casestudy-user-box{
  width:300px;
  margin-top: 115px;
  padding:25px;
  position:relative;
  background: #a8c62d;
  background: #629777; /* Old browsers */
  background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #629777 0%,#c3e3b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 ); /* IE6-9 */
}
.case-study-detail .right-section .casestudy-user-box:before{
  position:absolute;
  content:"";
  left:2px;
  right:2px;
  top:2px;
  bottom:2px;
  background:#fff;
}
.case-study-detail .right-section .user-box-inner{position:relative; z-index:3;}
.case-study-detail .right-section  .profile-box{width:150px; height:150px; border-radius:50%; margin:-135px auto 0 auto; display:block;    overflow: hidden;}
.case-study-detail .right-section  .profile-box img {}
.case-study-detail .right-section .user-box-inner h1,
.case-study-detail .right-section .user-box-inner h2,
.case-study-detail .right-section .user-box-inner h3,
.case-study-detail .right-section .user-box-inner h4{font-size:24px; line-height: 24px;color: #636363;font-family: 'open_sansbold';}
.case-study-detail .right-section .user-box-inner p{font-size:16px; line-height: 22px;color: #636363;font-family: 'open_sansitalic';}
.case-study-detail .right-section .main-feature-box{width:300px; height:auto; margin-top:25px;  padding:25px;
  background: #a8c62d;
  background: #629777; /* Old browsers */
  background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #629777 0%,#c3e3b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 ); /* IE6-9 */
}
.case-study-detail .right-section .main-feature-box h1,
.case-study-detail .right-section .main-feature-box h2,
.case-study-detail .right-section .main-feature-box h3,
.case-study-detail .right-section .main-feature-box h4{margin:5px 0 20px 0 ;font-size:20px; line-height: 24px;color: #ffffff;font-family: 'open_sansbold';}
.case-study-detail .right-section .main-feature-box p{font-size:16px; line-height: 22px; color: #FFFFFF;margin-bottom: 25px;}
.case-study-detail .right-section .main-feature-box p label{display:block; font-weight:normal;margin-bottom:0;}
.case-study-detail .right-section .main-feature-box p:last-child{margin-bottom:0;}


.other-project-section{width:100%; margin-bottom:90px; margin-top:70px;}
.other-project-section .container{width:1000px;}
.other-project-section .owl-prev {width: 30px;height: 90px;position: absolute;top: 50%;left: -40px;background: url(../images/slide-prev.svg) no-repeat; -webkit-transform: translateY(-50%);transform: translateY(-50%);text-indent: -200px;overflow: hidden;margin-top: -22px; }
.other-project-section .owl-next {width:30px; height: 90px;position: absolute;top: 50%;right: -40px;background: url(../images/slide-next.svg) no-repeat;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-indent: -200px;overflow: hidden;margin-top: -22px; }
.other-project-section h3{
  font-size:24px;
  line-height: 24px;
  color: #4C765D;
  font-family: 'open_sansbold';
  margin-bottom:20px;
}
.other-project-section .pro-title{font-size:20px;line-height:30px;color: #4C765D; margin-top:10px;display: block;}
.other-project-section .item{margin:10px;}

.back-to-top {
  position:fixed;
  bottom:30px;
  right:50px;
  background:transparent;
  box-shadow: none;
  border: 0;
  outline: 0;
  display:none;
  z-index:9999;
}

/* CASE STUDIES PAGE */
.inner-page-wrapper .main-head h1{font-size:48px;line-height:48px;color:#08255b;text-align:center;margin-top:0;}
#casestudies{padding:60px 0 80px 0;}

ul.casestudy-filter{
  margin:0;
  padding:0;
}
ul.casestudy-filter li{
  display:inline-block;
  padding:0 15px;
  margin:0;
  margin-right:5px;
  position: relative;
}
ul.casestudy-filter li:last-child{margin-right:0;}
ul.casestudy-filter li a{
  float:left;
  display:table;
  padding:0px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 40px;
  background:#fff;
  border-radius: 20px;
  font-size: 16px;
  font-family: 'open_sanssemibold';
  border:1px solid #629777;
  color: #629777;
}
ul.casestudy-filter li a:hover, ul.casestudy-filter li a:focus{text-decoration:none;}
ul.casestudy-filter li a span{display:table-cell;vertical-align:middle;}
ul.casestudy-filter li a span:last-child{
  padding-left:10px;
}
ul.casestudy-filter li a span:first-child{
  padding-left:0px;
}
ul.casestudy-filter li a span .society, ul.casestudy-filter li a .pp-mill{fill:#629777 !important;}
ul.casestudy-filter li:nth-child(1) a{}
ul.casestudy-filter li:nth-child(2) {
  position: relative;
}
ul.casestudy-filter li a{padding:0px 35px 0 35px;}
ul.casestudy-filter li:nth-child(3) a{padding:0px 35px 0 35px;}
ul.casestudy-filter li a:hover, ul.casestudy-filter li.active > a {
  color: #fff;
  background: #629777; /* Old browsers */
  background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #629777 0%,#c3e3b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 ); /* IE6-9 */
}

ul.casestudy-filter li:nth-child(3) a{
  background-size: auto 60%;
  color:#629777;
  padding: 0 35px 0 35px;
}
ul.casestudy-filter li:nth-child(3) a:hover,
ul.casestudy-filter li:nth-child(3).active a{
  background-size: auto 60%;
  color:#fff;
  text-decoration:none;
}

ul.casestudy-filter li:nth-child(3) a:hover .society, ul.casestudy-filter li.active:nth-child(3) a .society,
ul.casestudy-filter li:nth-child(2) a:hover .pp-mill , ul.casestudy-filter li.active:nth-child(2) a .pp-mill{fill: #fff !important;}

ul.casestudy-filter li ul {
  position: absolute;
  top:50px;
  left:20px;
  text-align:left;
  padding:0;
  margin:0;
  z-index:99;
  visibility: hidden;
}
ul.casestudy-filter li ul li {
  /*display:inline-block;*/
  margin:0;
  padding:0;
  height:35px;
  line-height:35px;
}
ul.casestudy-filter li ul li a {
  background-size: auto 60%;
}
ul.casestudy-filter li ul li.active a,
ul.casestudy-filter li ul li a:hover {
  background-size: auto 60%;
}
ul.casestudy-filter li ul li a {
  background-size: auto 60%;
}
ul.casestudy-filter li ul li.active a,
ul.casestudy-filter li ul li a:hover {
  background-size: auto 60%;
}

ul.casestudy-filter li:hover {display: inline-block;}
ul.casestudy-filter li:hover ul,
ul.casestudy-filter li.active ul {
  visibility: visible;
}
ul.casestudy-filter li ul li {
  margin:0;
  padding:0;
  height:auto;
}
ul.casestudy-filter li ul li a {
  min-width:200px;
  height:auto;
  margin:0;
  padding:0px 13px 0px 18px;
  display:block;
  font-size:14px;
}
ul.casestudy-filter li ul li a span {height:auto;  display:inline-block;}
ul.casestudy-filter li ul li a span:first-of-type {
  width:auto;
}

ul.casestudy-filter li ul li a span:last-of-type svg {
  fill: #629777;
  height:24px;
}
ul.casestudy-filter li ul li.active span:last-of-type svg,
ul.casestudy-filter li ul li a:hover span:last-of-type svg {
  fill: #FFF;
}
ul.casestudy-filter li ul li a {
/*  background: #FFF !important;
  color: #629777 !important;*/
}
ul.casestudy-filter li ul li a:hover span:last-of-type svg {
  fill: #FFF;
}


#casestudy_list .pitem{margin-top:30px;}
.item a:hover {
    text-decoration: none;
}
.item a:focus {
    text-decoration: none;
}
.item a:active {
    text-decoration: none;
}
#casestudy_list .item{overflow:hidden;  position:relative;}
#casestudy_list .pitem img{width:100%;}
 #casestudies .item {width:100%;cursor: default;}
.casestudies-details{
  position:absolute;
  z-index: 5;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: #629777; /* Old browsers */
  background: -moz-linear-gradient(left, #629777 0%, #c3e3b2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #629777 0%,#c3e3b2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #629777 0%,#c3e3b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#629777', endColorstr='#c3e3b2',GradientType=1 ); /* IE6-9 */
   opacity:0;
   -webkit-transition:all 0.6s;
   transition:all 0.6s;
 }
#casestudy_list .item:hover .casestudies-details{display:block; opacity:0.9;}
#casestudy_list ul.fixed-social {position: absolute;left:auto;right: 0;top: 0;transform: inherit;z-index: 9; }
#casestudy_list ul.fixed-social li{float:left;}
#casestudy_list ul.fixed-social li a{-webkit-transition:height 0.3s;transition:height 0.3s;}
#casestudy_list ul.fixed-social li a:hover{width:40px;height:55px;}
.casestudies-detail-inner{width:100%;display:table;height:100%;}
.casestudies-detail-inner .hover{display:table-cell; vertical-align:middle;text-align:center; padding:25px 40px;}
.casestudies-detail-inner h3{font-size:22px;line-height: 24px; color: #FFFFFF;font-family: 'open_sansbold';margin-top:0;}
.casestudies-detail-inner p{font-size:16px;line-height: 24px; color: #FFFFFF;}
.casestudies-detail-inner a.viewcase-studies-btn{font-size:18px;line-height: 24px; color: #FFFFFF; border:1px solid #fff; border-radius:20px;display: inline-block;padding: 7px 40px; margin-top:5px;}
.casestudies-detail-inner a.viewcase-studies-btn:hover{text-decoration:none; background:#fff; color:#9CC613;}

@media (min-width:768px){
.navbar-fixed-top{position:absolute;top:25px;}
}

@media (min-width:992px){
.modal-dialog {width: 840px; margin:50px auto;}
.section-one .section-one-inner{padding-top:15vh;}
.section-one .section-one-inner .right-section h1 {font-size:24px;line-height:30px;}
.section-one .section-one-inner .right-section h2 {font-size:24px;line-height:30px;}
.section-one .section-one-inner .right-section p{font-size:15px;line-height:18px;}
.scroll-down-btn span{font-size: 14px;line-height: 16px;margin-bottom: 10px;}
.scroll-down-btn img{width:70px;}
.scroll-down-btn{bottom:25px;}
#casestudies .container{width:990px;}
#casestudies {padding-bottom:150px;}
}

@media (min-width:1200px){
.modal-dialog {width: 960px; margin: 50px auto;}
.section-one .section-one-inner .left-section{text-align: right;}
.section-one .section-one-inner .left-section img{width:450px;}
.navbar-nav>li{padding:0 13px;}
.video-list-main .carousel-control.left{left: -110px;}
.video-list-main .carousel-control.right{right: -110px;}
}

@media (min-width:1500px){
.modal-dialog {margin: 20vh auto;}
/* .video-list-main .modal{left:0;} */
.section-one .section-one-inner .left-section{padding-right:50px;}
.section-one .section-one-inner .left-section img{width:auto;max-height:60vh}
.section-one .section-one-inner .right-section h1{font-size:34px;padding-top:50px;line-height:43px;}
.section-one .section-one-inner .right-section h2{font-size:34px;line-height:43px;}
.section-one .section-one-inner .right-section p{font-size:16px;line-height:24px;}
.section-one .section-one-inner .right-section .right-inner{max-width:530px;}
.scroll-down-btn{bottom:50px;}
.section-one .section-one-inner{padding-top:50px;}
/* fix TSW vertical align middle */
.section-one {height:100vh;min-height:auto;padding:5% 0;}
.section-one .container-fluid {height:100%;}
.section-one .container-fluid .row  {height:100%;}
.section-one .container-fluid .row .col-xs-12 {height:100%;}
.section-one .container-fluid .row .section-one-inner {padding:0;height:100%;}
.section-one .section-one-inner .left-section {height:100%;}
	/* fix TSW vertical align middle */
.scroll-down-btn span{font-size: 16px;line-height: 18px;margin-bottom: 18px;}
.scroll-down-btn img{width:90px;}
}
ul.header-social li a:hover {}
@media (max-width:1200px){
.section-one .section-one-inner .left-section{text-align:right;}
.section-one .section-one-inner .left-section img{width:460px;}
.section-one .section-one-inner .right-section{padding-right:30px;}
.section-one .section-one-inner .right-section h1{font-size:30px; line-height:36px;}
footer .container-fluid{padding:0 15px;}
footer .right-section{padding-left:0;}
.footer-logo img{width:auto;}
.footer-left-section p{width:190px; font-size:11px;}

.section-one .section-one-inner .right-section p{font-size:16px; line-height:20px;}
.section-one .section-one-inner .right-section h1 {font-size: 30px;line-height: 36px;}
.section-one .section-one-inner .right-section h2 {font-size: 30px;line-height: 36px;}
.case-study-detail .casestudy-detail-inner{width:950px;}
.breadcrumds-section ol.breadcrumb{width: 920px;}
.other-project-section .container {width: 950px;}
.other-project-section .owl-prev{left:-30px;}
.other-project-section .owl-next{right:-30px;}
.case-study-detail .left-section{padding-right:50px;}
.other-project-section .owl-prev{width:25px; background-size:100%;    height: 83px;    left: -25px;}
.other-project-section .owl-next{width:25px; background-size:100%;    height: 83px;right:-25px;}
ul.footer-social li{padding:0 4px;}
}

@media (max-width:1024px){
footer{padding-bottom:60px;}
#searchform {
  visibility: hidden;display:none;
}

}

@media (max-width:991px){
.sl-wrapper .sl-navigation button.sl-prev{left:20px !important;}
.sl-wrapper .sl-navigation button.sl-next{right:20px !important;}
.sl-wrapper .sl-close{right:30px !important;}
.video-section-main h1{font-size:40px;}
.video-page .video-section-main{width:100%;}
.video-inn h2{font-size:16px; line-height:18px;}
.video-inn p{font-size:12px; line-height:16px;}
.sl-caption h2{font-size: 16px; margin:0;}
.sl-caption p{font-size: 12px; margin-bottom:0;}
.sl-wrapper .sl-navigation button.sl-prev{background-size:100%; width: 21px; height: 70px;}
.sl-wrapper .sl-navigation button.sl-next{background-size:100%; width: 21px; height: 70px;}
.sl-wrapper .sl-close{background-size:100%; width:28px !important; height:28px !important;}
.section-one .section-one-inner {padding-top: 60px;}
.section-one .section-one-inner .left-section {text-align:center;}
.section-one .section-one-inner .left-section img{width:350px;}
.section-one .section-one-inner .right-section{padding-left:15px; padding-right:0;}
.section-one .section-one-inner .left-section{padding-right:15px;}
.section-one .section-one-inner .right-section h1{font-size: 24px;line-height: 28px; }
.section-one .section-one-inner .right-section h2{font-size: 24px;line-height: 28px; }
.section-one .section-one-inner .right-section p{font-size:16px; line-height:20px;}
.section-two .section-two-inner{width:100%; padding:0 15px;}
.section-third .video-section{width:100%; padding:0 15px;}
.section-two .section-two-inner h1{font-size:36px;line-height:42px;}
.section-two .section-two-inner p{font-size:18px;line-height:22px;}
.footer-left-section:after{display:none;}
footer .right-section{border-top: 2px solid #fff;padding-top: 35px;}
.navbar-fixed-top .container-fluid{padding-left:15px; padding-right:15px;}
ul.header-social{right:15px;}
.navbar-fixed-top .navbar-right{margin-right:195px;}
.section-one, .video-page{min-height: inherit; padding-bottom: 170px;}

.case-study-detail .casestudy-detail-inner{width:720px;}
.breadcrumds-section ol.breadcrumb{width: 700px;}
.other-project-section .container {width: 720px;}
.other-project-section .owl-prev{left:-30px;}
.other-project-section .owl-next{right:-30px;}
.case-study-detail .casestudy-detil-head h2{font-size:34px; line-height:38px;}
.case-study-detail .left-section .casestudy-detail-content p.italic{font-size:20px; line-height:28px;}
.case-study-detail .left-section{padding-right:30px;}
.casestudies-detail-inner .hover{padding:25px 15px;}
.casestudies-detail-inner h3{font-size:20px;line-height:20px;margin-bottom: 5px;}
.casestudies-detail-inner p{font-size:16px; line-height:18px;}
.casestudies-detail-inner a.viewcase-studies-btn {font-size:16px; line-height:18px;}
.inner-page-wrapper .main-head h1{font-size:40px; line-height:40px;}
}

@media (max-width:767px){
.close_bt{width: 24px; height: 24px; background-size:100%; position: relative; z-index: 999;}
.video-list-main .modal-dialog{width: 80%; margin: 30px auto;}
.video-list-main .carousel-control.left{left:-70px;}
.video-list-main .carousel-control.right{right:-70px;}
.carousel-caption{min-height:109px; bottom:-109px;}
.carousel-inner{padding-bottom:109px; clear:both;}
.video-list-main .carousel-control.left{top:52%;}
.video-list-main .carousel-control.right{top:52%;}
.section-one .section-one-inner .left-section{width:100%;float:left; text-align:center;}
.section-one .section-one-inner .right-section{width:100%;float:left; margin-top:40px;}
.section-one .section-one-inner .right-section .right-inner{max-width:100%;}
.navbar-toggle {border:none;}
.navbar-toggle .icon-bar{background:#c3e3b2;}
.navbar-toggle{border-color:#c3e3b2; margin-top: 17px;}
.navbar-fixed-top{padding-top:50px;background: #fff;border: 1px solid #ddd;}
#searchform {
  width:100%;
  text-align: center;
  display:inline-block;
  visibility: visible;
}
ul.header-social{top:-50px; right:0;width:100%;text-align: center; height:50px;}
ul.header-social li{padding:6px 5px 0 5px; float:none; display:inline-block;}
.navbar-trans .navbar-right li:last-child{padding-left:10px;}
.section-one, .video-page{min-height:inherit; padding-bottom:150px;}
.section-four{padding:50px 15px;}
.section-one .section-one-inner .right-section{padding-left:10%;max-width:80%;}
.section-two .section-two-inner h1 {font-size: 24px; line-height: 30px; }
.section-two .section-two-inner p{font-size:16px;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container{padding:25px 15px;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container h3{font-size:20px; line-height:28px;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container h4{font-size:18px; line-height:22px;}
.map-section .map-section-inner .right-map-detail .map-location .map-detail-container p{font-size:16px; line-height:22px;}
.section-one .section-one-inner .left-section img {margin-left:-14px;}
.navbar-fixed-top .navbar-right{margin-right:0;}
.navbar ul.nav {
  padding-bottom:30px;
}
footer .right-section{text-align:center;}
ul.footer-social{width:100%;text-align:center;}
ul.footer-social  li{float:none !important; display:inline-block;}
.footer-logo{width:100%; text-align:center;}
.footer-left-section{text-align:center;}
.footer-left-section p{width:100%;}
.section-four h1{font-size:28px;}
.section-four h3{font-size:28px;}
.section-third .video-btn{padding: 10px 15px; font-size: 15px;}
.section-third .video-section .video-container:after{top:10px;left:10px;right:10px; bottom:10px;}
.section-third .video-section .video-container{
  /*height:400px;*/
}
.navbar-nav>li>a{text-align:center;}
.btn-casestudy{margin:0 auto;}
.navbar-fixed-top .navbar-brand img {
height:50px;
max-width:none;
}
.case-study-detail .casestudy-detail-inner{width:100%;}
.breadcrumds-section ol.breadcrumb{width:100%; padding:0 15px;}
.case-study-detail .left-section{width:100%; padding:0 15px; float:left;}
.case-study-detail .right-section{width:100%; padding:0 15px;float:left;}
.case-study-detail .right-section .casestudy-user-box{width:100%;}
.case-study-detail .right-section .main-feature-box{width:100%;}
.other-project-section{width:100%; padding-left:20px;padding-right:20px;}
.other-project-section .container{width:100%;}
.other-project-section .owl-prev{width:15px; background-size:100%;    height: 50px;    left: -15px;}
.other-project-section .owl-next{width:15px; background-size:100%;    height: 50px;right:-15px;}
.back-to-top{right:5px; width:50px;}
.inner-page-wrapper .main-head h1{font-size:36px; line-height:40px;}
ul.casestudy-filter li{margin-right:0; margin-bottom:10px;padding:5px;}
ul.casestudy-filter li a{float:none; margin:0 auto;}
.inner-page-wrapper{padding-top:150px;}
#casestudies{padding: 20px 0 50px 0;}
}
@media (max-width:640px){

.video-list-main .modal-dialog {width: 75%;}
.video-list-main .carousel-control.left{left: -60px;}
.video-list-main .carousel-control.right{right:-60px;}
.carousel-caption h3 {font-size: 16px;}
.carousel-caption p {font-size: 12px;}
.video-list-main .carousel-control.left img {width: 16px;}
.video-list-main .carousel-control.right img {width: 16px;}
.video-list-main .carousel-control.left{top: 44%;}
.video-list-main .carousel-control.right{top: 44%;}
.video-list-main .video-inn{width:50%;}
.video-section-main h1{margin:0px 0 45px 0;}
}
@media (max-width:480px){
.video-list-main .carousel-control.left{left: -50px;}
.video-list-main .carousel-control.right{right:-50px;}
.section-four .download-btn{padding: 10px 15px 10px 25px; font-size: 15px;margin-right: -25px;}
.section-four .download-btn:before{width:78px; background-size:100%;left: -44px;top: -23px;}
.section-third .video-section .video-container{
/*height:300px;*/
}
.sl-wrapper .sl-navigation button.sl-prev {width: 13px; height: 42px;}
.sl-wrapper .sl-navigation button.sl-next {width: 13px; height: 42px;}
.sl-wrapper .sl-close {width: 20px !important; height: 20px !important;}
.sl-wrapper .sl-navigation button.sl-prev {left: 10px !important;}
.sl-wrapper .sl-navigation button.sl-next {right: 10px !important;}
.sl-wrapper .sl-navigation button {top: 50% !important;}
.sl-caption h2 {font-size: 14px; line-height: 1.2;}
.video-list-main{padding-bottom:40px;}
.video-section-main h1 {font-size: 26px;}
.inner-page-wrapper .main-head h1{font-size:26px; line-height:30px;}
}
@media (max-width:400px){
.carousel-caption h3{font-size: 14px;}
.video-list-main .carousel-control.left{left: -40px;}
.video-list-main .carousel-control.right{right:-40px;}
.video-list-main .video-inn{width:100%;}
.video-inn .video-image a img{width:100%;}
.right-map-detail{width:100% !important;}
.section-third .video-section .video-container{height:230px;}
ul.fixed-social li a{width: 40px;height: 40px; font-size:20px;}
ul.fixed-social li a:hover{width:40px;height:50px;}
.casestudies-detail-inner h3{font-size:18px;line-height:18px;}
.casestudies-detail-inner p{font-size:14px; line-height:16px;}
.casestudies-detail-inner a.viewcase-studies-btn {font-size: 14px;line-height: 16px;}
}

.flag {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	box-shadow: 1px 1px 5px #CDCDCD;
	background-size: cover;
	display: inline-block;
}

.allcasesflag {
    position: absolute;
    top: 25px;
    right: 40px;
    z-index: 2;
}
.allcasestype {
    position: absolute;
    top: 25px;
    right: 105px;
    z-index: 2;background-color:#FFF;
}

.s1, sub {
	vertical-align: sub;
    font-size: 0.8em;
}
.slick-slider .slick-arrow {
  position: absolute;
  top:25%;
  width:27px;
  height:90px;
  border:none;
  background: none;
  text-indent:-99999px;
  z-index:99;
}
.slick-slider .slick-prev {
  left:-50px;
  background: url(../images/previous.png) no-repeat;
  background-size: cover;
}
.slick-slider .slick-next {
  right:-50px;
  background: url(../images/next.png) no-repeat;
  background-size: cover;
}