/**Wera styles
*/
@charset "utf-8";

@font-face {
    font-family: 'w_sans';
    src: /* url('fnt/pfdintextcondpro-light-webfont.ttf') format('truetype'),*/
		 url('fnt/pfdintextcondpro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'w_sans';
    src: /* url('fnt/pfdintextcondpro-regular-webfont.woff') format('truetype'), */
		 url('fnt/pfdintextcondpro-regular-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}



body {
	font: 100%/1.4 w_sans, Verdana, Arial, Helvetica, sans-serif;
	background:none;/*#000000 url(images/body_back_1.jpg) top center repeat-y;*/
	min-width:300px;
	text-align:center;
}

.clb {
	clear:both;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

a { text-decoration:none; color:black; }
a:hover, a:active, a:focus, a:link { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none; color:black; 
}


/* ================================ COMMON STYLES ================================== */

p { font-size:22px;  margin:6px 0; padding:0; }
h1 { font-size:60px; font-weight:bold; margin:16px 0; padding:0; line-height:1; }
h2 { font-size:44px; font-weight:nomal; margin:10px 0; padding:0; }
h3 { font-size:36px; font-weight:nomal; margin:10px 0; padding:0; }
h4 { font-size:24px; font-weight:bold; margin:6px 0; padding:0; }
h5 { font-size:22px; font-weight:bold; margin:6px 0; padding:0; }
ul { margin:10px 0; list-style:disc; list-style-position:inside; font-size:22px; }
blockquote { margin:20px 0; font-style:normal; font-size:22px; border-left:solid 1px black; }

/* ================================================================================= */


.w_wrapper_out { width:100%; background: url(img/backgr_2.png) top repeat-x; }
.w_wrapper_in { width:100%; min-height:800px; background: url(img/backgr_1.png) top center no-repeat; }

.w_header { width:100%; max-width:900px; min-height:236px; margin:0 auto; position:relative; }
.w_logo_link { width:260px; height:180px; position:absolute; left:10px; top:30px; }
.w_head_writing { width:230px; height:80px; position:absolute; right:220px; top:90px; text-align:left; font-size:24px; line-height:1; }
.w_head_contacts { width:180px; height:50px; position:absolute; right:20px; top:116px; text-align:left; font-size:28px; line-height:0.8; }
.w_head_contacts_mob { width:150px; height:50px; position:absolute; top:190px; left:114px; text-align:left; font-size:21px; line-height:0.8; display:none; }

.w_main_menu { width:440px; min-height:33px; position:absolute; right:0px; bottom:6px; text-align:left; }
.w_main_menu ul { list-style:none; margin:0; padding:0; font-size:0; line-height:0; }
.w_main_menu ul li { display:inline-block; position:relative; vertical-align:top; margin:0; padding:3px 10px; font-size:18px; font-weight:bold; line-height:1; }
.w_main_menu ul li ul { display:none; position:absolute; top:24px; z-index:1; background:rgba(255,255,255,0.9); padding:10px 6px; border-left:solid 1px black; }
.w_main_menu ul li ul li { padding:6px; }
.w_main_menu li:hover ul { display:block; }

/*.sub-menu { display:none; background:rgba(255,255,255,0.5); }
.sub-menu li { display:block; padding:2px; }
*/
.w_mob_menu_button { width:60px; height:60px; position:absolute; top:20px; right:20px; background:url(img/button_mobmenu_1.svg) center no-repeat; cursor:pointer; display:none; }
.w_mob_menu { width:240px; position:absolute; top:0; left:0; padding:20px; background:#ffffff; text-align:left; display:none; }
.w_mobmenu_curtain { position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.3); }
.w_mobmenu_back { position:fixed; top:0; bottom:0; left:0; width:280px; background:#ffffff; box-shadow:0.4em 0.4em 1.3em 0 rgba(0,0,0,0.3); z-index:+2; }
.w_mob_menu_submenu { margin:100px 0 0 0; padding:0 20px; }
.w_mob_menu_submenu ul { list-style:none; } .w_mob_menu_submenu ul li { font-size:28px; padding:6px 0; }
.w_mob_menu_submenu ul li ul { list-style:inside circle; } .w_mob_menu_submenu ul li ul li { font-size:22px; }
.w_mobmenu_logo { width:150px; height:70px; position:absolute; top:10px; left:20px; background:url(img/inproof_logo_1.svg) top left no-repeat; background-size:contain; }
.w_mob_menu_close_button { width:60px; height:60px; position:absolute; top:20px; right:20px; background:url(img/button_close_1.svg) center no-repeat; cursor:pointer; }

.w_headblock_1 { width:280px; height:240px; display:inline-block; vertical-align:top; margin:40px 0 0 0; text-align:left; }
.w_headblock_1 h1 { font-size:34px; font-weight:normal; padding:0 20px; margin:0; line-height:1.3; }
.w_headblock_2 { width: calc(100% - 440px); min-width:160px; height:240px; display:inline-block; vertical-align:top; margin:40px 0 0 150px; padding:0; text-align:left; font-size:22px; line-height:1.2; overflow:auto; }
.w_slider_1 { min-width:360px; height:210px; text-align:center; font-size:0; line-height:0; }
.w_pieces_wrapper { min-width:424px; }
.w_piece_1 { width:100px; height:210px; margin:0 3px; display:inline-block; vertical-align:top; font-size:8px; line-height:1; }
.w_piece_1_1 { background:url(img/slider_piece_1_1.svg) center no-repeat; } .w_piece_1_1:hover { background:url(img/slider_piece_1_2.svg) center no-repeat; }
.w_piece_1_2 { background:url(img/slider_piece_2_1.svg) center no-repeat; } .w_piece_1_2:hover { background:url(img/slider_piece_2_2.svg) center no-repeat; }
.w_piece_1_4 { background:url(img/slider_piece_4_1.svg) center no-repeat; } .w_piece_1_4:hover { background:url(img/slider_piece_4_2.svg) center no-repeat; }
.w_piece_1_5 { background:url(img/slider_piece_5_1.svg) center no-repeat; } .w_piece_1_5:hover { background:url(img/slider_piece_5_2.svg) center no-repeat; }

.w_facility_wrapper { width:100%; overflow:auto; text-align:center; }
.w_facility_inwrapper { width:100%; min-width:800px; max-width:1400px; height:auto; margin:0 auto; text-align:left; }

.w_block { width:100%; max-width:900px; min-height:236px; margin:0 auto; position:relative; }
.w_units { text-align:center; font-size:0; line-height:0; }
.w_unit { width:280px; height:200px; display:inline-block; vertical-align:top; font-size:20px; line-height:1; }
.w_unit p { font-size:20px; padding:120px 30px 0 30px; }

.un_back_1 { background:url(img/unit_1_backgr.svg) top 20px center no-repeat; background-size:30%; }
.un_back_2 { background:url(img/unit_2_backgr.svg) top 20px center no-repeat; background-size:30%; }
.un_back_3 { background:url(img/unit_3_backgr.svg) top 20px center no-repeat; background-size:30%; }
.un_back_4 { background:url(img/unit_4_backgr.svg) top 20px center no-repeat; background-size:30%; }
.un_back_5 { background:url(img/unit_5_backgr.svg) top 20px center no-repeat; background-size:30%; }
.un_back_6 { background:url(img/unit_6_backgr.svg) top 20px center no-repeat; background-size:30%; }

.w_footer { width:100%; max-width:900px; min-height:236px; margin:0 auto; position:relative; font-size:0; line-height:0; text-align:left; }
.w_copyright { position:absolute; right:20px; bottom:0; height:30px; font-size:12px; line-height:1; }
.w_footer_logo { display:inline-block; vertical-align:top; width:150px; height:100px; margin: 30px 0 0 20px; background:url(img/inproof_logo_1.svg) center no-repeat; background-size:contain; }
.w_footer_menu { display:inline-block; vertical-align:top; width:300px; min-height:170px; margin: 80px 0 50px 20px; line-height:1; }
.w_footer_menu ul { list-style:none; margin:0; padding:0; font-size:0; line-height:0; }
.w_footer_menu ul li { display:inline-block; position:relative; vertical-align:top; margin:0; padding:2px 6px; font-size:14px; font-weight:bold; line-height:1; }
.w_footer_menu ul li ul { position:absolute; top:24px; z-index:1; background:rgba(255,255,255,0.9); padding:6px 6px; border-left:solid 1px black; }
.w_footer_menu ul li ul li { padding:3px; font-size:12px; }
.w_footer_menu li:hover ul { display:block; }

.w_content { width:calc(100% - 40px); max-width:900px; min-height:400px; margin:70px auto 0 auto; padding:0 20px; text-align:left; }

.w_archive_item { width:calc(100% - 40px); max-width:900px; min-height:100px; margin:70px auto 0 auto; padding:0 20px; text-align:left; border-bottom:solid 1px black; }
.w_archive_item .w_continue { font-size:18px; color:green; display:block; } .w_archive_item .w_continue a { color:green; }

.w_ampules { width:90%; text-align:left; }
.w_ampules td { border-bottom:solid 1px black; }

@media screen and (max-width: 900px) {
 .w_wrapper_in { width:100%; min-height:800px; background: url(img/backgr_1.png) top left -110px no-repeat; }
 #main_menu_1 { display:none; }
 .w_head_writing { display:none; }
 .w_mob_menu, .w_mob_menu_button { display:block; }
}

@media screen and (max-width: 600px) {
.w_head_contacts { display:none; }
.w_head_contacts_mob { display:block; }
.w_headblock_2 { width: 100%; margin:20px 0 0 0; }
.w_slider_1 { width:100%; }
.w_unit { width:140px; height:140px; }
.w_unit p { font-size:16px; padding:60px 14px 0 14px; }
.w_footer_menu { margin: 30px 0 50px 20px; }
}