/*
Theme Name: Elliot Child Theme
Theme URI: http://demo.pukkathemes.com/elliot/
Author: Pukka Themes
Author URI: http://pukkathemes.com
Description: Elliot - Engaging & Responsive Wordpress Theme. Update notification available on <a href="https://www.facebook.com/PukkaThemes" target="_blank">Facebook</a>
Version: 1.0
License: Commercial
License URI: http://themeforest.net/licenses/regular
Tags: black, white, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-colors, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready
Text Domain: pukka
Template: elliot
*/
@font-face {
    font-family: "AvenirLight";
    src: url("fonts/AvenirLTStd-Light.woff") format('woff');
}
@font-face {
    font-family: "AvenirMedium";
    src: url("fonts/AvenirLTStd-Medium.woff") format('woff');
}
@font-face {
    font-family: "AvenirBook";
    src: url("fonts/AvenirLTStd-Book.woff") format('woff');
}
@font-face {
    font-family: "AvenirHeavy";
    src: url("fonts/AvenirLTStd-Heavy.woff") format('woff');
}
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,
h3, h3 a, h3 a:hover, h3 a:visited,
.search-wrap input.s-main
{
	font-family: AvenirLight, Roboto;
}

/*NEW BANDA*/
.banda{
	padding-bottom: 5px;
}
.banda, .page-has-slider #site-header {
		margin-top: 20px!important;
	}
	
.banda span{		
	float: left;
    margin-right: 15px;
    width: 45%;	
}
.banda strong{
	font-weight:bold; 
	color: rgb(43,75,143); 
	font-size: 12px;
}
.banda #email{
	border: 1px solid #e0e0e0;
    width: 40%;
    background: #f0f0f0;
    border-radius: 6%;
    color: #000;
    padding-left: 5px;
    margin-right: 0;
}
.banda button{
	border: none;
	text-transform: uppercase;
	background: rgb(43,75,143);
	color: #fff!important;
	width: 40%;
    padding: 10px 0;
	margin-top: 5px;
}
.cover-media-wrap {    
    clear: both;
}
/*END NEW BANDA*/

.single-post.single-format-video .cover-media-wrap, .single-post.single-format-audio .cover-media-wrap{
	background: #000;
}

.single-post.single-format-video .entry-meta,
.single-post.single-format-audio .entry-meta{
	display: none;
}

#footer .columns-4 aside {
  width: 100%;
}

#footer {
  background-color: #e9e9e9!important;
}
.search-wrap input.s-main {    
    width: 145px;
}

#header-search-wrap {    
    width: 170px;
}

.infinite-load-more-wrap .infinite-loader {
	text-indent: 0;
}

#logo {    
    height: 100px;
}

#logo img {    
    max-height: 100%;
}

.flexslider .slides li{
	padding: 0;
}
.flexslider .slides li:before, .flex-direction-nav li:before, .flex-direction-nav a.flex-next:before {
	content: none!important;	
}

.flex-direction-nav a:before{
	content:none!important;
}
.flex-direction-nav a.flex-prev{
    background-image: url("../elliot/assets/images/slider-nav-left.png");
	top: -300px;
    height: 125px;
    left: 50px;
    background-position: center center;
    z-index: 100;
    background-repeat: no-repeat;
    text-indent: -99999px;
}
.flex-direction-nav a.flex-next{
	background-image: url("../elliot/assets/images/slider-nav-right.png");
	top: -300px;
    height: 125px;
    right: 50px;
    background-position: center center;
    z-index: 100;
    background-repeat: no-repeat;
    text-indent: 99999px;
}

/*.flex-direction-nav a.flex-prev {    
    top: -300px;
    height: 125px;
    left: 50px;
    background-position: center center;
    z-index: 100;
    background-repeat: no-repeat;
    text-indent: -99999px;
}*/

h1, h2, h3, h4, h5, h6, #main h1, h2, h3, h4, h5, h6, .sidebar h1, h2, h3, h4, h5, h6 {
	font-family: Roboto;
}

#menu-stripe h1{
		background-color: #fff;
}

.parallaxContentHolder{
		display: none;
}

.tagcloud{
	margin-bottom: 20px;
}

.fa-bars:before {
    content: "\f0c9";
    color: rgb(43,75,143);
}

#responsive-menu ul > li:first-child a{
	color:transparent;
}

#menu-item-731 a:before,
#responsive-menu ul > li:first-child a:before {
	font: normal normal normal 20px/1 FontAwesome;
	content:'\f015';
	color: #fff;
}

h2{
	margin-left: 1%;
}

.slider-container{
	width: 100%!important;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

.paging-navigation {
     margin-top: 0px; 
}

.navigation .infinite-load-more-wrap a, body.error404 .content-wrap a{
	background: #48c3e8;		
	border-top: 1px solid #48c3e8;
	border-bottom: 1px solid #48c3e8;
	text-transform: uppercase;
	color: #fff !important;
	width:1px;
}
.navigation .infinite-load-more-wrap a:hover, body.error404 .content-wrap a:hover{
	background: #2b4b8f;	
	border-top: 1px solid #2b4b8f;
	border-bottom: 1px solid #2b4b8f;
}
	
.infinite-load-more-wrap:after {
	border:none!important;
}

.iampopular{
		width:100%;
	}
	
.iampopular > p{
    font-size: 20px;
	font-weight: bold;
	color: #acacac;
}
	
.iampopular .pop-item{
	width:100%;
	float:left;
	height:450px;
	position: relative;
}
.iampopular .pop-item .content{
	background-color: rgba(5,56,107,0.55);
	position:absolute;
	bottom: 2%;
	right:2%;
	width: 96%;
	padding: 10% 2% 2% 2%;
}
	
.iampopular .pop-item .content > a{
	color:#fff;
	display: block;
	font-size: 25px;
	height: 90px;
	font-weight: bold;		
} 
	
.iampopular .pop-item .content span, .iampopular .pop-item .content span a{
	color:#fff;
	display: block;
	font-size:12px;
	text-transform: capitalize;
	line-height: 16px;
}

#footer aside{
	width: 100%;
	margin-bottom: 0;
}
	
