/* COPYRIGHT 2014-20 Leafspine Limited All rights reserved
  _                   __              _                                     _    
 | |     ___   __ _  / _| ___  _ __  (_) _ __    ___     ___  ___    _   _ | | __
 | |    / _ \ / _` || |_ / __|| '_ \ | || '_ \  / _ \   / __|/ _ \  | | | || |/ /
 | |___|  __/| (_| ||  _|\__ \| |_) || || | | ||  __/ _| (__| (_) |_| |_| ||   < 
 |_____|\___| \__,_||_|  |___/| .__/ |_||_| |_| \___|(_)\___|\___/(_)\__,_||_|\_\
                              |_|                                                
*/
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700')
;body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,hr,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,summary,hgroup{padding:0;margin:0;outline:0;border:0}
html,body{width:100vw}
html{overflow-x:hidden}
html{scroll-behavior:smooth}

/* =@viewport */
@viewport {width:extend-to-zoom; zoom:1.0;}
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

/* =@colors */
.lsg{color:#91ea52}
.lsb{color:#13addd}
.lsdb{color:#19164d}
.lsr{color:#ec2d4c}
.lsp{color:#8b79da }
.lsy{color:#ffc926}
.lst{color:#2bdfc5}
.lbk{color:#333}
.lsgr{color:#999}
.lsw{color:#fff}

/* =@wrapper */
.wrapper{width:100vw;height:100vh}

/* =@header */
header{display:block;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;width:100vw;text-align:left;z-index:100}
header h1{font:400 8vmin 'Oxygen', arial, sans-serif;padding-left:2vw;padding-top:0.5vw;color:#fff}
header h1 a{color:#fff;text-decoration:none;font-weight:600}
header strong{color:#91ea52;font:400 3vmin 'Oxygen', arial, sans-serif;padding-left:2vw;line-height:4vh}
header ul{list-style:none;float:right;margin-right:2vw;margin-bottom:1vw}
header ul li{display:inline-block}
header ul li a{color:#fff;font:400 3.0vmin 'Oxygen', arial, sans-serif;text-decoration:none;padding:1vw;outline:0}
header ul li a:hover{color:#13addd}
header h3{font:400 8vmin 'Oxygen', arial, sans-serif;padding-left:2vw;padding-top:0.5vw;color:#fff}
header h3 a{color:#fff;text-decoration:none;font-weight:600}
.icon{display:inline-block;width:2.8vw;height:6vh;fill:#91ea52}
.icon-star-full{display:inline-block;width:1.8vw;height:3vh;fill:#ec2d4c}
a:active,a:hover{outline:0}
.list li{list-style:circle;color:#13addd;margin-left:5vw;font:400 2.6vmin 'Oxygen', arial, sans-serif; padding: .4vh 0 .4vh 0}
#toggle-menu, input {display:none}

/* =@sections */
section{display:block;position:relative}
article{padding:30vh 0;width:80vw;margin:0 8vw;text-align:center}
article h1{font:400 10vmin 'Oxygen', arial, sans-serif}
article h2{font:400 8vmin 'Oxygen', arial, sans-serif}
#a2 h2{font:400 8vmin 'Oxygen', arial, sans-serif}
article h2 a{color:#000;text-decoration:none}
article h2 a:hover{color:#aadb1e;text-decoration:none}
article h3{font:400 6vmin 'Oxygen', arial, sans-serif}
#a2 h3{font:400 6vmin 'Oxygen', arial, sans-serif}
article h3 a{color:#000;text-decoration:none}
article h3 a:hover{color:#13addd;text-decoration:none}
article h4{font:400 5vmin 'Oxygen', arial, sans-serif;margin-bottom:4vh}
article ul{margin: -1vh 0 2vh 0;}
article p{padding:1vmin 0;font:400 2.5vmin 'Oxygen', arial, sans-serif}
article p span{padding:1vmin 0;font:400 3.5vmin 'Oxygen', arial, sans-serif}
article p a{color:#13addd;text-decoration:none}
article p a:hover{color:#ffc926;text-decoration:none}
article em{font:400 3.0vmin 'Oxygen', arial, sans-serif;color:#333;font-style:italic;text-shadow:0px 1px 0px #e8e8e8}
article strong{padding:1vmin 0;font:700 2.6vmin 'Oxygen',arial,sans-serif; color:#19164d}
strong a{color:#19164d;text-decoration:none;outline:0}
strong a:hover{color:#91ea52;text-decoration:none}
.hp1{font:400 10vmin 'Oxygen',arial,sans-serif}
.hp2{font:400 6vmin 'Oxygen',arial,sans-serif}
.column{width:80vw;text-align:left;-webkit-break-inside:avoid-column;-webkit-columns:2;-webkit-column-gap:3vw;-moz-break-inside:avoid-column;-moz-columns:3;-moz-column-gap:3vw;break-inside:avoid-column;columns:3;column-gap:3vw}
.column p{text-align:left;display:inline-block;margin: -1vh 0 2vh 0}
.btn{display:inline-block;margin-top:2vw;padding:2vh 2.5vh;background:#13addd;color:#fff;text-transform:uppercase;cursor:pointer;text-decoration:none;border:0.25vw solid #fff}
header ul li a.home{font:400 7vmin 'Oxygen',arial,sans-serif;line-height:1vmin}
abbr{cursor:help}
aside{margin:3vh 0 0 7vw}
#payment{background:url(../i/paypal-verified.png) no-repeat center center;height: 36vh;background-size:contain}
#verification_seal{background:url(../i/verification_seal.gif) no-repeat left top;height: 20vh;background-size:auto}

/* =@location */
.schema ul{list-style:none}
.schema ul li{display:inline-block}
.schema {color:#fff;font:400 2.5vmin 'Oxygen', arial, sans-serif}
.frame {border:1vh solid transparent}

/* =@container */
#a1,#a1a,#a1b,#a1c,#a1d,#a1e,#tac{color:#fff;padding:15vh 0;text-shadow:0 0 0.5vw #000}
#a1 .b-slant, #a1a .b-slant, #a1b .b-slant, #a1c .b-slant, #a1d .b-slant, #a1e .b-slant, #a1 .b-slant, #tac .b-slant{width:0;height:0;border-top:10vh solid transparent;border-right:100vw solid #fff;position:absolute;bottom:0;left:0}
#a2,#a4,#a6,#a8,#a10,#a12{background:#fff}
#a3,#a5,#a7,#a9,#a11,#a11b,#a13{color:#fff;text-shadow:0 0 0.5vw #000}
#a3 .t-slant, #a5 .t-slant, #a7 .t-slant, #a9 .t-slant, #a11 .t-slant, #a11b .t-slant, #a13 .t-slant{width:0;height:0;border-bottom:10vh solid transparent;border-right:100vw solid #fff}
#a3 .b-slant, #a5 .b-slant, #a7 .b-slant, #a9 .b-slant{width:0;height:0;border-top:10vh solid transparent;border-left:100vw solid #fff}
#a11,#a11b,#a13{background:#13addd;color:#fff}
#xw,#zw,{background:#fff}#yg,#xg,#xgb{background:#f0f0f0}
#xw .t-slant, #zw .t-slant{width:0;height:0;border-bottom:10vh solid transparent;border-right:100vw solid #fff}
#xw .b-slant, #zw .b-slant{width:0;height:0;border-top:10vh solid transparent;border-left:100vw solid #f0f0f0}
#yg .t-slant, #xg .t-slant, #xgb .t-slant{width:0;height:0;border-bottom:10vh solid transparent;border-left:100vw solid #f0f0f0}
#yg .b-slant, #xg .b-slant, #xgb .b-slant{width:0;height:0;border-top:10vh solid transparent;border-right:100vw solid #fff}

/* =@background images */
#a1{background:url(../i/sustainable-electricity.jpg) no-repeat center center}
#a1a{background:url(../i/intelligenthome-house.jpg) no-repeat center center}
#a1b{background:url(../i/evplug-in.jpg) no-repeat center center}
#a1c{background:url(../i/sparky-buzz.jpeg) no-repeat center center}
#a1d{background:url(../i/thermalsurvey-xyz.jpg) no-repeat center center}
#a1e{background:url(../i/photo_49734_20110713.jpg) no-repeat center center}
#tac{background:url(../i/tws.jpg) no-repeat center center}
#a5,#a7{background:url() no-repeat center center}
#a1,#a1a,#a1b,#a1c,#a1d,#a1e,#tac,#a5{background-size:cover}
#a1,#a1a,#a1b,#a1c,#a1d,#a1e,#tac,#a3,#a5,#a7{background-attachment:fixed}

/* =@footer */
footer{background:#91ea52;padding:2vh 0}
footer p{text-align:center;font:400 2.5vmin 'Oxygen', arial, sans-serif}
footer p a{color:#000;text-decoration:none;outline:0}
footer p a:hover{color:#fff;text-decoration:none}

/* =@twelve-point-star */
#burst-12 span{display:block;height:40px;position:absolute;top:50%;margin-top:-20px;z-index:10;font:400 11pt 'Oxygen', arial, sans-serif;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.54);-webkit-transform: rotate(-35deg); -moz-transform:rotate(-35deg); -ms-transform:rotate(-35deg); -o-transform: rotate(-35deg)}
#burst-12{background:#ec2d4c;width:60px;height:60px;position:relative;text-align:center}
#burst-12:before,#burst-12:after{content:"";position:absolute;top:0;left:0;height:60px;width:60px;background:#ec2d4c}
#burst-12:before{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg)}
#burst-12:after{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg)}

/* =@media 1025px */
@media only screen and (min-width: 1025px){
#a1,#a1a,#a1b,#a1c,#a1d,#a1e,#tac,#a3,#a5,#a7{background-attachment:fixed}
}
    
/* =@media 768px */
@media only screen and (max-width: 768px){ 
header ul li a{color:#fff;font:400 4.8vmin 'Oxygen', arial, sans-serif;text-decoration: none;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.54)}
header nav li{text-align:left;width:85%;padding:1vw;margin:0;}
header nav:hover ul{display:block}a:active,a:hover{outline:0}
header nav ul, nav:active ul{display:none;position:absolute;padding:1vw;background:rgba(0,0,0,0.55);left:71vw;top:inherit;width:60%;border-radius:0 0 0 7%;box-shadow:5px 4px 9px #333;border-color:rgba(0,0,0,0.2);border-style:solid;border-width:0 0 1px 1px}    
#toggle-menu {display:block; visibility: visible}
input {display:none;}
#toggle-menu:before{content:"≡";display:block; color:#fff;font-size:9.2vmin; float:right; padding:3vmin 9.2vmin 0 0;cursor:pointer; font-weight:bold} 
#menu .main-menu{display:none}
#tm:checked+.main-menu{display:block}
#menu input[type="checkbox"]:checked+.sub-menu{display:block}

.list li{font-size:3.8vmin}
article{padding:23vh 0}
article ul{font-size:3.2vmin;margin: -1vh 0 2vh 0}
article p{font-size:4.2vmin}
article h4{margin-bottom:2.5vh}
article strong{padding:1vmin 0;font:700 4.2vmin 'Oxygen',arial,sans-serif; color:#19164d}    
.column{width:80vw;text-align:left;-webkit-break-inside:avoid-column;-webkit-columns:2;-webkit-column-gap:3vw;-moz-break-inside:avoid-column;-moz-columns:1;-moz-column-gap:3vw;break-inside:avoid-column;columns:1;column-gap:3vw}  
#a1a,#a1c,#a1d{text-shadow:0 0 1.5vw #000}
footer p{font-size:3.2vmin} 
#logo{width: 90% } 
}

/* =@media 600px */
@media only screen and (max-width: 600px) {
.column{width:80vw;text-align:left;-webkit-break-inside:avoid-column;-webkit-columns:2;-webkit-column-gap:3vw;-moz-break-inside:avoid-column;-moz-columns:1;-moz-column-gap:3vw;break-inside:avoid-column;columns:1;column-gap:3vw} 
header ul li a{color:#fff;font:400 4.3vmin 'Oxygen', arial, sans-serif;text-decoration: none;}
header nav li{text-align:left;padding:1.3vw;margin:0;}
header nav ul, nav:active ul{display:none;position:absolute;padding:1vw;background:rgba(0,0,0,0.55);left:52vw;top:inherit;width:60%;border-radius:0 0 0 15%;box-shadow:5px 4px 9px #333;border-color:rgba(0,0,0,0.2);border-style:solid;border-width:0 0 1px 1px}

/* =@background images */
#a1{background:url(../i/sustainable-electricity-s.jpg) no-repeat center center}
#a1a{background:url(../i/intelligenthome-house-s.jpg) no-repeat center center}
#a1b{background:url(../i/evplug-in-s.jpg) no-repeat center center}
#a1c{background:url(../i/sparky-buzz-s.jpeg) no-repeat center center}
#a1d{background:url(../i/thermalsurvey-xyz-s.jpg) no-repeat center center}
#a1e{background:url(../i/photo_49734_20110713-s.jpg) no-repeat center center}
#tac{background:url(../i/tws-s.jpg) no-repeat center center}
#a5,#a7{background:url() no-repeat center center}
#a1,#a1a,#a1b,#a1c,#a1d,#a1e,#tac,#a5{background-size:cover}
#one a{color:#fff;text-decoration:none;font:400 4.8vmin 'Oxygen', arial, sans-serif}
#a1,#a1a,#a1b,#a1c,#a1d,#a1e,#tac,#a3,#a5,#a7{background-attachment:fixed}
}
/* =@media 360px-640px */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){.icon{width:2.8vw;height:6.3vh;fill:#91ea52}
.icon-star-full{width:2.8vw;height:6.3vh;fill:#ec2d4c}}

/* =@media 360px */
@media only screen and (max-width: 420px) {.icon{width:5.8vw;height:4.3vh;fill:#91ea52}
.icon-star-full{width:5.8vw;height:4.3vh;fill:#ec2d4c}
article ul{font-size:3.8vmin}
.schema{font-size:3.8vmin}
}