@charset "utf-8";
/* CSS Document */


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



#ctrl_panel2 { 
        display:block!important;
		position:fixed; 
		right:-226px; 
		top:0px;
		width:388px;
		z-index:20;
		opacity: 0; 
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);		
	}
	
.ctrl_panel {display:none!important;}
		
#ctrl_panel2 .color_picker_block {
		display:block!important;
	}


#ctrl_panel2 .ico_color_picker a {
		background: url("../img/logo-olenka-horizontal.png") no-repeat scroll 0 0 transparent !important;
		display: block;
		height: 30px!important;
		width: 162px;
    }
	
#ctrl_panel2 .color_picker_block {
		height: 30px;
		margin-bottom: 2px;
		position: absolute;
		left: 0;
	}


#ctrl_panel2 .color_picker_block {top: 164px;}

#ctrl_panel2 .ico_color_picker {
		display: block;
		width: 162px;
		height: 30px !important;;
		position: absolute;
		left: 0 ;
		top: 0;
	}
	
	
.ctrl_panel .social_block,
.ctrl_panel .contact_form_block {
        display:none!important;
    }
	
	
	
/*Block content*/

.block_content { 
	overflow:hidden; 
	padding:0 0 0 164px; 
	width:224px
}
.color_picker { 
	background:#ffffff; 
	background-color:rgba(255, 255, 255, 0.9); 
	height:162px;
	overflow:hidden;
}
.color_picker_block #color { 
	position:absolute;
	top:-50px;
}
		
}

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



#ctrl_panel2 { 
        display:none!important;
		position:fixed; 
		right:-226px; 
		top:0px;
		width:388px;
		z-index:20;
		opacity: 0; 
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);		
	}
	
.ctrl_panel {display:none!important;}
		
#ctrl_panel2 .color_picker_block {
		display:none!important;
	}


#ctrl_panel2 .ico_color_picker a {
		background: url("../img/logo-olenka-horizontal.png") no-repeat scroll 0 0 transparent !important;
		display: none;
		height: 30px!important;
		width: 162px;
    }
	
#ctrl_panel2 .color_picker_block {
		height: 30px;
		margin-bottom: 2px;
		position: absolute;
		left: 0;
	}


#ctrl_panel2 .color_picker_block {top: 164px;}

#ctrl_panel2 .ico_color_picker {
		display: block;
		width: 162px;
		height: 30px !important;;
		position: absolute;
		left: 0 ;
		top: 0;
	}
	
	
.ctrl_panel .social_block,
.ctrl_panel .contact_form_block {
        display:none!important;
    }
	
	
	
/*Block content*/

.block_content { 
	overflow:hidden; 
	padding:0 0 0 164px; 
	width:224px
}
.color_picker { 
	background:#ffffff; 
	background-color:rgba(255, 255, 255, 0.9); 
	height:162px;
	overflow:hidden;
}
.color_picker_block #color { 
	position:absolute;
	top:-50px;
}
}

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

#ctrl_panel2 { 
        display:none!important;
		position:fixed; 
		right:-226px; 
		top:0px;
		width:388px;
		z-index:20;
		opacity: 0; 
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);		
	}
	
.ctrl_panel {display:none!important;}
		
#ctrl_panel2 .color_picker_block {
		display:none!important;
	}


#ctrl_panel2 .ico_color_picker a {
		background: url("../img/logo-olenka-horizontal.png") no-repeat scroll 0 0 transparent !important;
		display: none;
		height: 30px!important;
		width: 162px;
    }
	
#ctrl_panel2 .color_picker_block {
		height: 30px;
		margin-bottom: 2px;
		position: absolute;
		left: 0;
	}


#ctrl_panel2 .color_picker_block {top: 164px;}

#ctrl_panel2 .ico_color_picker {
		display: block;
		width: 162px;
		height: 30px !important;;
		position: absolute;
		left: 0 ;
		top: 0;
	}
	
	
.ctrl_panel .social_block,
.ctrl_panel .contact_form_block {
        display:none!important;
    }
	
	
	
/*Block content*/

.block_content { 
	overflow:hidden; 
	padding:0 0 0 164px; 
	width:224px
}
.color_picker { 
	background:#ffffff; 
	background-color:rgba(255, 255, 255, 0.9); 
	height:162px;
	overflow:hidden;
}
.color_picker_block #color { 
	position:absolute;
	top:-50px;
}