#footer aside p {
	color: rgb(43,75,143);
	margin: 0 auto;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
		

#footer aside p  span{
	color: #48c3e8;
	text-transform: uppercase;
	margin: 0 auto;
	font-size: 22px;
}

#footer .apps{
	width: 75%;
	margin: 0 auto;
	margin-top: 20px;
}
#footer aside .apps .uno{
	background: url(img/ico1.png) top center no-repeat;
}
#footer aside .apps .dos{
	background: url(img/ico2.png) top center no-repeat;
}
#footer aside .apps .tres{
	background: url(img/ico3.png) top center no-repeat;
}
#footer aside .apps .cuatro{
	background: url(img/ico4.png) top center no-repeat;
}
#footer aside .apps > div{
	width: 100%;
	height: 200px;		
	position:relative;
	float:left;
}
#footer aside .apps div .text p{
	color: #48c3e8;
	font-weight: bold;
	font-size: 22px;
}
#footer aside .apps > div .text{
	position:absolute;
	bottom:0;
	bottom: 0;
	width: 80%;
    left: 10%;
}
#footer .apps-logos{
	width: 75%;
	margin: 0 auto;
}
#footer .apps-logos .app-store {
	width: 100%;
	float: left;
}
#footer .apps-logos .google-play {
	width: 100%;
	float: right;
}
#footer .apps-logos .app-store a{
	float: right;
	margin-right: 10%;
	text-indent: -9999px;
	width: 190px;
	height: 70px;
	background: url(img/ico-app-store.png) center center no-repeat;
}
#footer .apps-logos .google-play a{
	float: right;
	margin-right: 10%;
	text-indent: -9999px;
	width: 190px;
	height: 70px;
	background: url(img/ico-google-black.png) center center no-repeat;
}
	
footer.footer-footer> div{
	width: 100%;
	margin:0 auto;
}
	
footer.footer-footer{
	background: #0d1d41;
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
	
footer.footer-footer > div > div.social-menu{		
	background: #0d1d41;	
	/*float:right;*/
	width: 100%;
    transform: translate(25%, 0%);
	-webkit-transform: translate(25%, 0%);
	-ms-transform: translate(25%, 0%);
}
	
footer.footer-footer > div > ul{
	background: #0d1d41;		
	color: #fff;
	width: 100%;
}
	
footer.footer-footer > div > ul{
	/*float:left;*/
}	
	
footer.footer-footer li{
	/*display: inline;
	list-style-type: none;
	padding-right: 20px;		*/
}
footer.footer-footer li+li a:before{
	/*content:'|';*/
	padding:10px;
}
footer.footer-footer li, footer.footer-footer li a{
	color:#fff;
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
    text-transform: uppercase;
}
footer.footer-footer div.social-menu a {
	color: rgb(43,75,143);
	background-color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding-left: 11px;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:20px;
	margin-right: 10px;
}

.comments-wrap {
    width: 100%;
    float: right;
}

#comments span, #comments h2, #comments p,#comments a, #reply-title, input[type="submit"] {    
	color: #888!important;
}
input[type="submit"]{
	border-bottom: 1px solid #888!important;
}

.adjacent-post .adjacent-arrow, .next-post span, .prev-post span{
	/*text-indent: -999999px;*/
	/*display: none;*/
	color: transparent;
}	
/*.prev-post h6:before{
	font: normal normal normal 20px/1 FontAwesome;
	color: #2b4b8f;
	content: '\f0d9';
}	*/
.adjacent-post.prev-post .adjacent-arrow {
    left: -22px;
}
.prev-post .adjacent-arrow:after{
	font: normal normal normal 20px/1 FontAwesome;
	color: #2b4b8f;
	content: '\f0d9';
}
/*.next-post h6:after{
	font: normal normal normal 20px/1 FontAwesome;
	color: #2b4b8f;
	content: '\f0da';
}*/
.next-post .adjacent-arrow:after{
	font: normal normal normal 20px/1 FontAwesome;
	color: #2b4b8f;
	content: '\f0da';
	/*display:block;*/
}

.entry-content .tagcloud a {
	color: #2b4b8f;
	border: 1px solid #2b4b8f;
	text-transform: uppercase;		
}
	
.tagcloud span, .tagcloud a {
	text-transform: uppercase;
	display: inline-block;
	line-height: 22px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0px 5px;
	font-size: 13px !important;
	border: 1px solid #2b4b8f;		
}
.tagcloud span{
	background-color: #2b4b8f;
	color: #fff;
}
	
.tagcloud a:hover {
	background-color: #2b4b8f;
	border-color: #2b4b8f;
	color: #fff;
}

@media handheld, only screen and (min-width: 480px){
	#footer .apps-logos .app-store {
		width: 50%;
		float: left;
	}
	#footer .apps-logos .google-play {
		width: 50%;
		float: right;
	}
	
	footer.footer-footer > div > div.social-menu {    
		transform: translate(35%, 0%);
		-webkit-transform: translate(35%, 0%);
		-ms-transform: translate(35%, 0%);
	}
}
	
@media handheld, only screen and (min-width: 640px){
	.banda, .page-has-slider #site-header {
		margin-top: 20px!important;
	}	
	.banda span{		
		float:left;	
		margin-right: 15px;		
	}
	.banda strong{
		font-weight:bold; 
		color: rgb(43,75,143); 
		font-size:20px;
	}	
	.banda #email{
		border:1px solid #e0e0e0; 
		width: initial; 
		background: #f0f0f0; 
		border-radius: 6%; 
		color: #000; 
		padding-left: 5px;
		margin-right: 15px;
	}
	.banda button{
		border: none;
		text-transform: uppercase;
		background: rgb(43,75,143);
		color: #fff!important;
		width: initial;
		padding: 10px 30px;
	}
	.iampopular .pop-item{
		width: 100%;
		float: left;
		height: 450px;
		position: relative;
	}
	
	#footer .apps-logos .app-store {
		width: 50%;
		float: left;
	}
	#footer .apps-logos .google-play {
		width: 50%;
		float: right;
	}
	
	footer.footer-footer > div > div.social-menu {
		background: #0d1d41;
		/* float: right; */
		width: 100%;
		transform: translate(35%, 0%);
		-webkit-transform: translate(35%, 0%);
		-ms-transform: translate(35%, 0%);
	}
}

