/*style less charset="UTF-8"*/
@import url('mixin.less');
@import url('variables.less');
@import url('header.less');
@import url('general.less');
@import url('footer.less');

.articles_summer .content_box {
    h1{
        font-family: 'Verdana', arial, helvetica, sans-serif;
        font-size: 22px!important;
        font-weight: bold;
        padding-top: 20px!important; 
	   }
    }


#fantasy_content{
	background-color: #fff;
    background: @text_block5_bg;
    .block_separator_mixin(rgba(225, 225, 225, 0), #fff, 0, none, 0, -100px); 
    .bg_fantasy{
        background: @text_block1_bg;
		.bg(100%, 100%, -1)
    }
	
    
    /*styles for bg with parallax balloon one*/
    
    /*styles for frst block*/
    .story{
		z-index: 0;/*self styles*/
     }   
    /*styles for left menu block*/
	.menu_box{
		.set_float(right);
        width: 320px;/*self styles*/
		position: relative;
		padding: 20px 0 0 0;
		z-index: 1;
        /*styles for online button*/
		.online_button{
			.button_mixin();/*styles for online button without changing options*/
            /*styles for online button left icon*/
			&:before{
				background-position: -1046px -350px; /*position on sprite*/
				.sprite_icon(60px, 60px, -14px, 263px); /*mixin width height top and right options export*/
			}
		} 
        /*styles for all prices button*/
		.all_prices_button{
			.button_mixin('Все цены', #98c304, #86ab04, #ffffff); /*styles for all prices button set content,gragient and font color options*/
			/*styles for all prices button left icon*/
			&:before{
				background-position: -917px -289px;/*position on sprite*/
				.sprite_icon(62px, 53px, -3px, 263px); /*mixin width height top and right options export*/
			}
		}
		/*styles for main camps menu*/
        .camps_menu{
			.width_position; /*with and position export*/
			.camps_menu_mixin(#ffeb47, 20px 30px 20px 85px, 26px, 210px); /*mixin bg_color, padding for li, top and right position options settings */
            /*styles for second level heading inside camps menu*/
			h2{
				.camps_menu_h2(16pt, #f99e05, 10px 10px 10px 70px);/*mixin font size, font color and padding options settings */
				/*image before h2*/
                &:before{
					background-position: -1030px -417px;/*position on sprite*/
					.sprite_icon(77px, 77px, -20px, 226px);/*mixin width height top and right options export*/
				}
			}
		}
        /*styles for kids menu*/
		.for_kids_block{
			.width_position;/*with and position export*/
			.camps_menu_mixin(#87bcf2); /*mixin bg_color settings and other options export */
            /*styles for second level heading inside kids menu*/
			h2{
				.camps_menu_h2(#f99e05); /*mixin font color settings and other options export*/
				/*image before h2*/
                &:before{
					background-position: -917px -224px;/*position on sprite*/
					.sprite_icon(58px, 50px, -3px, 239px);/*mixin width height top and right options export*/
				}
			}
			/*set bulgaria flag*/
            .bulgaria_flag{
				/*image before li*/
                &:before{
					background-position: -760px -350px;/*position on sprite*/
					.sprite_icon(37px, 37px, 7px, 250px);/*mixin width height top and right options export*/
				}
			}
            /*set montenegro flag*/
			.montenegro_flag{
				/*image before li*/
                &:before{
					background-position: -806px -350px;/*position on sprite*/
					.sprite_icon(37px, 37px, 7px, 250px);/*mixin width height top and right options export*/
				}
			}
		}
        /*styles for english learners menu*/
		.for_english_learners{
			.width_position;/*with and position export*/
			.camps_menu_mixin(#87a3f2,10px 0px 10px 40px, 13px, 265px);/*mixin bg_color, padding for li, top and right position options settings */
			/*styles for second level heading inside english learners menu*/
            h2{
				.camps_menu_h2(12pt, #2e7c9f,10px 5px 5px 50px);/*mixin font size, font color and padding options settings */
				/*image before h2*/
                &:before{
					background-position: -979px -274px;/*position on sprite*/
					.sprite_icon(68px, 75px, -17px, 234px);/*mixin width height top and right options export*/
				}
			}
		}
        
		.articles_block{
			.width_position;/*with and position export*/
			.camps_menu_mixin(#a295ef,10px 0px 10px 40px, 10px, 265px);/*mixin bg_color, padding for li, top and right position options settings */
			/*styles for second level heading inside english learners menu*/
            h2{
				.camps_menu_h2(12pt, #d8293d,10px 5px 5px 50px);/*mixin font size, font color and padding options settings */
				/*image before h2*/
                &:before{
				    content: '';
					background-image: url(http://bbplus.travel/_mod_files/ce_images/country_img/camps/children_camps/design_page/read.png);
					background-repeat: no-repeat;
					width: 68px;
					height: 75px;
					z-index: 200;
					top: -17px;
					right: 234px;
					position: absolute;
				}
			}
		}
		
        .other_camps{
			.width_position;/*with and position export*/
			
            .camps_menu_mixin(#fff,10px 0px 10px 40px, 13px, 265px);
            a{
                color: #d82838;
                /*style for left arrow icon*/    
				&:before{
					background-position: -1020px -37px;/*position on sprite*/
					.sprite_icon(12px, 12px, 14px, 92%);/*mixin width height top and right options settings*/
				}
                /*style for a on hover*/
				&:hover{
					color: #a60615;
					/*style for left arrow icon on hover*/
                    &:before{
						background-position: -1032px -37px;/*position on sprite*/
					}
				}
            }
            /*mixin bg_color, padding for li, top and right position options settings */
			/*styles for second level heading inside english learners menu*/
            h2{
				.camps_menu_h2(12pt, #dd293e,10px 5px 5px 70px);/*mixin font size, font color and padding options settings */
				margin: 0;
                cursor: pointer;
                /*image before h2*/
                &:before{
					background-position: -975px -222px;/*position on sprite*/
					.sprite_icon(74px, 53px, -5px, 225px);/*mixin width height top and right options export*/
				}
                span{
                    font-size: 12pt;
                    margin-left: 10px;
                    display: inline-block;
                    position: relative;
					top: 0;
                }
                .active{
					.transition; /*mixin transition options export*/
					.transform_rotate(-180deg); /*mixin rotation options settings*/
				}
                &:hover{
					/*changing active span element*/
                    .active{
		    			.transition;/*mixin transition options export*/
		    			top: -2px;/*self styles*/
					}
				}			
                /*h2 settings on hover*/
				&:hover{
					/*changing span element*/
                    span{
		    			.transition;/*mixin transition options export*/
		    			top: 2px;/*self styles*/
					}
				}
                
			}
		}
        .bonuses_button{
            .button_mixin('бонусы', #98c304, #86ab04, #ffffff); /*styles for all prices button set content,gragient and font color options*/
            a{
                padding-bottom:32px;
                &:before{
        			left: 100px;
        		}
            }
			/*styles for all prices button left icon*/
			&:before{
				background-position: -1109px -417px;/*position on sprite*/
				.sprite_icon(61px, 61px, -7px, 230px); /*mixin width height top and right options export*/
			}
        }
        .archive_button{
            .button_mixin('архивы'); /*styles for all prices button set content,gragient and font color options*/
            a{
                padding-bottom:32px;
                &:before{
        			left: 100px;
        		}
            }
			/*styles for all prices button left icon*/
			&:before{
				background-position: -1049px -222px;/*position on sprite*/
				.sprite_icon(48px, 46px, -5px, 246px); /*mixin width height top and right options export*/
			}
        }
        
        .business_festivals, 
        .kids_festivals{
             position:relative;
             a{
                display:block;
                font-family: @jasper_font;/*self styles*/
                padding-left: 80px;
                line-height: 20px;
             }   
        }
        
        .business_festivals{
            margin:30px 0;
            a{
                color:#0b6991;
                &:before{
    				background-position: -748px -570px;/*position on sprite*/
    				.sprite_icon(77px, 54px, 4px, 246px); /*mixin width height top and right options export*/
			    }
            }
        }
        .kids_festivals{
            margin:15px 0;
            a{
                color:#d8293d;
                span{
                    color:#f89404;    
                }
                &:before{
    				background-position: -748px -494px;/*position on sprite*/
    				.sprite_icon(74px, 76px, -5px, 246px); /*mixin width height top and right options export*/
			    }
            }
        }
	} 
    
    /*right_box styles*/
	.content_box{
		.set_float(left);/*mixin float*/
        width: 660px;/*self styles*/
		position: relative;
		padding: 20px 0 0 0;
        p{
            color:#143b54;
            font-size: 11pt;
            margin:10px 0;
            line-height: 1.2em;
            a{
                color:#024497;
                position: relative;
                &:hover{
                  color:#0071FF;
                }
            }
            .photo_link{
                 &:before{
                    background-position: -664px -634px;/*position on sprite*/
        		    .sprite_icon(16px, 13px, 2px, 350px);
                 }
            }  
        }
        h1{
            color:#ff5d0e;
            position: absolute;
            top: 73px;
            font-size: 30px;
        }
        h2{
            color:#ff5d0e;
            padding: 10px 0;    
        }
        h3{
            color:#143b54;
            font-family:@verdana_font;
            font-size: 14pt;
            font-weight: bold; 
            padding: 10px 0;   
        }
        article{
            p{
                font-size: 10pt;
            }
        }
        .art_1{
            background-color: #faf649;
            padding: 0 20px 20px 20px;
            border-radius: 10px;
            position: relative;
            &:before{
                background-position: -514px -494px;/*position on sprite*/
				.sprite_icon(234px, 140px, -60px, 4px);
            }
        }
        .art_2{
            background-image: @art_2_bg;
            background-repeat: no-repeat;
            p{
               padding: 20px 200px 93px 40px;
               font-size: 11pt; 
               line-height: 16px;
            }
            
        }
        .social_block{
            width: 660px;
            height: 96px;
            background: @social_bg;
            position: relative;
            span{
                font-size: 14pt;
                font-weight: bold;
                color: #5c5c5c;
                display: inline-block;
                margin: 38px 20px;
                float: left;
            }
           a{
                display: inline-block;
                position: relative;
                background-image:@sprite_icon;
                width: 47px;
                height: 71px;
                margin: 20px 14px;
                &:hover{
				    .transition;/*mixin transition options export*/
		    		top: -2px;/*self styles*/
				}
           } 
           .social_vk{
                background-position: -339px -686px;/*position on sprite*/
			}
           .social_lj{
                background-position: -388px -686px;/*position on sprite*/
		   }
           .social_fb{
                background-position: -435px -686px;/*position on sprite*/
			}
           .social_tw{
                background-position: -482px -686px;/*position on sprite*/
           }
           
        }
        .all_teachers {
            a{
                display: block;
                overflow: hidden;
                margin: 25px 0;
                span{
                    font-weight: bold;
                }
            }
            img{
                    float:left;
                    margin-right: 10px;
                    border-width: 5px;
                    border-style: solid;
                }
            .read_more_btn{
                    .button_mixin('подробнее', #98c304, #86ab04, #ffffff);
                        width: 160px;
                        display: inline-block;
                        float: right;
                        margin: 10px;
                        a{
                            padding:0;
                            margin: 18px 0;
                            &:before{
                    			left: 18px;
                                top:10px;
                                font-size: 11pt;
                                
                    		} 
                        } 
            }
        }
        .shifts{
            width: 600px;
            h3{
                font-size:14px;
                background-image: @label1_bg1;
				background-repeat:no-repeat;
                padding-bottom: 5px;
                padding-left: 26px;
                color: #fff;
            }
            .shift_content{
              background:@photo_shift_body;
              position: relative; 
              margin: 50px 0 78px 0;
			  img{
				z-index:2;
				max-width: 570px;
				position: absolute;
				padding-left: 10px;
			  }
              p{
                 padding: 0 30px;
				 z-index:3;
              }
              &:before{
                    background:@photo_shift_top;
                    content: '';
                    position: absolute;
                    width: 600px;
                    height: 50px;
                    top: -50px;
					z-index:1;
    				
                }
              &:after{
                    background:@photo_shift_bottom;
                    content: '';
                    position: absolute;
                    width: 600px;
                    height: 78px;
                    bottom: -78px;
    				z-index:1;
                }      
            }
        }
		.week_1{
			h3{
				background-position:7px 3px;
			}
		}
		.week_2{
			h3{
				background-position:7px -28px;
			}
		}
		.week_3{
			h3{
				background-position:7px -59px;
			}
		}
		.week_4{
			h3{
				background-position:7px -90px;
			}
		}
		.week_5{
			h3{
				background-position:7px -121px;
			}
		}
		.week_6{
			h3{
				background-position:7px -152px;
			}
		}
		.week_7{
			h3{
				background-position:7px -183px;
			}
		}
 
 
        .bottom_navigation{
            /*margin-top: 155px;*/
            margin-top: 200px;
            a{
                &:hover{
                    color:#ff0000;    
                }
            }
            .to_top{
                font-family:@jasper_font;
                position: relative;
                color:#ff0000;
                &:before{
                    background-position: -296px -686px;/*position on sprite*/
    			}    
            }
            #up.scrolled{
               opacity:1;
            }
			#up:before{
				background-position: -296px -686px;
				content: '';
				background-image: url(http://bbplus.travel/_mod_files/ce_images/country_img/camps/children_camps/design_page/sprite.png);
				background-repeat: no-repeat;
				width: 45px;
				height: 93px;
				z-index: 200;
				top: -100px;
				right: 0;
				position: absolute;
			}
            .next_article{
                font-family:@jasper_font;
                position: relative;
                color:#fa4f1b;
                float:right;
                &:before{
                    background-position: -149px -686px;/*position on sprite*/
    				.sprite_icon(147px, 93px, -100px, 4px);
                }    
            }
            .prev_article{
                font-family:@jasper_font;
                position: relative;
                color:#fa4f1b;
                float:left;
                &:before{
                    background-position: -2px -686px;/*position on sprite*/
    				.sprite_icon(147px, 93px, -100px, -40px);
                }
            }
        }
        .camp_place{
            float:left;
            width: 337px;
            height: 63px;
            position: relative;
            background-image: @sprite_icon;
	        background-repeat: no-repeat;
            background-position: -825px -622px;
            margin-top: 66px;
            span{
                color: #e7300c;
                font-weight: bold;
                font-size: 16px;
                padding: 35px 0 0 10px;
                display: block;
            }
                
        }
        .camp_desc{
            float:right;
            width: 238px;
            height:129px;
            text-align: center;
            background-image:@sprite_icon;
	        background-repeat: no-repeat;
            background-position: -957px -493px;
            span{
                padding: 42px 31px;
                display: block;
                color: #386b0a;
            }  
        }
        .spetc_title{
            color:#fa4f1b;
            font-weight: bold;
            font-size: 18px;
        }
        .spetc_list{
            margin:20px 0;
            li{
                display:inline-block;
                width: 127px;
                height: 121px;
                background-image:@sprite_icon;
                background-repeat: no-repeat;
                margin-right:44px;
                text-align: center;
                a{
                  font-weight:bold;
                  font-style: italic;
                  color: #337904;
                  display:block;
                  padding-top: 42px;
                  font-size: 16px;
                  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
                }
                &:last-child{
                    margin-right:0;
                }
            }
            .oel_spetc{
              background-position: -387px -494px;
              a{
                color:#A80700;
              }
            }
            .you_spetc{
                background-position: -260px -494px;
            }
            .mod_spetc{
                background-position: -130px -494px;
                a{
                    color:#230505;
                }     
            }
            .kid_spetc{
                background-position: -1px -494px;
                a{
                    color:#CA1F18;
                }     
            }
        } 
        
	}
}

/*---------------------end of top content--------------------------*/

/*--------------------------photo-menu-----------------------------*/

#navigation-panel {
	overflow:visible;
	position:relative;
    margin-bottom: 60px;
    .menu {
        width:660px;
        position:relative;
        height:52px;
        z-index:10000;
        ul{
            width:660px;
            .mainy{
                float:left;
                position:relative;
                width:132px;
                height: 52px;
                background-image: @sprite_icon;
                background-repeat: no-repeat;
                background-position: -825px -493px;
                ul{
                    visibility:hidden;
                    position:absolute;
                    left:0;
                    top:52px;
                    width:264px;
                    background-color: #ff9200;
                    -webkit-border-bottom-right-radius: 20px;
                    -webkit-border-bottom-left-radius: 20px;
                    -moz-border-radius-bottomright: 20px;
                    -moz-border-radius-bottomleft: 20px;
                    border-bottom-right-radius: 20px;
                    border-bottom-left-radius: 20px;
                    li{
                        a, a:visited{
                            font-size: 13px;
                            font-weight: bold;
                            height: auto;
                            line-height: 15px;
                            padding: 6px 5px 12px 38px;
                            margin-top: 0;
                            text-align: left;
                            &:before{
                    			background-position: -1020px -10px;
                    			.sprite_icon(13px, 13px, 20%, 100%);
                    			left: 20px;
                    		}
                            &:hover{
                                color:#fff;
                                text-decoration:none;
                                &:before{
                    				background-position: -1018px -10px;
                    			}
                            }
                        }
                    }
                    &:hover > a{
                        color:#fff;
                        text-decoration:none;    
                    }
                    
                }
                * html ul{
                    top:35px;     
                }
                a, a:visited{
                    display: block;
                    position: relative;
                    text-align: center;
                    text-decoration:none !important;
                    color:#fff;
                    font-weight:bold;
                    font-size:16px;
                    margin-top: 17px;
                    z-index: 300;
                }
            }
            .last{
                margin:0;
                width:132px;
            }
        }
        a{
            &:hover{
                color:#fff;
                text-decoration:none;
                a{
                    color:#fff;
                    text-decoration:none;
                }    
            }
        }
     }
    .menu_hovers{
        &:before{
    		background-position: -825px -547px;/*position on sprite*/
    		.sprite_icon(132px, 52px, -51px, 132px); /*mixin width height top and right options export*/
	   }
    }
    .last .menu_hovers{
        &:before{
			background-position: -825px -547px;/*position on sprite*/
			.sprite_icon(132px, 52px, -51px, 0); /*mixin width height top and right options export*/
		}
    }
    
    #main-image-box {
    	margin:0;
    	width:660px;
    	height:330px;
    	position:relative;
    	margin-bottom:20px;
    	z-index:1;
        .clip{
            width:660px;
    		height:330px;
    		position:absolute;
    		top:0;
    		left:0;
    		display:block;
        }
        .facets:hover {
            clip:rect(0px 660px 330px 0px) !important;
            z-index:10 !important;
    	}
       
        #about{
            .photo_menu_img();
        }
        #whatwedo{
            .photo_menu_img(@photo_menu_image2,0px 264px 330px 132px);
        }
        #spetc{
            .photo_menu_img(@photo_menu_image3,0px 396px 330px 264px);
        }
        #history{
            .photo_menu_img(@photo_menu_image4,0px 528px 330px 396px);
        }
        #prices{
            .photo_menu_img(@photo_menu_image5,0px 660px 330px 528px);
        }
    }
    &:after{
        background-position: -2px -634px;/*position on sprite*/
		.sprite_icon(660px, 35px, 382px, 0); /*mixin width height top and right options export*/    
    }
    
}