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

*{box-sizing: border-box;}
img { max-width: 100%;}

.all_content {
	max-width: 1400px;
	min-width: 320px;
position: relative;
width: 100%;
padding: 10px 0 0 0;
/*background: rgba(255,255,255,1.00) */;

}
.otstup_vertical {width: 100%; height: 40px;}

.friz {
position: relative; 
width: 100%; 
overflow: auto; 
box-shadow: 2px 0px 4px rgba(0,0,0,0.21);
border-radius: 10px 10px  0px 0px;	
}
#friz_1, #friz_2, #friz_3 { display: block;}
#friz_1mob, #friz_2mob, #friz_3mob {display: none;}



.zag { position: absolute; width: 35%; right: 0; top: 15%; border-left: solid 2px rgba(255,255,255,1.00);
/*background-image: url("../img/7.png");
background-position: left;
background-repeat: repeat-y;	*/
/*background: rgba(0,0,0,0.3);*/
padding: 1% 0 0% 2%; 
}

.zag h1 { font-family: 'Roboto_Light'; color:rgba(255,255,255,1.00); text-align: left;}
.zag span { font-family: 'Roboto_Light'; color:rgba(46,46,46,1.00); }
.number, .number_2 { 
	position: absolute;
	width: 6%;
	height: 6%;
	top: 10%;
	left: 2%;
    background-size: 100%;
}

.number   { opacity: 75%; }
.number_2 { opacity: 100%; }


.video_track { border: none; border-style: none; margin: 0px;}
.video_wrapper {
	position: relative;
	width: 100%;
	padding: 60px 20px;
	border-top: rgba(255,255,255,1.00) 1px solid;
	background: #6c6c6c;
	background-image:url("../img/scheme/bg_video_wrapper.jpg");
	background-position: top;
	background-repeat: repeat-x;
    height: auto; }

.item_video { padding: 5px; }

#ch_2, #ch_21, #ch_1{
	background-image: url("../img/svg/lupa.svg");
	background-size: 5%;
	background-position: right 2% bottom 14%;
	background-repeat: no-repeat;
	
}
#ch_2:hover, #ch_21:hover, #ch_1:hover {
	background-size: 6%;
	background-position: right 1% bottom 13%;	
}

.video_deskriptor { background: rgba(46,46,46,1.00); border-radius: 5px; vertical-align: top; }
.video_deskriptor p {
	height: 120px;
	color: rgba(159,159,159,1.00);
	padding: 20px;
}

.video_descriptor_marker {
	position: relative;
	opacity: 0.6;
	width: 20px;
	height: 120px;
	top: 12px;
	float:left;
	margin:10px 10px 10px 20px;
	background-image:url("../img/svg/VIDEO_MARKER.svg");
	background-repeat: no-repeat;
	
}


.line_name  {
	position: absolute;
	width: 100%;
	height: 30%;
	float: left; 
	font-family: 'Roboto_light';
	margin-left: 20px;
}
.line_name sup {font-family: 'Roboto_Thin';}
.flag_wrapper {
	width: 100%;
	position: relative;
	height: 40px;
	background: no-repeat;
	background-position: top right 20px;
}

.flag {
	position: relative;
	float: right;
	width: 180px;
	height: 40px;
	background: no-repeat rgba(180,180,180,1.00);
	border-radius: 5px 5px 0px 0px;
	margin-right: 4%;
	padding-left: 15px;
	
}
#line_1,#line_2,#line_3 {
	width: 160px; height: 30px;
	background-repeat: no-repeat;}

#line_1 {margin: 5px auto 0px 0px; 
	cursor: pointer;
	background-image: url("../img/svg/MARKER_premium.svg");}

#line_2 {margin: 5px auto 0px 0px;
	cursor: pointer;
	background-image: url("../img/svg/MARKER_pro.svg");}

#line_3 {margin: 5px auto 0px 0px;
	cursor: pointer;
	background-image: url("../img/svg/MARKER_hobby.svg");}

