@charset "utf-8";
@charset "utf-8";
 

/*------body frame start----------*/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
html, body {
/*height: 100%;*/
	/*width: 100%;
	margin: 0;*/
	padding: 0px;
	margin: 0px;
}
body {
	min-width: 320px;
	font-size: 16px;
	color: #3b3b3a;
	line-height: 24px;
	overflow-x: hidden;
	position: relative;
}
body.loading {
	overflow-y: hidden;
}
body.loaded {
	overflow-y: auto;
}
main {
	clear: both;
	padding: 50px 0px;
	position: relative
}
#container {
	clear: both;
	height: 100%;
	overflow-x: hidden;
}
.leftPanel {
	width: 66%;
	padding-right: 40px;
}
aside {
	width: 34%;
	padding-left: 30px;
	padding-top: 0px;
	position: relative
}
.centerBlock {
	width: 100%;
	max-width: 1480px;
	padding: 0px 120px;
	margin: 0px auto !important;
	clear: both;
	position: relative;
	z-index: 20;/*	border: 1px solid #7b236a*/
}
.centerBlock_rowBase {
	width: 100%;
	max-width: 1480px;
	padding: 0px 90px;
	margin: 0px auto !important;
	clear: both;
	position: relative;
	z-index: 20
}
main:after, #container:after, .centerBlock:after {
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0%;
}
/*------body frame end----------*/





