@charset "UTF-8";
@import 'font-awesome/css/font-awesome.min.css';

/* Ricardo Cuisine */
/* version 2.0 */

html{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* backgrounds */
@media (min-width:300px) {
	body {
		background: url(../img/bgBois_320.jpg) center top repeat fixed #FFF;
		background-size: 100%;
	}
	.footerBanner{display:none;}
}
@media (min-width: 720px){
	body {
		background: url(../img/bg_wrapper_tablet.jpg) center top repeat fixed #FFF;
		background-size: 100%;
	}
	.wrapBanner{
		min-height:110px;
	}
	.footerBanner{display:block;}
}
@media (min-width:1025px) {
	/* background noel */
	body {
		background: url(../img/bg_wrapper_full.jpg) center top no-repeat fixed #FFF;
		background-size: cover;
	}
}


/* header */

@media (min-width:300px) {
	.main-header .brand {
		position: relative;
		display: block;
		background: transparent url(/embedded/global/img/logo_ricardo_s.png) no-repeat 0 center/contain;
		width: 35px;
		width: 3.5rem;
		height: 37px;
		height: 3.7rem;
		outline: 0 none;
	}
	.main-header .userNav a.btn-mon-espace{
		top: -31px;
    	top: -3.1rem;
	}
}
@media (max-width:720px) {
	.main-header .top-header .innerWrap{
		padding-top: 11px;
		padding-top: 1.1rem;
		padding-bottom: 12px;
		padding-bottom: 1.2rem;
	}
	.main-header .main-nav{
		top: 20px;
    	top: 2rem;
	}
}
@media (min-width: 720px){
	.main-header .top-header .innerWrap {
		padding-top: 27px;
		padding-top: 2.7rem;
		padding-bottom: 25px;
		padding-bottom: 2.5rem;
	}
	.main-header .brand {
		position: relative;
		display: block;
		background: transparent url(/embedded/global/img/logo_ricardo_b.png) no-repeat 0 center/contain;
		width: 200px;
		width: 20rem;
		height: 50px;
		height: 5rem;
		outline: 0 none;
	}
	.main-header .userNav a.btn-mon-espace{
		top: auto;
	}
}

#topbarnav {
	background-color: #000;
	color:#fff;
	padding:0;	
	width:100%;	
}

#topbarnav ul {
	list-style-type: none;	
	margin: 0;
	padding: 0;	
	text-align:center;
}
#topbarnav ul li {
	display: inline-block;
	list-style: none; /* pour enlever les puces sur IE7 */
	margin: 0;
	padding:0;	
	text-transform: uppercase;		
}


#topbarnav ul li a {
	color:#fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
  letter-spacing:0.09em;
	line-height: 47px;
	height: 47px;
	margin:0;	
	padding: 0;
	text-decoration: none;
	width: 135px;width:154px;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 500ms;
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 500ms;	
	transition-timing-function: ease-out;
	transition-duration: 500ms;
	
}

#topbarnav ul li.activ a {
	font-weight: 700;
  letter-spacing:0.09em;
	margin:0;	
}

#topbarnav .activsite {display:none;}

#topbarnav .hovered  {
	opacity: 0.45;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 500ms;
	-o-transition-timing-function: ease-out;
	-o-transition-duration: 500ms;	
	transition-timing-function: ease-out;
	transition-duration: 500ms;
}	
	
	
	
