/*----------------------------------------*\
    $CUSTOM PM
\*----------------------------------------*/
/**
 * CSS custom pm
 * ........................
 * FONT..................... gestione font e "icon-font"
* BACKGROUND .................. gestione immagini e background


 * COLORI.................. gestione colori 
   * .. #20bcd8 blu default -- rgba(32,188,216,.7) N.B in caso di find e replace non sovrascrivere il canale alpha ma solo 204,20,57
   * .. #524244 marrone titoli bree
   * .. #412e33 colore base testo senza link (marrone quasi nero)
   * .. #ebe5e6 grigio chiaro neutro
   * .. #bfaeb3 grigio chiaro
   * .. #fcf7f9 rosa chiaro sfondo
   * .. #ea9cac rosa chiaro testi
   * .. #db5b75 bordo rosa hamburger gi
   * .. #c7afb5 tortora
   * .. #87797b marrone chiaro testi 
   * .. PALETTE NAV MENU
        * .. #624f51 marrone chiaro 
        * .. #6e6264 marrone chiaro bordi e testo
        * .. #534345 marrone scuro
        * .. #4b3c3e marrone scuro colore linguetta tabmenu mobile
        * .. #504547 marrone tab login
        
 **/

body{   
    background: #F7FBFC;
    color:#412e33;    
} 

a {
    color:#000;    
}

a:hover{
    color: #20bcd8 ;
}

.wrapper{   
    background: #F7FBFC;
}

.container.with-border {
    border-top: 3px solid #20bcd8;   
}