.img_range 
{position: relative; 
	width: 30%; height: auto; 
	float: left; 
	margin: 10px; 
	box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
    cursor:pointer;
}
.marker_wrapp {
margin-top: 10px;
	border-top: 2px #9F9F9F dotted;
	position: relative;
	clear: both;
	width: 100%;
padding-right: 2.2%;
}
.market a {
color:rgba(221,221,221,1.00);		
padding: 45px 0 10px 0;
font-size: 0.88em;
text-align: center;
border-radius: 6px;
margin: 10px 0;
float: right;
width: 200px;
height: 70px;
background-image: url("../img/Button.png");	
}

.market a:hover {	
color:rgba(235,235,235,0.00);		
background-position: 400px;
}
.market a:active {
color:rgba(235,235,235,0.00);	
background-position: 200px;
}


.market_place a {
	color:rgba(221,221,221,1.00);
	font-size: 0.88em;
	text-align: center;
	float: left;
	margin: 30px 0 0 20px;
	border-radius: 6px;
	padding: 115px 0 10px 0;	
	width: 210px;
	height: 140px;
	background-image: url("../img/Market_place.png");
}
.market_place a:hover { 
	color:rgba(255,253,253,1.00);
	background-position: 420px; 
}
.market_place a:active { 
	color:rgba(255,253,253,1.00);
	background-position: 210px; }
.tabs {
   padding: 20px 20px 40px;
   width: 100%;
   margin: 0px auto 100px;
   background: rgba(235,235,235,1.00);
   background-repeat: repeat-x;
   background-position: top;
   box-shadow: 2px 2px 4px rgba(0,0,0,0.21);
   background-image: url("../img/scheme/Pattern.jpg");
   border-radius: 0 0 10px 10px;
}
.tabs-header {
   display: flex;
}
.tabs-header__item {
   align-content: center;
   width: 25%;
   height: 100px;
   cursor: pointer;
   margin: 2px;
   background: rgba(255,255,255,1.00);
   box-shadow:  1px 1px 2px  rgba(25,25,25,0.2);
}

.clame { 	
background: rgba(255,255,255,1.00) ;
/*box-shadow: 2px 2px 4px rgba(0,0,0,0.20);*/ 
padding: 10px 5% 10px 18%;
border-radius: 10px;
background-image: url("../img/svg/Star_2.svg");
background-repeat: no-repeat;
background-position: left 10px top 5px; 
background-size: 10%;		
}
	
	
.tabs-header__item a { position: relative; width: 100%; height: 100%;}

.tabs-header__item.active,
.tabs-header__item.active2,
.tabs-header__item.active3 {
   background: rgba(231,231,231,1.00);
   border-color: red;
   margin-bottom: 2px;
}
.tabs-content__item {
   margin-top: 20px;
   display: none;
}
.tabs-header__item a p { position: relative; width: 100%; height: 90px; padding-top: 70px; padding-bottom: 10px; text-align: center;}

.tabs-content__item.active,
.tabs-content__item.active2, 
.tabs-content__item.active3 {
   display: block; }

#zak1,#zak2,#zak3,#zak4,
#zak5,#zak6,#zak7,#zak8,
#zak9,#zak10,#zak11,#zak12 {
	text-align: center;
	border-radius: 5px;
	background: no-repeat rgba(255,255,255,1.00);
	background-position: center; }

#zak1 {background-image:url("../img/svg/premium_line.svg"); }
#zak5  {background-image:url("../img/svg/pro_line.svg"); }
#zak9  {background-image:url("../img/svg/hobby_line.svg"); }
#zak1:active, #zak1:hover {background-image:url("../img/svg/premium_line_hover.svg"); }
#zak5:active, #zak5:hover {background-image:url("../img/svg/pro_line_hover.svg"); }
#zak9:active, #zak9:hover {background-image:url("../img/svg/hobby_line_hover.svg"); } 


#zak2, #zak6, #zak10 {background-image:url("../img/svg/icon_about.svg"); }
#zak3, #zak7, #zak11 {background-image:url("../img/svg/icon_sсheme.svg"); }
#zak4, #zak8, #zak12 {background-image:url("../img/svg/icon_360.svg"); }



#zak2:active, #zak2:hover,  #zak6:active, #zak6:hover, #zak10:active, #zak10:hover   
{background-image:url("../img/svg/icon_about_hover_2.svg"); }

#zak3:active, #zak3:hover, #zak7:active, #zak7:hover, #zak11:active, #zak11:hover   
{background-image:url("../img/svg/icon_sсheme_hover_2.svg");}