@media (max-width:640px){
	
	#topbarnav {
		background-color:#000;
		color:#fff;
		padding:0;	
		width:100%;	
	}	

	#topbarnav ul.menu{
		border-bottom: 1px solid rgba(255,255,255,0.2); /*1px solid #999;*/
		display:none;
		padding-left:0;	
		padding: 12px 0;
		text-align:left;	
	}
	
	#topbarnav ul li {
		background:#000;
		display: inline-block;	
		padding: 15px 0;padding: 0;
		width:100%;		
	}

	#topbarnav ul li a {
		color:#fff;
		display: inline-block;
		font-size: 14px;	
		font-weight: 300;		
		letter-spacing: 0.08em;	
		height: 35px;
		line-height: 35px;
		margin:0;	
		padding:0;
		padding-left:15px;	
		text-decoration: none;
		text-transform:uppercase;
		width: 100%;		
	}
	
	#topbarnav .activsite {
        border-bottom:1px solid rgba(255,255,255,0.2);
		display:block; 
		font-size: 14px;
		font-weight: 300;	
		height: 50px;
		letter-spacing: 0.1em;
		padding:18px 0 18px 15px;
		line-height: 14px;
		text-align:left;	
		text-transform: uppercase;		
	}
	#topbarnav .fa {
		font:normal normal normal 20px/1 FontAwesome;	
		-webkit-transition-duration: 500ms;
	    -moz-transition-duration: 500ms;
	    -o-transition-duration: 500ms;
	    transition-duration: 500ms;
	    -webkit-transition-property: -webkit-transform;
	    -moz-transition-property: -moz-transform;
	    -o-transition-property: -o-transform;
	    transition-property: transform;
	}
	#topbarnav .chevron{    
	    float: right;
		padding-right:20px;
        margin-top:-3px;
    }
}

/* end header */

/* .sup-footer */
@media (min-width:320px) {
	
.sup-footer .liens-sociaux .fbPageLike {
margin-right:0 !important;
width:100%;
}


.sup-footer .liens-sociaux{
float:left;
clear:left;
margin:0;
padding-right:0;
width:100%;
}

.sup-footer .liens-sociaux .socialMediaLinks {
padding:10px 0;
float:left;
clear:left;
border-left:0 none;
}

.sup-footer .liens-sociaux .socialMediaLinks li {
margin:0 10px 0 0;	
}

.sup-footer .liens-sociaux .socialMediaLinks li a {
background: rgba(0, 0, 0, 0) url("../img/social-icons_2x.png") no-repeat scroll 0 0 / 100% auto;
display: block;
height: 32px;
outline: 0 none;
text-indent: -9999px;
width: 32px;
}

.sup-footer .liens-sociaux .socialMediaLinks .smlTwitter {background-position: 0 -32px;}

.sup-footer .liens-sociaux .socialMediaLinks .smlInstagram {background-position: 0 -64px;}

.sup-footer .liens-sociaux .socialMediaLinks .smlYoutube {background-position: 0 -128px;}

.sup-footer .liens-sociaux .socialMediaLinks .smlPinterest {background-position: 0 -160px;}	
	
	
}

@media (min-width:1024px) {

}

/* .sup-footer END*/


/* .magazine */

@media (min-width:320px) {
	
	
.magazine .intro {margin-bottom:20px;}

.magazine .hBundle {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
box-shadow: 0 0 0 transparent;
float: left;
margin: 0;
padding: 0;
text-align: left;
}
	
.magazine .hBundle .pict {
float:none;
margin-left:auto;
margin-right:auto;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 1px;
padding: 3px;
width: 232px;
}

.magazine .hBundle .desc {
float:none;
margin-left:0;
text-align: center;
}

.magazine .hBundle .desc {height: auto;}

.magazine .hBundle .desc h3 {
height: auto;
margin: 0 0 6px;
}

.magazine .hBundle .desc h3 span {display: inline;}

.magazine .hBundle .price {
border: 0 none;
left: 0;
margin: 0 0 10px;
padding: 0;
top: 0;
}

.magazine .hBundle {
border-bottom: 1px solid #ddd;
clear: left;
margin-bottom: 14px;
padding-bottom: 8px;
width: 100%;
}

.magazine .hBundle .pict, .hBundle .price, .meta {
position: relative;
}

.magazine #abonnementnumerique ul {
margin-bottom: 20px;
}

.magazine #abonnementnumerique .intro a {
float: left;
margin-bottom: 20px;
}

.magazine #abonnementnumerique p.hlpMsg {
clear: none;
font-size: 11px;
font-style: normal;
margin-left: 12px;
width: auto;
}

