/*
	Theme Name: Beyond Coal Europe
	Theme URI: http://ddobble.net
	Description: Custom built Beyond Coal Europe
	Version: 1.1
	Author: Oscar Alarcon 
	Author URI: http://ddobble.net
	Tags: Custom, HTML5, CSS3

	License: © Beyond Coal Europe
*/


/*------------------------------------*\
    RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-weight:400;
	font-size: 18px;
	line-height: 31px;
	font-family: 'Lato', sans-serif;
	color:#1b3245;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#00adef;
	text-decoration:none;
	transition: all .3s
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.clearfix{
	width: 100%;
	clear: both;
	display: block
}
h1,h2,h3{
	font-family: 'Fjalla One', sans-serif;
	color: #003a76;
	font-weight: 600;	
}
h2{
	font-size: 28px;
}
.half{ width: 50%;}
.third{width: 33.3333%}
.quarter{width: 25%}


.twothirds{
	width: 66.6666%
}

.threequarter{
	width: 75%
}

.fourquarter{
	width: 100%
}


/* RESPONSIVE YOUTUBE VIDEOS */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container .youtube-video, .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




.bluebutton{
	display: inline-block;
    text-align: center;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1.125px;
    line-height: 15px
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1440px;
	width:95%;
	margin:0 auto;
	position:relative;
}

/* header */
.header {
	padding: 0 20px 20px;
	position: fixed;
	width: 100%;
	z-index: 12;
	background: rgba(0, 0, 0, 0);
	transition: all .3s;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,112756+100&0.53+0,0+100 */
background: -moz-linear-gradient(top, rgba(17, 40, 60, 0.95) 0%, rgba(17,39,86,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(17, 40, 60, 0.95) 0%,rgba(17,39,86,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(17, 40, 60, 0.95) 0%,rgba(17,39,86,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87000000', endColorstr='#00112756',GradientType=0 ); /* IE6-9 */
}

.header .wrapper{
    max-width:1280px;
}

/* lang switcher */
.langBar {
    clear: both;
    padding-top: 7px;
    float: right
}

.langBar li{
    background: none;
    color: #d29d3e;
    border: 0px;
    outline: none;
    text-align: right;
    float: right;
    list-style: none;
    margin: 0 5px;

}

.langBar li a{
	color: rgb(209, 157, 62);
	border-right: 1px solid rgb(209, 157, 62);
    padding-right: 10px;
    transition: all .3s;
    font-size: 12px
}
.langBar li:first-child a{
	border: 0px
}

.langBar li.current-lang a{
	color: #fff
}
.langBar li a:hover{
	color: rgb(0, 161, 227)
}
.topnavCont{
	clear: right;
	float:right	
}

.smaller .topnavCont{
	clear: none;
	float: none
}

/* logo */
.logo {
	float: left
}
.logo-img {
	transition: all .3s;
	width: 115px;;
	padding-top: 20px
}
.header.smaller{
	padding: 10px 20px;
	background: rgba(0,  0,  0, 0.95);
}
.smaller .logo-img {
	transition: all .3s;
	width: 50px;
	padding-top: 0px
}
/* nav */
.nav {
	display: block;
	float: right;
	color: #fff
}

.mobileHidden{
	display: block
}

.mobileShow{
	display: none
}

.mainMenu ul li{
color: #fff;
font-size: 30px;
padding: 0 7px;
display: inline-block;
transition: all .3s;
position: relative;
}
.mainMenu ul li::after{
	content: '/';
	padding-left: 20px;	
	display: inline-block;
	position: relative;
    top: 6px;
    font-size: 30px;
    font-weight: 100;
}
.mainMenu ul li a{
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	transition: all .2s;
	letter-spacing: .5px
}
.mainMenu ul li a:hover{
	color: #FEC815
}

.mainMenu ul li ul{
	display: none;
	width: inherit;
	position: absolute;
	left:0px;
	opacity: 0;
	transition: all .5s;
	list-style: circle !important;
	background: #fff;
	padding: 0px
}
.mainMenu ul li ul li {
	line-height: 100% !important
}

.mainMenu ul li ul li a{
	font-size: 12px;
	line-height: 17px;
	color: #6f6f6f
}
.mainMenu ul li:hover >ul{
	display: block;
	opacity: 1
}
.mainMenu ul li ul li:after{
	display: none
}

.mainMenu ul li ul li{
    line-height: auto;
    display: block;
    clear: both;
    height: auto;
    margin-bottom: 2px;
    font-size:17px;
    border-bottom: 1px solid #ddd;
	padding: 5px 10px
}

.mainMenu ul li ul li:last-child{
    border-bottom: 0px solid #ddd;	
}

/*
.mainMenu ul li ul li::before{
	content: '•';
    position: absolute;
    top: 50%;
    font-size: 17px;
    font-weight: 100;
    left: -16px;
}
*/

.socialHeader{
	display: block;
    width: 162px;
    height: 20px;
    margin-top: 10px;
    float: right
}
.socialHeader li{
	display: inline-block;
	position: relative;
	margin: 0 7px
}  
.socialHeader li a svg{
	width: 18px;
    height: 18px;
    fill: #fff;
    transition:all .3s
}
.socialHeader li a svg:hover{
	fill:#61ABE8
}
#mobileMEnuIcon{
	padding-top: 15px
}
#mobileMEnuIcon div{
	display: block;
	background: #6b6b6b;
	height: 3px;
	width: 35px;
	margin-bottom: 7px;
	-webkit-transition: all .5s cubic-bezier(.86,0,.07,1);
    transition: all .5s cubic-bezier(.86,0,.07,1);
}	
#mobileMEnuIcon .is_open:nth-child(1){
transform: translateY(12.5px) rotate(135deg);
    top: 0;
}
#mobileMEnuIcon .is_open:nth-child(2){
	background: transparent
}
#mobileMEnuIcon .is_open:nth-child(3){
transform: translateY(-7.5px) rotate(-135deg);
    top: 0;	
}
.mobileNav{
	display: block;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 36, 49, 0.9);
}
.mobileNav li{
	border-bottom: 1px solid rgba(255, 255, 255, 0.77);
	padding: 20px;
	text-align: left	
}
.mobileNav li a{
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
	font-size: 33px;
	text-align: center;
	line-height: 123%;
	font-weight: 600;
}