@media handheld, only screen and (min-width: 920px){
	div.cover-media{
		min-height:150px;
	}
	.banda span{		
		float:left;	
		margin-right: 15px;	
		width: initial;	
		padding-top: 10px;		
	}
	
	#main {    
		min-height: 860px;
	}
	
	#main-menu-wrap .width-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	#logo{
		background: #fff;
		width: 100%;
		position:inherit;	
	}
	
	#logo img{
		margin: 0 auto;
		display: block;
	}

	#main-menu ul li{
		text-transform: uppercase;
		padding-top:5px;
		padding-bottom: 5px;
		height: 40px;
	}
	
	#header {
		margin-bottom: 0px;
	}
	
	#header-search-wrap{
		padding-top: 0;
		padding-bottom:0;	
		display:none;
	}
	.searchsubmit-main{
		opacity:1;
	}

	#main-menu ul li+li:before{
		content:'|';
	}
	#main-menu ul li.page-item-626 a, #main-menu ul > li:first-child a{
		color:transparent;
	}

	#main-menu ul li.page-item-626 a:before, #main-menu ul > li:first-child a:before {
		font: normal normal normal 20px/1 FontAwesome;
		content:'\f015';
		color: #fff;
	}

	#main-menu-wrap div.social-menu{
		float:right;
	}

	#main-menu-wrap div.social-menu a {
		color: rgb(43,75,143);
		background-color: #fff;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		padding-left: 10px;
		padding-top: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
				
	h2.home-last-news{
		font-size: 30px;
		text-align: left;
		color: #9c9c9c;
	}			

	.page-has-slider #site-header {
		/*height: 640px!important;*/
		height: 490px!important;
	}

	.slider-container{
		width: 100%!important;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content {
		position: absolute;
		bottom: 80px;
		right: 15px;
		left: initial;
		z-index: 99;
		width: 30%;
		height: 30%;
		padding: 1%;
		background-color: #000;
		background-color: rgba(0,0,0,0.5);
	}
	.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content h3{
		height:100px;
	}
	.pukka-slide .entry-meta .author{ display:none;}
	.pukka-slide .entry-meta .date{ text-transform: capitalize;}
	.pukka-slide .entry-meta .categories-links{ display: block;}
	
	.brick-meta-wrap .entry-date{
		float: right;
	}
	
	#main .overlay .entry-meta a, #main .overlay .entry-meta time{
		color:#fff;
	}
	.brick-meta-wrap .author{
		display:none;
	}
	
	.brick-meta-wrap .categories-links:before{
		content:'';
	}
	.brick-meta-wrap .categories-links a{
		color: #fff;
	}
	/*
	.navigation .infinite-load-more-wrap a{
		background: #48c3e8;		
		border-top: 1px solid #48c3e8;
		border-bottom: 1px solid #48c3e8;
		text-transform: uppercase;
		color: #fff !important;
		width:1px;
	}
	
	.infinite-load-more-wrap:after {
		border:none!important;
	}
	*/
	/*
	.iampopular{
		width:100%;
	}
	.iampopular > p{
	    font-size: 20px;
		font-weight: bold;
		color: #acacac;
	}
	*/
	.iampopular .pop-item{
		width: 100%;
		float: left;
		height: 450px;
		position: relative;
	}
	/*
	.iampopular .pop-item .content{
		background-color: rgba(5,56,107,0.55);
		position:absolute;
		bottom: 2%;
		right:2%;
		width: 96%;
		padding: 10% 2% 2% 2%;
	}
	
	.iampopular .pop-item .content > a{
		color:#fff;
		display: block;
		font-size: 25px;
		height: 90px;
		font-weight: bold;		
	} 
	
	.iampopular .pop-item .content span, .iampopular .pop-item .content span a{
		color:#fff;
		display: block;
		font-size:12px;
		text-transform: capitalize;
		line-height: 16px;
	}
	*/
	body.archive .page-title{
		display:none;
	}
	
	body.home .content-wrap .entry-content > p{
		display:none;
	}
	.entry-content{
		padding-bottom: 0;
	}
	#footer{display:none;}
	body.home #footer{display:block;}
	#footer {
		/*background-color: #e9e9e9;*/
		margin-top: -35px;
		padding-top: 15px;
	}
	
	#footer aside{
		width: 100%;
		margin-bottom: 0;
	}
	
	#footer aside p {
		color: rgb(43,75,143);
		margin: 0 auto;
		font-size: 25px;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	}
		
	
	#footer aside p  span{
		color: #48c3e8;
		text-transform: uppercase;
		margin: 0 auto;
		font-size: 22px;
	}
	#footer .apps{
		width: 75%;
		margin: 0 auto;
		margin-top: 20px;
	}
	#footer aside .apps .uno{
		background: url(img/ico1.png) top center no-repeat;
	}
	#footer aside .apps .dos{
		background: url(img/ico2.png) top center no-repeat;
	}
	#footer aside .apps .tres{
		background: url(img/ico3.png) top center no-repeat;
	}
	#footer aside .apps .cuatro{
		background: url(img/ico4.png) top center no-repeat;
	}
	#footer aside .apps > div{
		width: 25%;
		height: 200px;		
		position:relative;
		float:left;
	}
	#footer aside .apps div .text p{
		color: #48c3e8;
		font-weight: bold;
		font-size: 22px;
	}
	#footer aside .apps > div .text{
		position:absolute;
		bottom:0;
		bottom: 0;
		width: 80%;
		left: 20%;
	}
	#footer .apps-logos{
		width: 75%;
		margin: 0 auto;
	}
	#footer .apps-logos .app-store {
		width: 49%;
		float: left;
	}
	#footer .apps-logos .google-play {
		width: 49%;
		float: right;
	}
	#footer .apps-logos .app-store a{
		float: right;
		margin-right: 10%;
		text-indent: -9999px;
		width: 190px;
		height: 70px;
		background: url(img/ico-app-store.png) center center no-repeat;
	}
	#footer .apps-logos .google-play a{
		float: left;
		text-indent: -9999px;
		width: 190px;
		height: 70px;
		background: url(img/ico-google-black.png) center center no-repeat;
	}
	
	footer.footer-footer> div{
		width: 1280px;
		margin:0 auto;
	}
	
	footer.footer-footer{
		background: #0d1d41;
		overflow: hidden;
		padding-top: 25px;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	
	footer.footer-footer > div > div.social-menu{		
		background: #0d1d41;	
		float:right;
		width: 39%;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
	}
	
	footer.footer-footer > div > ul{
		background: #0d1d41;		
		color:#fff;
		width:60%;
	}
	
	footer.footer-footer > div > ul{
		float:left;		
	}	
	
	footer.footer-footer li{
		display: inline;
		list-style-type: none;
		padding-right: 20px;		
	}
	footer.footer-footer li+li a:before{
		content:'|';
		padding:10px;
	}
	footer.footer-footer li, footer.footer-footer li a{
		color:#fff;
		font-size: 11px;
		margin-bottom: 0;
		text-transform: none;
	}
	footer.footer-footer div.social-menu > div{
		float:none;
	}
	footer.footer-footer div.social-menu a {
		color: rgb(43,75,143);
		background-color: #fff;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		padding-left: 11px;
		padding-top: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size:20px;
		margin-left: 10px;
	}
	
	.brick-quote .overlay, #main .brick-quote .overlay {
		background-color: rgba(43,75,143,1);		
	}
	.grid-cover-item.brick-quote .brick .post-format-icon .fa-quote-left{
		color: #2b4b8f;
	}
	.grid-cover-item.brick-quote .brick-excerpt{
		/*padding-top: 0;*/
	}
	.brick-quote .brick-content p{
		font-size: 28px;
		font-weight: bold;
	}
	
	.brick-quote .quote-author {    
		text-align: left;    
		text-transform: uppercase;
	}
	
	.entry-content .tagcloud a {
		color: #2b4b8f;
		border: 1px solid #2b4b8f;
		text-transform: uppercase;
		
	}
	
	.tagcloud span, .tagcloud a {
		text-transform: uppercase;
		display: inline-block;
		/*margin-bottom: 12px;
		margin-right: 10px;
		padding: 2px 12px;*/
		line-height: 22px;
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 0px 5px;
		font-size: 13px !important;
		border: 1px solid #2b4b8f;		
	}
	.tagcloud span{
		background-color: #2b4b8f;
		color: #fff;
	}
	
	.tagcloud a:hover {
		background-color: #2b4b8f;
		border-color: #2b4b8f;
		color: #fff;
	}
	
	.widget_tag_cloud h2{ display:none;}
	
	.entry-content .widget.widget_text{
		margin-bottom: 0;
	}
	
	.widget-area.sidebar-1 .widget-title, #text-12 .widget-title{
		color: #2b4b8f;
		border-color: #2b4b8f;
		font-weight: bold;
		border-bottom: 1px solid;
	}
	
	.post-navigation {    
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	/*
	.adjacent-post.prev-post h6, .adjacent-post.next-post h6 {
		margin-left: 0;
		margin-right: 0;
	}
	
	.adjacent-post .adjacent-arrow, .next-post span, .prev-post span{
		text-indent: -999999px;
		display: none;
	}
	
	.prev-post h6:before{
		font: normal normal normal 20px/1 FontAwesome;
		color: #2b4b8f;
		content: '\f0d9';
	}
	
	.next-post h6:after{
		font: normal normal normal 20px/1 FontAwesome;
		color: #2b4b8f;
		content: '\f0da';
	}
	.next-post .adjacent-arrow:after{
		font: normal normal normal 20px/1 FontAwesome;
		color: #2b4b8f;
		content: '\f0da';
		display:block;
	}*/
	.author-meta-heading h2.author-name a{
		font-weight: bold;
		color: #2b4b8f;
	}
	
	.comments-wrap {    
		width: 640px;
		float: right;
	}
	
	#comments span, #comments h2, #comments p,#comments a, #reply-title, input[type="submit"] {    
		color: #888!important;
	}
	input[type="submit"]{
		border-bottom: 1px solid #888!important;
	}
}


