.slider{float:left;width:100%;position:relative;}
iframe{border:0 none;float:left;height:800px;width:100%;}
/*! CSS Used from: http://templates.stillidea.net/SUSTAINABILITY/css/responsive.css */
@media (min-width:768px) and (max-width:980px){
iframe{height:auto;}
}
@media (max-width:767px){
iframe{height:auto;}
}


.remove-ext{float:left;margin-bottom:-30px;width:100%;}
.service-intro{height:547px;width:547px;margin-left:-273.5px;text-align:center;z-index:100;position:absolute;top:-364px;left:50%;}
.service-intro:before{background:url(../templates.stillidea.net/SUSTAINABILITY/images/service-bg.html) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);content:"";height:100%;position:absolute;left:50%;top:-113px;width:100%;z-index:-1;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0;}
.service-intro:after{background:none repeat scroll 0 0 black;border:30px solid #e6e6e6;content:"";height:100%;width:100%;opacity:0.9;z-index:-1;position:absolute;left:0;top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.builder-img{background:url(../templates.stillidea.net/SUSTAINABILITY/images/border.html) no-repeat scroll center bottom transparent;float:left;margin-top:-180px;padding-bottom:1px;width:100%;}
.short-desc{float:left;margin-top:25px;width:100%;}
.short-desc h3{color:#fff;float:left;font-weight:600;letter-spacing:2.5px;overflow:hidden;padding:0 80px 20px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%;}
.short-desc p{color:#f2f1f1;float:left;padding:0 135px 20px;width:100%;}
.short-desc a{background:none repeat scroll 0 0 rgba(30, 30, 30, 0.3);color:#fff;display:inline-block;font-family:roboto slab;font-size:11px;line-height:15px;padding:10px;text-align:center;width:70%;}
.service-boxes{float:left;position:relative;width:100%;z-index:100;}
.service-box{display:table;height:272px;margin:10px auto 30px;position:relative;width:272px;}
.service-inner{float:left;margin-left:48px;margin-top:41px;position:relative;width:175px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:50% 50% 0;-moz-transform-origin:50% 50% 0;-ms-transform-origin:50% 50% 0;-o-transform-origin:50% 50% 0;transform-origin:50% 50% 0;}
.service-inner:before{background-clip:content-box;content:"";height:100%;opacity:0.90;padding:10px;width:100%;position:absolute;left:0;top:0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.service-inner:after{background:none repeat scroll 0 0 #fff;border:1px solid #d9d9d9;content:"";height:110%;left:-5%;padding:10px;position:absolute;top:-5%;width:110%;z-index:-1;}
.service-inner > img{width:100%;}
.white-border.right{left:auto;right:125px;top:264px;width:128px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.white-border{background:none repeat scroll 0 0 #fff;bottom:-80px;height:360px;left:127px;position:absolute;width:128px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.white-border:before{background:url(../templates.stillidea.net/SUSTAINABILITY/images/service-bg-2.html) repeat scroll 0 0 rgba(0, 0, 0, 0);content:"";height:90px;left:-57px;position:absolute;top:-75px;width:180px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.white-border.right:before{left:auto;right:-58px;top:-75px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.intro{height:100%;padding:0px;text-align:center;width:100%;position:absolute;left:0;}
.intro > h3{float:left;font-size:14px;     color: #000;font-weight:400;margin-top:150px;width:100%;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.service-box:hover .intro > h3{color:#FFF;}
.service-icon{color:#5b5a5a;display:inline-block;margin-top:40px;width:70px;text-align:center;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.service-icon:before{color:#5b5a5a;font-size:60px;line-height:80px;margin:0;width:100%;}
.service-box:hover .service-icon{margin-left:-70px;opacity:0;}
.service-icon.hover{color:#fff;margin-right:-70px;margin-top:0;opacity:0;}
.service-icon.hover:before{color:#fff;}
.service-box:hover .service-icon.hover{margin-left:0;margin-right:0;opacity:1;}
.service-intro:after,.service-box:hover .service-inner:before{background-color:#c32a2a;}
[class*=" flaticon-"]:before,[class*=" flaticon-"]:after{font-family:Flaticon;font-style:normal;}
.flaticon-barbell:before{content:"\e000";}
.flaticon-biceps:before{content:"\e002";}
.flaticon-guru1:before{content:"\e00b";}
.flaticon-mountain24:before{content:"\e011";}
/*! CSS Used from: http://templates.stillidea.net/SUSTAINABILITY/css/responsive.css */
@media (max-width:1200px){
.service-boxes{margin-top:-40px;}
.service-boxes .row > div{width:50%;float:left;}
}
@media (max-width:767px){
.block .container{padding:0 15px;}
.service-intro{display:none;}
}
@media (max-width:480px){
.service-boxes .row > div{width:100%;}
}
/*! CSS Used from: http://templates.stillidea.net/SUSTAINABILITY/css/color/red.css */
.service-intro:after,.service-box:hover .service-inner:before{background-color:#009746;}




/* ============================================
            FLAT ICONS
==============================================*/


@font-face {
    font-family: "Flaticon";
    src: url("flaticon.html");
    src: url("flaticon.html#iefix") format("embedded-opentype"),
    url("flaticon-2.html") format("truetype"),
    url("flaticon-3.html") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-style: normal;
}.flaticon-barbell:before {
    content: "\e000";
}
.flaticon-basketball35:before {
    content: "\e001";
}
.flaticon-biceps:before {
    content: "\e002";
}
.flaticon-canopy:before {
    content: "\e003";
}
.flaticon-SUSTAINABILITYionship8:before {
    content: "\e004";
}
.flaticon-climbing6:before {
    content: "\e005";
}
.flaticon-drop19:before {
    content: "\e006";
}
.flaticon-dumbbell21:before {
    content: "\e007";
}
.flaticon-finish:before {
    content: "\e008";
}
.flaticon-fishing11:before {
    content: "\e009";
}
.flaticon-floating1:before {
    content: "\e00a";
}
.flaticon-guru1:before {
    content: "\e00b";
}
.flaticon-guru:before {
    content: "\e00c";
}
.flaticon-jump7:before {
    content: "\e00d";
}
.flaticon-jumping27:before {
    content: "\e00e";
}
.flaticon-leg5:before {
    content: "\e00f";
}
.flaticon-man362:before {
    content: "\e010";
}
.flaticon-mountain24:before {
    content: "\e011";
}
.flaticon-padding:before {
    content: "\e012";
}
.flaticon-ping3:before {
    content: "\e013";
}
.flaticon-regular2:before {
    content: "\e014";
}
.flaticon-rugby98:before {
    content: "\e015";
}
.flaticon-runner5:before {
    content: "\e016";
}
.flaticon-running30:before {
    content: "\e017";
}
.flaticon-skidiving:before {
    content: "\e018";
}
.flaticon-skiing7:before {
    content: "\e019";
}
.flaticon-skydiving2:before {
    content: "\e01a";
}
.flaticon-soccer43:before {
    content: "\e01b";
}
.flaticon-soccer44:before {
    content: "\e01c";
}
.flaticon-sport11:before {
    content: "\e01d";
}
.flaticon-sportive36:before {
    content: "\e01e";
}
.flaticon-stopwatch7:before {
    content: "\e01f";
}
.flaticon-swimming20:before {
    content: "\e020";
}
.flaticon-tennis18:before {
    content: "\e021";
}
.flaticon-time13:before {
    content: "\e022";
}
.flaticon-trekking:before {
    content: "\e023";
}
.flaticon-trophy45:before {
    content: "\e024";
}
.flaticon-walking17:before {
    content: "\e025";
}
.flaticon-weightlift:before {
    content: "\e026";
}
.flaticon-yoga12:before {
    content: "\e027";
}


.overlay {
    
    display: block;
    text-align: center;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;   
    
}


.textWrap {
    margin-top: -140px;
    left: 0;
    position: absolute;
    top: 50%;
    transform-origin: center center 0;
    transform-style: preserve-3d;
    width: 100%;

    -webkit-animation: 5s ease-in-out 0s normal none infinite running wobble;
    -moz-animation: 5s ease-in-out 0s normal none infinite running wobble;
    -ms-animation: 5s ease-in-out 0s normal none infinite running wobble;
    -o-animation: 5s ease-in-out 0s normal none infinite running wobble;
    animation: 5s ease-in-out 0s normal none infinite running wobble;
}    
@keyframes wobble {
  0%,100%{ transform:rotate3d(2,3,1,60deg); }
  25%{ transform:rotate3d(-2,3,1,60deg); }
  50%{ transform:rotate3d(-2,-3,1,60deg); }
  75%{ transform:rotate3d(2,-3,1,60deg); }
}
@-webkit-keyframes wobble {
  0%,100%{ -webkit-transform:rotate3d(2,3,1,60deg); }
  25%{ -webkit-transform:rotate3d(-2,3,1,60deg); }
  50%{ -webkit-transform:rotate3d(-2,-3,1,60deg); }
  75%{ -webkit-transform:rotate3d(2,-3,1,60deg); }
}
@-ms-keyframes wobble {
  0%,100%{ -ms-transform:rotate3d(2,3,1,60deg); }
  25%{ -ms-transform:rotate3d(-2,3,1,60deg); }
  50%{ -ms-transform:rotate3d(-2,-3,1,60deg); }
  75%{ -ms-transform:rotate3d(2,-3,1,60deg); }
}
@-o-keyframes wobble {
  0%,100%{ -o-transform:rotate3d(2,3,1,60deg); }
  25%{ -o-transform:rotate3d(-2,3,1,60deg); }
  50%{ -o-transform:rotate3d(-2,-3,1,60deg); }
  75%{ -o-transform:rotate3d(2,-3,1,60deg); }
}

.textWrap h1 {
  display:block;
  width:100%;
  padding:40px;
  line-height:1.5;
  font:900 6em 'Concert One', sans-serif;
  text-transform:uppercase;
  position:absolute;
  color:#f6e6e6;
  -webkit-animation:glow 10s ease-in-out infinite;
  -moz-animation:glow 10s ease-in-out infinite;
  -ms-animation:glow 10s ease-in-out infinite;
  -o-animation:glow 10s ease-in-out infinite;
  animation:glow 10s ease-in-out infinite;
}
@keyframes glow {
  0%,100%{ text-shadow:0 0 35px #e22222; }
  25%{ text-shadow:0 0 35px #10145e; }
  50%{ text-shadow:0 0 35px #a9e56e; }
  75%{ text-shadow:0 0 35px #dd16da; }
}
@-webkit-keyframes glow {
  0%,100%{ text-shadow:0 0 35px #e22222; }
  25%{ text-shadow:0 0 35px #10145e; }
  50%{ text-shadow:0 0 35px #a9e56e; }
  75%{ text-shadow:0 0 35px #dd16da; }
}
@-moz-keyframes glow {
  0%,100%{ text-shadow:0 0 35px #e22222; }
  25%{ text-shadow:0 0 35px #10145e; }
  50%{ text-shadow:0 0 35px #a9e56e; }
  75%{ text-shadow:0 0 35px #dd16da; }
}
@-ms-keyframes glow {
  0%,100%{ text-shadow:0 0 35px #e22222; }
  25%{ text-shadow:0 0 35px #10145e; }
  50%{ text-shadow:0 0 35px #a9e56e; }
  75%{ text-shadow:0 0 35px #dd16da; }
}

.textWrap h1:nth-child(2){ transform:translateZ(5px); }
.textWrap h1:nth-child(3){ transform:translateZ(10px);}
.textWrap h1:nth-child(4){ transform:translateZ(15px); }
.textWrap h1:nth-child(5){ transform:translateZ(20px); }
.textWrap h1:nth-child(6){ transform:translateZ(25px); }
.textWrap h1:nth-child(7){ transform:translateZ(30px); }
.textWrap h1:nth-child(8){ transform:translateZ(35px); }
.textWrap h1:nth-child(9){ transform:translateZ(40px); }
.textWrap h1:nth-child(10){ transform:translateZ(45px); }

/* Fixed: 9 of these were duplicate <h1> tags (bad for SEO - see CHANGES-3.md).
   Now decorative spans carrying the same 3D-depth visual effect, with one real H1. */
.textWrap .marquee-repeat {
  display:block; width:100%; padding:40px; line-height:1.5;
  font:900 6em 'Concert One', sans-serif; text-transform:uppercase;
  position:absolute; color:#f6e6e6;
  animation:glow 10s ease-in-out infinite;
}
.textWrap .marquee-repeat:nth-child(2){ transform:translateZ(5px); }
.textWrap .marquee-repeat:nth-child(3){ transform:translateZ(10px);}
.textWrap .marquee-repeat:nth-child(4){ transform:translateZ(15px); }
.textWrap .marquee-repeat:nth-child(5){ transform:translateZ(20px); }
.textWrap .marquee-repeat:nth-child(6){ transform:translateZ(25px); }
.textWrap .marquee-repeat:nth-child(7){ transform:translateZ(30px); }
.textWrap .marquee-repeat:nth-child(8){ transform:translateZ(35px); }
.textWrap .marquee-repeat:nth-child(9){ transform:translateZ(40px); }
.textWrap .marquee-repeat:nth-child(10){ transform:translateZ(45px); }