body, div {margin: 0; padding: 0;}
html { overflow-x: hidden;/*overflow-y:hidden;*/}
::-webkit-scrollbar {/*width: 0px;*/}

a {
	text-decoration:none;
}

@font-face {
    font-family: "Roboto";
    src: url("../media/fonts/Roboto-Regular.ttf");
    font-style: normal;
    font-weight: normal;
}
@font-face {
  font-family: "RobotoLight";
  src: url("../media/fonts/Roboto-Light.ttf");
  font-style: normal;
  font-weight: normal;
}


.dvd {overflow: hidden;}
.item {float: left;  width: 24%;  margin-right: 1%;}
body{
 color:#333;
 font-size:1.1em; /*0.94em;*/
 line-height:165%;
 font-family: 'Roboto' /*'Rubik', sans-serif*/;
}

#workFrame {visibility:hidden;position:absolute;z-index:-1;left:0px; top:0px;width:1px;height:1px;overflow:hidden;display:none;}

.box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0px solid #000;
}
.box-scroll {
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    overflow: auto;
}

.sx_flex{position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);}
.sx_r10{
		 -moz-border-radius: 10px 10px 10px 10px;
		 -webkit-border-radius: 10px 10px 10px 10px;
		 -khtml-border-radius: 10px 10px 10px 10px;
		 border-radius: 10px 10px 10px 10px; /* CSS3 */
		 behavior: url(border-radius.htc);
		 border: solid 2px #ffffff;
}

article,
article div.sx_info,
.sx_info{
	position:relative;width:100%;height:auto;left:0px;top:0px;padding:0;margin:0;display:inline-block;
}


.sx_flexv{
	width:100%;
	max-width:1000px;
	height:200px;
}


#sx_intro{
	background:#ffffff;width:100%;
	height:auto;
	min-height:calc(100vh - 80px);
	min-height: -webkit-calc(100vh - 80px);
	position:relative;left:0px;top:0px;display:inline-block;
	z-index:1;


}
#sx_next {
	position:absolute;display:inline-block; background:#ffffff;left:0px;top:80px;width:100%;height:auto;z-index:80;
}

#sx_footer{
	width:100%;height:auto;background:#333333;color:#ffffff;
	display:inline-block;
}



.sx_table{display:inline-table;padding:0;}
.sx_tr {display:table-row;}
.sx_td{display:table-cell;margin-top:0px;vertical-align:top;padding:0;}

.sx_tdt{display:table-cell;margin-top:0px;vertical-align:top;padding:0;}
.sx_tdb{display:table-cell;margin-bottom:0px;vertical-align:bottom;padding:0;}
.sx_tdm{display:table-cell;margin-bottom:0px;margin-top:0px;vertical-align:middle;padding:0;}



.sx_form{margin:30px 0px 30px 0px;}
.sx_submit{width:250px; height:40px;margin:30px 0px 30px -30px;}
.sx_input{width:250px; height:30px;margin:10px 30px 10px 0px;
	border-style: solid;
	  border-width: 0px 0px 1px 0px;}
	  
.sx_zavitok
{
	width:100px;border:0px;margin:10px 0px 20px 0px;
}

#sx_body {/*элемент для вторых страниц*/
	position:absolute;display:inline-block; background:gray;left:0px;top:100vh;width:100%;height:200vh;z-index:100;
}

h1 {margin:25px 5px 20px 5px;font-size:2em;font-weight:lighter;font-family: "RobotoLight" !important;}
h2, h3 {margin:25px 5px 20px 5px;font-size:1.5em;font-weight:lighter;font-family: "RobotoLight" !important;}

div.sx_knopka {
	display:inline-block;font-size:0.9em;
}
div.sx_knopka a div{
	width:195px;
	height:45px;
	border:1px solid #ffffff;
	text-decoration:none;
	cursor:pointer;
	
	
  display: flex;
  justify-content: center;
  align-items: center;
  /*
  -moz-border-radius: 20x 20x 20px 20px;
 -webkit-border-radius: 20px 20px 20px 20px;
 -khtml-border-radius: 20px 20px 20px 20px;
 border-radius: 20px 20px 20px 20px;
 behavior: url(border-radius.htc);
*/

}
div.sx_knopka a div:hover{
	color:#000000;background:#ffffff;
}


div.sx_menu {
	position:absolute;left:0px;top:0px;width:90%;z-index:100;text-align:center;font-size:0.9em;
}

div.sx_menu ul li {
	display:inline-block; margin:0px 3px 0px 3px; quotes:none;padding:0px;/*border:2px solid #ffffff;*/width:auto;height:25px;
}
div.sx_menu ul li a.sx_topmenu{
	display:inline-block; quotes:none;padding:5px;border:2px solid #ffffff;width:auto;height:25px;
}


div.sx_menu ul li a.sx_topmenu , div.sx_menu ul li a.sx_topmenu:hover
{
	text-decoration:none;color:#000000;
}

.sx_menu  div.sx_submenu
{
	display:none;
}

.sx_video_preview
{
	cursor:pointer;
	width:110px;margin:5px;
}

.sx_menu_icon{
	
}



.sx_hidden_large{
	visibility:hidden;display:none;}

.sx_hidden_small{
	visibility:visible;display:inline-block;
}




@media screen and (min-width:1025px)
{

#sx_header{
	background:#ffffff;width:100%;height:80px;display:inline-block;position:fixed;left:0px;top:0px;z-index:100;
}