@media only screen and (min-width: 1280px){
	
	#header-search-wrap{
		display:block;
	}
	.search-wrap input.s-main {
		width: 75px;
	}
	#header-search-wrap {
		width: 100px;
	}
	
	.search-wrap input.s-main{
		font-size:15px!important;
		opacity: 1;
	}
	
	.parallaxContentHolder{
		display:block;
	}
	
	#main {    
		min-height: 860px;
	}
	
	#main-menu-wrap .width-wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

	#logo{
		background: #fff;
		width: 100%;
		position:inherit;	
	}
	
	#logo img{
		margin: 0 auto;
		display: block;
		margin-top: 15px;
	}

	#main-menu ul li{
		text-transform: uppercase;
		padding-top:5px;
		padding-bottom: 5px;
		height: 40px;
		/*text-transform: uppercase;
		padding-top: 5px;
		padding-bottom: 5px;
		height: auto!important;
		line-height: initial;
		text-align: center;
		vertical-align: middle;*/
	}
	
	#header {
		margin-bottom: 0px;
	}
	
	#header-search-wrap{
		padding-top: 0;
		padding-bottom:0;	
	}
	.searchsubmit-main{
		opacity:1;
	}

	#main-menu ul li+li:before{
		content:'|';
	}
	
	/*#menu-item-7:before, #menu-item-5:before{
		top: 30%;
		position: absolute;
	}*/
	
	#main-menu ul li.page-item-626 a, #main-menu ul > li:first-child a{
		color:transparent;
	}

	#main-menu ul li.page-item-626 a:before, #main-menu ul > li:first-child a:before {
		font: normal normal normal 20px/1 FontAwesome;
		content:'\f015';
		color: #fff;
	}

	#main-menu-wrap div.social-menu{
		float:right;
	}

	#main-menu-wrap div.social-menu a {
		color: rgb(43,75,143);
		background-color: #fff;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		padding-left: 10px;
		padding-top: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
				
	h2.home-last-news{
		font-size: 30px;
		text-align: left;
		color: #9c9c9c;
	}			

	.page-has-slider #site-header {
		/*max-height: 640px!important;*/
		max-height: 490px!important;
	}

	.slider-container{
		/*width: 1280px!important;*/
		width: 980px!important;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	/*.pukka-slide-item.slide-item-big{
		height: 540px;
	}*/

	.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content {
		position: absolute;
		/*bottom: 80px;
		right: 15px;*/
		bottom: 26%;
		right: 2%;
		left: initial;
		z-index: 99;
		width: 30%;
		height: 30%;
		padding: 1%;
		background-color: #000;
		background-color: rgba(0,0,0,0.5);
	}
	.pukka-slider-wrap .pukka-slide-item .pukka-slide-item-content h3{
		height:100px;
	}
	.pukka-slide .entry-meta .author{ display:none;}
	.pukka-slide .entry-meta .date{ text-transform: capitalize;}
	.pukka-slide .entry-meta .categories-links{ display: block;}
	
	.brick-meta-wrap .entry-date{
		float: right;
	}
	
	#main .overlay .entry-meta a, #main .overlay .entry-meta time{
		color:#fff;
	}
	.brick-meta-wrap .author{
		display:none;
	}
	
	.brick-meta-wrap .categories-links:before{
		content:'';
	}
	.brick-meta-wrap .categories-links a{
		color: #fff;
	}
	/*
	.navigation .infinite-load-more-wrap a{
		background: #48c3e8;		
		border-top: 1px solid #48c3e8;
		border-bottom: 1px solid #48c3e8;
		text-transform: uppercase;
		color: #fff !important;
		width:1px;
	}
	
	.infinite-load-more-wrap:after {
		border:none!important;
	}
	*/
	/*
	.iampopular{
		width:100%;
	}
	.iampopular > p{
	    font-size: 20px;
		font-weight: bold;
		color: #acacac;
	}
	*/
	.iampopular .pop-item{
		width: 100%;
		float:left;
		height:450px;
		position: relative;
	}
	/*
	.iampopular .pop-item .content{
		background-color: rgba(5,56,107,0.55);
		position:absolute;
		bottom: 2%;
		right:2%;
		width: 96%;
		padding: 10% 2% 2% 2%;
	}
	
	.iampopular .pop-item .content > a{
		color:#fff;
		display: block;
		font-size: 25px;
		height: 90px;
		font-weight: bold;		
	} 
	
	.iampopular .pop-item .content span, .iampopular .pop-item .content span a{
		color:#fff;
		display: block;
		font-size:12px;
		text-transform: capitalize;
		line-height: 16px;
	}
	*/
	body.archive .page-title{
		display:none;
	}
	
	body.home .content-wrap .entry-content > p{
		display:none;
	}
	.entry-content{
		padding-bottom: 0;
	}
	#footer{display:none;}
	body.home #footer{display:block;}
	#footer {
		/*background-color: #e9e9e9;*/
		margin-top: -35px;
		padding-top: 15px;
	}
	
	#footer aside{
		width: 100%;
		margin-bottom: 0;
	}
	
	#footer aside p {
		color: rgb(43,75,143);
		margin: 0 auto;
		font-size: 25px;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
	}
		
	
	#footer aside p  span{
		color: #48c3e8;
		text-transform: uppercase;
		margin: 0 auto;
		font-size: 22px;
	}
	#footer .apps{
		width: 75%;
		margin: 0 auto;
		margin-top: 20px;
	}
	#footer aside .apps .uno{
		background: url(img/ico1.png) top center no-repeat;
	}
	#footer aside .apps .dos{
		background: url(img/ico2.png) top center no-repeat;
	}
	#footer aside .apps .tres{
		background: url(img/ico3.png) top center no-repeat;
	}
	#footer aside .apps .cuatro{
		background: url(img/ico4.png) top center no-repeat;
	}
	#footer aside .apps > div{
		width: 25%;
		height: 200px;		
		position:relative;
		float:left;
	}
	#footer aside .apps div .text p{
		color: #48c3e8;
		font-weight: bold;
		font-size: 22px;
	}
	#footer aside .apps > div .text{
		position:absolute;
		bottom:0;
		bottom: 0;
		width: 70%;
		left: 15%;
	}
	#footer .apps-logos{
		width: 75%;
		margin: 0 auto;
	}
	#footer .apps-logos .app-store {
		width: 49%;
		float: left;
	}
	#footer .apps-logos .google-play {
		width: 49%;
		float: right;
	}
	#footer .apps-logos .app-store a{
		float: right;
		margin-right: 10%;
		text-indent: -9999px;
		width: 190px;
		height: 70px;
		background: url(img/ico-app-store.png) center center no-repeat;
	}
	#footer .apps-logos .google-play a{
		float: left;
		text-indent: -9999px;
		width: 190px;
		height: 70px;
		background: url(img/ico-google-black.png) center center no-repeat;
	}
	
	footer.footer-footer> div{
		width: 1280px;
		margin:0 auto;
	}
	
	footer.footer-footer{
		background: #0d1d41;
		overflow: hidden;
		padding-top: 25px;
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	
	footer.footer-footer > div > div.social-menu{		
		background: #0d1d41;	
		float:right;
		width: 29%;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
	}
	
	footer.footer-footer > div > ul{
		background: #0d1d41;		
		color:#fff;
		width:70%;
	}
	
	footer.footer-footer > div > ul{
		float:left;		
	}	
	
	footer.footer-footer li{
		display: inline;
		list-style-type: none;
		padding-right: 20px;		
	}
	footer.footer-footer li+li a:before{
		content:'|';
		padding:10px;
	}
	footer.footer-footer li, footer.footer-footer li a{
		color:#fff;
		font-size: 11px;
		margin-bottom: 0;
		text-transform: none;
	}
	footer.footer-footer div.social-menu > div{
		float:right;
	}
	footer.footer-footer div.social-menu a {
		color: rgb(43,75,143);
		background-color: #fff;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		padding-left: 11px;
		padding-top: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size:20px;
		margin-left: 10px;
	}
	
	.brick-quote .overlay, #main .brick-quote .overlay {
		background-color: rgba(43,75,143,1);		
	}
	.grid-cover-item.brick-quote .brick .post-format-icon .fa-quote-left{
		color: #2b4b8f;
	}
	.grid-cover-item.brick-quote .brick-excerpt{
		/*padding-top: 0;*/
	}
	.brick-quote .brick-content p{
		font-size: 28px;
		font-weight: bold;
	}
	.brick-quote .brick-content p:first-child{
		min-height: 220px;
	}
	
	.brick-quote .quote-author {    
		text-align: left;    
		text-transform: uppercase;
	}
	
	.entry-content .tagcloud a {
		color: #2b4b8f;
		border: 1px solid #2b4b8f;
		text-transform: uppercase;
		
	}
	
	.tagcloud span, .tagcloud a {
		text-transform: uppercase;
		display: inline-block;
		/*margin-bottom: 12px;
		margin-right: 10px;
		padding: 2px 12px;*/
		line-height: 22px;
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 0px 5px;
		font-size: 13px !important;
		border: 1px solid #2b4b8f;		
	}
	.tagcloud span{
		background-color: #2b4b8f;
		color: #fff;
	}
	
	.tagcloud a:hover {
		background-color: #2b4b8f;
		border-color: #2b4b8f;
		color: #fff;
	}
	
	.widget_tag_cloud h2{ display:none;}
	
	.entry-content .widget.widget_text{
		margin-bottom: 0;
	}
	
	.widget-area.sidebar-1 .widget-title, #text-12 .widget-title{
		color: #2b4b8f;
		border-color: #2b4b8f;
		font-weight: bold;
		border-bottom: 1px solid;
	}
	
	.post-navigation {    
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	
	.adjacent-post.prev-post h6{
		margin-left: 40px;
		margin-right: 0;
	} 
	.adjacent-post.next-post h6 {
		margin-left: 0;
		margin-right: 40px;
	}
	/*
	.adjacent-post .adjacent-arrow, .next-post span, .prev-post span{
		text-indent: -999999px;
		display: none;
	}
	
	.prev-post .adjacent-arrow:before{
		font: normal normal normal 20px/1 FontAwesome;
		color: #2b4b8f;
		content: '\f0d9';
	}
	
	.prev-post h6:before{
		font: normal normal normal 20px/1 FontAwesome;
		color: #2b4b8f;
		content: '\f0d9';
	}
	
	.next-post .adjacent-arrow:after{
		font: normal normal normal 20px/1 FontAwesome;
		color: #2b4b8f;
		content: '\f0da';
	}
	
	.next-post h6:after{
		font: normal normal normal 20px/1 FontAwesome;
		color: #2b4b8f;
		content: '\f0da';
	}*/
	.author-meta-heading h2.author-name a{
		font-weight: bold;
		color: #2b4b8f;
	}
	
	.comments-wrap {    
		width: 740px;
		float: right;
	}
	
	#comments span, #comments h2, #comments p,#comments a, #reply-title, input[type="submit"] {    
		color: #888!important;
	}
	input[type="submit"]{
		border-bottom: 1px solid #888!important;
	}
	
	body.single .entry-header .categories-links{
		float: left;
	}
	
	body.single .entry-header .tags-links{
		display:none;
	}
	body.single .entry-header .entry-date{
		text-transform: capitalize;
	}
	body.single .entry-header .author{
		font-weight: bold;
	}
	body.single .entry-header .entry-meta>span, body.single  .entry-header .entry-meta>span a, body.single  .entry-header .entry-meta>span a time{
		color: #fff;
	}
	body.single .entry-meta>span+span:before {
		content: "";		
	}
	body.single .entry-meta>span.entry-date:after, body.single  .entry-meta>span.categories-links:after {
		content: "·";
		padding-left: 5px;
		color: #fff;
	}
	body.single  .entry-header .entry-meta span.author:before{
		content: 'Por ';
		color: #fff;
		font-weight: normal;
	}
	
	.overlay, #main .overlay {    
		min-height: 130px;
	}
	.overlay, #main .overlay h3{
		min-height: 70px;
	}
	
	#logo .dark-logo{
		display: block;
		float: left;
		position: absolute;
		left: 6%;
		top: 5px;
	}
	
}