/* sidebar */
.sidebar {
	margin-top: 25px;

}


/* PRE footer */

.prefooter{
	background: #F8F8F8;
	padding: 120px 0px
}
.prefooter .wrapper{
	
}
.prefooter .prefooterGridItem{
	width: 20%;
	float: left;
	padding:2.5%;
	min-height: 220px;
}
.prefooter .prefooterGridItem img{
	max-width: 288px;
	margin: 0 auto;
	display: block;
	width: 100%
}
.get_involved{
    background: #014368;
    padding: 10px 25px;
    float: right;
    margin-right: 8%;
    color: #fff;
    font-family: 'Fjalla One', sans-serif;
}
.get_involved:hover{
	color: #FEC815
}
/* footer #BBC7D2 */
.footer {
	background: #00adef;
	padding: 20px 0 10px;
    color: #fff;
    font-weight: 400;
    font-size: 16px
}
.footer .wrapper .clearfix{
	border-bottom: 1px solid #ddd
}
.footsidebar-widget{
	float: left;
	width: 25%;
	padding: 20px 20px 50px 20px;
}
.footsidebar-widget ul li{
	list-style: disc;
	margin-bottom: 3px;
	list-style-position: inside
}
#menu-footer-menu-en li, #menu-footer-de li{
	list-style: none;
}
#menu-footer-menu-en li a, #menu-footer-de li a{
	color: #ffffff;
	transition: all .3s;
	font-size: 22px;
	font-weight: 600
}
#menu-footer-menu-en li a:hover, #menu-footer-de li a:hover{
	color: #ffdc6a
}
#menu-footer-menu-en li.current-menu-item a, #menu-footer-de li.current-menu-item a{
	color: #ffdc6a
}
.copyright{
	padding: 10px 0 0
}
.copyright,.copyright a{
	text-align: right;
	font-size: 13px;
	color: #ffffff
}
.copyright a:hover{
	color: #f75b61
}
.footerSocial{
	display: flex;
	justify-content:space-between;
	margin-top: 32px;	
}
.footerSocial a{
	width: 45px;
	height: 45px;
	min-width: 45px
}