#zak4:active, #zak4:hover, #zak8:active, #zak8:hover, #zak12:active, #zak12:hover  
{background-image:url("../img/svg/icon_360_hover_2.svg");}



.stamp2  {
	position: absolute;
	width: 20%;
	height: auto;
	bottom: 10px;
	right: -20px;
	opacity: 1;
	background: url("../img/svg/FOMERON-stamp.svg");
	background-repeat: no-repeat;
	z-index: 100;
	transform: rotate(-15deg);
}


.slide_footer {
	position: relative;
	width: 100%;
	overflow: auto;
}

.block60 {width: 15%; height: auto;}
.block60_plus {width: 12%; height: auto;}



.sku_name,.sku_name2  {
 width: 99.9%;
  padding: 0;
  margin-bottom: 50px;
}
.sku_name li { width: 25%; }
.sku_name2 li { width: 20%; }

.sku_name li, .sku_name2 li {
font-size: 1em;
border-right: solid rgba(243,243,243,1.00) 2px;
border-left: solid rgba(243,243,243,1.00) 1px;	
background: rgba(255,255,255,1.00);
float: left;
height: auto;
padding-top: 5px;
list-style-type: none;
text-align: center;	
}



.iframe_prew {
	display: none;
	position: absolute;
	width: 20px;
	height: auto;
	z-index: 1;
}
.iframe {
	position: relative;
	width: 100%;
	height: 700px;
	background: #9F9F9F;
	border: none;
	top: -100px; margin-bottom: -80px;
}
.iframe_prew:hover {
	background: rgba(25,25,25,0.1);
	/*margin-bottom: 2px;*/
	max-width: 30%;
}

.product_content_razdel{
	position: relative;
	width: 100%;
}

.slide {margin-bottom: -20px;}

.slide_image {	
	position: relative;
	float: left;
	width: 50%;
}


/*.slide { position: relative; overflow: visible;}*/

.sku_item_wrapper { position: relative; width: 12%; margin-top: 20px;  float:left; cursor:pointer; z-index:inherit; }
.sku_item { 
	position: relative; float: left; width: 75%;  margin: 5px 0px 0px 25%; 
	background: linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.00) ); border-radius: 3px; }
.sku_item:hover { background: rgba(255,255,255,1.00);}



.slide_text {
	border-left: 1px rgba(73,73,73,1.00) solid;
	position: relative;
	float: right;
	margin: 20px 5% 0px 1%;
	padding-left: 2%;
	width: 30%;
}

.atributs {	position: relative; width: 100%; margin: 10px auto 10px;}
.atributs th {width: 36px; vertical-align: top; padding-top: 3px;}
.atributs td {
	padding: 5px 0px 5px 10px; 
	border-bottom: dotted 1px rgba(159,159,159,1.00);
}

.model_gun {
	position: relative;
	width: 60%;
	margin: 20px;
}
.descriptor {
	border-bottom: dotted 2px rgba(159,159,159,1.00);
	padding: 0px  0px 0px 0px;  
}
.descriptor h1 { margin-bottom: 5px; }

.descriptor span { 
	padding: 2px 5px;
	border: dotted 1px rgba(159,159,159,1.00);
	border-radius: 3px;
	color:rgba(62,62,62,1.00);
	font-size: 1em;
	float: right;
}

.scheme { 
width: 100%;
height: auto;
background: url("../img/shem_1.png");
margin-bottom: -20px;
}


.firsr_slide_image, .dop_text_first_slide {
	position: relative;
	width: 60%;
	float: left;
}

.dop_text_first_slide { 
	margin-top: 20px; 
	padding: 20px; 
	-webkit-column-width: 30%;
    -moz-column-width: 30%;
    column-width: 30%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;

}

.first_slide_sku, .first_slide_sku2 { position: relative; width: 95%; }
.first_slide_sku p { width: 25%; float: left; text-align: center; margin-top: -10px; }
.first_slide_sku2 p { width: 20%; float: left; text-align: center; margin-top: -10px; }

.first_slide_text{
	border-left: dotted rgba(128,128,128,1.00) 2px;
	width: 35%;
	padding: 0px 2.5%;
	margin-top: 20px;
	float: right;
}