@media only screen and (min-width: 1400px){
	.banda, .page-has-slider #site-header {
		margin-top: 20px!important;
	}	
	.banda span{		
		float:left;	
		margin-right: 15px;	
		width: initial;	
		padding-top: 10px;		
	}
	.banda strong{
		font-weight:bold; 
		color: rgb(43,75,143); 
		font-size:20px;
	}	
	.banda #email{
		border:1px solid #e0e0e0; 
		width: 250px; 
		background: #f0f0f0; 
		border-radius: 6%; 
		color: #000; 
		padding-left: 5px;
		margin-right: 15px;
	}
	.banda button{
		border: none;
		text-transform: uppercase;
		background: rgb(43,75,143);
		color: #fff!important;
		width: 150px;
		padding: 10px 30px;
	}
	.search-wrap input.s-main {
		width: 145px;
	}
	#header-search-wrap {
		width: 170px;
	}
	
	#logo .dark-logo{
		display: block;
		float: left;
		position: absolute;
		left: 12%;
		top: 5px;
	}
}

#custom-brick.brick-media a.google{
	position: absolute;
    bottom: 25%;
    right: 15%;
    max-width: 105px;
}

#custom-brick.brick-media a.apple{
	position: absolute;
    bottom: 15%;
    right: 15%;
    max-width: 105px;
}