.footerSocial a:hover{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


/*------------------------------------*\
    MAIN SLIDER
\*------------------------------------*/
/*   LOADER */
.spinner {
  width: 90px;
  height: 90px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.spinner > div {
  background-color: #00adef;
  height: 100%;
  width: 7px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/* END LOADER */

#mainSlider{
	display: block;;
	background: #000;
	position: relative
}
#mainSlider .specialwrapper{
	position: absolute;
	z-index: 1;
	top:36%;
	width: 100%;
	max-width:1280px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
#mainSlider .specialwrapper .container {
	display: block;
	max-width:1280px;
	width:100%;
	position: relative;
	padding-left: 0px;
	box-sizing:border-box
}
#mainSlider .specialwrapper .container h1{
	font-family: 'Fjalla One', sans-serif;
	color: #fff;
	font-size: 65px;
	max-width: 100%;
	line-height: 120%	
}
.accoverlay{
background:rgba(0,131,186,0.49);
position: absolute;
width: 100%;
height: 100%;
top:0px;
cursor: pointer
}
.as-shadow{
	-webkit-box-shadow: none;
    -mox-box-shadow: none;
    box-shadow: none;
}

.half .accoverlay{
	background: rgba(36, 68, 143, 0.35);
	padding: 10px;
	transition: all .5s;
	display: flex;
    align-items: center;
    justify-content: center
	
}

.half .accoverlay h1{
	color: #fff;
	position: absolute;
	opacity: 1;
	transition:all .7s
}

.half .accoverlay .accdescription{
	color: #fff;
    line-height: 130%;
    font-size: 16px;
    width: 70%;
    opacity: 0
}


.half .accoverlay h1:first-child{
	right: 5px;
	bottom: 5px
}

.panel-counter{
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    bottom: 5% !important;
    background: none !important;
    color:rgba(255, 255, 255, 0.84);
    font-family: 'Fjalla One', sans-serif;
    font-size: 60px;
    font-weight: 300;
    right: 93%;
    letter-spacing: 1px
}
/*
.even {
	color:rgba(255, 201, 20, 0.84);
}
*/
.innerlayerTitle{
	color: #fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 33px !important;
    font-weight: 300;;
    background: rgba(0,0,0,0.5);
    line-height: 60%;
    padding: 1px 35px	;
    letter-spacing: 1px;
    text-shadow: 0px 0px 2px #999;
    text-transform: uppercase
}

.accordion-slider{
	cursor: pointer
}

.accordion-slider .half{
	float: left;
	min-height: 300px;
	background-size: cover;
	background-position: center center;
	position:relative
}


.accordion-slider .half:hover > .accoverlay{
background: rgba(36, 68, 143, 0.71);


}
.accordion-slider .half:hover > .accoverlay h1{
opacity: 0


}

.half .accoverlay:hover > .accdescription{
	opacity: 1
}

.accordion-slider p.as-layer{
	font-size: 16px;
}

.accordion-slider a{
	display: block;
	position: relative;
	cursor: pointer
}

.slide_text{
	font-weight: 400;
	font-family: 'Lato', sans-serif;
}


.slide_button{
	background: #ffffff;
    width: 120px !important;
    color:#003a76;
    text-align: center;
    transition: all .3s;
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 16px;
    transition: all .3s;
    margin-top: 15px
}
.slide_button:hover{
	color: #3b3b3b
}

.mobileslide_button{
	background: #ffffff;
    width: 120px !important;
    color:#003a76;
    text-align: center;
    transition: all .3s;
    font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 16px;
    transition: all .3s;
    position: absolute;
    bottom: 20px;
    left: 20px;
}