/* fix Little glitch when hover btn */
.magazine .bundle .primaryAction:hover {margin-right:0;}

.magazine .bundle .primaryAction {margin-top:10px;}


/* Greeting Cards */
.greetingCards .content .unit .pict img {width:100%;}
.greetingCards .downloadLink {padding-left:10px;}

/* Where to buy */
.whereToBuy .content .col {
margin-left:0;
width:100%;
}

.whereToBuy ul li {
font-size: 14px;
font-weight: 600;
}


/* -----------------:: Page Magazine Landing :: -----------------*/

.magazine .subscriberAdvantages {
background: rgba(0, 0, 0, 0) url("../img/magazine/fr/bg_dottedLine.png") repeat-x scroll left bottom;
margin: 22px 0;
padding: 0;
position: relative;
}

.magazine .subscriberAdvantages .innerWrap {padding: 0;}

.magazine .subscriberAdvantages h2 {
color: #000;
font-size: 26px;
margin: 0 0 14px;
width:auto;
line-height: 26px;
}

.magazine .subscriberAdvantages ul {margin-bottom:20px;}

.magazine .subscriberAdvantages ul li {
background: rgba(0, 0, 0, 0) url("../img/magazine/fr/ic_check_black.png") no-repeat scroll 2px 3px;
color: #000;
font-size: 16px;
line-height: 20px;
margin-bottom: 11px;
max-width: 660px;
padding: 0 0 0 31px;
}

.magazine .magazine-main-content .details {margin-bottom:20px;}

.magazine .magazine-main-content .details .intro {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
float: left;
font-size: 16px;
line-height: 19px;
margin: 0 0 15px;
padding: 0 0 3px;
width: 100%;
}

.magazine .magazine-main-content .details .actionLinks {
float: left;
margin-top: -10px;
width: 100%;
}

.magazine .magazine-main-content .details .actionLinks li {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
padding: 0;
}

.magazine .magazine-main-content .details .actionLinks li:last-child {margin-top: 20px;}


.magazine .magazine-main-content .details .actionLinks .primaryAction {
display: inline-block;
padding: 11px 18px 10px;
}

.magazine .magazine-main-content .details .actionLinks a {
display: block;
font-weight: 700;
padding: 5px 0 5px 35px;
text-decoration: none;
}

.magazine .magazine-main-content .details .actionLinks a.iconBtn {
display: inline-block;
padding: 0 0 0 8px;
vertical-align: bottom;
}

.magazine .magazine-main-content .contentPreview {
/* to add when needed */
background:none;
padding:0; margin:0;
margin-bottom:22px;
}



.magazine .magazine-main-content .details .pict {
float:none;
width: 220px;
margin:0 auto 20px;
}

.magazine .magazine-main-content .details .desc {margin-left:0;}
.magazine .magazine-main-content .details .desc h3 {text-align: center;}
.magazine .magazine-main-content .details .actionLinks {	margin-left:0;}

.magazine .magazine-main-content .details .actionLinks li {text-align: center;}
.magazine .magazine-main-content .details .actionLinks li:last-child {margin-top:0px;}

.magazine .magazine-main-content .details .actionLinks .primaryAction {display:block;}
.magazine .magazine-main-content .details .actionLinks a.iconBtn {padding-left:0; margin-top:10px;}




/* ----------- :: Page Digital Edition :: ------------ */
 

.magazine .digtalEdition-main-content .hBundle {
padding-top:35px;
padding-bottom:0px;
margin-bottom:20px;
border:0 none;
}

.magazine .digtalEdition-main-content .hBundle .pict {
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
width: auto;
z-index: 9999;
max-width: 299px;
}

.magazine .digtalEdition-main-content .hBundle .desc {
margin-left: 0px;
margin-top: -20px;
border-bottom: rgba(0,0,0,0.1) 1px solid;
}

.magazine .digtalEdition-main-content .hBundle h3 {
text-transform: none;
font-size: 1.6rem;
}