.pukka-followers-widget{
	display:none;
}
/*QUOTES*/
.grid-cover-item.brick-quote .brick-media, .grid-cover-item.brick-link .brick-media{
	-webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}
.grid-cover-item.brick-quote .post-format-icon{
	display:none;
}
.brick-quote .overlay, #main .brick-quote .overlay/*, .brick-quote .brick-content p*/{
	display:none;
	background-color: transparent;
}
.grid-cover-item.brick-quote .brick{
	background:none;
}
.pukka-slider-wrap .slider-prev, .pukka-slider-wrap .slider-next{
	top: 25%;
}


/*CAMBIO ABSURDO EN LAS LISTAS*/

.entry-content ol>li:before, .comment-text-wrap ol>li:before{
	content: attr(start);
}
.entry-content ol.normal>li:before, .comment-text-wrap ol.normal>li:before{
	content: counter(li);
}

/*CAMBIO FUENTE*/
.search-wrap input.s-main,
.button-big, #commentform .form-submit #submit,h2.author-name a,
h1, h2, h3, h4, h5, h6, #main h1, h2, h3, h4, h5, h6, .sidebar h1, h2, h3, h4, h5 a, h6
{
	font-family: AvenirLight, Roboto!important;
}
b, strong {
    font-weight: bold;
    font-family: AvenirHeavy, AvenirMedium, AvenirLight, Roboto!important;
}