.colorBorder{
	width: 100%
}
/* Chrome correction width */
.as-mask{
	width: 100% !important;
}

/*------------------------------------*\
    
    Mobile slider 
    
\*------------------------------------*/
#mobileslider{
	border-bottom: 5px solid #00adef
}
.mobBlock{
	display: block;
	width: 50%;
	min-height: 320px;
	float: left;
	background-size: cover;
	position: relative;
	overflow: hidden	
}
.mobBlock:hover > .accoverlay{
	top:-100%
}
.mobBlock:hover > .mobBlockContent{
	top:0px
}
.mobBlock .accoverlay{
	visibility: visible;
	transition:all .5s
}

.mobileBlockTitle{
	transform: rotate(0deg) !important;
    top: 30%;
    position: absolute;
    left: 20px;
}

.mobBlockContent{
	display: block;
	position: absolute;
	top:100%;
	transition: all .3s;
	height: 100%;
	width: 80%
}

.mobBlockContent h4{
	top:30%;
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	font-size: 30px;
	position: absolute;
	left: 20px;
	background: rgba(56, 56, 56, 0.63);;
    padding: 10px;
    line-height: 130%
	
}
.mobBlock .colorBorder{
	position: absolute;
	bottom: 0px;
	height: 10px
}

/*------------------------------------*\
    Home Post section
\*------------------------------------*/

.whiteSection{
	width: 100%;
	clear: both;
	padding: 80px 20px;
	background: #fff 	
}
.whiteSection .component{
	float: left
}
.homeblog .quarter{
	padding: 15px;
}
.homeblog a{
	display: block;
	position: relative;
	height: 100%;
	padding: 25px 12px;
	background-position: center center;
	transition: all .5s;
	background-repeat: no-repeat;
	overflow: hidden;
}
.homeblog a h3{
	color: #fff
}
.homeblog .quarter a h3{
	position: absolute;
	transition: all .5s;
	bottom:20px;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 22px;
	line-height: 130%;
	padding: 0 10px 0 0;
	top:auto	
}
.homeblog .quarter a p{
	bottom: -100%;
	position: absolute;
	color: #fff;
	padding: 0 10px 0 0;
	transition:all .5s;
	font-size: 15px;
    line-height: 100%;
}
.homeblog .quarter a:hover > h3{
	top: 1%;
	bottom: 60%
}
.homeblog .quarter a:hover > p{
	bottom: 20px;
	font-size: 16px;
	line-height: 120%
}
.overlay{
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 100%;
    left: 0px;
    transition: all .3s
}
.homeblog .quarter a:hover > .overlay{
	top:0%
}


#storiesSection{
	border-top: 0px solid rgb(209, 157, 62);
	border-bottom: 10px solid rgb(209, 157, 62);
	padding: 60px 20px 20px;
}

#videocontainer .embed-container{
	background: #000;
}

/*------------------------------------*\
    
    Home Graph Section
    
\*------------------------------------*/

.single-graph-presentation{
	min-height: 600px;
	padding: 25px
}
/*
#tabscontainer{
	border-bottom: 20px solid #00adef;
	border-top: 20px solid #00adef;
	background: #1B2E3F
}
*/
.homeMap{
	background: #fff !important
}

		#tabscontainer .container{
			width: 100%;
			margin: 0 auto;
			
		}
		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
			background: #1B2E3F;
			box-sizing: border-box;
			width: 180px;
			float: left
		}
				
		.tabscontainer{
			float: right;
			width: calc(100% - 180px)
		}
		
		ul.tabs li{
			background: none;
			color: #fff;
			display: inline-block;
			padding: 20px;
			cursor: pointer;
			font-family: 'Fjalla One', sans-serif;
			border-bottom: 1px solid #fff;
			width:100%;
			font-size: 16px;
			line-height: 110%;
		}

		ul.tabs li.current{
			background: #ffffff;
			color: #626F79;;
			
		}
		.tab-content{
			display: none;
			background: #ffffff;
			padding: 30px;
			min-height: 600px;
		}
		.tab-content p{
			line-height: 140%;
			margin: 15px 0;
			padding: 20px
		}
		
		.topGraphText{
			margin-bottom: 30px
		}

		.tab-content.current{
			display: inherit;
		}