.footer_text p { color:rgba(159,159,159,1.00); }
.footer_text h1 {font-family: 'Roboto_Thin';}
.opt {
	font-family: 'Roboto_Thin';
	color: rgba(239,200,0,1.00);
	padding-left: 30px;
	background-image:url("../img/icon_footer_1.png");
	background-size: 18px;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1300px){ 
.tabs, .friz, .footer, .sticky { border-radius: 0 0; }
}

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

		
.iframe {height: 700px; top: -40px; margin-bottom: -40px; }	
.video_descriptor_marker, .video_deskriptor p { height: 160px; }	
}




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



.video_descriptor_marker, .video_deskriptor p { height: 170px; }
	.iframe { height: 600px; top: -30px; margin-bottom: -30px;}
		
}
@media screen and (max-width: 1000px){
	.market_place a {display: none;}	
	
.zag {top: 10%;  }	
	
.video_descriptor_marker, .video_deskriptor p { height: 190px; }
.video_text { font-size: 1.6em; }	
	
.atributs { font-size: 0.9em; }
.iframe { height: 540px; top: -20px; margin-bottom: -20px;}	

}

@media screen and (max-width: 900px){
	
.marker_wrapp { padding-right: 0px; }	
	
.market a {	
font-size: 0.7em;
padding: 40px 0 10px 0;		
width: 180px;
height: 60px;
	
background-image: url("../img/Button2.png");	
}

.market a:hover {	
color:rgba(235,235,235,0.00);		
background-position: 360px;
}
.market a:active {
color:rgba(235,235,235,0.00);	
background-position: 180px;
}	
	
.zag { width: 40%;}		

.slide_image { width: 75%; padding: 10px auto -20px auto; }	
.firsr_slide_image, .first_slide_text  { width: 100%; margin-bottom: 30px; }	
.sku_item_wrapper { position: relative; width: 15%;  float: right; margin-right: 20px;  }
	.sku_item { position: relative; width: 100%; margin:  0 0 10px 0;  }	
.slide_text { border-left: none; }
	
	.dop_text_first_slide {display: none;}
.first_slide_text {
	padding: 0px;
	border: none;	
    -webkit-column-width: 30%;
    -moz-column-width: 30%;
    column-width: 30%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
   }	

.clame { 	

padding: 10px 5% 10px 18%;
border-radius: 4px;
background-image: url("../img/svg/Star_1.svg");
background-repeat: no-repeat;
background-position: left 5px top 3px; 
background-size: 10%;		
}	

	
.video_descriptor_marker, .video_deskriptor p { height: 130px; }
.video_text { font-size: 1.4em; }	
	
.tabs-header__item a p { position: relative; width: 100%; height: 70px; padding-top: 60px; padding-bottom: 10px; text-align: center;}
.tabs-header__item { height: 80px;}	
.stamp2 {width: 25%;}	
.iframe { height: 440px;}	
	
.slide_image { width: 75%; padding: -20px auto -20px auto; float: left; }
.slide_text { width: 95%; margin-bottom: 0px; } 	
.atributs {
	width: 55%; 
	float: right; 
	font-size: 0.8em;
	padding-left: 10px;
	border-left: dotted 2px rgba(159,159,159,1.00);
	}
.descriptor {
	width: 40%; 
	float:left;
	margin: 15px 2% 0 0;
	border-bottom: none;
	padding-left: 0;
	}
.descriptor span {float: right; clear: both; margin-bottom: 15px; font-size: 0.7em; }
}