/*CABECERA LANDING EN TODOS LADOS*/

.mobile{
	display: none;
}
.slider-container.banda, 
#main-menu-wrap.menu-regular #logo,
#main-menu ul > li:first-child a:before{
	display: none;
}
#main-menu ul > li:first-child{
	
}
#main-menu-wrap.menu-sticky{
	width: 100%;
	background: #fff;
	background-color: #fff!important;
	height: 110px;
	padding-left: 4%;	
}
.menu-sticky .logo.left figure{
	background: url(../elliot-child-landing/img/logo-left.png) no-repeat; 
	background-size: contain;
}
.menu-sticky .left{
	float: left;
	padding-top: 30px;
	width: 40%;
}
.menu-sticky .right{
	float: right;
}
#main-menu-wrap.menu-sticky-landing #main-menu ul li a{
	color: #3f5dba!important;
	border-radius: 20px;
    border: 1px solid #3f5dba;
    padding: 5px 20px;
	text-transform: none;
	font-size: 0.835em;
}



#main-menu-wrap.menu-sticky-landing #main-menu ul li a{
	color: #3f5dba!important;
	border-radius: 20px;
    border: 1px solid #3f5dba;
    padding: 5px 20px;
	text-transform: none;
	font-size: 0.835em;
}
#main-menu-wrap.menu-sticky-landing #main-menu li.menu-item-has-children a:after, 
#main-menu-wrap.menu-sticky-landing #main-menu li.page_item_has_children a:after{
	content: "\f078";
	font-size: 12px;
    vertical-align: middle;
	color: #3f5dba;
	font-family: "FontAwesome";
	margin-left: 5px;
}
#main-menu-wrap.menu-sticky-landing #main-menu > ul > li:nth-child(2){
	margin-right: 60px;
	margin-left: 20px;
}
#main-menu-wrap.menu-sticky-landing #main-menu > ul > li:nth-child(3){
	background: #3a56ae;
	width: 340px;
	padding-left: 60px;
}
#main-menu-wrap.menu-sticky-landing #main-menu > ul > li:nth-child(3) a{
	background: url(../elliot-child-landing/img/button.png) no-repeat 50% 50% transparent;
	color: #fff!important;
    background-size: contain;
    padding: 1em 2.5em;
    cursor: pointer;
    border: 0;
    max-width: 100%;
}
#main-menu-inner>div>ul>li, #main-menu>ul>li#menu-item-lang,
#main-menu-wrap.menu-sticky-landing li:before{
	display: none;
}
#main-menu-wrap.menu-sticky-landing #main-menu > div > ul > li ul, #main-menu > ul > li ul{
	background-color: rgb(230,230,230);
	border-radius: 14px;
	border: 1px solid #3f5dba;
	width: 80px;	
	top: 20%;
	padding: 0;
	left: 0;
}
#main-menu-wrap.menu-sticky-landing #main-menu ul li .submenu-inner a{
	border: 0;
}
#main-menu-wrap.menu-sticky-landing #main-menu ul li .submenu-inner a:after{
	display:none;
}
#main-menu-wrap.menu-sticky-landing #main-menu > div > ul > li, 
#main-menu-wrap.menu-sticky-landing #main-menu > ul > li{
	height: 110px;
	padding-top: 40px;
	padding-right: 30px;
}
#main-menu-wrap.menu-sticky-landing #logo{
	float: left;
	height: 70px;
	display: block;
}
#main-menu-wrap.menu-sticky-landing #logo img{
	max-height: 40px;
}

/*COLORBOX*/
#cboxOverlay{
	background: #000; 
	opacity: 0.7!important; 
	filter: alpha(opacity = 70);
	/*filter: alpha(opacity = 70);
	-webkit-filter: blur(35px);
	-moz-filter: blur(35px);
	-o-filter: blur(35px);
	-ms-filter: blur(35px);
	filter: blur(35px);*/
}
#cboxOverlay:after{
	width: 100%;
	height:100%;
	filter: alpha(opacity = 70);
	-webkit-filter: blur(35px);
	-moz-filter: blur(35px);
	-o-filter: blur(35px);
	-ms-filter: blur(35px);
	filter: blur(35px);
}