/*------------------------------------*\
    
    COUNTDOWN 
    
\*------------------------------------*/
#countersection{
	padding: 120px 20px
}
#countersection h1{
	color:#1a2e3e;
	text-transform: uppercase;
	text-align: center;
	font-size: 50px;
	font-weight: 100;
	line-height: 120%
}
.counterBlock{
	padding-top: 50px;
}
#countersection .get_involved{
	float: none;
	margin: 60px auto 0;
	display: block;
	max-width: 160px;
	text-align:center;
}
.counterBlock .quarter{
	float: left;
	padding: 10px;
	box-sizing: border-box;
}
.counterBlock .quarter .circlecontainer{
	margin: 0 auto;
	width: 100%;
	max-width: 279px;
}
.counterBlock .quarter .circlecontainer .circle{
	display: block;
	max-height: 193px;
	text-align: center;
	color: #fff;
	font-size: 66px;
	font-family: 'Fjalla One', sans-serif;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover
}
.circle span{
	padding-top: 100%;
	transform: translateY(-50%) ;
	display: block
}
.circlecaption{
	font-size: 30px;
	font-weight: 300;
	font-family: 'Fjalla One', sans-serif;
	color: #114b63;
	text-transform: uppercase

}
.retired.circle{
	background: url(img/circles/retired.png);
}
.retiredannoun.circle{
	background: url(img/circles/retired-anounced.png);
}
.lefttogocirc.circle{
	background: url(img/circles/lefttogo.png);
}
.plannedprojcirc.circle{
	background: url(img/circles/planned-projects.png);
	filter:opacity(.7);	
}
.plannedprojcirc.circle span{
	color: #292a2c
}

/*------------------------------------*\
    PETITION
\*------------------------------------*/
#petitionSection{
	background: #F8F8F8;
    padding: 20px 0px;
    border-bottom: 20px solid #00adef;
}

.et-db #et-boc .et_pb_module h3{
	display: none !important;
	visibility: hidden;
    height: 1px;;
}


.dk-speakout-petition .dk-speakout-full{
	margin-bottom: 10px !important
	
}
.dk-speakout-petition .dk-speakout-full label{
	width: 117px !important;
	display: block !important;
	float: left !important;	
}

.dk-speakout-petition .dk-speakout-submit{
    background: #2ea3f2 !important;
    color: #fff !important;
    padding: 10px !important;
    border-radius: 5px !important;
    margin: 15px 0 !important;
    }


a.dk-speakout-facebook, .dk-speakout-petition .dk-speakout-twitter{
	border-radius: 5px;
    color: #fff;
    position: relative
}

