::selection { background:#fff2b4; color:#000; }
::-moz-selection { background:#fff2b4; color:#000; }
::-webkit-selection { background:#fff2b4; color:#000; }

body {
	background: #fff;
	font-family: 'Conv_AvenirLTStd-Roman', Sans-Serif;
	font-weight:300;
	font-size: 15px;
	line-height:22px;
	color:#000;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-text-size-adjust: 100%;
 }
 html {
		overflow-x:hidden; 
	height:100%;
}

a, a:visited { text-decoration: none; }

h1, h2, h3, h4, h5, h6 {color: #000; font-weight:400;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 40px; line-height:48px;}
h2 { font-size: 34px; line-height:42px; font-family: 'Conv_AvenirLTStd-Black',Sans-Serif;}
h3 { font-size: 30px; line-height: 38px;}
h4 { font-size: 24px; line-height: 32px;}
h5 { font-size: 16px; line-height: 22px;font-weight:600;}
h6 { font-size: 14px; line-height: 20px;font-weight:600;}

h1 {font-size:36px; color:#000;}
h2 {font-size:20px; color:#000; line-height:22px;}

.text-align-center{text-align:center;}

.logo{
	position:absolute;
	width:117px;
	height:82px;
	z-index:10000;
	top:20px;
	background:url('../images/epe-logo.svg') no-repeat center center;
	background-size:117px 82px;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}

/***********************************************************************************
                       Navigation
 ***********************************************************************************/
ul.slimmenu li a:hover,
ul.slimmenu li a.mPS2id-highlight,
.about-wrap .about-icon,
.counter-wrap p,
.des-programs-author.left p span,
.des-programs-author.left .link,
.des-programs-author.right p span,
.des-programs-author.right .link,
.services-wrap h5 span,
.journal-det .link,
.journal-det-right .link,
.list-social-team li.icon-team a:hover,
.project-page a:hover {
    color: #529d2f;
}
.menu--juliet .menu__link::after,
#owl-sep-1.owl-theme .owl-controls .owl-page.active span,
#owl-logos.owl-theme .owl-controls .owl-page.active span,
#owl-portfolio-slider.owl-theme .owl-controls .owl-page.active span,
.des-programs-author.left .link:before,
.des-programs-author.right .link:before,
.pricing-plan .button,
.journal-det .link:before,
.journal-det-right .link:before {
	background: #529d2f;
}

.menu-collapser {
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 60%;
    width: 40px;
    background-image: linear-gradient(to bottom, #8dc63f, #97d443);
    background-repeat: repeat-x;
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #8dc63f;
    color: #FFF;
}
.collapse-button .icon-bar {
    background-color: #fff;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}

#menu-wrap{position: fixed; padding-bottom:10px; width:100%; z-index:5000; top:0; left:0;}
#menu-wrap .container .columns  { margin-top: 10px; margin-bottom: 10px;}
.menu-back{
	background: #f8f8f8;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}


.cbp-af-header {
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}

.cbp-af-header.cbp-af-header-shrink {
	background: #f8f8f8;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.cbp-af-header.cbp-af-header-shrink .logo{
	width:93px;
	height:65px;
	top:10px;
	background:url('../images/epe-logo.svg') no-repeat center center;
	background-size:93px 65px;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}

.cbp-af-header.cbp-af-header-shrink ul.slimmenu {
	margin-top:1px;
	margin-bottom:0;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li:first-child {background:none;}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li ul li:first-child { background:none; }
ul.slimmenu li ul li a {color: #000;}
ul.slimmenu li ul li a:hover {}
ul.slimmenu li ul li { background:none; padding-left:0; }
ul.slimmenu li ul {background:#212121; box-shadow: 0 0 15px rgba(0,0,0,0.2);}

ul.slimmenu {
	padding-top:10px; padding-right:10px; 
	text-align:right; margin-top:23px; margin-bottom:20px;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
ul.slimmenu li {
	position: relative; display: inline-block; 
	background:url('../images/line.png') 0 14px no-repeat; 
	background-size:15px 10px; padding-left:20px;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
ul.slimmenu > li {}
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
	display: block; color: #000; 
	padding: 10px 0px; cursor:pointer; 
	margin: 0px 12px; font-family: 'Conv_AvenirLTStd-Black',Sans-Serif; 
	text-transform:uppercase; letter-spacing:2px; 
	border-bottom:1px solid rgba(0,0,0,0); font-size: 11px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
ul.slimmenu li a:hover { text-decoration: none;}
ul.slimmenu li { }
ul.slimmenu li:first-child {background:none;}

ul.slimmenu li .sub-collapser {
	position: absolute; right: 0; top: 0; 
	width: 48px; height: 100%; z-index: 999; cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {display:none;}
ul.slimmenu li .sub-collapser > i {display:none;}
ul.slimmenu li ul { margin: 0; list-style-type: none;}
ul.slimmenu li ul a{font-size:10px;}
ul.slimmenu li ul li:first-child { background:none; }
ul.slimmenu li ul li {background:none; padding-left:0; }
ul.slimmenu li > ul {
	display: none; position: absolute; 
	text-align:left; left: 0; top: 100%; 
	z-index: 999; width: 140%;
}
ul.slimmenu li > ul > li ul {
	display: none; position: absolute; 
	left: 100%; top: 0; z-index: 999; width: 100%;
}
ul.slimmenu.collapsed {padding:0; margin:0;}
ul.slimmenu.collapsed li {display: block; width: 100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.slimmenu.collapsed li a {
	display: block; border-bottom: 1px solid rgba(0, 0, 0, 0);
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul.slimmenu.collapsed li .sub-collapser {height: 40px;}
ul.slimmenu.collapsed li > ul {display: none; position: static;}


/***********************************************************************************
                       EPE Wrapper
 ***********************************************************************************/

.epe-wrap{ position:relative; width:100%;}
.epe-wrap-left h1 { text-align:left; padding-bottom:20px;}
.epe-wrap h2 { text-align:center; padding-bottom:20px; padding-top:20px;}
.epe-wrap p { text-align:center; padding-bottom:25px;}
.epe-wrap-left p { text-align:left; padding-bottom:25px;}
.epe-wrap img { width:100%; display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.epe-wrap.fst img:hover{
    -webkit-transform: rotate(8deg);
	transform: rotate(8deg);
}
.epe-wrap.snd img:hover{
    -webkit-transform: rotate(3deg);
	transform: rotate(3deg);
}
.epe-wrap.trd img:hover{
    -webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
}



/***********************************************************************************
                       Coal Free Since 2016!
 ***********************************************************************************/

.Coal-Free {
	background: url('../images/Coal-Free-Since-2016-bg4.jpg') no-repeat top; 
	background-size: contain; position: absolute; top: 0; left: 0; right: 0; 
	bottom: 0; z-index: 1; width:100%;  
}


 @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {
.Coal-Free { 
	background-size: cover; background-attachment: scroll; 
	background-position: top center!important; 
	 }
}
@media only screen and (max-width: 1930px) {
.Coal-Free { 
	background-size: cover; background-attachment: scroll; 
	background-position: top center!important; }
}
.blue-overlay{ 
	position:absolute;
	background:#124769;
	opacity:.5;
	width:100%; height:100%;
	overflow:hidden;
	z-index:2;
	top:0; left:0;
} 

.Coal-Free-text{
	position:relative;
	overflow:hidden;
	display:block;
	z-index:10;
	font-weight:400;
	font-family: 'Conv_AvenirLTStd-Black',Sans-Serif;
	font-size:55px;
	line-height:22px;
	text-align:center;
	padding-top:80px;
	color:#fff;
	padding-bottom:80px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.Coal-Free-text:before {
	content:'';
	position:absolute;
	width:100%;
	height:50%;
	top:0;
	left:-100%;
	background:rgba(255,255,255,.05);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
} 
.Coal-Free-text:after {
	content:'';
	position:absolute;
	width:100%;
	height:50%;
	bottom:0;
	right:-100%;
	background:rgba(255,255,255,.05);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
} 
.Coal-Free-text:hover:before {
	left:0;
}  
.Coal-Free-text:hover:after {
	right:0;
} 

.box-left{
    position:relative;
	padding:30px;
	padding-bottom:45px;
	margin-top:70px;
	display:block;
	background:rgba(162, 197, 118, 0.85);
	z-index:3;
	-webkit-transform: translateX(-120px);
	-moz-transform: translateX(-120px);
	-ms-transform: translateX(-120px);
	-o-transform: translateX(-120px);
	transform: translateX(-120px);
	width:410px;
	color:#fff;
}
.box-left h2{
	text-transform: uppercase;
	color:#fff;
	padding-bottom:25px;
}

.box-right{
    position:relative;
	padding:30px;
	padding-bottom:45px;
	margin-top:70px;
	display:block;
	background:rgba(162, 197, 118, 0.85);
	z-index:20;
	-webkit-transform: translateX(120px);
	-moz-transform: translateX(120px);
	-ms-transform: translateX(120px);
	-o-transform: translateX(120px);
	transform: translateX(120px);
	color:#fff;
}
.box-right h2{
	text-transform: uppercase;
	color:#fff;
	padding-bottom:25px;
}

/***********************************************************************************
                       Footer
 ***********************************************************************************/
.arrow-up-footer {
	position:relative;
	width:30px;
	height:30px;
	margin:0 auto;
	text-align:center;
	background-image:url('../images/up-arrow.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 22px 12px;
}
.left-footer p{
	text-align:left;
	font-size:12px;
	line-height:20px;
	color: #000;
	letter-spacing:1px;
}
.right-footer p{
	text-align:right;
	font-size:12px;
	line-height:20px;
	color: #000;
	letter-spacing:1px;
}



/***********************************************************************************
                       Downloads
 ***********************************************************************************/
.Download-wrap { position:relative; width:100%;}
.Download-wrap:after {
  content: '';
  display: block;
  clear: both;
} 
.Download-wrap img { 
	width:70%;
	display:block;
	border: #9ece5c solid 2px;
} 
.Download-det { 
	position:absolute;
	width:70%;
	top:50px;
	right:0;
	z-index:3;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:30px;
	display:block;
	border-right:#8dc63f solid 3px;
	background:rgba(255,255,255,.85);
} 
.Download-det h3{ 
	position:relative;
	text-align:left;
	font-family: 'Conv_AvenirLTStd-Black',Sans-Serif;
	font-weight:500;
	font-size: 24px; 
	line-height: 24px;
	letter-spacing:1px;
	color:#000;
	padding-bottom:20px;
}
.Download-det .link{
	position:relative;
	overflow:hidden;
	display:block;
	font-weight:300;
	font-family: 'Conv_AvenirLTStd-Roman', Sans-Serif;
	font-size:12px;
	line-height:18px;
	letter-spacing:2px;
	text-align:left;
	float:left;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.Download-det .link:hover{color:#b2b2b2;}
.Download-det .link:before {
	content:'';
	position:absolute;
	width:100%;
	height:2px;
	bottom:0;
	left:-100%;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
} 
.Download-det .link:hover:before {
	left:-2px;
}



/***********************************************************************************
                       Button
 ***********************************************************************************/
.Download-btn{
	padding: 16px 30px;
	border-radius: 5px;
	text-align:center;
	background:#8dc63f;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Conv_AvenirLTStd-Black',Sans-Serif;

}
.Download-btn::before {
	content: '';
	position: absolute;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.Download-btn:hover {
	-webkit-transition: background-color 0.3s 0s, color 0.3s 0s;
	transition: background-color 0.3s 0s, color 0.3s 0s;
	color:#fff;
	-webkit-animation: anim-epe-1 0.6s forwards;
	animation: anim-epe-1 0.6s forwards;
}
.Download-btn:hover::before {
	-webkit-animation: anim-epe-2 0.6s 0.5s forwards;
	animation: anim-epe-2 0.6s 0.5s forwards;
}
@-webkit-keyframes anim-epe-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-epe-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-epe-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-epe-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
} 


/***********************************************************************************
                       EPE FONTS
 ***********************************************************************************/
@font-face {
	font-family: 'Conv_AvenirLTStd-Roman';
	src: url('../fonts/AvenirLTStd-Roman.eot');
	src: local('☺'), url('../fonts/AvenirLTStd-Roman.woff') format('woff'), url('../fonts/AvenirLTStd-Roman.ttf') format('truetype'), url('../fonts/AvenirLTStd-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_AvenirLTStd-Black';
	src: url('../fonts/AvenirLTStd-Black.eot');
	src: local('☺'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.ttf') format('truetype'), url('../fonts/AvenirLTStd-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/***********************************************************************************
                       Cool Animated Loader
 ***********************************************************************************/

body.royal_preloader {
    background: none;
    visibility: hidden;
}
#royal_preloader {
    visibility: visible;
    position: fixed;
	width:100%;
	height:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    margin: 0;
    z-index: 9999999999;
}
#royal_preloader.royal_preloader_number:before,
#royal_preloader.royal_preloader_progress:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -moz-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -ms-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: -o-radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.01));
}
#royal_preloader.complete {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear 0.5s;
       -moz-transition: opacity 0.2s linear 0.5s;
        -ms-transition: opacity 0.2s linear 0.5s;
         -o-transition: opacity 0.2s linear 0.5s;
            transition: opacity 0.2s linear 0.5s;
}
#royal_preloader.royal_preloader_line {
    height: 2px;
    bottom: auto;
}

/* Number Mode */

#royal_preloader.royal_preloader_number .royal_preloader_percentage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    line-height: 100px;
    font-size: 20px;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}
#royal_preloader.royal_preloader_number .royal_preloader_percentage > div {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    border: 4px solid transparent;
    border-left-color: #FFFFFF;
    border-radius: 50%;
    -webkit-animation: rotate 0.8s linear infinite;
       -moz-animation: rotate 0.8s linear infinite;
        -ms-animation: rotate 0.8s linear infinite;
         -o-animation: rotate 0.8s linear infinite;
            animation: rotate 0.8s linear infinite;
}

/* Line Mode */

#royal_preloader.royal_preloader_line .royal_preloader_loader {
    position: absolute;
    height: 100%;
    left: 0;
}
#royal_preloader.royal_preloader_line .royal_preloader_peg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100px;
    opacity: 0.5;
}

/* Text Mode */

#royal_preloader.royal_preloader_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
	opacity:.2;
    left: 50%;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
    height: 80px;
    line-height: 80px;
    margin: auto;
    letter-spacing: -4px;
    font-size: 55px;
    white-space: nowrap;
}
#royal_preloader.royal_preloader_text .royal_preloader_loader div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0%;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* Scale Text Mode */

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
    color: #FFFFFF;
    position: absolute;
	font-family: 'Poppins', sans-serif;
	font-weight:700;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 32px;
    line-height: 32px;
    margin: auto;
    letter-spacing: 1px;
    font-size: 32px;
    white-space: nowrap;
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span {
    display: inline-block;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}

#royal_preloader.royal_preloader_scale_text .royal_preloader_loader span.loaded {
    -webkit-animation: scale 0.2s forwards;
       -moz-animation: scale 0.2s forwards;
        -ms-animation: scale 0.2s forwards;
         -o-animation: scale 0.2s forwards;
            animation: scale 0.2s forwards;
}

/* Logo Mode */

#royal_preloader.royal_preloader_logo .royal_preloader_loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5px;
}
#royal_preloader.royal_preloader_logo .royal_preloader_loader div {
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#royal_preloader.royal_preloader_logo .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    color: #072E77;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

/* Progress Mode */

#royal_preloader.royal_preloader_progress .royal_preloader_percentage {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #AAAAAA;
    color: rgba(255, 255, 255, 0.1);
    font-family: Impact, Arial;
    font-size: 20px;
    text-align: center;
}
#royal_preloader.royal_preloader_progress .royal_preloader_loader {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60%;
    height: 2px;
    margin: -10px auto auto auto;
    background-color: rgba(0, 0, 0, 0.1);
}
#royal_preloader.royal_preloader_progress .royal_preloader_meter {
    width: 0;
    height: 100%;
    margin: auto;
    padding: 0;
    background-color: #C76363;
}

/* Animation Code */
@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0);}
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rotate {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes rotate {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes scale {
    0% { -webkit-transform: scale(0); opacity: 0;}
    50% { -webkit-transform: scale(2);  opacity: 0.5;}
    100% { -webkit-transform: scale(1);  opacity: 1;}
}
@-moz-keyframes scale {
    0% { -moz-transform: scale(0); opacity: 0;}
    50% { -moz-transform: scale(2); opacity: 0.5;}
    100% { -moz-transform: scale(1); opacity: 1;}
}
@-ms-keyframes scale {
    0% { -ms-transform: scale(0); opacity: 0;}
    50% { -ms-transform: scale(2); opacity: 0.5;}
    100% { -ms-transform: scale(1); opacity: 1;}
}
@-o-keyframes scale {
    0% { -o-transform: scale(0); opacity: 0;}
    50% { -o-transform: scale(2); opacity: 0.5;}
    100% { -o-transform: scale(1); opacity: 1;}
}
@keyframes scale {
    0% { transform: scale(0); opacity: 0;}
    50% { transform: scale(2); opacity: 0.5;}
    100% { transform: scale(1); opacity: 1;}
}



/***********************************************************************************
                       Section Paddings, Margins & BGs
 ***********************************************************************************/

.section{position:relative; width:100%;}

.full-height{height:100vh;}

.padding-top-bottom{padding-top:120px; padding-bottom:120px;}

.padding-top{padding-top:120px;}

.padding-bottom{padding-bottom:120px;}

.padding-top-bottom-small{padding-top:70px; padding-bottom:70px;}

.padding-top-small{padding-top:70px;}

.padding-bottom-small{padding-bottom:70px;}

.back-white{background-color:#ffffff;}

.back-gray{background-color:#f9f9f9;}

.title-text {
    position:relative;
	width:100%;
	padding-bottom:50px;
}
.title-text.left p{
	position:relative;
	text-align:left;
	font-family: 'Poppins', sans-serif;
	font-weight:600;
	font-size: 13px; 
	line-height: 16px;
	letter-spacing:1px;
	color:#000;
}
.title-text.left h3{
	text-align:left;
	padding-top:40px;
	width:100%;
	max-width:580px;
}
.title-text.left p span{padding-left:80px;}

.title-text.left p:before {
	content:'';
	position:absolute;
	width:40px;
	height:1px;
	top:7px;
	left:34px;
	background-color:#646464;
} 
 
 
 
/***********************************************************************************
                       EPE Home/Intro Section
 ***********************************************************************************/ 

.home-carousel-wrap{ 
	position:relative;
	width:100%;
	height:100vh;
	overflow:hidden;
	z-index:2;
} 
#sync1 .item {
	position: relative; 
    width:100%;
    display: block;
	height:100vh;
	background-size:cover;
	background-position:center center;
} 
#sync1 .item.background-home-image-1 {
	background-image:url('../images/home-1.jpg');
} 
 
.home-mask{ 
	position:absolute;
	background:#212121;
	opacity:.8;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
	top:0;
	left:0;
} 
.link-down{
	position:absolute;
	width:34px;
	height:48px;
	bottom:50px;
	left:50%;
	margin-left:-17px;
	background-image:url('../images/scrolldown.gif');
	background-size:34px 48px;
	background-position:center center;
	z-index:10;
}
 


 
/***********************************************************************************
                       EPE Social Responsibility Section
 ***********************************************************************************/ 

.social-res-wrap{ position:relative; width:100%;}

.social-res-wrap img{ width:100%; display:block;}

.container .columns.float-right { float:right;} 


/***********************************************************************************
                       Media Queries
 ***********************************************************************************/

@media only screen and (max-width: 1320px) {
#owl-sep-1.owl-theme .owl-controls .owl-page span{
	display:none;
}
}

@media only screen and (max-width: 1200px) {
.logo{
	width:75px;
	height:52px;
	left:10px;
	top:15px;
	background:url('../images/epe-logo.svg') no-repeat center center;
	background-size:75px 52px;
}
.cbp-af-header.cbp-af-header-shrink .logo{width:75px; height:52px; left:10px; top:15px;
	background:url('../images/epe-logo.svg') no-repeat center center;
	background-size:75px 52px;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a {border-bottom:none;}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a:hover {border-bottom:none; background:none;}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li {background:none;}
ul.slimmenu li a {border-bottom:none;}
ul.slimmenu li a:hover {border:none; background:none;}
ul.slimmenu li {background:none;}
ul.slimmenu li > ul {width: 100%; text-align:right;}
#sync1 .item {
	position: relative; 
    width:100%;
    display: block;
	height:100vh;
	background-size:cover;
	background-position:center center;
}

@media only screen and (max-width: 1000px) {
.title-text.left h3{
	font-size: 22px; line-height: 28px;}
}

@media only screen and (max-width: 800px) {
#royal_preloader.royal_preloader_scale_text .royal_preloader_loader {
	height: 22px; 
	line-height: 22px; 
	font-size: 15px; 
	font-family: 'Conv_AvenirLTStd-Black',Sans-Serif; 
	letter-spacing: 0;
	}
}

@media only screen and (max-width: 600px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1319px) {
#sync1 .item {
	position: relative; 
    width:100%;
    display: block;
	height:100vh;
	background-size:cover;
	background-position:center center;
}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
#sync1 .item {
	position: relative; 
    width:100%;
    display: block;
	height:100vh;
	background-size:cover;
	background-position:center center;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.right-footer p {text-align:right; padding-right: 20px;}
.left-footer p {text-align:left; padding-left: 10px;}
	
#sync1 .item.background-home-image-1 {
	background:url('../images/home-mobile.jpg') center cover;
	margin: 0;
	left: -540px;
	top: -20px;
	width: 1390px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.right-footer p {text-align:center; padding-right: 20px;}
.left-footer p{text-align:center;}
.footer-top{position:relative; text-align:center; margin:0 auto;}
.footer-top img{text-align:center; margin:0 auto;}

}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.right-footer p,
.left-footer p{text-align:center;}
.footer-top{position:relative; text-align:center; margin:0 auto;}
.footer-top img{text-align:center; margin:0 auto;}
.epe-wrap-left{margin-top: -170px;}
.epe-wrap-left h1 {font-size:30px; padding-bottom:0;}
.ceo-bg img{margin-top:-470px; margin-right:-80px;}
.Coal-Free-text {font-size: 36px; line-height: 45px;}
.box-left {
	width: 300px; 
	margin-top: 10px; 
	margin-left:100px; 
	margin-bottom: 25px; 
	padding-bottom: 5px;
	}
.box-left h2 {padding-bottom: 5px;}
.box-right {
	width: 300px; 
	margin-top: 10px; 
	margin-left:-150px; 
	margin-bottom: 25px; 
	padding-bottom: 5px;
	}
.box-right h2 {padding-bottom: 5px;}
.Download-wrap {padding-bottom: 20px;}
.Download-det {padding: 10px;}
.Download-det h3 {font-size: 16px; line-height: 18px; padding-bottom: 0;}
.Download-btn {font-size: 12px; line-height: 12px; padding: 10px 20px;}
.padding-top-bottom {padding-top: 30px; }
#sync1 .item.background-home-image-1 {
	background:url('../images/home-mobile.jpg') center cover;
	margin: 0;
	left: -840px;
	top: 50px;
	width: 1390px;}
}

@media only screen and (max-width: 319px) {
.right-footer p,
.left-footer p{text-align:center;}
.footer-top{position:relative; text-align:center; margin:0 auto;}
.footer-top img{text-align:center; margin:0 auto;}
}