/*------tags start ---------*/
a {
	color: #7b236a;
}
a:hover {
	color: #60c19b;
}
img {
	display: block;
	width: 100%;
	height: auto
}
ul {
	padding: 0px;
	margin: 0px;
}
*:focus {
	outline: 0;
}
img {
	border: 0px;
	outline: none;
	display: block;
	max-width: 100%;
	height: auto
}
h1, h2, h3, h4, h5, h6, p, li {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}
/*h1, h2, h3, h4, h5, h6, p {
	padding: 0px;
	margin: 0px;
}*/
h1, h2, h3, h4, h5, h6, strong, b {
	font-family: 'Conv_Nexa-Bold';
	font-weight: normal;
	font-style: normal;
}
/*h6{
	font-family: 'Conv_Nexa-Regular';
	font-weight: normal;
	font-style: normal;
}*/
h1 {
	font-size: 80px;
	text-transform: uppercase;
	line-height: 80px;/*line-height: 72px;*/
}
h2 {
	font-size: 26px;/*line-height: 56px;*/
}
h3 {
	font-size: 24px;/*line-height: 50px;*/
}
h4 {
	font-size: 22px;/*line-height: 44px;*/
}
h5 {
	font-size: 20px;/*line-height: 36px;*/
}
h6 {
	font-size: 18px;/*line-height: 30px;*/
}
ul {
	padding: 0px 0px 0px 20px;
	margin: 0px;
}
ol {
	padding: 0px 0px 0px 30px;
	margin: 0px;
}
ul li {
/*	padding-left: 4px;*/
}
ol li {
/*padding-left: 4px;*/
	/*padding-left: 22px;*/
}
ul li, ol li {
/*padding-bottom: 4px;*/
}
/*p { margin-bottom: 28px; }*/
hr {
	padding: 0px;
	border: 0px;
	height: 1px;
	margin: 20px 0px;
	background-color: #D0D5D6
}
h3 span {
	display: block;
	color: #e64560;
}
strong, b {
}
input[type='text'], input[type='email'], textarea, input[type='submit'] {
	width: 100%;
	color: #3b3b3a !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height: normal
}
input[type='text'], input[type='email'], textarea, input[type='submit'], select {
	color: #7b236a !important;
	background-color: #ffffff;
	font-size: 14px;
	padding: 10px;
	border: 2px solid transparent;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height: normal;
}
input[type='submit'] {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	letter-spacing: 1.5px;
	padding: 18px 30px;
	display: inline-block;
	background-color: #343045;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
button {
	cursor: pointer
}
input[type="button"], input[type="submit"] {
	text-transform: uppercase;
}
/*------tags end ---------*/



/*------colors start ---------*/
body, .purpleText {
	color: #7b236a !important;
}
.blackText, .newsList p {
	color: #000000 !important;
}
.blueText {
	color: #24408f !important;
}
.greenText {
	color: #60c19b !important;
}
.topBorder, .bottomBorder, .whiteBg {
	background-color: #ffffff
}
body, .lightGrayBg {
	background-color: #f2f2f2
}
.purpleBg {
	background-color: #7b236a
}
.whiteText, .whiteText * {
	color: #ffffff
}
/*------colors end ---------*/



aside .recentNews ul, .quickLinks, .ftNav ul, .socialLinks, ul.grid, ul.categoryFilter, .contactForm, .captcha ul, .mainMenu {
	padding: 0px;
	margin: 0px;
	list-style: none
}
section {
	/*min-height: 700px;*/
	/*padding: 130px 0px;*/
	padding: 80px 0px 100px 0px;
	/*overflow: hidden;*/
	position: relative;
	z-index: 1;
}


/*-------- skew elements start ----------*/
.backSlashSkew .coverImgHolder, 
.backSlashSkew .bottomBorder, 
.backSlashSkew .topBorder {
	-webkit-transform: skew(0deg, 3deg);
	-moz-transform: skew(0deg, 3deg);
	-ms-transform: skew(0deg, 3deg);
	-o-transform: skew(0deg, 3deg);
	transform: skew(0deg, 3deg);/*background-color: aqua;*/
}
.backSlashSkew .coverImgHolder img {
	-webkit-transform: skew(0deg, -3deg);
	-moz-transform: skew(0deg, -3deg);
	-ms-transform: skew(0deg, -3deg);
	-o-transform: skew(0deg, -3deg);
	transform: skew(0deg, -3deg);
}
.forwardSlashSkew .coverImgHolder, 
.forwardSlashSkew .bottomBorder, 
.forwardSlashSkew .topBorder {
	-webkit-transform: skew(0deg, -3deg);
	-moz-transform: skew(0deg, -3deg);
	-ms-transform: skew(0deg, -3deg);
	-o-transform: skew(0deg, -3deg);
	transform: skew(0deg, -3deg);
}
.forwardSlashSkew .coverImgHolder img {
	-webkit-transform: skew(0deg, 3deg);
	-moz-transform: skew(0deg, 3deg);
	-ms-transform: skew(0deg, 3deg);
	-o-transform: skew(0deg, 3deg);
	transform: skew(0deg, 3deg);
}
/*.backSlashSkew{
	-webkit-transform: skew(0deg,3deg);
	-moz-transform: skew(0deg,3deg);
	-ms-transform: skew(0deg,3deg);
	-o-transform: skew(0deg,3deg);
	transform: skew(0deg,3deg);
    outline: 1px solid transparent;
	overflow: hidden;
	position: relative;
	
}
.backSlashSkew .noSkew{
	-webkit-transform: skew(0deg,-3deg);
	-moz-transform: skew(0deg,-3deg);
	-ms-transform: skew(0deg,-3deg);
	-o-transform: skew(0deg,-3deg);
	transform: skew(0deg,-3deg);
	-webkit-perspective: 1000;
}

.forwardSlashSkew{
	-webkit-transform: skew(0deg,-3deg);
	-moz-transform: skew(0deg,-3deg);
	-ms-transform: skew(0deg,-3deg);
	-o-transform: skew(0deg,-3deg);
	transform: skew(0deg,-3deg);
	    outline: 1px solid transparent;
	overflow: hidden;
	position: relative;

}
.forwardSlashSkew .noSkew{
	-webkit-transform: skew(0deg,3deg);
	-moz-transform: skew(0deg,3deg);
	-ms-transform: skew(0deg,3deg);
	-o-transform: skew(0deg,3deg);
	transform: skew(0deg,3deg);
	-webkit-perspective: 1000;
}
.backSlashSkew,
.forwardSlashSkew{
	
}

.noSkew{
	position: relative;
	z-index: 5
}*/
/*-------- skew elements end ----------*/



.lastElement {
	padding-top: 100px;
	margin-bottom: -54px;
}
.takeForward {
	z-index: 2
}
.takeBackward {
	z-index: 0
}
.moveUp {
	margin-top: -50px;/*padding-top:150px;*/
}
.moveUp2x {
	margin-top: -100px;/*padding-top:150px;*/
}
.moveDown {
	margin-bottom: -50px;
}
.topBorder, .bottomBorder {
	height: 34px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 10
}
.topBorder {
	top: -1px;
}
.bottomBorder {
	bottom: -1px;
}


/*----- element alignment start ------*/
.Vcenter {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: left;
	-webkit-align-items: left;
	-ms-flex-align: left;
	align-items: left;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.VHcenter {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.grid {
	clear: both;
	overflow: hidden;
	position: relative;
	margin: 0px;
	list-style: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 30px;
	/*padding-bottom: 30px;*/
}
/*----- element alignment end ------*/

 header{
z-index:150;
width: 100%;
top: 30px;
position: fixed
} .home header{
top: 30px !important;
}
.headLogo{
float:left;
width: 124px;
margin-bottom: 40px;
margin-top: -170px;
}  nav{
transition:       all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
z-index: 101;
position: fixed;
background-color: rgba(255,255,255,0.9);
margin-top: 0px;
top: 0px;
height: 100%;
width: 300px;
right: -300px;
overflow: auto; }
.menuOpen nav{
right: 0px;
}
nav > div{
padding-top: 110px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
letter-spacing: 1px; }
nav > div::before{
height: 110px;
background-color: rgba(255,255,255,0.7);
display: none;
width: 100%;
content: " ";
position: fixed;
top: 0px;
z-index: 1;
}
.menuOpen nav > div::before{ }
body.menuOpen { }
nav a{
display: block;
padding: 5px 0px;
color: #7b236a;
text-decoration: none
}
.mainMenu > li {
font-size: 20px;
padding-left: 10px;
position: relative;
margin-bottom: 10px;
}
.subMenuTrigger{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/nav-down-arrow.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 12px auto; display: block;
height: 30px;
width: 26px;
position: absolute;
right: 0;
cursor: pointer
}
.subMenuTrigger.on{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/nav-up-arrow.svg);
}
.mainMenu .sub-menu{ display: none;
}
.mainMenu .sub-menu li {
font-size: 15px;
line-height: 18px;
}
.mainMenu .sub-menu a{
display: block;
padding: 5px 0px;
color: #143764;
}
nav .current-menu-item > a,
nav .current-menu-ancestor > a{
color: #60c19b !important; 
}
nav a:hover{
color: #60c19b !important; 
}
nav .current-menu-ancestor .sub-menu{
display: block
}
#burgurMenu {
width: 40px;
height: 40px; position: absolute;
margin-top: 20px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 102;
right: 120px;
}
#burgurMenu span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background-color: #ffffff;
border-bottom: 2px solid #4e4e50;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#burgurMenu:hover span{
background-color: #60c19b;
}
#nav-icon4 {
}
#burgurMenu span:nth-child(1) {
top: 7px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#burgurMenu span:nth-child(2) {
top: 18px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#burgurMenu span:nth-child(3) {
top: 29px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#burgurMenu.open{
right: 26px;
}
#burgurMenu.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 4px;
left: 6px;
}
#burgurMenu.open span{
height: 3px;
background-color: #24408f;
border-bottom: 0px solid #4e4e50;
}
#burgurMenu.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
#burgurMenu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top:32px;
left: 6px;
}
.menuOverlay{ background-color: rgba(0,12,46,0);
position: fixed; 
height: 100%;
width: 100%;
left: 0px;
top: 0px;	
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
opacity: 0;
visibility: hidden;
z-index: 100
}
.menuOpen .menuOverlay{
opacity: 1;
visibility: visible;
}  .headerImg{
padding-top:250px;
min-height: 700px;   }
.headerImg .centerBlock{
height: 100%
}
.headerImg .centerBlock > div{
max-width: 700px;
}
.headerImg h1{
color:#ffffff;
margin-top: 60px; }   .coverImgHolder{ background-color: #f2f2f2;
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
z-index: 1;
}
.OF-cover {
object-fit: cover;
font-family: 'object-fit: cover';
object-position: center center; }
img.OF-cover{ display: block;
width: 100%;
top: -13%; height: 116%;
position: relative;
z-index: 0;
}
.page-template-page-contact img.OF-cover{
top: 0% !important;
}
.btn{
background-color:#7b236a;
color:#ffffff !important;
vertical-align: top !important;
text-decoration: none;
line-height: normal;
text-align: center;
min-width: 170px;
display: inline-block;
position: relative;
border: 0px;
text-transform: uppercase;
float: left
}
.btn:after{
content: "";
width: 0%;
height: 100%;
background-color:#60c19b;
display: block;
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
transition: width .3s ease-in-out;
-webkit-transition: width .3s ease-in-out;
-moz-transition: width .3s ease-in-out;
-o-transition: width .3s ease-in-out;
}
.btn:hover:after{
width: 100%;
}
.btn:before{
background-image:url(//www.kps.energy/wp-content/themes/kite-power/images/btn-shape.svg);
background-repeat: no-repeat;
background-position: right bottom;
opacity:.2;
content: "";
display: block;
position: absolute;
left: 0px;
bottom: 0px;
width: 60%;
height: 80%;
z-index: 2
}
.btn.green{
background-color:#60c19b;
}
.btn.green:after{
background-color:#7b236a;
}
.btn span{
position: relative;
z-index: 4;
display: block;
padding: 10px 20px 8px 20px;  vertical-align: middle;
}  _:default:not(:root:root), .btn span {
padding: 12px 20px 8px 20px;
}  @-webkit-keyframes scrollAni {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
60% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
80% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
80.01% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
@keyframes scrollAni {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
60% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
80% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
80.01% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
}
#scrollMeMaster {
position:absolute;
top:400px;
left:-20px;
width:106px;
height:76px;
-webkit-transform:translate3d(0, 100%, 0) rotate(-90deg);
transform:translate3d(0, 100%, 0) rotate(-90deg);
-webkit-transform-origin:0 0;
transform-origin:0 0;
z-index: 150; }
#scrollHolder {
position:absolute;
bottom:16px;
right:1px;
letter-spacing:.08em; overflow:hidden;
font-size:13px;
}
#scrollText {
float:left;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
#scrollText span {
float:left; }
#scrollText span:first-child {
-webkit-animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite;
animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite
}
#scrollText span:nth-child(2) {
-webkit-animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite 20ms;
animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite 20ms
}
#scrollText span:nth-child(3) {
-webkit-animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite 40ms;
animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite 40ms
}
#scrollText span:nth-child(4) {
-webkit-animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite 60ms;
animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite 60ms
}
#scrollText span:nth-child(5) {
-webkit-animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite 80ms;
animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite 80ms
}
#scrollText span:last-child {
-webkit-animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite .1s;
animation:scrollAni 4s cubic-bezier(.77, 0, .175, 1) infinite .1s
}
.error404 #scrollMeMaster,
.page-template-page-contact #scrollMeMaster {
display: none
}  .headerPattern{
width: 400px;
height: 100%;
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/header-pattern.svg);
background-repeat: no-repeat;
background-position: right bottom;
-webkit-background-size: 200%;
-moz-background-size: 200%;
-o-background-size: 200%;
background-size:200%;
position: absolute;
z-index: 10; right: 0px;
bottom: -15px; }
.home .headerPattern{
bottom: 52px;
}
.topTiltLine,
.botttomTiltLine,
.pageMarginLine{
display: block;
width: 2px;
background-color: #7b236a;
z-index: 5
}
.pageMarginLine{
top: 0px;
left: 50px;
height: 100%;
position: absolute;
z-index: 100
}
.topTiltLine{
position: absolute;
height: 330px;
background-color: #7b236a;
top: -50px;
left: 90px;
width: 2.2px;
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-ms-transform: rotate(7deg);
-o-transform: rotate(7deg);
transform: rotate(7deg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.botttomTiltLine{
position: absolute;
height: 330px;
background-color: #7b236a;  bottom: 58px;
left: 70px;
width: 2.2px;
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
-webkit-transform-origin: bottom top;
-moz-transform-origin: bottom top;
-ms-transform-origin: bottom top;
-o-transform-origin: bottom top;
transform-origin: bottom top;
}
.page-template-page-home .topTiltLine{
top: 82px;
}
.page-template-page-home .botttomTiltLine{
bottom: -15px;
}
.page-template-page-home .techSection .botttomTiltLine{
bottom: 45px;
}
.moveUp2x .topTiltLine{ top: 46px;
} .titleWireLeft,
.titleWireRight{
border-bottom:1px solid #7b236a;
padding-bottom: 24px;
position: relative
}
.titleWireLeft:before,
.titleWireRight:before{
content: "";
display: block;
height: 14px;
width: 83px;
position: absolute;
background-repeat: no-repeat;
bottom: -1px;
}
.titleWireLeft:before{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/title-wire-left-purple.svg);
background-position: left top;
left: 0px;
}
.titleWireRight:before{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/title-wire-right-purple.svg);
background-position: right top;
right: 0px;
}
.whiteText .titleWireLeft,
.whiteText .titleWireRight{
border-bottom:1px solid #ffffff;
}
.whiteText .titleWireLeft:before{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/title-wire-left-white.svg);
}
.whiteText .titleWireRight:before{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/title-wire-right-white.svg);
}
.page404 {
min-height: 80%;
padding-top: 120px;
}
.pageNotFound{
width:100%;
max-width: 700px;
text-align: center;
font-size: 22px;
line-height: 31px;
margin: 80px auto
}
.pageNotFound > div{ border:6px solid #ffffff;
width:250px;
height: 250px;
margin:0px auto;
margin-bottom: 12px;
position: relative;
overflow: hidden;
}
.pageNotFound > div span{
color: #ffffff;
font-size: 100px;
position: absolute;
right: 24px;
top: 50%;
font-weight: bold;
left: 0px;
width: 100%;
}
.pageNotFound h6{
font-size: 39px;
line-height: 47px;
margin-bottom: 30px;
}
.pageFirstSection{
padding-top:50px;
}
.FLright{
float: right
}
.FLleft{
float: left
}
.responsive-video-div > div { position: relative; }
.responsive-video-div iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
}
.responsive-video-vimeo { max-width: 830px; }
.responsive-video-vimeo > div { padding-top: 56.26506%; }
.responsive-video-youtube { max-width: 853px; }
.responsive-video-youtube > div { padding-top: 56.271981%; }
.imageTitleGrid img{
max-width:250px;
margin: 0px auto 15px auto
}
.imageTitleGrid h6{
margin-bottom: 4px;
}
.sepratorLines .col{
border-left: 1px solid #7b236a
}
.sepratorLines .col:first-child,
.techFeatures .col:nth-child(4){
border-left: 0px solid #7b236a
}  aside::after{
content: "";
display: block;
width: 1px;
background-color: #7b236a; top: 0px;
bottom: -20px;
position: absolute;
left: 0px;
}
aside .recentNews ul li{
border-top:1px solid #7b236a;
padding: 12px 0px;
margin-bottom: 0px;
}
aside .recentNews ul li:first-child{
border-top:0px solid #7b236a;
padding-top:0px;
}
aside .recentNews a{
text-decoration: none;
display: block
}
.quickLinks {
padding-top:30px;
}
.quickLinks li{
margin-bottom: 20px;
font-size: 28px;
line-height: 28px;
position: relative
}
.quickLinks li a{
color: #ffffff;
display: block;
text-decoration: none;
text-align: center
}
.quickLinks li div,
.quickLinks li span{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0px;
top: 0px;
}
.quickLinks p{
padding: 0px;
margin: 0px;
position: relative;
z-index: 2
}
.quickLinks li span{
opacity: .4; background: -moz-linear-gradient(top, rgba(0,152,186,1) 0%, rgba(0,152,186,0.4) 100%); background: -webkit-linear-gradient(top, rgba(0,152,186,1) 0%,rgba(0,152,186,0.4) 100%); background: linear-gradient(to bottom, rgba(0,152,186,1) 0%,rgba(0,152,186,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098ba', endColorstr='#660098ba',GradientType=0 ); transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.quickLinks li a:hover span{
opacity: .8;
}
.quickLinks img{
position: relative
}  footer{
background-color: #4e4e50;
position: relative;
z-index: 102;
}
footer .grid{
padding-top:0px !important;
padding-bottom:0px !important;
}
footer a{
text-decoration: none
}
footer a:hover{
color: #60c19b;
}
footer *{
color: #ffffff;
}
footer .centerBlock > div{
}
.subscribe,
.ftNav,
.socialNetwork{
padding-top: 24px;
padding-bottom: 16px;
position: relative; }
.subscribe{
width: 34%; 
padding-right: 30px; 
border-right: 1px solid #ffffff
}
.ftNav{
width: 34%; 
padding-left: 30px;  
padding-right: 30px;  
border-right: 1px solid #ffffff
}
.socialNetwork{
width: 32%;
}
.ftNav{
clear: both;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.ftNav li{ margin-bottom: 5px;
} .socialNetwork{
overflow: hidden
}
footer .socialNetwork {
padding-left: 30px;
}
.socialNetwork > div{
float: left
}
.socialLinks{
clear: both;
overflow: hidden
}
.socialLinks li{
float: left;
margin: 5px 12px 0px 0px;
}
.socialLinks svg{
width: 36px;
height: 36px; }
.socialLinks svg .iconBG{fill:#FFFFFF;}
.socialLinks svg .icon{fill:#4B4B4D;}
.socialLinks svg:hover .iconBG{fill:#60c19b;}
.socialLinks svg:hover .icon{fill:#ffffff;}
.subscribe img{
margin-bottom: 10px;
width: 94px;
}
.copyrights{
float: left;
margin-right: 5px; }
.newsletterForm{
overflow: hidden; max-width: 350px;
}
.newsletterForm *{
display: block;
}
.newsletterForm label{
font-size: 18px;
margin-bottom: 5px;
}
.newsletterForm input{
margin-bottom: 10px;
}
.newsletterForm input[type="button"]{
width:80px;
text-transform: uppercase;
min-width: 0px;
}
footer button{
padding-left: 0px;
padding-right: 0px;
min-width: 100px !important;
float: left;
margin-bottom: 10px;
}
.ftNav:before,
.socialNetwork:before{
content: "";
display: block;
height: 83px;
width: 14px;
position: absolute;
background-repeat: no-repeat;
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/footer-top-tilt-line.svg);
background-position: right top;
}
.ftNav:before{
left: -14px;
bottom: -1px;
}
.socialNetwork:before{
left: -1px;
top: -1px;
}
.footer-link-box{
float:right;
width:120px;
}
.livingWage{
width: 120px;
}
.livingWage.top-logo{ 
width:70px;
margin-bottom:20px;
}  .col{
padding: 0px 30px;
}
.col_1_1 .col{
width: 50%;
}
.col_1_1_1 .col{
width: 33%;
}
.col_1_1_1_1 .col{
width: 25%;
}
.col_1_1_1_1_1 .col{
width: 20%;
}
.col_40_60 .col:first-child{
width: 40%;
}
.col_40_60 .col{
width: 60%;
}  .categoryFilter{
font-size: 22px;
clear: both;
overflow: hidden;
padding: 0px 0px 40px 0px !important;
}
.categoryFilter li{
float: left;
padding: 0px 10px;
margin: 0px;
border-left: 2px solid #7b236a;
}
.categoryFilter li:first-child{
padding-left: 0px;
}
.categoryFilter li.current a{
color:#60c19b;
}
.categoryFilter li:first-child{
border-left: 0px;
}
.categoryFilter a{
display: block;
text-decoration: none;
}
.newsList .col{
padding-top:40px;
padding-bottom:40px;
}
.newsList img {
margin-bottom: 20px;
}
.newsList h4{
margin-bottom: 10px;
}
.newsList h5 {
font-weight: normal
}
.newsList h5 a{
color: #000000;
}
.newsList a{
text-decoration: none
}
.newsList p{
color: #000000
}
a.category{
color:#25408f
}
.pagination{
font-size: 22px;
clear: both;
overflow: hidden;
display: inline-block;
margin: 30px auto 0px auto;
}
.pagination li{
display: block;
float: left;
padding: 0px;
margin: 0px;
}
.pagination a{
text-decoration: none;
display: block;
padding: 5px 5px
}
.pagination li.disabled a{
opacity: 0.2;
color: #000000;
}
.pagination li a.current {
color: #60c19b;
}
.pagination .next a,
.pagination .prev a{
width: 30px; overflow: hidden; }  .page-template-page-team .headerImg h1{
margin-top: 20px;
}
.managementTeam{
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
padding-bottom: 60px !important;
}
.linkedInProfile{
width: 34px;
height: 34px;
margin-top: 10px;
border: 2px solid #7b236a;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
bottom: 15px;
}
.linkedInProfile .iconBG {
display: none
}
.linkedInProfile .icon {
fill: #7b236a;
}
.linkedInProfile:hover{border: 2px solid #60c19b;}
.linkedInProfile:hover .icon{fill:#60c19b;}
.managementTeam h4,
.boardMember h4{
margin-bottom: 0px;
}
.managementTeam .col {
padding:20px;
}
.managementTeam .col > div{
border:2px solid #7b236a;
min-height: 100%;
position: relative;
padding-bottom: 50px;
}
.managementTeam .col > div > div{
padding: 12px
}
.managementTeam img{
padding: 12px 12px 0px 12px;
border-bottom:1px solid #7b236a;
}
.managementTeam h6,
.boardMember h6{
font-size: 16px;
margin-bottom: 8px;
}
.managementTeam li{
margin-bottom: 4px;
}
.boardMember img{
border:2px solid #7b236a;
margin-bottom: 15px
}  .contact header{
top: 30px;
}
.contactPage{
min-height: 100%;
padding-top: 200px;
}
.contactPage h1{
padding-left: 30px;
padding-right: 30px;
}
.contactPage .centerBlock{
max-width: 1280px;
}
#ContactSubscribeMe{
padding-bottom: 40px;
}
.contactForm{
padding-bottom: 0px;
}
.captcha{
clear: both;
overflow: hidden
}
.contactForm li{
clear: both;
overflow: hidden;
}
.contactForm input[type='text'],
.contactForm input[type='email'],
.contactForm textarea,
.contactForm input[type='submit'],
.contactForm select{
background-color: rgba(255,255,255,0.9);
}
.contactForm textarea{
height: 150px;
}
.captcha ul li span {
display: block;
border-top: 0;
border-bottom: 0;
width: 68px;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
filter: alpha(opacity=30);
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6;
cursor: pointer
}
.captcha .labelNote{
display: block;
font-size: 10px;
}
.captcha ul {
float: left;
padding: 0!important;
margin: 0!important;
list-style: none!important
}
.captcha ul li {
float: left !important;
width: auto !important;
padding: 0px !important
}
.notification,
.wpcf7-mail-sent-ok{
background-color: #60c19b;
padding:3px 10px;
border: 0px !important;
margin: 0px !important;
clear: both;
overflow: hidden !important;
}
.cf7ic-style1{
padding-left: 0px !important;
padding-right: 0px !important;
}
button{
height: 37px !important;
padding-top:0px;
padding-bottom: 0px;
}
.contactAddress{
padding: 30px;
font-size: 14px;
background-color: rgba(0,0,0,.54);
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/contact-box-bg.svg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 300px 300px;
}
.contactAddress h6{
margin-bottom: 5px;
}
.contactAddress a{
text-decoration: none
}
.contactAddress > div{
border-bottom: 1px solid #fff;
margin-bottom: 22px;
}
.wpcf7-validation-errors,
.wpcf7-not-valid-tip{
display: none !important
}
.wpcf7-not-valid{
border:2px solid red !important;
}
.kc_captcha,
.kc_captcha .wpcf7-form-control{
width:100%;
display: block;
}
.wpcf7-submit,
#contact_newsLetterSubmitBtnId{
float: left
}
.ajax-loader{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/loader.svg) !important;
background-color: #60c19b;
background-position: center center;
background-repeat: no-repeat;
background-size: 28px 28px;
width: 36px !important;
height: 37px !important; float: left;
margin: 0 0 0 4px !important;
}  .bothSideOverlapped{
padding-top: 110px !important;
padding-bottom: 180px !important;
}
.storyBox{
width: 100%;
padding: 0px 0px;
max-width: 450px !important;
position: relative;
z-index: 1
}
.storyHolder:before{
content: "";
position: absolute;
background-color: rgba(255,255,255,0.7); width: 100%;
max-width: 550px;
left: 50%;
top:-5px;
bottom: 34px;
z-index: 2;
margin-left: -668px;
}
.moveUp.storyHolder:before{
top:16px;
}
.moveUp2x.storyHolder:before{
top:-6px;
}
.timeline h1{
font-size: 58px;
}
.slick-slider button{
position: absolute;
top: 50%;
margin-top:-29px;
width: 52px;
height: 58px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
text-indent: 1000px;
overflow: hidden;
}
.slick-slider button.slick-prev{
left: 0px;
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/slide-prev.svg);
}
.slick-slider button.slick-next{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/slide-next.svg);
right: 0px;
}
.timeline .slick-slider li{
padding:0px 20px !important;
}
.timeline .slick-slider h2{
margin-bottom: 5px;
padding-top: 4px;
}
.timelineHolder{
position: relative;
z-index: 20;
padding:40px 80px;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}
.timelineHolder:after{
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/timeline-wires.svg);
background-position: center BOTTOM;
background-repeat: no-repeat;
position: absolute;
content: "";
display: block;
width: 50%;
height: 63px;
right: 0px;
top: -63px;
max-width: 768px;
}
.timelineHolder > div{
position: relative
}
.timelineHolder p{
margin-bottom: 0px;
}
.timeline{
padding:80px 0px;
min-height: 0px !important;
}
.partners{
padding:80px 0px 30px 0px;
min-height: 0px !important;
}
.partners{
background-color:#eaeaea
}
.partners h4{
color: #000000 !important;
}  .home .headLogo{display: none}
.home #burgurMenu{opacity: 0.6}
.home.menuOpen #burgurMenu{opacity: 1}
.landing{
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
background-color: #FFFFFF;
z-index: 1;
}
.sky{
width: 100%;
height: 100%;
position: absolute;
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/sky-bg.jpg);
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
z-index: 1;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-ms-transition-duration: 2s;
transition-duration: 2s;
}
.content{ width: 100%;
}
.content > div{ width: 100%;
}
.pushContentDown{
width: 100%;
position: absolute;
top:2600px; }
.K{
position: absolute;
height: 100%;
width: auto;
left: 0px;
top: 0px;
z-index: 2
}
.logoRightBottom{
position: absolute;
width: 100px;
height: auto;
right: 30px;
bottom: 30px;
z-index: 5;
}
.clouds{
position: absolute; bottom: -30% !important;
left: 0px;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-ms-transition-duration: 2s;
transition-duration: 2s;
z-index: 4;
-moz-transform:scale(.9);  
-webkit-transform:scale(.9);  
-o-transform:scale(.9);  
-ms-transform:scale(.9);
transform: scale(.9); }
.cloudLeft{
width: 60%;
height: auto;
bottom: -45% !important;
left: -20% !important;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-o-transition-duration: 3s;
-ms-transition-duration: 3s;
transition-duration: 3s;
-webkit-transform-origin: center 30%;
-moz-transform-origin: center 30%;
-o-transform-origin: center 30%;
-ms-transform-origin: center 30%;
transform-origin: center 30%;
opacity: .8;
}
.cloudCenter{
width: 65%;
height: auto;
bottom: -70% !important;
left: 20%;
-webkit-transition-duration: 4s;
-moz-transition-duration: 4s;
-o-transition-duration: 4s;
-ms-transition-duration: 4s;
transition-duration: 4s;
-webkit-transform-origin: 40% 30%;
-moz-transform-origin: 40% 30%;
-o-transform-origin: 40% 30%;
-ms-transform-origin: 40% 30%;
transform-origin: 40% 30%;
opacity: .70;
}
.cloudCenter2{
width: 40%;
height: auto;
bottom: -15% !important;
left: 50%;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-ms-transition-duration: 2s;
transition-duration: 2s;
opacity: .4;
-webkit-transform-origin: center 50%;
-moz-transform-origin: center 50%;
-o-transform-origin: center 50%;
-ms-transform-origin: center 50%;
transform-origin: center 50%;
}
.cloudRight{
width: 50%;
height: auto;
bottom: 0px;
left: 70%;
-webkit-transform-origin: right 50%;
-moz-transform-origin: right 50%;
-o-transform-origin: right 50%;
-ms-transform-origin: right 50%;
transform-origin: right 50%;
}
.cloudLarge{
bottom: -70% !important;
width: 90%;
left: -20%;
opacity: .6;
}
.kite{
position: absolute;
z-index: 3;
}
.kite1{
width:140px;
height: auto;
top: 15%;
right: 10%;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
-ms-transition-duration: 2s;
transition-duration: 2s;
}
.kite2{
width:120px;
height: auto;
top: 20%;
right: 22%;
-webkit-transition-duration: 3s;
-moz-transition-duration: 3s;
-o-transition-duration: 3s;
-ms-transition-duration: 3s;
transition-duration: 3s;
}
.landingText{
position: absolute;
width: 500px;
height: auto;
left: 50%;
margin-left: -200px;
top: 50%;
margin-top: -150px;
z-index: 6;
}
.flyingKitesHolder{
position:absolute;
right: 80px;
top: 80px;
z-index: 10;
}
.kitePath {
display: block;
position:relative;
}
path{
stroke-opacity:0;
}
#circle{
position:absolute;
top:0px;
left:-10px;
width:120px;
height: auto;
}
#circleright{
position:absolute;
top: 0px;
left:0px;
width:140px;
height: auto;
}   .home.headerImg {
padding-top: 130px;
}
.home.headerImg h1{
font-size: 100px;
line-height: 100px;
margin-top: 0px;
}
.home.headerImg h1 span{
margin-left: 50px;
}
.home.headerImg .homeTextBoxes{
width: 300px;
border: 0px;
padding: 0px;
font-size: 18px;
line-height: 22px;
color: #ffffff;
margin-top: 0px;
padding-bottom: 0px;
}
.homeTextBoxes{
max-width: 400px;
width: 100%;
margin-top: 20px;
padding-bottom:80px;
}
.homeTextBoxes.last{
padding-bottom:0px;
}
.homeTextBoxes.right{
float: right
}
.homeTextBoxes > div{
padding:40px;
border: 1px solid #ffffff;
margin-bottom: 30px;
font-size: 20px;
line-height: 26px;
color:#ffffff;
position: relative; }
.homeTextBoxes > div:after{
content:"";
display: block;
position: absolute;
background-color: #ffffff;
bottom:-1px;
left: -3px;
width: 50%;
height: 1px;
-webkit-transform: rotate(9deg);
-moz-transform: rotate(9deg);
-ms-transform: rotate(9deg);
-o-transform: rotate(9deg);
transform: rotate(9deg);
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
}
.homeTextBoxes.FLright > div:after{
top: 30px;
left: auto;
right: -1px;
}
.homeLandingMobile{
display: none;
height: 100%;
min-height: 500px;
position: relative
}
.landingTextHolder{
position: absolute;
width: 100%;
height: 100%;
z-index: 2
}
.mobileLandingText{
max-width: 70%;
margin-top: -80px;
margin-left: 30px;
width: 400px;
height: auto;
}
.mobileLandingLogo{
position: absolute;
width: 100px;
height: auto;
right: 30px;
bottom: 110px;
z-index: 5;
}  section.advantages{
text-align: center;
font-size: 20px;
line-height: 26px;
padding: 0px !important;
min-height: 0px !important;
border-bottom:30px solid #ffffff;
}
.page-template-page-technology .advantageImg{
padding-bottom: 150px;
}
.advantageInfo{
padding-top: 50px;
padding-bottom: 0px;
min-height: 0px;
}
.advantageLogo{
width: 150px;
height: auto;
margin: 40px auto 40px auto
}
.advantageInfo:after{
content: "";
height: 100%;
left: 50%;
border-right: 2px solid #7b236a;
position: absolute;
z-index: 10;
display: block;
top: 0px;
margin-left: -6px;
} 
.advantageInfo .botttomTiltLine{
height: 100px;
left: 50%;
bottom: 0px;
}
.advantageInfoImg{
width: 40%;
position: absolute;
bottom: 0px;
right: 30px;
}
.advantageImg{ max-width: 1300px;
margin: 0px auto;
}
.advantages .coverImgHolder{ display: block
}
.advantages h2{
font-size: 34px;
line-height: 40px;
text-transform: uppercase;
}
.advantagesMobile{
display: none
}  #pagePreloader{
position: fixed;
background-color: #ffffff;
left: 0px;
top:0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1000;
opacity: 1;
transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition:    opacity 1s ease-in-out;
-o-transition:      opacity 1s ease-in-out;
display: none;
}
.home #pagePreloader{
display: block
}
#pagePreloader.done{ opacity: 0;
}
#pagePreloader.done .loadCenter{  }
.loadCenter{
width: 160px;
height: 250px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -80px;
margin-top: -95px;
opacity: 1;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
}
.preLogoHolder .frame,
.preLogoHolder .loaderCurtain{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 6;
border:2px solid #ffffff;
}
.preLogoHolder .loaderCurtain{
background-color: #ffffff;
border: 0px;
z-index: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.preLogoHolder{
width: 160px;
height: 158px;
position: relative;  }
.logoMask{
width: 100%;
height: 100%;
position: absolute;
z-index: 2
}
.logoColor{
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0px;
display: block;
background-image: url(//www.kps.energy/wp-content/themes/kite-power/images/loader-bg.svg);
background-position: left top;
background-repeat: no-repeat;
background-attachment:inherit;
background-size: 160px 158px; }
.percHolder{
text-transform: uppercase;
font-size: 14px;
margin-top:10px;
} #cookie-notice {
font-size: 14px!important;
}
.cookie-notice-container .button.wp-default{
font-family: 'Conv_Nexa-Regular' !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 13px!important;
text-shadow: none !important;
border:1px solid #ffffff !important;
color: #ffffff!important;
background: none !important;
background-color: transparent !important;
text-transform: uppercase!important;
line-height: normal !important;
padding: 4px 10px 4px 10px!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;
text-decoration: none!important;
display: inline-block!important;
text-align: center!important;
}
_:default:not(:root:root), .cookie-notice-container .button.wp-default {
padding-top: 6px !important;
padding-top: 2px !important;
height: 26px !important;
line-height: 24px !important;
}
.button.wp-default:hover{
background-color: #60c19b!important;
color: #ffffff!important;
} .news-thumb{
background-position:center center; 
background-repeat:no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
display:block;
}
.news-detail-image{
background-position:center center; 
background-repeat:no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
display:block;
margin-bottom:20px;
}