a.dk-speakout-facebook {
    background: #2e4a88 url(../images/bg-button-facebook.png) repeat-x top left !important;
    background: -webkit-linear-gradient(#6e85b7, #2e4a88) !important;
    background: -moz-linear-gradient(#6e85b7, #2e4a88) !important;
    background: -ms-linear-gradient(#6e85b7, #2e4a88) !important;
    background: -o-linear-gradient(#6e85b7, #2e4a88) !important;
    background: linear-gradient(#6e85b7, #2e4a88) !important;
    border-radius: 4px !important;
    border: 1px solid #112b66 !important;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
    display: inline-block !important;
    height: 32px !important;
    margin: 0 0 0 0 !important;
    width: 140px !important;
}


.dk-speakout-petition .dk-speakout-message{
	border: 2px solid #ddd !important;
	padding: 10px !important;
	background: #f0f0f3 !important
}


a.dk-speakout-facebook span {
    background: url(img/iconfinder_facebook_294685.svg) 50% 50% no-repeat !important;
    background-size: 100% !important;
    display: block !important;
    height: 28px !important;
    width: 72px !important;
    margin: 0 auto !important
}

a.dk-speakout-twitter {
    background: #2477b3 url(../images/bg-button-twitter.png) repeat-x top left !important;
    background: -webkit-linear-gradient(#6bb5e9, #2477b3) !important;
    background: -moz-linear-gradient(#6bb5e9, #2477b3) !important;
    background: -ms-linear-gradient(#6bb5e9, #2477b3) !important;
    background: -o-linear-gradient(#6bb5e9, #2477b3) !important;
    background: linear-gradient(#6bb5e9, #2477b3) !important;
    border-radius: 4px !important;
    border: 1px solid #166197 !important;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
    display: inline-block !important;
    height: 32px !important;
    margin: 0 0 0 19px !important;
    text-align: center !important;
    width: 140px !important;
}
a.dk-speakout-twitter span {
    background: url(img/twitter-letters.png) 50% 50% no-repeat !important;
    background-size: 100% !important;
    display: inline-block !important;
    height: 26px !important;
    width: 70px !important;
}

.dk-speakout-petition .dk-speakout-share{
    border-top: 2px solid #d8d8d8;
    padding-top: 20px;
    margin-top: 20px;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/


/*------------------------------------*\
    PRESS
\*------------------------------------*/


.et_pb_blog_grid p{
	line-height: 130%;
    font-size: 16px;
}


/*------------------------------------*\
    SINGLES
\*------------------------------------*/
.singleHead{
	min-height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative	
}

.extended_header{
	min-height: 550px
}

.singleHead .accoverlay{
	visibility: visible
}
.singleHead .postTitle{
	width: 100%;
	position: absolute;
	margin: 0 auto;
	top:55%;
	transform: translateY(-50%)
}
.singleHead h1{
	color: #fff !important;
	line-height: 120%;
	text-align:center;
	margin: 0 auto;
	font-size: 50px;
	max-width: 1064px;
	width: 100%;
}
.singleHead .photoCredit{
	color: rgba(255, 255, 255, 0.6);
	font-size: 13px;
	font-weight: 300;
	bottom: 5px;
	right: 10px;
	position: absolute
}
.post .wrapper,.pagewrapper{
	max-width: 1280px;
	padding: 40px 60px;
	width: 100%	
}
.articleCont{
	max-width: 90%;
	margin:0 auto
}
.articleCont p{
	margin-top: 25px
}

.articleCont ol{
	list-style: decimal !important;
	list-style-position: initial;
	padding-left: 24px;
}

blockquote{
	background: #fff;
	padding: 15px;
	margin: 15px 0;
	font-size: 16px;
	font-style: italic;
}

blockquote p{
	margin: 0px 0px 15px 0px !important;
}

main.post,main.page{
	background: #f0f1f4
}
.post article,.page article{
	width: 70%;
	float: left;
	margin-right: 5%
}
.post article .date{
	color: #00adef;
}
.post article .author{
	color: #6d6e70;
	letter-spacing: .5px;
	margin-bottom: 20px;
	display: block;
	margin-top: 5px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px	
}
.postBottom{
	margin-top: 30px;
    border-top: 1px solid #ddd;
	padding: 30px 0
}
.postTags,.postCats{
	color: #6d6e70;
	font-size: 14px
}
.post .sidebar,.page .sidebar{
	float: right;
	width: 25%;
}
.pageTitle h1{
	font-size: 80px;
	font-weight: 300
}

/*------------------------------------*\

 CATEGORY PAGE */  /* TAG PAGE 
	 
\*------------------------------------*/

.notpageHead{
	    min-height: 300px;	
}

.feedsection article{
    width: 100% !important;	
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 30px	
}
.articleAux{
	float: left;
	width: 60%}

.feedsection article:first-child{
	margin-top: 25px
}
.feedsection article img{
	float: left;
	margin: 0px 15px 15px 0px
}
.feedsection article h2 a{
	color: #6d6e70
}
.feedsection article h2 a:hover{
	color: #3b3b3b
}
.feedsection article .date{
	margin-bottom: 5px;
	font-size: 14px
}
.feedsection article p{
	margin-top: 0px;
	line-height: 140%
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
  
  
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
 #mainSlider h1{
	 
 }
 
 
 
 
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 1200px) {
	
/*
	.quarter,.homesideblock{
		width: 100%
	}
*/
	.homesideblock{
		padding: 5%;
		box-sizing: border-box;
		width: 100%
	}
	.threequarter{
		width: 100%
	}

.prefooter .prefooterGridItem{
	width: 33.3333%;
	min-width: 140px;
	min-height: 130px
}	
.prefooter .prefooterGridItem img{
	width: 80%;
	margin: 0 auto;
	display: block
}
	
	
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 1024px) {


#mainSlider{
	min-height: 600px;
}

.accordion-slider p.as-layer {
    font-size: 14px;
}

#mainSlider .specialwrapper .container h1{
	font-size: 45px;	
}
.panel-counter{
	font-size: 45px
}
.fourColumns{
	width: 100%;
	text-align: center
}


.footerSocial{
    max-width: 400px;
    margin: 32px auto 0;
}



}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) { 
.header{
	padding: 20px 10px
}


.logo-img {
    width: 90px;
} 
 
.mainMenu ul li{
	padding: 0 1px
}
.mainMenu ul li a{
	font-size: 14px
}
.pageTitle h1{
	font-size: 55px
}


 
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 860px) {
.header{
	padding: 20px 10px;	
}
.logo-img {
    width: 60px;
} 
#mainSlider{
	padding-top: 92px;
}
#mainSlider .specialwrapper{	
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	background: #00adef
}
#mainSlider .specialwrapper .container{
	padding-left: 0px
}
#mainSlider .specialwrapper .container h1{
	display: block !important;;
	text-align: center;
	font-size: 40px
}
.homeblog .third{
	width: 100%;
	max-height: 300px
}
.slide_text{
	font-size: 14px !important
}
.slide_text_cont{
	width: 80%
} 



}
/*** Responsive Styles Tablet Only ***/
@media all and (max-width: 768px){




.accordion-slider p.as-layer{
	font-size: 16px;
    line-height: 100%;
}
 .whiteSection{
	padding: 20px 20px; 	
}

.circle span{
	font-size: 45px	
} 
.circlecaption{
	font-size: 24px;
	line-height: 110%; 
}
 
 
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

.header{
	position: relative;
	background: #fff;
	padding: 10px;
}
.logo-img {
    width: 49px;
}

.mobileHidden{
	display: none
}

.mobileShow{
	display: block
}
#mobileMEnuIcon {
    padding-top: 10px;
}


#mainSlider{
	padding-top: 0px
}

.langBar li.current-lang a{
	color: #3b3b3b
}


.slide_text{
	display: none
}
#countersection h1{
	font-size: 40px
	
}
#countersection p span{
	font-size: 25px
}
.counterBlock .quarter{
	width: 50%;
	margin-bottom: 50px
	
}
.fourColumns{
	width: 100%;
	max-width: 400px;
	margin: 0 auto 30px;
	display: block;
	float: none
}
	.footsidebar-widget{
		text-align: center
	}
	.widget_media_image{
		text-align: center
	}
	ul.tabs{
		width: 100%;
		
	}
	ul.tabs li{
		width: 25%;
		display: block;
		float: left;
		height: 80px;
		border: 1px solid #fff
	}
	.tabscontainer{
		width: 100%
	}
	
	
} 
@media all and (max-width: 560px) {
	ul.tabs li{width: 50%}

}

@media all and (max-width: 479px) {
	#mainSlider .specialwrapper .container h1{
		font-size: 31px;
    text-align: center;
	}
	 
}
 
 
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

#mainSlider .specialwrapper .container h1{
	font-size: 35px;
	text-align: center
}






.counterBlock .quarter{

	margin-bottom: 20px
	
}




.prefooter .prefooterGridItem{
	width: 50%;
}


 
 
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}