.magazine .digtalEdition-main-content .hBundle ul {
margin-bottom:20px;
}

.magazine .digtalEdition-main-content .hBundle ul li {
background-image:none;
}

.magazine .digtalEdition-main-content .hBundle .itunes {
float:none;
margin: 0 auto;
width: 140px;
display: block
}


.magazine .digtalEdition-main-content .hBundle p.hlpMsg {
font-size: 11px;
font-style: normal;
margin-left: 12px;
width: auto;
clear:none;
float:none;
}

.magazine .digtalEdition-main-content .digitalLinks {
position: relative;
top:0px;	
}


.magazine .digtalEdition-main-content .digitalLinks li {
float:none;
background-image:none;
}

.magazine .digtalEdition-main-content .digitalLinks li:last-child {
width: 280px;
text-align: center;
margin:0 auto;
}

.magazine .digtalEdition-main-content .digitalLinks li:last-child span {
font-weight: 700;
text-align: center;
text-transform: uppercase;
width: 100%;
margin:0 auto;
}

.magazine .digtalEdition-main-content .primaryAction {
padding: 15px 0;
display: block;
width: 280px;
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.2) rgba(0,0,0,.4);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
margin:0 auto 10px auto;
}


.magazine .digtalEdition-main-content .digitalAccess {
background: url("../img/digital_edition/surligne.png") no-repeat scroll 0 -15px;
display: block;
min-height: 57px;
margin:0 auto;
text-align: center;
width: 271px;
}

.magazine .digtalEdition-main-content .digitalAccess span {
font-size: 16px;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 700;
}

.magazine .digtalEdition-main-content .dottedLine {
background: url("../img/digital_edition/dotted_line.png") left center no-repeat;
display: block;
height: 10px;
margin: 20px 0;
width: 100%;
}


/* ----------- :: Header Magazine Bloc ::------------- */

/* :: Header Magazine EN Template 01 :: tpl-hm-01 */

.magazine.en .magazine-forfaits {
padding: 30px 0;
background: transparent none repeat scroll;
}

.magazine.en .magazine-forfaits .innerWrap {
padding-top:0;
padding-bottom:0;
}

.magazine.en .magazine-forfaits .headline {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
color: #000;
/* left: 50%; */
/* margin: 0 0 0 -331px; */
min-height: 278px;
padding: 30px 30px 20px;
position: relative;
text-align: left;
text-shadow: 0 0 0 transparent;
top: 0;
/* width: 395px; */ width:310px;
text-transform: none;
font-size: inherit;
font-weight: normal;
}

.magazine.en .magazine-forfaits .headline h1 {
background: transparent url("../img/magazine/en/bg_headlineTitle_en.png") no-repeat scroll 0 0 / 100% auto;
display: block;
height: 58px;
left: 0;
margin: 0 0 10px -1px;
position: relative;
text-indent: -9999px;
top: 0;
width:250px
}

.magazine.en .magazine-forfaits .featuredCover {top: 0;}

.magazine.en .magazine-forfaits .featuredCover img {
display: block;
width: 261px;
}

.magazine.en .magazine-forfaits .headline .intro {
margin:10px 0;
}

.magazine.en .magazine-forfaits .headline p {
color: #000;
float: none;
font-size: 15px;
font-weight: normal;
line-height: 19px;
margin-bottom: 4px;
text-align: left;
text-shadow: 0 0 0 transparent;
}

.magazine.en .magazine-forfaits .headline .intro > p:first-child {
font-size: 16px;
font-weight: 600;
margin: 0 0 4px;
}

.magazine.en .magazine-forfaits .headline .intro .seeMoreLink {
background: transparent none repeat scroll 0 0;
bottom: 0;
display: inline;
font-size: inherit;
font-weight: 600;
left: 0;
padding: 0;
position: relative;
text-indent: 0;
text-transform: none;
top: 0;
}

.magazine.en .magazine-forfaits .tglCont {
left: -9999px;
position: absolute;
top: -9999px;
}