#cboxClose { 
    top: 0;
    right: 20px!important; 
	background: none;
	text-indent: 0;
}
#cboxClose:hover{
	background-position: 0 0;
	color: #000!important;
}
#cboxMiddleLeft, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight{
	background: none;
}
.login-content{
	padding: 20px 20px 0 20px;
}
.register-content{
	padding: 20px 50px 0 50px;
}
.login-content p,.register-content p{
	text-align: center;
}
.login-content p:nth-child(1), .register-content p:nth-child(1){
	font-size: 2.250em;
	color: #3f5dba;	
}
.login-content p:nth-child(3), .register-content p:nth-child(3){
	color: #000;
}
.login-content > p:nth-child(2) a{
	font-size: 1.125em;
	color: #fff;
	background: #3f5dba;
	border-radius: 30px;
	padding: 20px 20px;
}
.register-content a:nth-child(1){
	font-size: 1.125em;
	color: #fff;
	background: #3f5dba;
	border-radius: 20px;
	padding: 10px 20px;
}
.login-content a:nth-child(1) i, .register-content a:nth-child(1) i{
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #657dc8;
}
.login-content input[type=text], .login-content input[type=password], .register-content input[type=text], .register-content input[type=password]{
	width: 46%;
	margin: 2%;
	border-radius: 30px;
	background: #eaeaea;
	border: none;
	padding: 20px;
	font-size: 1.125em;
    font-family: AvenirLight;
}
.login-content input[type=text], .login-content input[type=password]{
	width: 96%;
}
.login-content form > span, .register-content form > span{
	text-align: center;
	margin: 0 auto;
	display: block;
	margin-top: 30px;
}
.login-content form > a, .register-content form > a, .register-content form  a.save, .login-content form  a.save{
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 1.313em;
	background: url(../elliot-child-landing/img/button-blue.png) no-repeat 50% 50%;
    color: #3f5dba;	
    background-size: contain;
    padding: 1em 2.5em;
    cursor: pointer;
    border: 0;
    max-width: 100%;
}
.login-content form > a{
	margin: 30px;
}
#cboxContent:after{
	content: '';
    background: #3f5dba;
    width: 270px;
    position: absolute;
    height: 4px;
    /*left: 25%;*/
	left: 50%;
    bottom: 0;
    transform: translateX(-50%);
	
}
.end+p{
	display:none;
}
.blurred{
	 display:block;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.errorRegisterMsg li, #errorLoginMsg{
	display: none;
	background: red;
    color: #fff;
    padding: 10px;
    margin: -10px 0 0 0;
}

.small-text{
	font-size: 0.7em;	
	opacity: 0.8;
}

.register-content span a{
	text-decoration: underline;
}
#register .register-content form a.save{
	margin-top: 30px;
}

#main-menu-wrap li#menu-item-1401 a:before,
#main-menu-wrap li#menu-item-731 a:before{
	font: normal normal normal 20px/1 FontAwesome;
	content:'\f015';
	color: #fff;
	display: block!important;	
}
#main-menu-wrap li#menu-item-1401, #main-menu-wrap li#menu-item-1401 a,	
#main-menu-wrap li#menu-item-731, #main-menu-wrap li#menu-item-731 a{	
	padding: 0!important;
    height: 0!important;
    line-height: 0 !important;
    padding-bottom: 0!important;
    top: 9px;
}


@media (max-width: 960px){
	.cards .card .text .title p:nth-child(1){
		font-size: 1.5em;
		height: 90px;
	}
	.mobile{
		display: block;
	}
	.mobile .logo.left{
		display:none!important;
	}
	.mobile #main-menu > div > ul > li, .mobile #main-menu>ul>li {
		margin-left: 3%;
	}
	.desktop{
		display: none;
	}
	div.mobile .right{
		background: #f2f2f2;
		max-height: 90px;
	}
	div.mobile .left{
		padding: 4%;
	}	
	div.mobile #main-menu ul li a{
		border: 0;
		color: #3f5dba!important;
		padding: 5px 5px;
		font-size: 1.2em;
	}
	div.mobile #main-menu > ul > li:nth-child(3){
		background: none;
		width: auto;
		padding-left: 0;
		float: right;
		margin-right: 4%;
	}
	div.mobile #main-menu > ul > li:nth-child(3) a, 
	div.mobile #main-menu > ul > li:nth-child(1) a{
		border: 1px solid #3f5dba;
		background: none;
		padding: 5px 15px;
		border-radius: 20px;
	}
	div.mobile #main-menu > ul > li:nth-child(2){
		margin-left: 0;
		margin-right: 0;
	}
	div.mobile #main-menu > ul > li:nth-child(2) a{
		border-left: 1px solid #cbcbcb;
		border-radius: 0;
	}
}

@media (max-width: 640px){
	#cboxMiddleLeft, #cboxMiddleRight{
		width: 0!important;
	}	
}
@media (max-width: 480px){
	.register-content a:nth-child(1) {
		font-size: 1em;
	}
	.register-content {
		padding: 20px 1%;
		padding-bottom: 0;
	}
}
@media (max-width: 320px){
	.login-content p:nth-child(1), .register-content p:nth-child(1){
		font-size: 1.8em;
		margin-bottom: 20px;
	}	
	.register-content{
		padding: 20px 1%;
	}	
	.register-content a:nth-child(1){
		font-size: 1em;
	}	
	div.mobile #main-menu ul li a{		
		font-size: 1em;
	}
}
#pukka-ad-widget-2> div{
	height:300px!important;
}

#menu-item-1401{
	position: relative;
}
#menu-item-1401 a{
	position: absolute;
    top: -25px!important;
    left: -20px;
}