.bree, .bree a {font-family: 'bree', serif; color:#524244;}

/*-- Bottone --*/
.btn {    
    background: #20bcd8;      
}

.btn:hover{
    background: #1da7bf;
}

/*-- categoria  --*/
.categoria{    
    background: #20bcd8;      
}

.categoria:before{    
    color: #20bcd8;    
}

a.categoria:hover{
    background:#1da7bf;   
}

a.categoria:hover:before{
    color: #1da7bf;
}

/*-- breadcrumb con label  --*/   
    
.label_breadcrumb .categoria:hover { 
    background: #20bcd8;       
}    
.label_breadcrumb  .categoria:hover:before { 
    color: #20bcd8;       
}

.label_breadcrumb .categoria-l2 {      
    background: #fcf7f9;       
    color: #20bcd8;      
}

/*-- breadcrumb SEO nascosta   --*/ 
       
.container-breadcrumb-jsdisabled,
.container-breadcrumb-jsdisabled a {  
    color: #666666;        
}

.container-breadcrumb-jsdisabled a { 
    border-right: 1px solid #ebe5e6; 
}

/*-- regola altezza mobile-munu   --*/
#jq-tab-nav > ul {height:370px}

/*-- header  --*/

.header .logo a {   
    width: 150px;
    height: 34px;
    background: url("https://static.stbm.it/pianetamamma/images/grafica/logo-light.png") no-repeat;    
}

.main-nav li a.current:before {
    color: #f7fbfc;
}

.main-nav li a.home:before { 
    color: #f7fbfc;
}

.header .network-list:before {
    color: #f7fbfc;
}

/* menù laterale */
.content-menu-laterale ul.logged_menu.list-unstyled li a:hover,
.content-menu-laterale ul.logged_menu.list-unstyled li a:hover:before {color: #20bcd8;}

.content-menu-laterale .foot p a:hover{color: #20bcd8;}

.content-menu-laterale #searchform .button{color: #20bcd8;}


/* logo per schermi retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    .header .logo a{
        width: 150px;
        height: 34px;
        background: url("https://static.stbm.it/pianetamamma/images/grafica/logo-light-2x.png") no-repeat;
        background-size: 150px 34px;
    }
}


/*-- .network-list da 1140px in su --*/
@media only screen and (min-width: 1140px){   
   
   .header .network-list ul {
       background: #F7FBFC;       
   }
   
    .header .network-list a {
        color: #c7afb5;        
    }

    .header .network-list a:hover{
        color: #c7afb5;
    }
        
    .header .network-list li{
        border-left: 1px solid #ea9cac;
    }
    
    .header .network-list li a{      
        background: url("https://static.stbm.it/Share/images/sprites.png");       
    }

    .header .network-list li a span{      
        background: url("https://static.stbm.it/Share/images/sprites.png");       
    }
    
    .header .network-list .action-network:before{      
        background: url("https://static.stbm.it/Share/images/sprites.png") -180px 0;      
        color: #20bcd8;        
    }
    .header .network-list .action-network:after{       
        background: url("https://static.stbm.it/Share/images/sprites.png") -160px 0;    }
    
    /*-- .network-list - versione slim --*/
    
    .header-wrap.slim .network-list a{
        color: #ffffff;
    }
        
    .header-wrap.slim .network-list li{       
        border-color: #ebe5e6;
    }
    
    .header-wrap.slim .network-list .action-network{        
        background: #20bcd8;
    }
    
    .header-wrap.slim .network-list.jq-open .action-network:before{
        color: #20bcd8;        
    }  
    
    .header-wrap.slim .network-list.jq-close .action-network:before { 
       background-position: -740px -14px;} 

} /*-- //fine .network-list da 1140px in su --*/

/*-- pulsantiera  --*/
.header .pulsantiera ul > li > div.menu-social:before{right: 202px}

.header .pulsantiera ul > li > div:before{   
    color: #574648;
}

.header .pulsantiera .burger{
    border-left: 1px solid #ffffff;  
}

.header .pulsantiera .search form .text{     
    color: #bfaeb3;    
}

.header .pulsantiera .search form .button{
    color: #20bcd8;   
}

/*-- .pulsantiera per desktop --*/
@media only screen and (min-width: 1025px){
    
    .header .pulsantiera > ul > li {       
        border-left: 1px solid #ebe5e6;
    }
        
    .header .pulsantiera > ul > li > a:hover{
        color: #624f51;
    }  
    
    .header .pulsantiera .search form .text{       
        border: 1px solid #ebe5e6;  
    }
    
    .header .pulsantiera .search form .text:focus{       
        box-shadow:0 0 5px #ebe5e6 inset;
    }  
    
    .header .pulsantiera .network-pd > a,
    .header .pulsantiera .network-pd > a span{       
        background: url("https://static.stbm.it/Share/images/sprites.png") 0 -256px;
    }
    .header .pulsantiera .network-pd > a:hover{       
        background: url("https://static.stbm.it/Share/images/sprites.png") -100px -256px;
        background-repeat:no-repeat;
    }
    
    .header .pulsantiera .network-pd > a span{
          position: absolute;
          left: 0;
  		top: 0;
		background-position: -100px 44px;
  		opacity: 0;
        filter: alpha(opacity = 0);
    }
	        
    /* HEADER versione slim */
    .header-wrap.slim{       
        background: #20bcd8;
        box-shadow: 0 7px 0 rgba(78, 5, 30, 0.1);
    }
    
    .header-wrap.slim .logo a {       
        width: 140px;
        height: 34px;
        background: url("https://static.stbm.it/pianetamamma/images/grafica/logo-light.png") no-repeat;        
    }
    
}
/*-- //fine .pulsantiera per desktop --*/

/*-- adattamenti vari per schermi inferiori a 558px di altezza --*/
@media only screen and (max-height: 557px){
    .tab-menu--nav li{height:30px;}
}

/* ombra header per smartphone e tablet */
@media only screen and (max-width: 1024px){
    .header-wrap{       
        box-shadow: 0 7px 0 rgba(78, 5, 30, 0.1);
    }
}
/* //fine ombra header per smartphone e tablet */


/*-- header - slim-nav  --*/

.slim-nav:before{    
    color: #4b3c3e;    
}

.slim-nav menu li a{   
    background: #534345;
    border-right: 1px solid #6e6264;     
    color: #87797b;   
    border-bottom: 1px solid #6e6264;  
}
.slim-nav menu li a:hover {
    color: #ebe5e6;
}
.slim-nav menu li.current a {
    background: #624f51;
    border-bottom-color: #624f51;   
}

.tab-menu{   
    background: #624f51;   
}

.tab-menu .logged_menu li:hover:before { 
    color: #20bcd8; 
}

/*-- tab-menu--nav --*/

.tab-menu--nav li > span:hover{
    background-color: #20bcd8;
}
.tab-menu--nav li > a:hover{
    color: #ebe5e6;
}
.tab-menu--nav .slimScrollDiv > ul > li > a{
    border-top: 1px solid #6e6264;
}

.tab-menu--nav li .sub-menu-title .icon-minus{
    background-color: #20bcd8;
}

.tab-menu--nav .slimScrollDiv > ul > li > ul{   
    background: #534345;
    border-top: 1px solid #6e6264; 
}

.tab-menu--nav li ul li a{  
    color: #c7afb5;
}

/*-- tab-menu--user --*/

.tab-menu--user .riga input {
    background: #504547;
    border: 1px solid #6e6264;      
}

.tab-menu--user .foot{
    border-top: 1px solid #6e6264;   
}

/*-- tab-menu--user | logged --*/
.tab-menu--user .avatar{   
    border: 5px solid #534345;    
}

/*-- tab-menu--social --*/
.tab-menu--social li {    
    border-top: 1px solid #6e6264;    
}
.tab-menu--social li:hover{
    background: #534345;
}
.tab-menu--social li .loghi-social{  
    color: #87797b;
}  

.tab-menu--social li .loghi-social:hover{
    color: #20bcd8;
}

.tab-menu--social li .arrow{  
    background: #20bcd8;  
}

.tab-menu--social li .arrow:hover{
    background: #1da7bf;
}

/*-- tab-menu--network --*/

.tab-menu--network li a div{
    background: url("https://static.stbm.it/Share/images/sprites.png") no-repeat;   
}

.tab-menu--network li a div span{  
    background: url("https://static.stbm.it/Share/images/sprites.png");   
}

@media only screen and (min-width: 1025px){
    
    .header .pulsantiera > ul > li > a {
        color: #c7afb5;
    }       
    
    .header .pulsantiera > ul > li > a.icon-user-login,
    .slim-nav menu li a.icon-user-login { 
        color: #20bcd8; 
    }
}

/* .main-nav per desktop */
@media only screen and (min-width: 1025px){
   
    .main-nav-wrap{      
        background: #20bcd8;
        box-shadow: inset 0 7px 0 rgba(78, 5, 30, 0.1);
    }    
}

/* //fine .main-nav per desktop */

/* .sub-nav per desktop */
@media only screen and (min-width: 1025px){
    .sub-nav-wrap{      
        border-bottom: 1px solid #ebe5e6;
    }
    .sub-nav-wrap{      
        background: #F7FBFC;
    }
    
    .sub-nav li a{
        color: #6e6264;       
    } 
    
    .sub-nav li a.external{
        color: #382b2e;
    }
    
    .sub-nav li a:hover:after{
        border-bottom: 2px solid #20bcd8;    
    }
    .sub-nav li a.current:after,
    .sub-nav li a.current:hover:after{
        border-bottom: 2px solid #20bcd8;
    }
    
}
/* //fine .sub-nav per desktop */

/*-- sidebar  --*/

.adv300{   
    background:#fcf7f9;
}
    
.side-sponsored > h2{   
    color: #bfaeb3;   
}
.side-sponsored > h2:before,
.side-sponsored > h2:after,
.side-sponsored article a {  
    border-bottom: 1px solid #ebe5e6;
}

.sidebar-block h1.title5 { 
    font-family: 'bree', serif;
    color: #524244;
}

.sidebar-block a:hover h1.title5 { 
    color: #20bcd8;
}

/*-- footer  --*/
.footer-wrap{
    border-color: #20bcd8;
}
.footer-wrap .footer,
.footer-wrap .footer .copy a {
    color: #333;
}

.footer-wrap .footer .copy a.copy-link { 
    border-right: 1px solid #ebe5e6;
}

footer .disclaimerMini { text-align: center; }
footer .disclaimerMini a {
    text-decoration: underline;
}
footer .disclaimerMini a:hover {
    color: #333;
    text-decoration: none;
}
@media only screen and (min-width: 1025px) {
    .footer-wrap .footer .logo-pd {margin-top:15px;}
    footer .disclaimerMini {
        margin: 20px 0 20px 175px;
        text-align: left;
        display: inline-block;
    }
}

/*-- anteprima articolo  --*/

.articolo-anteprima:hover  .gallery{
	background: rgba(32, 188, 216, 0.9);
}

.articolo-anteprima .autore{  
    color: #c7afb5;
}
.articolo-anteprima .autore a{
    color: #624f51;
}

.articolo-anteprima p a,
.articolo-anteprima p a:after{
    color: #20bcd8;  
}

.articolo-anteprima figure.thumb-list-video a.pic img {
    width: 100%;
    height: auto;
}

.blocco-slider--foto .arrow-left:after, .blocco-slider--foto .arrow-right:after{
        background: #20bcd8;
}

/*-- blocco slider  --*/

.blocco-slider{   
    background: url("https://static.stbm.it/Share/images/bkg-gallery.gif") center top repeat-y;
}

.blocco-slider .container > h3{  
    color: #20bcd8;  
}

.blocco-slider .container > h3 .name{  
    border-left: 2px solid #ccbcc0;
    color:#bfaeb3;    
}

.blocco-slider .item:hover .level-hover{
    background: rgba(32,188,216,.8);
}

.blocco-slider .item .level-hover h2 { 
    color: #fff;
}

.arrow-left,
.arrow-right{   
    background: rgba(32,188,216,.8);   
}

.arrow-left:hover,
.arrow-right:hover{      
    background: rgba(32,188,216,.6);
}    
        
@media only screen and (min-width: 600px) { 
    .blocco-slider .container > h3{
      border-top: 1px solid #ded4d8;     
      color: #20bcd8;      
    }
    
    .blocco-slider .container > h3 .name{
      border-left: 2px solid #ded4d8;
      color:#bfaeb3;      
    }
   
}
 
/*-- .blocco-slider video --*/

.blocco-slider--video,
.blocco-slider--video .container > h3 > span{
    background: #e3edef;
}
.blocco-slider--video.blocco-slider--lista .container > h3 > span{
    background: #fff;
}
.blocco-slider--video .container > h3{
    border-color: #ded4d8; 
}

@media only screen and (min-width: 600px) {     
  
    .blocco-slider--video menu a{      
        color: #20bcd8;
    }
   
}  
    
    
/*-- blocco-slider firme  --*/

.blocco-slider--firme .link a{  
    color: #ffffff;
}  
 
/*------------------------------------*\
    $SOCIAL
\*------------------------------------*/

/*-- .blocco-social small per desktop --*/
@media only screen and (min-width: 1024px) {  
     
    .social-small a {
    	color: #666;    	
    }
    
    .social-small a:hover { 
        color: #20bcd8;
    }
   
    .social-small .commenti-baloon a{ 
    	background: #20bcd8;    	
    }   
    
    .social-small .commenti-baloon a:after {     
    	border-top: 4px solid #20bcd8;    	
    }
        
    .social-small .commenti-baloon a:hover { 
        background: #1da7bf;        
    }
    
    .social-small .commenti-baloon a:hover:after { 
        border-top: 4px solid #1da7bf;       
    }
}
/*-- //fine .blocco-social small per desktop --*/

/*-- .blocco-social big per desktop --*/
@media only screen and (min-width: 1024px) {  
    
    .social-big {     	
		border-top: 1px solid #ebe5e6; 		 
	}
	.social-big a,
	.social-big span { 		
		color: #666;		
	}	
		
	.social-big a:hover,
    .social-big .commenti-btn b a{ 
		color: #20bcd8; 
	}   	
	
}
/*-- //fine blocco-social big per desktop --*/


/*-- //sommario articolo --*/

.cat_details .cat-header h1,
.cat_details .cat-header h2,
.cat_details .cat-header h3,
.cat_details .cat-header h4 { margin-bottom: 1rem; }

.cat_details .cat-header div:not(.spc_category) a,
.cat_details .cat-header div:not(.spc_category) h3 a { 
    color: #20bcd8;
}
.cat_details .cat-header div:not(.spc_category) a:hover,
.cat_details .cat-header div:not(.spc_category) h3 a:hover { 
    color: #20bcd8;
    text-decoration:underline;
}

.cat_details .cat-header div:not(.spc_category) ul, 
.cat_details .cat-header div:not(.spc_category) ol {
    padding: 0;
    display: block;
    overflow: hidden;
    clear: both;
}
.cat_details .cat-header div:not(.spc_category) ol {
    counter-reset: my-badass-counter;
}

.cat_details .cat-header div:not(.spc_category) ul li:before,
.cat_details .cat-header div:not(.spc_category) ol li:before {
    content: "-";
    position: absolute;
    left: 0;
    font-weight: bold;
    color: #20bcd8;
}
.cat_details .cat-header div:not(.spc_category) ol li:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
}


@media only screen and (min-width: 1024px) {
    .cat_details .cat-header div:not(.spc_category) ul,
    .cat_details .cat-header div:not(.spc_category) ol {
        margin: 10px 0;
    }
    .cat_details .cat-header div:not(.spc_category) ul li,
    .cat_details .cat-header div:not(.spc_category) ol li {
        padding: 5px 0 5px 30px;
    }
}
.cat_details .cat-header div:not(.spc_category) ul li,
.cat_details .cat-header div:not(.spc_category) ol li {
    position: relative;
    font-size: 18px;
    display: block;
    overflow: hidden;
    padding: 10px 0 10px 20px;
}
.cat_details .cat-header ul div:not(.spc_category) li:before, 
.cat_details .cat-header ol div:not(.spc_category) li:before {
    color: #20bcd8;
}

/*------------------------------------*\
    $ARTICOLO
\*------------------------------------*/

.foglia .autore a { 
	color: #20bcd8; 	
}

.foglia .foglia-author time {
	color: #6e6264; 	
}

/* personalizzazione modale commenti orionDisqus */
.modalDisqus .topBar .logoGallery {   
	padding-left: 160px;
    background: url("https://static.stbm.it/pianetamamma/images/grafica/logo-light.png") no-repeat scroll 10px 5px;	
}

.modalDisqus .topBar .close:hover { 
    background: #20bcd8;
    border-color:#20bcd8;
}

/*-- paginatore articolo --*/
@media only screen and (min-width: 600px){ 
    
	.foglia .foglia-pager .current-page  {
		color: #20bcd8;	
        border-color:#bfaeb3;
	}
	
    .foglia .foglia-pager .total-page {		
		color: #bfaeb3;				
    } 
			
	.foglia .autore:before {
		color: #6e6264;	
	} 
	
    .foglia .foglia-cover a:hover .gallery_withmask,
    .foglia .foglia-gallery a:hover .gallery_withmask  { 
    	background: rgba(32, 188, 216, 0.9);			
	}    
    
    .foglia .foglia-gallery--small figure,
    .foglia .correlati_bigbottom figure .pic{        
        background: #fcf7f9;
    }	
			
	.container-breadcrumb-jsdisabled {  color: #666666;   }
	.container-breadcrumb-jsdisabled a { 
		color: #666666;  
		border-right: 1px solid #ebe5e6; 
	}

}
/*-- //fine paginatore articolo --*/

/*-- contenuto articolo --*/

.foglia .foglia-content,
.foglia .foglia-content h2,
.foglia .foglia-content h5,
.foglia .foglia-content h5:before,
.foglia .foglia-content h6 {	
	color: #000;   
}

.foglia .foglia-content .abstract {
    color: #333333;	
}

.foglia .foglia-content a,
.foglia .foglia-content h3 a { 
    color: #20bcd8;
}

.foglia .foglia-content h5,
.foglia .foglia-content h6 { 
	border-top: 1px solid #ebe5e6;
	border-bottom: 1px solid #ebe5e6;
}

.foglia .foglia-content h5:before { 
	font-style:italic;
}

.foglia .foglia-content blockquote { 	

	border-left: 2px solid #20bcd8;
	color: #412e33;	
}

/*-- gallery articolo --*/

.foglia .foglia-gallery figcaption { 	
	color: #87797b;	
}

.foglia .box_gallery_bottom h2,
.foglia .box_gallery_bottom h3 a:hover{  
    color: #20bcd8;   
}

.foglia .foglia-content ul li:before,
.foglia .foglia-content ol li:before {	
	color: #20bcd8;
}
 
/*-- sondaggio articolo --*/

.poll { 
	background: #fcf7f9;
}

.poll .poll-info { 	
	background: #20bcd8;
}

.poll .poll-info figure:before,
.poll ul li.jq-item-poll-answer span i,
.poll ul .jq-poll-answer + label.css-label:before { 
	color: #20bcd8; 	
}

/* stile meterbar per chrome - N.B non accorpare con hack successivo */
meter::-webkit-meter-optimum-value {
  background: #20bcd8;
}

/* stile meterbar per firefox - N.B non accorpare con hack precedente  */
meter::-moz-meter-bar { 
    background: #20bcd8;
}
    
.poll .jq-button.closed {
	color: #ccbcc0;
	border: 2px solid  #ebe5e6;		
}

/*-- correlati bottom articolo --*/

.foglia .correlati_bigbottom .foglia-boxtitle {
	border-top: 1px solid #20bcd8;  
    color: #20bcd8;
}

.foglia .correlati_bigbottom figure .pic {    
    background: #fcf7f9;   
}


/*-- box leggi il prossimo - sidebar articolo --*/
@media only screen and (min-width: 1024px){ 	 
	.box_next_article { 		
		background: #fcf7f9; 		
	}   
	
    .box_next_article h3,
    .box_next_article h3 a { 
        color: #20bcd8;
    }  	
	
}
/*-- //fine box leggi il prossimo - sidebar articolo --*/


/*------------------------------------*\
        $QUIZ 
\*------------------------------------*/

.single-quiz .quiz_info h2 {   
    color: #6e6264;       
}

/*-- header singola domanda --*/

.quiz-content .quiz-content-header {
    background: #20bcd8;   
}

.quiz-content .quiz-content-header:before {   
    color: #20bcd8;  
}

.quiz-pager .current-question {  
    border-color: #b4f1fc;   
}

.quiz-pager .total-questions {   
    color: #71e7fc;
}

.quiz-content .quiz-content-header ul li {  
    color: #ebe5e6;   
}

.quiz-content .quiz-content-header ul li a,
.quiz-content .quiz-content-header ul li a:after,
.quiz-content .quiz-content-header ul li:first-child a:before {   
    background: #ebe5e6; 
}

.quiz-content .quiz-content-header ul li a:hover,
.quiz-content .quiz-content-header ul li a:hover:after,
.quiz-content .quiz-content-header ul li a:hover:before,
progress.progress_bar_answered:before {
    background: #71e7fc;
}

/* IE10 */
progress {
    color: #71e7fc;
}
    
/* Firefox */
progress::-moz-progress-bar { 
    background: #71e7fc;    
}
    
/* Chrome */
progress::-webkit-progress-value {
    background: #71e7fc;
}
    
/* Polyfill */
progress[aria-valuenow]:before  {
    background: #71e7fc;
}

/*--contenuto singola domanda --*/

.question-content,
.result-content  {       
    background:#fcf7f9; 
}

.question-content ul li label.css-label:before {   
    color: #20bcd8;
}

/*-- risultati test --*/

.result-content {
    border: 2px solid #20bcd8;  
}

.result-content .alfabetic_profile,
.other_results  .alfabetic_profile {
    background: #20bcd8;     
    color: #fff;
}

.result-content .social-shareresult-quiz a:hover { 
    color: #20bcd8;
}

.other_results .other_profile { 
    border: 2px solid #ebe5e6;  
}

.other_results .alfabetic_profile {   
    background: #ebe5e6;
}

@media only screen and (max-width: 599px) {              
    .other_results .other_profile h4:before {       
        color: #c7afb5; 
    }	
}

/*-- correlati test --*/
    
.correlati_bigbottom h1.title4 {
	color: #20bcd8;  
}

@media only screen and (min-width: 600px) {  
	
	.correlati_bigbottom h1.title4 {
		border-top: 1px solid #20bcd8;   
	}
	
}

/*------------------------------------*\
    $LISTATO ARTICOLI
\*------------------------------------*/

.articolo-anteprima p span { 
	color: #20bcd8;	
}

.articolo-anteprima .autore {	
	color: #bfaeb3;			
}

.articolo-anteprima .autore a { 
	color: #624f51;	
}

.articolo-anteprima figure:hover .video {   		
	background: rgba( 32,188,216, 0.8); 		
}

/*-- speciali --*/

.testata-spc .testata-spc-label {
    background: #20bcd8; 
} 

.testata-spc .testata-spc-label:before { 
    color: #20bcd8;
}

.testata-spc.testata-spc-huggies .testata-spc-logo { 
    background: url("https://static.stbm.it/pianetamamma/images/speciali/logo_huggies-newborn.jpg") no-repeat scroll center center;       
    background-size: 100%;
}

.testata-spc.testata-spc-acquasermione .testata-spc-logo { 
    background: url("https://static.stbm.it/pianetamamma/images/speciali/logo-spc-acquasermione.jpg") no-repeat scroll center center;       
    background-size: 100%;
}

/* testatina speciali - versione NEW con link articoli */
.testata-spc-new .testata-spc-head .testata-spc-label:before {color: #20bcd8;}
.testata-spc-new .testata-spc-head .testata-spc-label {background: #20bcd8;}
.testata-spc-new .testata-spc-head h3{color: #20bcd8;}

.testata-spc-home p,
.testata-spc-home .logo-sponsor .logo-sponsor-text{
	color: #baa6ab;
}
.testata-spc-home a h1{
	color: #20bcd8;	
}

.testata-spc-new .testata-spc-links ul li.vedi-altri-link {
	background: url("https://static.stbm.it/pianetamamma/images/grafica/vedi-tutti-spc.jpg")	;
	transition: all 200ms ease-in 0s;
	-webkit-transition: all 200ms ease-in 0s;
	-moz-transition: all 200ms ease-in 0s;
	-ms-transition: all 200ms ease-in 0s;
}

.testata-spc-new .testata-spc-links ul li.vedi-altri-link a:after{
	content:"";
	display:block;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: rgba(32,188,216,0.8);
}
.testata-spc-new .testata-spc-links ul li.vedi-altri-link a:hover:after { 
	background: rgba(32,188,216,0.8);
}

.box-seo a{
    color: #20bcd8;
}

.box-seo .close,
.parziale .open{
    background: #20bcd8;
}
.box-seo .close:hover,
.parziale .open:hover{
    background: #1da7bf;
}

@media only screen and (min-width: 1024px){
    /* testatina speciali - personalizzata */
    .testata-spc-backtoschool {
        background: url("https://static.stbm.it/pianetamamma/images/speciali/testata-spcbacktoschool.jpg") no-repeat scroll 0 0; 
    }
    .testata-spc-halloween {
        background: url("https://static.stbm.it/pianetamamma/images/speciali/testata-spc-halloween.jpg") no-repeat scroll 0 0; 
    }
    
    .testata-spc.testata-spc-huggies  {
        background: url("https://static.stbm.it/pianetamamma/images/speciali/testatina-huggies.jpg") no-repeat scroll 0 0; 
    }
    
    .testata-spc.testata-spc-acquasermione  {
        background: url("https://static.stbm.it/pianetamamma/images/speciali/testatina_acqua_di_sermione.jpg") no-repeat scroll 0 0; 
    }
    
    .testata-spc-natale  {
        background: url("https://static.stbm.it/pianetamamma/images/speciali/testata-spc-natalepm.jpg") no-repeat scroll 0 0; 
    }
    
    .testata-spc-carnevale  {
        background: url("https://static.stbm.it/pianetamamma/images/speciali/testata-spccarnevale.jpg") no-repeat scroll 0 0; 
    }
    
    .testata-spc-pasqua  {
        background: url("https://static.stbm.it/pianetamamma/images/speciali/spc-pasqua.jpg") no-repeat scroll 0 0; 
    }
    
    .testata-spc-sanvalentino  {
        background: url("https://static.stbm.it/pianetamamma/images/speciali/testata-spc-sanvalentino.jpg") no-repeat scroll 0 0; 
    }
    
    .testata-spc-withlogo h1 { 
        text-indent: -9999px;
    }
}

/* testatina speciali - versione NEW con link articoli */

.testata-spc-new .testata-spc-head h1 {
    font-style: normal; 
    font-family: 'bree';
    color: #20bcd8;
}

.testata-spc-new .testata-spc-head .testata-spc-label:before {
    color: #20bcd8;
}

.testata-spc-new .testata-spc-head .testata-spc-label {
    background:#20bcd8;
}

.box-seo a{
    color: #20bcd8;
}


/*------------------------------------*\
    $ANTEPRIMA SPECIALI & SLIDER
\*------------------------------------*/
.slider-spc-home .arrow-right:after{
    background: #20bcd8;
}
.slider-spc-home,
.articolo-anteprima--spc{
    background: #fcf7f9;
} 

.slider-spc-home p,
.articolo-anteprima--spc p{
	color: #baa6ab;
}

.articolo-anteprima--spc .categoria{
	background: #baa6ab;
}
.articolo-anteprima--spc .categoria:before{
	color: #baa6ab; 
}

.articolo-anteprima--spc figure a:before{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,247,249,1) 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(65%,rgba(252,247,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,247,249,1) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,247,249,1) 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,247,249,1) 65%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(252,247,249,1) 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fcf7f9',GradientType=0 ); /* IE6-9 */
}
.articolo-anteprima--spc .arrow-right:after{
	background: #20bcd8;
}
.articolo-anteprima--spc h3 a{
	color: #624f51;
}
.articolo-anteprima--spc h3 a:hover{
	color: #20bcd8;
}

/*-- paginatore listati --*/

.pager span { 
    color:#666666; 	
}

.pager a { 	
	color: #c7afb5;	
}

.pager .selected {  
	background: #c7afb5;
}

.pager a:hover { 
	background: #fcf7f9; 
	border-color: #ebe5e6; 
}

.pager .arrow,
.pager .pager-btn { 
	background: #20bcd8 ;
	border-color: #20bcd8 ; 	
}

.pager .arrow:hover ,
.pager .pager-btn:hover { 
    background: #1da7bf ;
	border-color: #1da7bf ; 	
}

.pager--allarticle {
	border-bottom: 1px solid #ebe5e6;		
}

@media only screen and (min-width: 600px){     
			
       	
	.articolo-anteprima .adv-art-pp-lista { 
		background: url("https://static.stbm.it/Share/images/label_pubblicita.png") no-repeat scroll 20px 0; 
	}
	
	.author-header,
    .art-pp-lista--big,
    .pager--allarticle,
    .serp-results-info,
    .author_details .author-blogger,    
    .articolo-anteprima.art-pp-lista {	
		border-bottom: 1px solid #ebe5e6;	
	}    
}

/*-- profilo autore --*/

.author_details .author-blogger h2,
.author-social a:hover { 
	color: #20bcd8;
}

/*-- profilo blogger --*/

.title-lista {
    border-bottom: 1px solid #ebe5e6;
    padding:0 0 5px;
}

.author_details .author-blogger {
	display: none;
}

.author_details .author-blogger h2 { 
	font-style: italic;
	margin-bottom: 15px;	
	line-height: 1.5;	
}


/*------------------------------------*\
    $SERP
\*------------------------------------*/

.serp-results-info span,
.serp-results-info ul li.selected a { 
	color: #20bcd8; 	
}

.serp-results-info ul li a {
	color:  #624f51;	
}

.serp-results-info ul li.no-results-found em { 
	color: #c7afb5; 
}

.serp-results-info ul li b,
.serp-results-info ul li.selected div:before {
	background: #20bcd8;	
}

.serp-results-info ul li div:before {	
	background:  #624f51;	
}

.serp-results-info ul li.no-results-found div:before,
.serp-results-info ul li.no-results-found a:hover div:before,
.serp-results-info ul li.no-results-found b { 
    background: #c7afb5;  
}

.serp-results-info ul li a:hover div:before { 
    background: #20bcd8;
}



/*------------------------------------*\
    $FOTO GALLERY
\*------------------------------------*/

/*-- listato thumbs singola gallery  --*/
.content-singleGallerylist ul li figure a.singleGallerylist-img-link {     
    background: #fcf7f9;   
}

.content-singleGallerylist a.singleGallerylist-img-link:hover .singleGallerylist-img-mask {
    background: rgba(32, 188, 216, 0.9);   
}


/*------------------------------------*\
    BLOCCO SLIDER ** $GRAVIDANZA
\*------------------------------------*/

.blocco-slider--gravidanza h3 { margin: 0 !important;}
.blocco-slider .container  { padding-bottom: 20px;}

.blocco-slider--gravidanza,
.gravidanza-menu{
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    background-color:#ffffff;
}

.gravidanza-menu{
    padding: 0 30px;
}

.blocco-slider--gravidanza .jq-slider{
    display: none;
}

.gravidanza-menu menu{
    display: block;
    border-bottom: 1px solid #dcd2d5;
    width:90%;
    margin:0 auto;
}
.gravidanza-menu menu li{
    float: left;
    display: block;
    margin: 0 1% 30px;
    font-family: lora, Georgia, serif;
    width:100%;
}

.gravidanza-menu menu li > span {
    color: #20bcd8;
    font-size: 50px; 
    display: block;
    width: 30px;
    float: left;
    margin-right: 10px;
    line-height: 40px;
}


.gravidanza-menu menu li h2 {
    border-bottom: 1px solid #ebe5e6;
    padding-bottom:10px;
	display:block;
	overflow:hidden;
    color: #bfaeb3;
    font-size: 24px;
    margin-top: 5px
}

.gravidanza-menu menu li div {
}

.gravidanza-menu menu li a{
    position: relative;
    display: block;
    text-align: center;
	float:left;
	border-bottom: 3px solid #fff;
	font-size:12px;
    padding-top: 15px;
	margin-bottom:-4px;
	width:80px;
	height:158px;
}

.gravidanza-menu menu li a div{ position:absolute; bottom:0; display:block;}

.gravidanza-menu menu li a div img{
	width:100%;
	background-color:#20bcd8;
	display:block;
	margin:0 auto;

}
.gravidanza-menu menu li a div > span{
    display: block;
    text-align: center;
	color:#bfaeb3;
	height:40px;
	line-height:40px;
 }
 
.gravidanza-menu menu li div a.mese-1 img,
.gravidanza-menu menu li div a.mese-2 img,
.gravidanza-menu menu li div a.mese-3 img{
	 background-color:#a6e4ef;
	 } 

.gravidanza-menu menu li div a.mese-4 img,
.gravidanza-menu menu li div a.mese-5 img,
.gravidanza-menu menu li div a.mese-6 img{
	 background-color:#79d7e8;
	 } 
.gravidanza-menu menu li div a.mese-7 img,
.gravidanza-menu menu li div a.mese-8 img,
.gravidanza-menu menu li div a.mese-9 img{
	 background-color:#20bcd8;
	 }
	 
	
.gravidanza-menu menu li div a.mese-1 img{ width:60.6%;}
.gravidanza-menu menu li div a.mese-2 img{ width:64.9%;}
.gravidanza-menu menu li div a.mese-3 img{width:69.9%;}	
.gravidanza-menu menu li div a.mese-4 img{ width:74.9%;}
.gravidanza-menu menu li div a.mese-5 img{ width:80.2%;}
.gravidanza-menu menu li div a.mese-6 img{width:84.9%;}	
.gravidanza-menu menu li div a.mese-7 img{ width:89%;}
.gravidanza-menu menu li div a.mese-8 img{ width:94%;}
.gravidanza-menu menu li div a.mese-9 img{width:99.4%;}
 
.gravidanza-menu menu li div a.mese-2, .gravidanza-menu menu li div a.mese-5, .gravidanza-menu menu li div a.mese-8 { margin-left:10px;  margin-right:10px;}

.gravidanza-menu menu li div a:hover, .gravidanza-menu menu li div a.active{ border-bottom: 3px solid #f29eb1; font-size:21px;}
.gravidanza-menu menu li div a:hover img, .gravidanza-menu menu li div a.active img { background-color:#f29eb1;}

.blocco-slider--gravidanza article figure{
    display:block;
    text-align: center;
}
.blocco-slider--gravidanza article figure a:hover img{
    transition: .3s opacity ease-in-out;
}
.blocco-slider--gravidanza article figure a:hover img{
    opacity: .8;
    filter: alpha(opacity = 80);
}
.blocco-slider--gravidanza article h2{
    margin-bottom: 40px;
    font-size:35px;
}
.blocco-slider--gravidanza article h4{
    margin-bottom: 10px;
    color: #20bcd8;
    font-weight: bold;
    text-transform: uppercase;
}
.blocco-slider--gravidanza article p{
    font-size: 20px;
    color: #000;
}
.blocco-slider--gravidanza article p a{
    font-size: 14px;
    color: #20bcd8;
    font-weight: bold;   
}
.blocco-slider--gravidanza article p a:after{
    content: " »";
    color: #20bcd8;     
    font-size: 20px; 
}
.blocco-slider--gravidanza article p a span{
    text-transform: uppercase;
	overflow: hidden;   
}
.blocco-slider--gravidanza article p a:hover span{
    text-decoration: underline;      
}

.blocco-slider--gravidanza .arrow-left,
.blocco-slider--gravidanza .arrow-right{
    width: 60px;
    height: 70px;
    line-height: 70px;
    font-size: 40px;
    margin-top: -35px;
}
.blocco-slider--gravidanza .arrow-left{
    left: -50px;
    padding-left: 20px;    
}
.blocco-slider--gravidanza .arrow-right{
    right: -50px;
    padding-right: 20px;    
}



/*-- .blocco-slider--gravidanza per tablet e desktop --*/
@media only screen and (min-width: 600px) {
	
        .gravidanza-menu menu li{ width: 31%; float: left;}
        .gravidanza-menu menu li div a { width: 29%;}
	
    .blocco-slider--gravidanza, .gravidanza-menu{
        margin: 0 auto;
    }
    .blocco-slider--gravidanza .jq-slider{
        display: block;
    }
    .blocco-slider--gravidanza article{
        padding: 0 10% 0;
    }
    .blocco-slider--gravidanza article figure{
        float: left;
        width: 40%;
        margin-right: 5%;
    }
}/*-- //fine .blocco-slider--gravidanza per tablet e desktop --*/


/*-- .blocco-slider--gravidanza per desktop --*/
@media only screen and (min-width: 1025px) {  
    
    
    .gravidanza-menu menu{width: 100%;}
    
    .blocco-slider--gravidanza, .gravidanza-menu{
        width:1200px;
        margin: 0px auto;
    }
    
    .with-border .gravidanza-menu { margin-top:35px;}
    
	.gravidanza-menu menu li > span{
		height:139px;
		border-right:1px solid #ebe5e6;
		
	}
	
	.gravidanza-menu menu li h2 {
		border-bottom:none;
		padding-bottom:30px;
	}
    
	.gravidanza-menu menu li:first-child{
        width: 25%;
    }
    
	.gravidanza-menu menu li:last-child{
        width: 40%;
    }
    
	.gravidanza-menu menu li{
        width: 35%;
        margin: 0;
    }
	
    .gravidanza-menu menu li a { width: 24% !important;}
	
}/*-- //fine .blocco-slider--gravidanza per desktop --*/




/*------------------------------------*\
    $ECCEZIONI STRUTTURALI
\*------------------------------------*/

/*-- impostazioni dei link sul menu  --*/
.main-nav li a { margin:0 6px;}


/*-- logo e network header  --*/

.header-wrap {
    background:#f7fbfc;
}

@media only screen and (max-width: 1024px) {
    .header-wrap { 
        background: #20bcd8;
    }
}

.header .network-list .action-network{
      background:#f7fbfc;
}

.header .network-list {
    padding-left: 200px;
    width: 320px;
}
    
.header .network-list:before {
    left: 176px;
}

.slim-nav menu li {
    width:33%;
}

.footer-wrap .footer .logo-pd { width:145px;}

/*------------------------------------*\
    $ORION GALLERY
\*------------------------------------*/ 
.orionGalleryLevel header .logo{
    background: url("https://static.stbm.it/pianetamamma/images/grafica/logo-light.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 34px;
    width: 137px;
}

.orionGalleryLevel header,
.orionGalleryLevel header .chiudi{
    background: #20bcd8;
}
.foto-container .advCenter-wrapper .continua{
    color: #20bcd8;
}
.modale-foto-wrapper .sidebar-modale p a{
    color: #20bcd8;
    text-decoration: underline;
}
.modale-foto-wrapper .sidebar-modale p a:hover{
    text-decoration: none;
}

.foto-container .descrizione h4 a{
    color: #20bcd8;
}

/* link speciali gallery */
.modale-foto-wrapper .sidebar-modale p{
    color: #9e8189;
}

.jq-photoAbstractContainer h3{
    color: #9e8189;
}
.jq-photoAbstractContainer h3:before{
	border-color: #dbcfd3;
}

.modale-foto-wrapper .sidebar-modale .azioni a.guarda-tutte.open:hover:after,
.modale-foto-wrapper .sidebar-modale .azioni a:hover{
    background-color: #20bcd8;
    border-color: #20bcd8;
}
.modale-foto-wrapper .thumb-container .slimScrollBar{
    background-color:#20bcd8 !important;
}
.modale-foto-wrapper .foto-container .descrizione p a{
    color: #20bcd8;
}
.modale-foto-wrapper .foto-container .descrizione p a:hover{
    text-decoration: underline;
}

@media only screen and (min-width: 801px){
	.orionGalleryLevel header .logo{
		width: 174px;
		height: 44px;
		background: url("https://static.stbm.it/pianetamamma/images/grafica/pianeta-mamma-logo.png") no-repeat 0 0;
	}
	.orionGalleryLevel header{
        background: #f3eef0;
    }
	.modale-foto-wrapper .nav a:hover,
	.modale-foto-wrapper .sidebar-modale .azioni a:hover,
    .modale-foto-wrapper .sidebar-modale .azioni a.guarda-tutte.open:hover:after{
        background: #20bcd8;
    }
	.conteggio{
        background: rgba(32,188,216, 0.8);
    }
	 .modale-foto-wrapper .nav a{
        background: rgba(32,188,216, 0.8);
	}
}
@media only screen and (min-width: 1640px){ 
  .modale-foto-wrapper .nav a:after{
        background: #20bcd8;
	}
}
@media only screen and (max-width: 801px){
    .modale-foto-wrapper .thumb-box-open .sidebar-modale .azioni a{
        background: #20bcd8;
	}
	.modale-foto-wrapper .thumb-box-open .sidebar-modale .azioni a:after{
        background: #20bcd8;
    }
}

/*------------------------------------*\
    $INFO E CONTATTI
\*------------------------------------*/ 

.page-info a { 
    color: #20bcd8;
}
.page-info hr {
    border:1px solid #ebe5e6;
}
.page-info div.address {
    border:4px solid #ebe5e6;
}
.page-info div.address div {
    border-top: 1px solid #ebe5e6;
}
.page-info div.address b {
    color: #000;
}
.page-info ul li b {
    color:#20bcd8;
}

@media only screen and (min-width: 768px) {
    .page-info div.address div { 
      border-left: 1px solid #ebe5e6;  
      border-top: 0; 
    }  
}


/*------------------------------------*\
    $FORM BOX 
\*------------------------------------*/ 

.form-box .form-control,
.form-box .chosen-container-single .chosen-single  {   
    background: #fcf7f9;
    border: 1px solid #c7afb5;   
    color: #000;
}

.form-box .chosen-container .chosen-results li.highlighted,
.form-box .chosen-container .chosen-results li.no-results,
.form-box .chosen-container .chosen-drop { 
    background-color:#fcf7f9;
}

.form-box .radio label:before,
.form-box .checkbox label:before,
.form-box .form-group .required:after,
.form-box .chosen-container-single .chosen-default,
.form-box .chosen-container-single .chosen-single div b:before,
.form-box .chosen-container-active.chosen-with-drop .chosen-single div b:before {    
    color: #20bcd8;    
}

.contact_result a { 
    color: #20bcd8;    
}

/*  BOX ASIDE */
.box-aside article h1 a:hover{
    color: #20bcd8;
}

/*------------------------------------*\
    $OUTBRAIN 
\*------------------------------------*/
.OUTBRAIN .ob_strip_container .ob_org_header,
.OUTBRAIN .ob_strip_container .strip-rec-link-title:hover,
.OUTBRAIN .ob_source:before{
    color: #20bcd8; 
}
.OUTBRAIN .ob_source{
    background: #20bcd8;
}

.OUTBRAIN .ob_source:hover {    
    background: #1da7bf;
}

.OUTBRAIN .ob_source:hover:before {    
    color: #1da7bf;
}


/* lunghezza del feto */
.tool_clf{width:200px;background:#e4f5f8;float:left;margin:0 20px 20px 0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border:1px solid #20BCD8;}
.tool_clf form{display: block; width: 160px; padding-top: 10px; margin: 0px auto; height: 335px; overflow: hidden;}
.tool_clf .itext{clear:both;display:block;width:150px;height:auto; margin:10px auto;padding:5px; font-size:16px;color:#666;font-weight:bold;}
.tool_clf .ibutton{width:40px;height:30px;margin:3px 5px;background:#20BCD8; font-size:16px;color:#fff;border:none;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;cursor:pointer;}
.tool_clf .calc{border: none; cursor:pointer; display:block; height:25px; margin:10px auto 10px; width:85px;}
.tool_clf b{color:#444; font-size:12px;}
.tool_clf .btn{width:100%; margin:10px 0; display:block;}
.tool_clf label{float:left;margin:12px 0 0 5px;color:#444; }


/*------------------------------------*\
    $BACKGROUND LEADERBOARD TOP 
\*----------------------------------------*/
.adv-leaderboard-top{
    background-color: #000000;
}

/*------------------------------------*\
    $LEGGI-ANCHE-SPECIALE-NATALE-PM  
\*------------------------------------*/

.leggi-anche{
    color: #20bcd8;
}
.leggi-anche span{
    color: #000;
}
.leggi-anche h3 a{
	color: #20bcd8;
}

.leggi-anche h3 a:hover{
	color: #000;
}

/*------------------------------------*\
    $SITEMAP
\*------------------------------------*/  
.sitemap ul li a{
	color: #20bcd8;
}

/*------------------------------------*\
    $ADV VIDEO - NO FLOAT-LEFT  
\*------------------------------------*/

#eyeDivInject{ float:none !important;}




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

    #strip_adv{
        margin:0;
        padding:0;
        position:fixed;
        bottom:0;
        left:0;
        width:100%;        
        background:#f0f0f0;
        z-index:100001;
        overflow:hidden;
        -webkit-box-shadow: 0px -3px 3px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px -3px 3px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         0px -3px 3px 0px rgba(50, 50, 50, 0.75);          

        -webkit-transition: bottom 0.3s ease-in-out;
        -moz-transition: bottom 0.3s ease-in-out;
        transition: bottom 0.3s ease-in-out;        
    }

    #strip_adv.start{
        bottom:-90px;
        opacity: 0;
    }

    .adv-leaderboard-top {padding:0;}
}


/*------------------------------------*\
    $BOX OVETTO KINDER
\*------------------------------------*/
.kinder-box{
    position: relative;
    margin-bottom: 20px;
	border: 2px solid #20bcd8;
}
.kinder-box .categoria{
	top: -2px;
	left: -2px;
}

.kinder-box .descrizione{
	padding: 60px 21px 25px;
}
.kinder-box .descrizione h3{
	font-size: 21px;
	font-weight: bold;
	color: #524244;
}

.kinder-box .gioco{
	position: relative;
	padding: 50px 25px 35px;
	background: #f7fbfc;
	border-top: 1px solid #cceef5;
}

.kinder-box .gioco .logo-sponsor{
	position: absolute;
	top: 15px;
	right: 15px;
}

.kinder-box .gioco .logo-sponsor .logo-sponsor-text{
	position: relative;
	top: 0;
	font-size: 10px;
	text-transform: uppercase;
	color: #a5a9ab;
	display: inline-block;
	margin-right: 5px;
}

.kinder-box .gioco:before{
	content: "";
	float: left;
	display: block;
	width: 47px;
	height: 70px;
	margin-right: 20px;
	background: url('https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/kinder-ovetto.png');
	background-size: cover;
}

.kinder-box .gioco:before img{
	width: 100%;
}

.kinder-box .gioco h4,
.kinder-box .gioco span{
	font-weight: bold;
	color: #25aac6;
}
.kinder-box .gioco h4{
	font-size: 12px;
	text-transform: uppercase;
}
.kinder-box .gioco span{
	font-size: 28px;
}
.kinder-box .gioco p{
	margin: 0;
	font-size: 14px !important;
	color: #242424;
}
.kinder-box .gioco p span{
    text-decoration: underline;
    font-size: 14px;
  text-transform: none;
}
.kinder-box .gioco p span:hover{
    text-decoration: none;
}

@media only screen and (min-width: 601px){
	.kinder-box .descrizione{
		float: left;
		width: 50%;
		padding-right: 40px;
	}	
	.kinder-box .descrizione h3{
		font-size: 18px;
	}
	.kinder-box .gioco{
		float: right;
		width: 50%;
		padding: 35px 40px 35px;
		border-top: none;
		border-left: 1px solid #cceef5;
	}
	.kinder-box .gioco:before{
		content: "";
		float: none;
		position: absolute;
		left: 0;
		top: 30px;
		width: 56px;
		height: 80px;
		margin-right: none;
		margin-left: -30px;
	}
	.kinder-box .gioco .logo-sponsor{
		top: 4px;
		right: 8px;
	}
}

@media only screen and (min-width: 1280px){
	.kinder-box .descrizione h3{
		font-size: 23px;
	}
   .skinActive .kinder-box .descrizione h3{
		font-size: 20px;
   }
	.kinder-box .gioco{
		padding-left: 70px;
	}
}

/*-- gioca --*/
.kinder-box--gioca .gioco p,
.kinder-box--gioca .descrizione p{
	display: none;
}
.kinder-box--gioca .descrizione p{
	color: #524045;
}
.kinder-box--gioca .gioco{
	padding: 20px 10px 50px;
	text-align: center;
}

.kinder-box--gioca .gioco:before{
	display: none;
}

.kinder-box--gioca .gioco .logo-sponsor{
	right: inherit;
	top: inherit;
	bottom: 5px;
	left: 0;
	width: 100%;
	text-align: center;
}

.kinder-box--gioca .gioco .logo-sponsor .logo-sponsor-text{
	top: -5px;
}

.kinder-box--gioca .logo-sponsor .logo-sponsor-img{
	display: inline-block;
	width: 40px;
	height: 27px;
}

.kinder-box--gioca .gioco h4{
	margin-bottom: 5px;
}

.kinder-box--gioca .gioco span{
	display: block;
	margin-bottom: 12px;
	font-size: 28px;
	line-height: 1;
	text-transform: uppercase;
}

.kinder-box--gioca .gioco .gioca-btn{
	display: block;
	width: 100%;
	height: 42px;
	line-height: 40px;
	margin-bottom: 5px;
	background: #f04832;
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.kinder-box--gioca .gioco .gioca-btn:after{
	content: " »";
	font-size: 22px;
	font-family: lora,Georgia,serif;
}
.kinder-box--gioca .gioco .gioca-btn:hover{
    background: #e2412b;
}

@media only screen and (min-width: 601px){
	.kinder-box--gioca .descrizione h3{
		margin-bottom: 10px;
	}
	.kinder-box--gioca .descrizione p{
		display: inline;
		font-size: 15px;
	}
	.kinder-box--gioca .gioco .logo-sponsor{
		right: 10px;
		top: 10px;
		bottom: inherit;
		left: inherit;
		width: 100%;
		text-align: right;
	}
	.kinder-box--gioca .gioco{
		padding: 50px 30px 40px 60px;
		text-align: left;
	}
	.kinder-box--gioca .gioco01:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/01-velocimita.png");}
	.kinder-box--gioca .gioco02:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/02-matite.png");}
	.kinder-box--gioca .gioco03:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/03-serpentone.png");}
	.kinder-box--gioca .gioco04:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/04-pinguini.png");}
	.kinder-box--gioca .gioco05:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/05-morse.png");}
	.kinder-box--gioca .gioco06:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/06-tesoro.png");}
	.kinder-box--gioca .gioco07:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/07-cantastorie.png");}
	.kinder-box--gioca .gioco08:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/08-specchio.png");}
	.kinder-box--gioca .gioco09:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/09-bomba.png");}
	.kinder-box--gioca .gioco10:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/10-formula1.png");}
	.kinder-box--gioca .gioco11:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/11-boyscout.png");}
	.kinder-box--gioca .gioco12:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/12-cacciatore.png");}
	.kinder-box--gioca .gioco13:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/13-duello.png");}
	.kinder-box--gioca .gioco14:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/14-falco.png");}
	.kinder-box--gioca .gioco15:before{background: url("https://static.stbm.it/pianetamamma/images/speciali/kinder-ovetto/15-indovino.png");}
	
	.kinder-box--gioca .gioco:before{
		display: block;
		top: 50px;
		width: 90px;
		height: 90px;
		margin-left: -45px;
		background-size: cover;
	}

	.kinder-box--gioca .gioco span{
		font-size: 22px;
		margin-bottom: 10px;
	}
	.kinder-box--gioca .gioco p{
		display: block;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.kinder-box--gioca .gioco .gioca-btn{
		display: inline-block;
		width: auto;
		height: 43px;
		line-height: 40px;
		padding: 0 20px;
		margin-bottom: 5px;
		background: #f04832;
		color: #fff;
		font-size: 15px;
	}
    .listato .kinder-box{
        margin-top: -41px;
        margin-bottom: 50px;
    }
}
@media only screen and (min-width: 1280px){
	.kinder-box--gioca .descrizione{
		padding-right: 40px;
	}
	.kinder-box--gioca .descrizione p{
		font-size: 18px;
	}
	.kinder-box--gioca .gioco:before{
		width: 112px;
		height: 112px;
		margin-left: -56px;
	}
	.kinder-box--gioca .gioco span{
		font-size: 24px;
	}	
	.kinder-box--gioca .gioco .gioca-btn{
		padding: 0 35px;
	}
}


/*------------------------------------*\
    $BOX OVETTO KINDER LIGHT
\*------------------------------------*/
.kinder-box-light{
    position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid #20bcd8;
	font-family: lato,arial,sans-serif;
	text-decoration: none !important;
}

.kinder-box-light .sponsor{
	border-right: 1px solid #d8d8d8;
	text-align: center;
	float: left;
	height: 78px;
	padding-top: 8px;
	padding-right: 10px;
	margin-right:10px;
} 
.kinder-box-light .sponsor img{
	width: 80px;
	height: 45px;
} 
.kinder-box-light .sponsor span{
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #a5a9ab;
}

.kinder-box-light .testo{
  position: relative;
	float: left;
  	width: calc(100% - 102px);
  	height: 70px;
 }

.kinder-box-light .testo h3{
	color: #000;
	font-size: 16px !important;
	margin: 0 !important;
}
.kinder-box-light .testo .gioca{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}  

.kinder-box-light .testo .gioca:after{
	content: " »";
    font-family: lora,Georgia,serif;
    font-size: 18px;	
}

.kinder-box-light .icon-next{
	display: none;
	position: absolute;
	top: 10px;
	right: 15px;
	width: 30px;
	height: 70px;
	line-height: 70px;
	background: #20bcd8;
	color: #fff;
	font-size: 36px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
    
.kinder-box-light .icon-next:before{
	position: relative;
	left: -2px;
}

@media only screen and (min-width: 400px){
	.kinder-box-light .testo h3{
		font-size: 20px !important;
	}
}

@media only screen and (min-width: 601px){
	.kinder-box-light{
		padding-bottom: 10px;
	}
	.kinder-box-light .sponsor{
		width: auto;
		height: 85px;
		padding-top: 0;
		padding-right: 20px;
		margin-right: 20px;
		border-top: none;
	}

	.kinder-box-light .sponsor img{
		width: 107px;
		height: 60px;
	}
	.kinder-box-light .testo{
		height: 85px;
		width: calc(100% - 148px);
		padding-right: 40px;
	}

	.kinder-box-light .testo .gioca{
		display:block;
		position: absolute;
		left:0;
		bottom: 0;
		height: 24px;
		line-height:22px;
		padding: 0 10px;
		border: 1px solid #20bcd8;
		color: #20bcd8;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none !important;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;

	}
	.kinder-box-light .testo .gioca:after{
		display: none;
	}
	.kinder-box-light:hover .testo .gioca{
		background: #20bcd8;
		color: #fff;
	}
	.kinder-box-light .testo h3{
		font-size: 24px !important;
	}
	.kinder-box-light .icon-next{
		display: block;
		height: 85px;
		line-height: 85px;		
	}
}
@media only screen and (min-width: 1025px){
	.kinder-box-light{
		margin: 0 -30px 30px -40px;
	}
	.kinder-box-light .testo h3{
		font-size: 28px !important;
		line-height: .9;
	}
}



@media only screen and (max-width: 600px){ 
  #newstand{
    text-align:center;
    background: #fff;
    }
}