.magazine.en .magazine-forfaits .tglContActive {
left: 0;
position: relative;
top: 0;
}

.magazine.en .magazine-forfaits .primaryAction {
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
display: block;
float: none;
font-size: 21px;
font-weight: bold;
margin: 20px auto 10px;
padding: 15px 0;
text-transform: uppercase;
width: 100%;
}

.magazine.en .magazine-forfaits .giftSubscriptionLink {
background: rgba(0, 0, 0, 0.06) none repeat scroll 0 0;
border-radius: 2px;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 16px;
margin: 10px auto 0;
padding: 9px 0 8px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 248px;
}

/* :: End Header Magazine EN Template 01 :: tpl-hm-01 */





}
@media (min-width:720px) {
	
.magazine .hBundle .pict {
float: left;
margin-bottom: 5px;
}

.magazine .hBundle .desc {
margin-left: 252px;
padding-top: 3px;
text-align: left;
}

/* Where to buy */
.whereToBuy .content .col {
width:33.333%;
text-align: left;
}

/* :: Page Magazine Landing :: */

.magazine .subscriberAdvantages {
background: rgba(0, 0, 0, 0) url("../img/magazine/fr/bg_subscribersAdvantages.png") no-repeat scroll left top;
background-size: 733px 212px;
min-height: 194px;
}

.magazine .subscriberAdvantages .innerWrap {padding: 25px 18px 5px 38px;}

.magazine .subscriberAdvantages h2 {
line-height: 1.8rem;
}

.magazine .magazine-main-content .details .pict {
float:left;
margin:0 0 2rem;
}

	
.magazine .magazine-main-content .details .desc{margin-left:24.3rem;}
.magazine .magazine-main-content .details .desc h3 {text-align: left;}

.magazine .magazine-main-content .details .actionLinks li {text-align: inherit;}
.magazine .magazine-main-content .details .actionLinks li:last-child {margin-top:20px;}

.magazine .magazine-main-content .details .actionLinks .primaryAction {display: inline-block;}
.magazine .magazine-main-content .details .actionLinks a.iconBtn {padding-left:8px;margin-top:0px;}


/* ----------- :: Header Magazine Bloc ::------------- */

/* :: Header Magazine EN Template 01 :: tpl-hm-01 */

.magazine.en .magazine-forfaits .headline {
width: 395px;
left: 50%;
margin: 0 0 0 -334px;
}

.magazine.en .magazine-forfaits .featuredCover {
position: absolute;
right: -277px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
border: 3px solid #fff;
}

.magazine.en .magazine-forfaits .headline h1 {
background-size: 94% auto;
height: 78px;
width:359px;
}

.magazine.en .magazine-forfaits .primaryAction {width: 280px;}


/* :: End Header Magazine EN Template 01 :: tpl-hm-01 */




/* ----------- :: Page Digital Edition :: ------------ */

.magazine.digitalEdition .digtalEdition-main-content {
margin:0 auto;
max-width:681px;
}

.magazine.digitalEdition .digtalEdition-main-content .available {
background:url("../img/digital_edition/bg_iPadPromo.png") no-repeat scroll;
position: absolute;
z-index: 5000;
width:696px;
height:222px;
right:0;
}

.magazine.digitalEdition .digtalEdition-main-content .hBundle{
margin-bottom:0;
}

.magazine.digitalEdition .digtalEdition-main-content .hBundle h3 {
font-size: 1.4rem;
}

.magazine.digitalEdition .digtalEdition-main-content .hBundle .desc {
margin-left: 320px;
margin-top: 200px;
border:0 none;
}

.magazine.digitalEdition .digtalEdition-main-content .hBundle ul {
list-style:disc;
}
.magazine.digitalEdition .digtalEdition-main-content .hBundle .itunes {
float:left;
margin:0;
width:auto;
}

.magazine.digitalEdition .digtalEdition-main-content .hBundle p.hlpMsg {
float:left;
}

.magazine.digitalEdition .digtalEdition-main-content .digitalLinks li {
float:left;
}

.magazine.digitalEdition .digtalEdition-main-content .digitalLinks li:last-child span {
margin:0;
}

.magazine.digitalEdition .digtalEdition-main-content .digitalLinks {
position: relative;
top:-20px;	
}


.magazine.digitalEdition .digtalEdition-main-content .primaryAction {
margin:0;
}

.magazine.digitalEdition .digtalEdition-main-content .digitalAccess {
margin-left:20px;
}

}

