.skltbs-tab-group {
	margin: 0 0 0 20px;
	padding: 0;
	color:#7d7d7d;
	float:left;
	width:420px;
	position:relative;
}
.skltbs-tab-group:before{position:absolute; left:16px; top:0; content:''; width:3px; background:#e1e1e1; height:100%;}

.skltbs-tab-group li{
	display:block;
	font-size:18px;
	text-transform:uppercase;
	font-weight:500;
	position:relative;
	text-align:left;
	vertical-align:top;
	font-family:'RobotoRegular';
}
.skldrop{padding:12px 30px; cursor:pointer; position:relative;}
.skldrop:after{content: ""; width: 0; height: 0; padding: 5px; border: solid #7a7a7a; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: 13px; right: 0px; transition: all 0.2s ease-in;}
.skldrop:hover:after{transform: rotate(225deg); top:18px;}
.skldropsub{padding:7px 0px 7px 10px !important; border-bottom:1px solid #ccc;}
.is-active > .skldropsub{background: #cff5ff;color: #015898;}

.skldripdown{margin:0 !important; display:block !important;}
.skltbs-tab-group li ul{display:none; z-index:2; margin:10px 0 0 0; background:#eee;}
.skltbs-tab-group li:hover ul{display:block; position:absolute; width:90%;}
.skltbs-tab-group li:hover ul li{display:block; font-size:14px; text-transform:none}
.skltbs-tab-group li:hover ul li a{color:#7d7d7d; display:block}
.skltbs-tab-group li:hover ul li a:hover{background:#cff5ff; color:#015898;}
.clr{clear:both;}
.skltbs-tab-group::after {
	clear: both;
	display: table;
	content: ""
}
.skltbs-tab-item {
	display: inline-block;
	float: none;	
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
}
.skltbs-tab {
	display: block;
	text-decoration: none;
	touch-action: manipulation
}
.is-active > .skltbs-tab {
	touch-action: none
}
.is-disabled > .skltbs-tab {
	cursor: default;
	pointer-events: none;
	touch-action: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.skltbs-panel-group {
	width:369px;
	float:right;
}
.skltbs-panel-heading {
	margin: 0;
	font: inherit
}
.skltbs.has-animation .skltbs-tab {
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out
}
.skltbs.has-animation .skltbs-panel-group {
	transition: height 0.3s ease-in-out;
	transition-delay: 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.skltbs.has-animation .skltbs-panel {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.skltbs.has-animation .skltbs-panel.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1
}
.skltbs.has-animation .skltbs-panel.is-getting-in,
.skltbs.has-animation .skltbs-panel.is-getting-out {
	visibility: visible
}
.skltbs.has-animation.fade .skltbs-panel.is-getting-out {
	-webkit-animation: fade 0.3s ease-in-out forwards;
	animation: fade 0.3s ease-in-out forwards;
	-webkit-animation-direction: reverse;
	animation-direction: reverse
}
.skltbs.has-animation.fade .skltbs-panel.is-getting-in {
	-webkit-animation: fade 0.3s ease-in-out forwards;
	animation: fade 0.3s ease-in-out forwards;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s
}
.skltbs.has-animation.fade-scale .skltbs-panel.is-getting-out {
	-webkit-animation: fade-scale-out 0.3s ease-in-out forwards;
	animation: fade-scale-out 0.3s ease-in-out forwards
}
.skltbs.has-animation.fade-scale .skltbs-panel.is-getting-in {
	-webkit-animation: fade-scale-in 0.3s ease-in-out forwards;
	animation: fade-scale-in 0.3s ease-in-out forwards;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s
}
.skltbs.has-animation.drop .skltbs-panel.is-getting-out {
	-webkit-animation: slide-down-out 0.4s ease-in-out forwards;
	animation: slide-down-out 0.4s ease-in-out forwards
}
.skltbs.has-animation.drop .skltbs-panel.is-getting-in {
	-webkit-animation: scale-up 0.4s ease-in-out forwards;
	animation: scale-up 0.4s ease-in-out forwards
}
.skltbs.has-animation.rotate .skltbs-panel-group {
	overflow: hidden
}
.skltbs.has-animation.rotate .skltbs-panel.is-getting-out {
	-webkit-animation: rotate-out 0.5s ease-in-out forwards;
	animation: rotate-out 0.5s ease-in-out forwards
}
.skltbs.has-animation.rotate .skltbs-panel.is-getting-in {
	-webkit-animation: rotate-in 0.5s ease-in-out forwards;
	animation: rotate-in 0.5s ease-in-out forwards
}
@-webkit-keyframes "fade" {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes "fade" {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes "fade-scale-in" {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes "fade-scale-in" {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes "fade-scale-out" {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}
}
@keyframes "fade-scale-out" {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}
}
@-webkit-keyframes "scale-up" {
	from {
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes "scale-up" {
	from {
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes "slide-down-out" {
	from {}to {
		opacity: 0;
		-webkit-transform: translate3d(0, 50%, 0);
		-ms-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
	}
}
@keyframes "slide-down-out" {
	from {}to {
		opacity: 0;
		-webkit-transform: translate3d(0, 50%, 0);
		-ms-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
	}
}
@-webkit-keyframes "rotate-in" {
	from {
		-webkit-transform: translate3d(50%, 0, 0);
		-ms-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes "rotate-in" {
	from {
		-webkit-transform: translate3d(50%, 0, 0);
		-ms-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes "rotate-out" {
	from {}to {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
}
@keyframes "rotate-out" {
	from {}to {
		opacity: 0;
		-webkit-transform: translate3d(-50%, 0, 0);
		-ms-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	}
}
.skltbs {
	margin-top: 1.5em;
	margin-bottom: 1.5em
}
.skltbs-tab-item {
	margin: 0 3px 3px 0
}
.skltbs-tab {
	
}
.is-active > .skltbs-tab {
	
}

.skltbs-tab-top {
	background:none;
	color: #b7b3b3;
	padding:12px 0px 12px 50px;
	margin-bottom:10px;
	-webkit-transition:all 0.2s ease-out 0s; 
	-moz-transition:all 0.2s ease-out 0s; 
	-o-transition:all 0.2s ease-out 0s; 
	transition:all 0.2s ease-out 0s;
}
.is-active > .skltbs-tab-top {
	background:url(../images/star-circle.png) left 0 top 3px no-repeat;
	color: #fb455c;
	-webkit-transition:all 0.2s ease-out 0s; 
	-moz-transition:all 0.2s ease-out 0s; 
	-o-transition:all 0.2s ease-out 0s; 
	transition:all 0.2s ease-out 0s;
}

.artvideo-tab {
	background:none;
	color: #7d7d7d;
	padding:12px 30px;
}
.is-active > .artvideo-tab {
	background: #cff5ff;
	color: #015898;
}
.scale {
	max-width:100%; 
	height:auto; 
	width:auto\9;
}

.is-disabled > .skltbs-tab {
	background: #f2f2f2;
	color: #c7c7c7
}

.skltbs-panel-group {
	background: white;
}
.skltbs-panel {
	background: white;
	box-sizing: border-box
}
.small-archive{display:none;}
.skltbs-tab-group ul li ul{visibility:hidden !important;}
@media screen and (max-width:1500px) {
.actioncheck{font-size:14px;}	
}

@media screen and (max-width:1340px) {
.actioncheck{font-size:16px;}	
.dwn-compreport{padding-top:0;}
.actiontopmt{margin:0}
.filter_calc_wrap .lftwrap .fieldset .actionbtn{padding-top:0}
.filter_calc_wrap .lftwrap .fieldset .fildbox{padding:20px 0}
	
}

@media only screen and (max-width: 1255px) {
.skltbs-tab-item{font-size:15px;}
.aboutAwards .energy-cons-compare{min-height:265px;}
.dwn-compreport{padding-top:20px;}
}

@media only screen and (max-width: 990px) {
.aboutAwards .energy-cons-compare{margin-right:0;}
.rightbox-enery-compare{margin-top:0;}
.skltbs-panel-group{width:100%;}
.energy-graph{text-align:center; margin:0 auto;}
.skltbs-panel-heading{text-transform:uppercase;}
.skltbs-tab-top{background:#333; color: #fff; padding:15px 20px; border-bottom:1px solid #d6d6d6; text-align:left; font-size:16px; position:relative;}
.skltbs-tab-top:after{content:''; position:absolute; right:18px; top:15px; width:10px; height:10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: all 0.2s ease-in;}
.is-active > .skltbs-tab-top{background: #000; color: white; position:relative;}
.is-active > .artvideo-tab{background:#cff5ff; color:#015898;}
.is-active > .skltbs-tab-top:after{content:' '; position:absolute; transform: rotate(225deg); top:22px;}
.skltbs-panel{padding:2em 1.2em;}

.skltbs-tab-top, .artvideo-tab{font-size:15px; padding:12px 20px;}
.skldrop{font-size:15px !important; padding:12px 20px;}	
.resultbx, .resultbx:nth-child(2){float:none}
.resultbx{width:99.5%}
.resultbx{height:auto}
}

@media only screen and (max-width: 767px){
/************* payback calc ***********************/
.energy-graph, .energy-graph:nth-child(2){float:none; width:99.5%}
.filter_calc_wrap{padding-top:0;}
.filter_calc_wrap .lftwrap{width:100%; display:block}
.filter_calc_wrap .ritwrap{width:100%; display:block; padding:25px 0}
.rightbox-enery-compare{margin:0}
.energy-graph-lefticon{width:80px; left:-72px;}
.amcharts-title{font-size:11px;}
.amcharts-graph-label, .amcharts-axis-label, .amcharts-label{font-size:1.6vw;}
.energy-graph-lefticon, .energy-graph-righticon{display:none;}
}


@media only screen and (max-width: 599px) {
.energy-graph{width:95%; margin:0 auto}	
.energy-graph-lefticon, .energy-graph-righticon{display:none;}

.artvideo-tab {background:#cff5ff; color: #015898; padding:15px 20px; border-bottom:1px solid #00589e; text-align:left; font-size:16px; position:relative;}
.artvideo-tab:after{content:''; position:absolute; right:18px; top:15px; width:10px; height:10px; border: solid #015898; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: all 0.2s ease-in;}
.is-active > .artvideo-tab {background: #cff5ff; color: #015898; position:relative;}
.is-active > .artvideo-tab:after{content:' '; position:absolute; transform: rotate(225deg); top:22px;}
.skltbs-panel{padding:2em 1.2em;}	

.skltbs-panel{padding:2em 0;}
.skltbs-panel-group{margin-top:0;}
.skltbs-tab-top, .artvideo-tab {padding:10px 15px; font-size:15px;}
.skltbs-tab-top:after, .artvideo-tab:after{top:10px}
.is-active > .skltbs-tab-top:after, .is-active > .artvideo-tab:after{top:15px;}

.skldropsub {background:#cff5ff; color: #015898; padding:10px 15px !important; border-bottom:1px solid #00589e; text-align:left; font-size:15px; position:relative;}
.skldropsub:after{content:''; position:absolute; right:18px; top:12px; width:10px; height:10px; border: solid #015898; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: all 0.2s ease-in;}
.is-active > .skldropsub:after{top:17px; transform: rotate(225deg);}

.small-archive{display:block; background:#A7DAE8; color: #015898; padding:12px 15px !important; border-bottom:1px solid #00589e; text-align:left; font-size:15px; position:relative;}
.skltbs-tab-group li ul{display:none !important;}
/************* payback calc ***********************/
.amcharts-title{font-size:2.5;}
.amcharts-graph-label, .amcharts-axis-label, .amcharts-label{font-size:1.8vw;}
.energy-graph-lefticon, .energy-graph-righticon{display:none;}
.comparison-head{padding:15px 0}
.energy-graph{width:99.5%}
.getmore h2{margin-bottom:10px}
.getmore ul{margin-top:0}
}

@media only screen and (max-width: 479px) {
.filter_calc_wrap{padding:0 5px 20px}
.amcharts-graph-label, .amcharts-axis-label, .amcharts-label{font-size:2.6vw;}	
.filter_calc_wrap .lftwrap .fieldset .actionbtn{padding:0 0 25px}
.filter_bot_wrap{margin:0 5px;}
.dwn-compreport{padding-top:0;}
}