@media screen and (max-width: 700px){
	
	
	
	
.market a {	
font-size: 0.65em;
padding: 33px 0 10px 0;	
width: 160px;
height: 50px;
background-image: url("../img/Button3.png");	
}

.market a:hover {			
background-position: 320px;
}
.market a:active {	
background-position: 160px;
}		
	
	
	
	
	
	
.sku_item_wrapper { margin-right: 0px; }				
.zag { top:18%; right: 20px; width: 35%; }

#friz_1, #friz_2, #friz_3 {display: none;}
#friz_1mob, #friz_2mob, #friz_3mob {display: block;}	
.video_wrapper {padding-bottom: 40px;}
.video_descriptor_marker, .video_deskriptor p { height: 80px; }
.video_text { font-size: 1.8em; }
	
.tabs-header__item a p { 
	font-size: 1em; position: relative; width: 100%; height: 30px; padding-top: 5px; padding-bottom: 10px; text-align: center;}		
.tabs-header__item { height: 60px;}
	

	
#zak1,#zak2,#zak3,#zak4,
#zak5,#zak6,#zak7,#zak8,
	#zak9,#zak10,#zak11,#zak12 { padding: 40px 5px 10px 5px; }	
	
.flag { width: 110px; height: 40px; padding-left: 5px; }
#line_1,#line_2,#line_3 { width: 100px; height: 25px; }

	
	
.iframe { height: 380px;}

.tabs { 
   width: 100%;
   margin: 0 auto 30px;
   border-radius: 0px;
   background: #F3F3F3;
   background-repeat: repeat-x;
   background-position: top;
   background-image: url("../img/scheme/bg_gradient_2.png");
}	
.tabs-header__item { width: 25%; }
	

	
	
	
.slide_image { width: 75%; margin: -15px auto -20px;  } 
	
	
.model_gun { margin-top: 10px; margin-bottom: 0px;  }	
.slide_text { width: 100%; margin-bottom: 0px; margin-right: 0px;} 
.descriptor span {float: right; clear: both; margin-bottom: 15px; font-size: 0.7em; }
.atributs {font-size: 0.8em;}
.iframe { height: 300px;  top: -10px; margin-bottom: -10px;}

}
@media screen and (max-width: 480px){
	
	
	
.market a {	
font-size: 0.5em;
padding: 25px 0 10px 0;	
width: 120px;
height: 40px;
background-image: url("../img/Button4.png");	
}

.market a:hover {		
background-position: 240px;
}
.market a:active {
background-position: 120px;
}		
	
	
	
	
	
	
	
	
.zag { top:15%;  border: none; padding-left: 2%; padding-right: 0; margin-right: 0; }	

.video_text { font-size: 1.6em; }	
.iframe { height: 240px;  top: -10px; margin-bottom: -10px;}
.atributs {font-size: 0.6em; padding-left: 3px;}	
.atributs th {width: 30px;}
.slide_image { width: 75%; margin-bottom: -30px; float: left;} 	
.slide_text { margin-bottom: 10px;}	
.atributs td { padding: 5px 0px 5px 5px; }	


.first_slide_text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
   }	
	
		
}
@media screen and (max-width: 340px){
.zag { right: 15px; }	

.first_slide_text {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
   }	
	



}  




#b_1 .owl-dot, #b_2 .owl-dot, #b_3 .owl-dot, #b_4 .owl-dot,
#b_5 .owl-dot, #b_6 .owl-dot, #b_7 .owl-dot, #b_8 .owl-dot,
#b_9 .owl-dot, #b_10 .owl-dot, #b_11 .owl-dot, #b_12 .owl-dot{
width: 99.8%;
height: auto;
margin-bottom: 0;	
padding-bottom: 0;
padding-right: 20px;
background: linear-gradient(180deg, rgba(0,0,0,0.10), rgba(0,0,0,0.00) );
transition: 0.2s;	
border-radius: 4px;
clear: both;
}

#b_1 .owl-dot:hover, #b_2 .owl-dot:hover, #b_3 .owl-dot:hover, #b_4 .owl-dot:hover,
#b_5 .owl-dot:hover, #b_6 .owl-dot:hover, #b_7 .owl-dot:hover, #b_8 .owl-dot:hover,
#b_9 .owl-dot:hover, #b_10 .owl-dot:hover, #b_11 .owl-dot:hover, #b_12 .owl-dot:hover
{   background: rgba(255,255,255,1.00); }

#b_1 .owl-dot:active, #b_2 .owl-dot:active, #b_3 .owl-dot:active, #b_4 .owl-dot:active,
#b_5 .owl-dot:active, #b_6 .owl-dot:active, #b_7 .owl-dot:active, #b_8 .owl-dot:active,
#b_9 .owl-dot:active, #b_10 .owl-dot:active, #b_11 .owl-dot:active, #b_12 .owl-dot:active
{ background: rgba(255,255,255,1.00); }






		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */


		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }