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

/* Обычный */
@font-face {
	font-family: 'Roboto_regular'; 
	src: url("../All_fonts/Roboto-Regular.woff");
	/*src: url("../All_fonts/Roboto-Regular.eot");*/
}
 
/* Жирный */
@font-face {
	font-family: 'Roboto_bold'; 
	src: url("../All_fonts/Roboto-Bold.woff");
	/*src: url("../All_fonts/Roboto-Bold.eot");*/
}
 


/* Тонкий */
@font-face {
	font-family: 'Roboto_light'; 
	src: url("../All_fonts/Roboto-Light.woff");
	/*src: url("../All_fonts/Roboto-Light.eot"); */
}
 


 /* Тонкий */
@font-face {
	font-family: 'Roboto_Thin'; 
	src: url("../All_fonts/Roboto-Thin.woff"); 
	/*src: url("../All_fonts/Roboto-Thin.eot");*/
}
 






*{font-family: 'Roboto_regular', sans-serif;
box-sizing: border-box;
}



body {
margin: 0px;
background-image:url("../img/pattern-1.jpg");
background-size: 1300px;	
}

.all_wrapper{ 
	position: relative;
	max-width: 1400px;
	min-width: 320px;
	margin: auto;
/*	background: rgba(255,255,255,1.00);*/
/*	box-shadow: 2px 2px 4px rgba(0,0,0,0.21);*/
}

.header {
	position: relative;
	padding: 0;
	width: 100%;
	min-width: 320px;
	height:auto;
}

.header_descriptor { position: absolute; width: 37%; right: 40px; bottom: 24%; }
.header_descriptor h2 { font-family: 'Roboto_Thin'; color: rgba(73,73,73,1.00); }

.znak {
	position: absolute;
	width: 140px;
	right: 3%;
	top: 3%;
	z-index: 5;
	opacity: 65%;	
}

.logo {
	position: absolute;
	bottom: 0;
	right: 30px;
	width: 38%;
	height: auto;
    bottom: 2em;
	z-index: 10;
	opacity: 75%;
}


	#ban1 {display: block;}	
	#ban2 {display: none;}
	#ban3 {display: none;}






.line {
    font-size: 1.6em;
    text-align: center;
    color: #FFFFFF;
    background-color:rgba(220,46,49,1.00);
    position: absolute;
    padding: 2px 10px 2px 10px;
    top: 2%;
    right: 0;
	border-radius: 4px;
}
h1 { font-family: 'Roboto_Thin', sans-serif; color:rgba(46,46,46,1.00);}
 h2 { font-family: 'Roboto_Thin', sans-serif; color: rgba(0,0,0,1.00); }
 h3, h4, a { font-family: 'Roboto_regular', sans-serif; }
p { font-family: 'Roboto_Thin', sans-serif; color:rgba(46,46,46,1.00); }

p { font-family: 'Roboto_regular', sans-serif; }

h1 { font-size: 2.0em; line-height: 110%; }
h2 { font-size: 1.6em; line-height: 120%; }
h3 { font-size: 1.4em; line-height: 120%; }
h4, a{  font-size: 1em; line-height: 120%; }
.prod_descriptor h4 { font-style: normal; font-weight: normal; }
.descriptor_zag h1 { margin-bottom: 5px;}
h1, h2, h3, h4, p { 
	margin-top: 0px;
	padding-top: 0px;
}
a:link {color: #808080; text-decoration: none;}
a:hover {color: #DC2E31;}
a:visited { color: #808080; }

.link_nav a:hover {color: #DC2E31;}

.flag1 h1, .flag2 h1, .flag3 h1 {
	color: #FFFFFF;
	padding: 10px 10px 10px 15px;
	background-image:url(../img/flag_2.svg);
	background-repeat: no-repeat;
}



.sticky {
  position: sticky;
  position: -webkit-sticky; 
  margin: auto;
  width:100%;
  min-width: 320px;
  height:70px;
  padding-top: 5px;
  background: #FFFFFF;

  top: 0px;
  min-height: 1px;
  z-index:200;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.21);
  border-radius: 0 0 10px 10px;	
}


#logo_top {
	position: relative;
	display: none;
	width: 160px;
    margin: 18px 5px 18px 25px;
	height: 45px;
	float: left;
	background-image:url("../img/Fomeron_logo_white.svg");
	background-repeat: no-repeat;
    }
#logo_top_mobile{
	position: relative;	
	display: none;
	width: 90px;
    margin: 22px 0 18px 20px;
	height: 45px;
	float: left;
	background-image:url("../img/svg/Logo_white.svg");
	background-repeat: no-repeat;
	z-index: 30;
}

#logo_wrapp{
	position: relative;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #191919;
}

.link_nav_wrapper{ float: right; padding-right: 15px;}
.link_nav {
	position: relative;
	text-align: center;
	width: auto;
	padding: 0 0px 0 15px;
	float: right;
	z-index: 20;
	margin: 20px 10px 10px 10px;
	border-left: 1px solid #DDDDDD;
}
.prod_line a:hover {color: #FD2C30;}
.prod_line a:focus  {color:rgba(253,44,48,1.00);}

.pdf a {
    position: relative;
    float: right;
    width: 90px;
    height: 45px;
    margin: 8px 20px;
    background-image: url(../img/pdf/PDF-1.svg);
    background-repeat: no-repeat;
    z-index: 22;
}
.pdf a:hover { background-image: url(../img/pdf/PDF-1+.svg); }
.pdf a:active { background-image: url(../img/pdf/PDF-1++.svg); }

.razdel_footer{
	width: 100%;
	height: 28px;
	margin-bottom: 50px;
	background: url("../img/shtrih-3.png") rgba(200,200,200,1.00) repeat-x;
}

.footer{
	position: relative;
	width: 100%;
	height: 260px;
    bottom: 5px;
	background-image: url("../img/scheme/Pattern_footer.jpg");
	padding-top: 20px;
	border-radius: 10px 10px 0 0;
}

.footer_znak {
	width: 140px;
	margin: 30px 30px 20px 0;
	height: 140px;
	float: right;
	background:url("../img/svg/STAMP_white.svg") no-repeat;
	opacity: 40%;
}
.footer_text {
	color: rgba(159,159,159,1.00);
	width: 450px;
	padding-left: 140px;
	margin: 40px 0px 20px 60px;
	height: 120px;
	float: left;
    background: url("../img/logo_toolfor.svg") no-repeat;
}

.footer_text h4 { font-size: 1em; }
.footer_text p { font-size: 0.8em; }

@media screen and (max-width: 1200px){
	
h1, .line_name  { font-size: 1.8em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4, a{ font-size: 1em; }	
p { font-size: 0.9em;  }		
			
}

@media screen and (max-width: 1000px){
	
h1, .line_name  { font-size: 1.7em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4, a{ font-size: 1.1em; }	
p { font-size: 0.9em;  }	
	
}

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

/*	h1 { font-size: 2.2em; line-height: 120%; }
h2 { font-size: 1.8em; line-height: 120%; }
h3 { font-size: 1.4em; line-height: 120%; }
h4, a{  font-size: 1em; line-height: 120%; }	
*/	
.header_descriptor { bottom: 18%; }

h1, .line_name  { font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.2em; }
h4, a{ font-size: 0.9em; }	
p { font-size: 0.9em;  }	
	
/*	
h1 { font-size: 1.6em; line-height: 120%; }
h2 { font-size: 1.2em; line-height: 120%; }
h3 { font-size: 1.2em; line-height: 120%; }
h4{  font-size: 1em; line-height: 120%; }
a {  font-size: 0.9em; line-height: 120%; }	
p { font-size: 0.9em; line-height: 120%; }	*/	
	
	#ban2 {display: block;}
	#ban1 {display: none;}
	
.znak, .footer_znak {width: 130px;}
.footer_text { width: 400px;}

.pdf a { width: 75px; height: 37px; margin: 14px 20px; }	
		
}

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

h1, .line_name  { font-size: 1.2em; line-height: 110%; }
h2 { font-size: 1.0em; }
h3 { font-size: 1.0em; }
h4, a{  font-size: 1em; }	
	
	
}



@media screen and (max-width: 700px){
.header_descriptor { width: 41%; bottom: 18%; right: 0px; }
	
h1  { font-size: 1.2em;}
h2 { font-size: 1em;  line-height: 110%;}
h3, h4 { font-size: 0.8em;  line-height: 110%;}
a  {  font-size: 0.8em;  line-height: 120%; }
p { font-size: 0.8em;  line-height: 120%; }		
	#ban1 {display: none;}
	#ban2 {display: none;}	
	#ban3 {display: block;}	
.logo {right: 20px;}	
.znak, .footer_znak {width: 100px;}

.link_nav_wrapper{padding-right: 6px;}
.link_nav {
	padding: 0 10px 0 10px;
	margin: 20px 0px 0px 0px;
}
.footer_text { 
	width: 300px; 
	padding-left: 100px;
	margin: 40px 0px 20px 30px; 
	background: url("../img/logo_toolfor_small.svg") no-repeat;
	}	
	
}

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

.pdf a { width: 55px; height: 37px; margin: 12px 15px; }	
h1 { font-size: 1em; }
h2 { font-size: 0.8em; }
h3, h4 { font-size: 0.7em; }	
a  {  font-size: 0.7em; }
p { font-size: 0.6em; }


	}

@media screen and (max-width:480px){
	
	
.header_descriptor { width: 43%; bottom: 22%;}		
h1  { font-size: 0.7em; }
h2 { font-size: 0.7em; line-height: 120%; }
h3, h4 { font-size: 0.7em; }	
a  {  font-size: 0.7em; }
p { font-size: 0.6em; }

	#ban1 {display: none;}
	#ban2 {display: none;}	
	#ban3 {display: block;}	

.logo_wrapp_off { display: none; }	
	
.sticky {
  position:fixed;
  margin: auto;
  width:100%;
  height:60px;
  padding: 0px;
  top: 0px;
  z-index:200;
  border-bottom: 1px solid  #C4C4C4;
  background: rgba(25,25,25,1.00);
}
	
#logo_top_mobile { position: relative; display: block; }

	
#ban3 {margin-top: 60px;}	
.znak {
	right: 6%;
	top: 6%;
	z-index: 5;
}		
.link_nav {
	padding: 0 0px 0 10px;
	margin: 20px 6px 10px 6px;
}	
.footer_text { 
	width: 280px;
	margin: 40px 0px 20px 15px;
	background-size: 65px; 
	}
.footer_text p { font-size: 0.6em;  line-height: 120%;}
.znak, .footer_znak {width: 75px;}	
.footer_znak { margin: 30px 15px 20px 0; }	

	}
@media screen and (max-width:420px){
	.pdf a { width: 35px; height: 20; margin: 22px 5px 0px 0px; }	



.footer_text { width: 220px;}

}







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

.footer_text { width: 200px; padding-left: 85px; }	
	
.pdf a { width: 28px; height: 20; margin: 22px 3px 0px 0px; }	
	
h1  { font-size: 0.65em; }
h2 { font-size: 0.65em; }
h3, h4 { font-size: 0.65em; }	
a  {  font-size: 0.5em; }
p { font-size: 0.5em; }

}
@media screen and (max-width:315px){
	
.pdf {display: none;}	
}