@media (min-width:1024px) {
	
/* :: Page Magazine Landing :: */
.magazine .subscriberAdvantages {
background-position: right 5px;
background-size:99% auto;
background-size:100% 230px;
margin-top:0;
}


/* ----------- :: Header Magazine Bloc ::------------- */

/* :: Header Magazine EN Template 01 :: tpl-hm-01 */

.magazine.en .magazine-forfaits .headline {
width: 420px;
margin-left:-331px;
}

.magazine.en .magazine-forfaits .headline h1 {background-size: 100% auto;}

/* :: End Header Magazine EN Template 01 :: tpl-hm-01 */

}

@media (min-width:1100px) {

/* :: Page Magazine Landing :: */
.magazine .subscriberAdvantages {
background-position:0 0;
background-size:100% auto;
background-size:100% 236px;
}

}

/* extra print css */
@media print {
	#dmCatfishv2{display:none}
	#block-block-52{display:none}
}

/* recette */
.page-recettes .fancybox-overlay {
    z-index: 8029;
}

/* NOUVEAU CSS POUR FOOTER COMMUN RICARDOCUISINE.COM ET BOUTIQUE */

/* .sub-footer START */


.sub-footer {
    overflow: hidden;
}

footer#footer #footer-ricardo .footer-links li  {color: #e0e0e0;}

footer #footer-ricardo .main-footer {
padding-top:60px;
padding-bottom:45px;
}

footer #footer-ricardo .main-footer .row {
max-width:900px;max-width: none;
margin-left:auto;
margin-right:auto;
}

footer #footer-ricardo a,
footer #footer-ricardo a:focus {
color:#222;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-decoration:none;
outline:inherit;
}

footer #footer-ricardo a,
footer #footer-ricardo li span {color:#fff;}

footer #footer-ricardo a:hover {
/*color:#ffa200;*/
text-decoration: underline;
}

footer #footer-ricardo .footer-title {
margin-bottom:20px;
padding-top:0px;
font-weight:700;
font-size:18px;
text-transform:none;
color: #ffffff;
line-height: 22px;
}
footer #footer-ricardo .footer-title .lg-ricardo-footer {
display: block;
max-width: 120px;
}
footer #footer-ricardo p {
line-height: 30px;
margin-bottom:30px;
} 

footer #footer-ricardo .main-footer ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 30px;
}

footer #footer-ricardo .main-footer ul li {
padding: 6px 0;
line-height: 18px;
}

footer #footer-ricardo .main-footer ul li .icon {
display: inline-block;
width: 25px;
color: #ffa200;
}

footer #footer-ricardo .footer-bottom {
padding:20px 0px;
border-top: 1px solid #4d4d4d!important;
font-size:12px;
line-height:39px;
position:relative;
margin-left: -35px;
margin-right: -35px;
}

footer #footer-ricardo .footer-bottom li,
footer #footer-ricardo .footer-bottom li a {
font-size:12px;
border-bottom: 0 none;
}

footer #footer-ricardo .footer-bottom .footer-links{
text-align:center;
line-height:16px;
margin:0;
padding:0;
}

footer #footer-ricardo .footer-links li {
position: relative;
display: inline-block;
padding: 0px 0px 0 10px;
margin: 0px 0px 0px 11px;
border-left: 1px solid #4d4d4d;
}

footer #footer-ricardo .footer-links li:first-child {
border: none;
margin-left:0px;
padding: 0;
}

footer #footer-ricardo .footer-bottom a.back-top {
position:absolute;
color:#222222;
background-color:#c7c7c7!important;
display:block;
right:30px;
top:-15px;
width:30px;
height:30px;
font-size:20px;
text-align:center;
line-height:26px;
border-radius:100%;
margin-top:-15px;
}

#footer-ricardo .main-footer .socials {
margin-top:20px;
margin-bottom:30px;
margin-left:-15px;
margin-right:-15px;
}

#footer-ricardo .main-footer .socials a.social-icon {
display: inline-block;
width: 45px;
height: 45px;
line-height: 45px;
font-size: 18px;
text-align: center;
}

#footer-ricardo .main-footer .socials a.social-icon:hover {color:#e0e0e0;}

@media screen and (min-width: 720px) {
	.sub-footer .innerWrap {
		padding-bottom: 0;
	}
	#footer-ricardo .main-footer .socials a.social-icon {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}


	#footer-ricardo .container {
		margin-left: auto;
		margin-right: auto;
		padding-right: 15px;
		padding-left: 15px;
		padding-right: 0px;
		padding-left: 0px;
	}
	footer #footer-ricardo .main-footer .row {
		margin-left: -15px;
		margin-right: -15px;
	}
	#footer-ricardo .col3 {
		margin: 0;
		padding-right: 15px;
		padding-left: 15px;
		width: 25%;
	}

}

@media screen and (min-width: 992px) { 
	
#footer-ricardo .container {width: 100%;}

#footer-ricardo .main-footer .socials a.social-icon {
width: 45px;
height: 45px;
line-height: 45px;
}	

}

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

footer #footer-ricardo li,
footer #footer-ricardo li a,
footer #footer-ricardo p,
footer #footer-ricardo p a {font-size: 14px;}

footer #footer-ricardo .main-footer{
padding-top:20px;
padding-bottom:0px;
padding: 20px 20px 0px;
}

footer #footer-ricardo .mobile-slide .footer-title,
footer #footer-ricardo .footer-title.mobile-border-top {
border-top: 1px solid #4d4d4d;
padding-top:25px;  
margin-bottom: 25px;
position:relative;
}

footer #footer-ricardo .mobile-slide .footer-title.first {border-top: none;}

footer #footer-ricardo .mobile-slide ul {
display:none;
margin-bottom:30px;
}

footer #footer-ricardo .mobile-slide .footer-title .more-cats {
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 50px;
text-align: right;
line-height: 50px;
color: #ffa200;
z-index: 99;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
cursor:pointer;
}

footer #footer-ricardo .mobile-slide .footer-title .more-cats {
height: 27px;
width: 27px;
line-height:27px;
padding: 23px 0px; 
}

footer #footer-ricardo .mobile-slide .footer-title > .more-cats .plus-min {
width: 10px;
height: 10px;
display: inline-block;
position: relative;
}

footer #footer-ricardo .mobile-slide .footer-title > .more-cats .plus-min:before,
footer #footer-ricardo .mobile-slide .footer-title > .more-cats .plus-min:after {
display: block;
content: '';
width: 10px;
height: 2px;
background: #FFF!important;
position: absolute;
top: 50%;
margin-top: -1px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

footer #footer-ricardo .mobile-slide .footer-title > .more-cats .plus-min:after {transform:rotate(90deg);}

footer #footer-ricardo .mobile-slide .footer-title.active > .more-cats .plus-min:after {
transform:rotate(0deg);
opacity:0;
}  

footer #footer-ricardo .footer-bottom a.back-top {
top:inherit;
bottom:30px;
}

footer #footer-ricardo .main-footer .socials a.social-icon {
font-size: 22px;
}
footer #footer-ricardo .footer-links li{
margin:0;
margin-bottom:10px;
padding:0;
border:none;
display: block;
}

footer #footer-ricardo .footer-bottom .footer-links a {width:auto;}

footer #footer-ricardo .main-footer ul {line-height: 40px;}

footer #footer-ricardo .main-footer ul > li {
line-height: 40px;
margin: 0;
padding: 0;
}


}