.sx_tcenter_cnt {
	width:100%;max-width:1024px;padding:0;background:transparent;margin:0px auto 0px auto;height:auto;}
.sx_tclmn_left{
	padding:0;width:49%;display:inline-block;background:transparent;vertical-align:top;float:left;}
.sx_tclmn_right{
	padding:0;width:49%;display:inline-block;background:transparent;vertical-align:top;float:right;}
	

.sx_table_copyright{display:inline-table;width:auto;text-align:left;font-size:0.9em;}
.sx_table_copyright div {display:table-row;}
.sx_table_copyright div div {display:table-cell;margin-top:0px;vertical-align:top;}
.sx_table_copyright div div.sx_id_copyright{
	vertical-align:top;width:350px; max-width:350px;
	display:table-cell;margin-top:0px;vertical-align:top;
}


.sx_tel_top{
	position:absolute;right:12px;top:22px;width:auto;z-index:500;
}
.sx_tel_top_img{
	position:relative;left:0px;top:0px;display:inline-block; height:40px;
}
.sx_tel_top_txt{
	position:relative;left:3px;top:-15px;text-decoration:none;color:#000000;font-size:0.9em;
}
.sx_logo{
	width:70px;position:absolute;left:20px;top:15px;z-index:500;
}
.sx_logo_txt{
	position:absolute;left:-110px;top:250px;opacity:1.0;line-height:normal;font-size:0.8em;
	-webkit-transform: rotate(-90deg); transform: rotate(-90deg);z-index:200;color:#a0a0a0;
	/*text-shadow: -1px -1px 1px white, 1px -1px 1px white, -1px 1px 1px white, 1px 1px 1px white; 
*/
}

div.sx_menu ul li a.sx_topmenu:hover
{
	border: 2px solid #000000;cursor:pointer; padding:5px;
	

}

.sx_submenu{
	visibility:hidden;display:none;
}

div.sx_menu  a:hover ~ .sx_submenu,
.sx_products_menu:hover ~ .sx_submenu, 
/*.sx_products_menu:focus ~ .sx_submenu, 
.sx_products_menu:active ~ .sx_submenu, */
.sx_products_menu:hover ~ .sx_submenu:hover, 
.sx_products_menu ~ .sx_submenu:hover, 
.sx_submenu:hover {
  position:absolute;left:0px;top:37px;visibility:visible; display:inline-block;width:100%;height:300px;opacity:0.9;background:transparent;z-index:130;
  transition: .6s ease-in-out;
	 
}
.sx_submenu_bg{
	position:absolute;left:0px;top:22px;width:100%;height:280px;background:#6b6149;color:#ffffff;display:flex;justify-content:center;align-items:center;
}
.sx_submenu_t700{width:100%;max-width:700px;text-align:left; padding:10px;}


}

@media screen and (min-width:200px) and (max-width:1024px)
{
#sx_header{
	background:#ffffff;width:100%;height:80px;display:inline-block;position:absolute;left:0px;top:0px;z-index:100;
}

.sx_tcenter_cnt {
	width:100%;max-width:1025px;padding:0;background:transparent;margin:0px auto 0px auto;height:auto;}
.sx_tclmn_left{
	padding:0;width:100%;display:inline-block;background:transparent;vertical-align:top;float:none;}
.sx_tclmn_right{
	padding:0;width:100%;display:inline-block;background:transparent;vertical-align:top;float:none;}


.sx_table_copyright{display:inline-block;width:100%;text-align:left;font-size:0.9em;}
.sx_table_copyright div {display:inline-block;width:100%;text-align:center;}
.sx_table_copyright div div {display:inline-block; width:100%;margin-top:0px;vertical-align:top;text-align:center;}
.sx_id_copyright{
	vertical-align:top;width:100%; max-width:600px;text-align:center;
}





.sx_logo{
	width:60px;position:absolute;left:15px;top:17px;display:inline-block;z-index:500;
}
.sx_logo_txt{
	position:absolute;left:110px;top:15px;opacity:0.5;display:none;
}



.sx_tel_top{
	position:absolute;right:12px;top:22px;width:150px;z-index:500;
}
.sx_tel_top_img{
	position:absolute;right:10px;top:0px;display:inline-block; height:40px;
}
.sx_tel_top_txt{
	position:relative;left:3px;top:10px;text-decoration:none;color:#000000;display:none;
}

div.sx_menu ul li a.sx_topmenu:hover{
	border: 0px solid #000000;cursor:pointer; padding:5px;
}


.sx_submenu{
	visibility:hidden;display:none;
}

.sx_products_menu:hover + .sx_submenu,
.sx_submenu:hover {
  position:absolute;left:0px;top:37px;visibility:visible; display:inline-block;width:100%;height:250px;opacity:0.9;background:transparent;z-index:130;
  transition: .6s ease-in-out;
	 
}
.sx_submenu_bg{
	position:absolute;left:0px;top:42px;width:100%;height:250px;background:#6b6149;color:#ffffff;display:flex;justify-content:center;align-items:center;
}
.sx_submenu_t700{width:100%;max-width:700px; padding:10px;text-align:center;}

.sx_hidden_large{
	visibility:visible;display:block;
}
.sx_hidden_small{
	visibility:hidden;display:none;width:1px;height:1px;overflow:hidden;
}


}