﻿html, body { height: 100%; }
body {background-color: #ffffff; font: 15px "Segoe UI", Verdana, Tahoma, Arial; color: #444; margin: 0; padding: 0;}
body {display: flex; flex-direction: column; }
#page_longtext, #page { flex: 1 0 auto; }
#footer { flex-shrink: 0; }
h1, h2, h3, h4 {color: #222; margin: 0 0 0.5em 0; padding: 0;}
h1, h2 {font-weight:lighter;}
h3, h4 {font-weight:500;}
h1 {font-family: "Segoe UI Light","Segoe UI", Verdana, Tahoma, Arial; font-size: 250%; margin-bottom: 35px; color: #444;}
h2 {font-size: 150%; margin-top: 5px; margin-bottom: 5px; }
h3 {font-size: 115%; margin-top: 5px; margin-bottom: 5px; }
h4 {font-size: 100%;}
h5 {font-size: 100%; color: #fff; margin: 0;padding: 0; text-align: right;}
h5.red {font-size: 100%; color: #ae2905; text-align: left; margin: 0 0 0.5em 0;}

.prodtitle {text-align:left; font-size: 2.0rem; }
.prodtitle2 {text-align:left; font-size: 1.8rem; }
.prodversion {font-size: 1rem; color: #333; text-transform: none;}
.subtitle {font-size: 1.25rem; color: #333; text-transform: none; }
.buybuttonsubtitle {text-transform: none;}
.choice {color:red;font-size: 18px;text-transform:none;}
.version {color:#999;font-size: 1rem;text-transform:none;}
.programname {font-size: 1.8rem;}

.base_white {background-color:#fff;}
.base_colored {background-color:#f9f9f9;}
.main_content {width: 980px;text-align:left;border:0;margin-left:auto;margin-right:auto;padding: 25px 10px 25px 10px;clear:both;}
.left {text-align:left!important;}
.content_block {padding:12px;background:#fff;border:1px dotted #fff;clear:both;}
.content_banner {padding:12px;background:#f6f6f6; margin-bottom: 15px;}
.content_block_yellow {padding:12px;background:#fcf8e3;border:1px dotted #fff;margin-bottom: 15px;}
.content_block_bottom {padding:12px;background:#fff;border-bottom:1px dotted #ccc;border-left:1px dotted #ccc;border-right:1px dotted #ccc;margin-bottom: 15px;}
.block_title {padding:7px 12px 7px 12px;text-align:left;background:#fff; font-weight:lighter;font-size:130%;color:#000;border-top:1px dotted #ccc;border-left:1px dotted #ccc;border-right:1px dotted #ccc;}
.left_block {float:left; width:50%; text-align:center;}
.right_block {float:right; width:50%; text-align:center;}

.main_box {padding-right:14px; padding-bottom:5px; padding-top:12px; width:128px; height:128px; border:0px;}
.main_screenshot {min-width: 280px; max-width: 580px; width: 100%;}
.long_text {text-align: left;}

.feature_block {margin-bottom:37px;margin-top:25px;}
.feature_block_small {margin-bottom:25px;margin-top:25px;}
.feature_desc {margin-top:15px;}
.desc_block {margin-top:15px; margin-bottom:35px;}

.promark::before {content: "PRO"; color: #FFF; background-color: #646464; padding:3px 5px 5px 5px; margin-right: 10px; font-size: 90%; }
.promark_desc {text-align:left; margin-top:15px; padding-left: 50px;}

.yes { text-align: left; min-height: 24px; margin-top: 5px; margin-bottom: 0px; padding-left: 30px; background: url(//chemtable.ru/images/clipart/yes.png) no-repeat left top; }
.yes_desc { text-align:left; margin-top:15px; padding-left: 30px; }
.yes_pro { color: #FFF; background-color: #AFAFAF; padding:0px 5px 3px 5px; }

.mbg { background-position: top right !important; background-repeat: no-repeat !important; background: #ffffff url(//chemtable.ru/images/mbg.jpg) !important; }

a {color:#2178B6;font-weight:normal;text-decoration: none;}
a:visited {color: #2178B6;text-decoration: none; }
a:hover {color: #0c7198;text-decoration: underline;}
.readmorelink::after { content: "\0000a0\00bb"; }

p, ul, ol, li {font-size: 100%;}
p {margin-top: 0;}
p.small, ul.small li {font-size: 100%;}
li {padding-bottom: 5px; padding-top: 5px;}
ul.features li {margin-bottom:15px;}
p.grey {color: #999999;font-size: 100%;margin: 0;padding: 0;}
div.grey {color: #999999;font-size: 100%;margin: 0;padding: 0;}
font.red {color: #ae2905;}
font.green {color: #339933;}
.comment {min-height:150px;padding-bottom:0px;margin-bottom:25px;border-bottom:1px dotted #DDDDDD;}
q {font-style:italic;}
cite {display:block;font-style:normal;font-weight:bold;}
ul {list-style-image: url('//chemtable.ru/images/li.gif');}
td.right {padding-left: 10px; padding-top: 25px;}
.rightcontentblock {width:720px;float:right;margin-bottom:25px;}
div.invisible {display: none;} 
#header {width: 100%; background: url('//chemtable.ru/images/bg2.gif') repeat-x bottom;}
#pbg2 {width: 172px;background: url('//chemtable.ru/images/pbg2rl.jpg') no-repeat bottom;}
#pbg4 {background: url('//chemtable.ru/images/pbg4.gif') repeat-x bottom;}
#pbg6 {width: 10px; background: url('//chemtable.ru/images/pbg6.gif') no-repeat bottom;}
#page {padding: 25px 10px 10px 10px; width: 980px;text-align:left;border:0;margin-left:auto;margin-right:auto;}
#page_longtext {padding: 25px 10px 10px 10px; width: 980px;text-align:left;border:0;margin-left:auto;margin-right:auto;}

#footer {width: 100%; border-top: 1px solid #44a9ce; background-color: #f9f9f9; padding: 15px 0px 15px 0px; margin-bottom: 0px; margin-top: 0px; }

.footer_infoblock {display: flex; flex-wrap: wrap; justify-content:center; box-sizing: border-box; width: 980px; margin: 0px auto 20px auto; border: 0px; text-align:left; }
.widget_footer {flex-grow: 1; flex-basis: 150px; margin: 5px 5px 15px 5px; font-size: 0.85rem; }
.footer_logo {display: inline-block; width: 150px; height: 36px; background: url("//chemtable.ru/images/chemtable-logo-150px.png") no-repeat left center;}
.widget_title {font-weight: bold;}

.footer_links {display: flex; flex-wrap: wrap; justify-content: center; box-sizing: border-box; width:980px; align-items: center; margin: 0px auto 0px auto; border:0px; font-size:0.85rem; }
.subwidget_footer {flex-grow: 1; text-align: center; }
.subwidget_copyright {flex-grow: 1; }

.dwn_div {border-bottom: 1px solid #E9E9E9; margin-bottom: 35px;}

/* buttons ---------------------------------------------- */
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.rad {
  border-radius: 5px;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.button {display: inline-block;vertical-align: middle;margin: 5px;cursor: pointer;text-align: center;text-decoration: none; padding: 1.0em 2em 1.0em;line-height: 1.5em;font-weight: normal; border:none;text-transform:uppercase;}
.button:hover {text-decoration: none;}
.button:active {position: relative;top: 1px;}
.medium {font-size: 150%; padding: .4em 1.5em .42em;}
.small {font-size: 100%; padding: .3em 1em .3em;}
.buy {font-size: 120%; padding: .5em 2em .5em; width: 120px;}
.buynew {font-size: 120%; line-height: 1.5; padding: .75em 2em .75em; width: 350px;}
.buymed {font-size: 100%; padding: .5em 2em .5em; width: 150px;border:none;}
.buymednew {font-size: 100%; padding: .5em 2em .5em; width: 200px;border:none;}
.prdbutton {display: inline-block;vertical-align: middle;margin: 5px;cursor: pointer;text-align: center;text-decoration: none; padding: 0.5em 1.5em 0.5em;line-height: 1.5em; font-weight: normal; width: 200px; font-size: 150%;text-transform:uppercase;}
.prdbutton:hover {text-decoration: none;}
.prdbutton:active {position: relative;top: 1px;}
a:link.button,
a:visited.button,
a:link.prdbutton,
a:visited.prdbutton {color: #ffffff;text-decoration: none;}
a:hover.button,
a:focus.button,
a:active.button,
a:hover.prdbutton,
a:focus.prdbutton,
a:active.prdbutton {color: #ffffff;text-decoration: none;}
/* background --------------------------------------------------- */
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
/* color styles ---------------------------------------------- */
/* orange */
.orange {color: #fef4e9; background: #f78d1d; }
.orange:hover {background: #f47c20; }
.orange:active {color: #fcd3a5;}
/* red */
.red {color: #faddde; background: #cf3106; }
.red:hover {background: #b52b05; }
.red:active {color: #cf3106; }
/* blue */
.blue {background: #41a9cf; color: #d9eef7;}
.blue:hover {background: #218eb6;}
.blue:active {color: #218eb6;}
/* green */
.green {background: #3C823C; color: #d9eef7;}
.green:hover  {background: #54a41f;}
.green:active  {color: #54a41f;}
/* hidden */
.greenhid {background: #ffffff; color: #d9eef7;}
.greenhid:hover  {background: #54a41f;}
.greenhid:active  {color: #54a41f;}
.err_msg{color: red;margin-top:15px;font-weight: bold;font-size: 14px;}
.info_msg{margin-top:15px;font-size: 14px; }
.wait_msg{margin-top:15px;display:none;}.btn_send {margin-bottom:10px;}
/* Custom Style */
.str {font-weight:bold;}
table.cont {background: #FFFFFF;width:100%;border:0px;border-collapse:collapse;}
table.cont tbody tr {background:#FFFFFF;}
table.cont tbody tr:hover {background:#F5F5F5;}
table.cont th {background: #FFFFFF;padding-left:10px;padding-bottom:15px;font-weight:bold;}
table.cont td {padding:10px; }

table.cont2 {background: #FFFFFF;width:100%;border:0px;border-collapse:collapse;}
table.cont2 tbody tr {background:#FFFFFF;}
table.cont2 tbody tr:hover {background:#F5F5F5;}
table.cont2 th {background: #FFFFFF;padding-left:10px;padding-bottom:15px;font-weight:bold;}
table.cont2 td {padding-bottom:10px;padding-top:10px;padding-left:0px;}

.orderitem {padding-bottom: 10px;}

.tooltip {outline:none;}
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:240px; line-height:16px;
}
.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

#menuh {
	text-transform: uppercase;
	width:100%;
	float:left;
}
		
#menuh a {
	font: normal 11px Verdana, Tahoma, Arial;
	height: 13px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	display: block;
	white-space:nowrap;
	margin:0;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: #44A9CE;		/* royal blue */
	/*border: 1px solid #44A9CE;*/
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: #218EB6;	/* cornflowerblue */
	/*border: 1px solid #218EB6; */
	text-decoration: underline;
	}	

#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	margin-top:0px;
	/*border-bottom:2px solid #218EB6;*/	
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	margin-top:0px;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:auto;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li {
    position: relative;
    min-height: 1px;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
}	
	
#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 0px;
	/*margin:-1em 0 0 -1em;*/
	margin-top:0px;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* New Contact Page */

.inf_block {width:265px; margin-right:50px; margin-bottom: 35px; float:left;}
.inf_block_400 {width:400px; margin-right:50px; margin-bottom: 35px; float:left;}
.min_height {min-height:480px;}
.min_height_450 {min-height:450px;}
.min_height_400 {min-height:400px;}
.min_height_350 {min-height:350px;}
.min_height_250 {min-height:250px;}
.width_900 {width:900px;}
.block_img {width:100%;text-align:left;}
.ul_contact {padding-inline-start: 15px;}
.boxshot_main {width:auto;height:241px;border:0;}
.additional_margin_top {margin-top:60px;}

/* End New Contact Page */

/* End CSS Drop Down Menu */

/* New header */

#nheader { background: #ffffff; border-bottom: 1px solid #cbcbcb; z-index: 999999; }
#nheader.default { position: relative; }
#nheader.fixed { position: fixed; top: 0; left: 0; }
#hidden-header { width: 100%; height: 80px; display: none; }
#logo { display: inline-block; width: 150px; height: 36px; background: url("//chemtable.ru/images/chemtable-logo-150px.png") no-repeat; }
.header-content { width: 980px; height: 80px; margin: 0 auto; padding: 22px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.header-content * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.header-block { float: left; }
.header-block.right { float: right; }
ul.main-menu, ul.main-menu ul { list-style: none; margin: 0; padding: 0; }
ul.main-menu { margin: 0 20px; }
.main-menu a { color: #218eb6; display: block; padding: 10px 15px; height: 100%; width: 100%; text-decoration: none; }
.main-menu a.parent { padding-right: 25px; }
.main-menu a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: #218eb6; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.main-menu a:hover:before, .main-menu a.active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }
.main-menu a:hover { color: #0c7198; background-color: #E5E5E5; }
.main-menu a.parent:after { content: ""; display: block; width: 10px; height: 5px; background: url("//chemtable.ru/images/arrows.png") no-repeat; background-position: 0 -5px; position: absolute; right: 10px; top: 19px; }
.main-menu li:hover a.parent:after { background-position: 0 0; }
.main-menu li { /*display: inline-block;*/ float: left; position: relative; padding: 0; margin: 0; z-index:9999;}
.main-menu ul { display: none; position: absolute; left: 0; top: 40px; width: 300px; }
.main-menu li:hover { background-color: #E5E5E5; }
.main-menu li:hover ul { display: block; background-color: #E5E5E5; }
.main-menu ul li { width: 100%; }
.social { /*display: inline-block;*/ float: left; margin: 8px 5px 0 0; width: 25px; height: 25px; background: url("//chemtable.ru/images/social-buttons-2.png") no-repeat; }
.social:last-of-type { margin-right: 0; }
.social.vk { background-position: 0 0; }
.social.fb { background-position: -25px 0; }
.social.tw { background-position: -50px 0; }
.social.em { background-position: -75px 0; }
.subscribes-count { background-color: #ffffff; border: 1px solid #cbcbcb; float: left; /*display: inline-block;*/ margin: 8px 0 0 0; height: 25px; padding: 1px 5px; border-left: none; color: #218eb6; }

.product-logo { width: 32px; height: 32px; float: left; margin: 5px 5px 0 0; cursor: pointer; }
.product-name { font-size: 20px; margin: 5px 0; display: inline-block; cursor: pointer; }
.download-button { display: none; background-color: #62bb46; color: #ffffff!important; padding: 7px 15px 7px 40px; width: 150px; text-align: center; font-size: 18px; height: 40px; float: left; position: relative; }
.download-button:hover { background-color: #54a41f; color: #ffffff; }
.download-button:before { content: ""; display: block; width: 20px; height: 20px; background: url("//chemtable.ru/images/download.png") no-repeat; position: absolute; z-index: 999999999; top: 10px; left: 15px; }
.back-to-main { display: block; float: left; width: 32px; height: 32px; background: url("//chemtable.ru/images/back.png") no-repeat; margin: 5px 10px 0 0; }

/* End New header */

/* New DD */

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999;}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{cursor: pointer; margin: 8px 0 0 30px; outline: none;}
.dd .divider{display: none;}
.dd .ddArrow{display: block; position: absolute; background: url("//chemtable.ru/images/arrows.png") no-repeat; background-position: 0 -5px; width: 10px; height: 7px; right: -23px; top: 10px;}
.dd .arrowon { background-position: 0 0; height: 5px; }
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddChild{border:1px solid #cbcbcb; background-color:#fff; left:-1px; width: 35px; height: 54px!important;top: 0!important;}
.dd .ddChild li{background-color:#fff; border-bottom:1px solid #cbcbcb; padding: 0;}
.dd .ddChild li:last-child { border-bottom: none; }
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#efefef}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}

/* End New DD */

/* Mobile Menu */

.mobile-menu {display: none; }

#mobilemenu_toggle {
  opacity: 0;
  border: 0px;
  padding: 0px;
  margin: 0px;
  width: 0px;
  height: 0px;
}

#mobilemenu_toggle:checked ~ .mobilemenu_btn > span {
  transform: rotate(45deg);
}
#mobilemenu_toggle:checked ~ .mobilemenu_btn > span::before {
  top: 0;
  transform: rotate(0);
}
#mobilemenu_toggle:checked ~ .mobilemenu_btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#mobilemenu_toggle:checked ~ .mobilemenu_box {
  visibility: visible;
  left: 0;
}

.mobilemenu_btn {
  display: flex;
  align-items: center;
  position: fixed;
  top: 20px;
  left: 20px;

  width: 26px;
  height: 26px;

  cursor: pointer;
  z-index: 999;
}

.mobilemenu_btn > span,
.mobilemenu_btn > span::before,
.mobilemenu_btn > span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 2px;

  background-color: #616161;

  transition-duration: .25s;
}
.mobilemenu_btn > span::before {
  content: '';
  top: -8px;
}
.mobilemenu_btn > span::after {
  content: '';
  top: 8px;
}

.mobilemenu_box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  left: -100%;

  width: 300px;
  height: 100%;

  margin: 0;
  padding: 80px 0;

  list-style: none;

  background-color: #ECEFF1;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);

  transition-duration: .25s;
}

.mobilemenu_item {
  display: block;
  padding: 12px 24px;

  color: #333;

  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;

  text-decoration: none;

  transition-duration: .25s;
}
.mobilemenu_item:hover {
  background-color: #CFD8DC;
}

@media screen and (max-width: 1023px) {

h1, h2, h3, h4 {font-weight: 500;}

#nheader {display: none;}
.mobile-menu {display: flex;}
	
#page {width: 90%; text-align:center; border:0; margin:0 auto 0 auto;}
#page_longtext {width: 90%; text-align:left; border:0; margin:0 auto 0 auto;}
.main_content {width: 90%; text-align:center; border:0; margin:0 auto 0 auto; clear:both;}
.long_text {text-align: left;}
.inf_block {width:100%; float:none; margin:0 0 35px 0;}
.inf_block_400 {width:100%; float:none; margin:0 0 35px 0;}
.min_height {min-height:250px;}
.block_img {width:100%; text-align:center;}
.ul_contact {padding-inline-start: 0px;}
.boxshot_main {width:auto;height:150px;border:0;}
.additional_margin_top {margin-top:25px;}

.left_block {float:none; width:100%; text-align:center;}
.right_block {float:none; width:100%; text-align:center;}

li {padding-bottom: 20px; padding-top: 5px;}

#footer {width: 100%; border-top: 1px solid #44a9ce; background-color: #f9f9f9; margin-bottom: 0px; margin-top: 0px; }
.widget_logo {width: 150px; text-align: center; margin: 25px auto 0 auto; }
.widget_footer {flex-basis: 100%; width: 100%; text-align: center; margin: 35px 0px 35px 0px; font-size: 0.85rem; }
.subwidget_footer {flex-basis: 100%; width: 100%; margin-right: 0px; margin-bottom: 30px; margin-left: 0px;}
.subwidget_copyright { text-align: center; margin-bottom: 30px; }
.widget_title {font-weight: bold;}
.footer_logo {background: url("//chemtable.ru/images/chemtable-logo-150px.png") no-repeat center center;}
.footer_links {width: 100%; text-align:center;}
.footer_infoblock {width:100%; margin: 0px auto 0px auto;border:0px;padding-top:25px;text-align:center; font-size:1rem;}
.footer_copyright {width:auto; clear: both; margin: 0px auto 0px auto; height:auto; border:0px; padding: 15px 0px 25px 0px; text-align:center; font-size:11px;}

}

@media screen and (max-width: 639px) {

	.prodtitle, .prodtitle2 {text-align:center;}
	
}

@media screen and (max-width: 479px) {

	.prodtitle, .prodtitle2 {text-align:center;}
	
}

/* === button === */

.btnDownload-container {
    display: flex;
    flex-direction: column;
    width: 265px;
    margin-left:auto;
    margin-right:auto;
}
#btnDownload {
    color:white;
    width: 265px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: row;
    gap: 1px;
    margin-top: 15px;
    margin-bottom: 3px;
}
.btnMain {
    padding: 15px;
    padding-left: 50px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 4px 0 0 4px;
    background: url('//chemtable.ru/images/download.png') #3C823C no-repeat center left 25px;
    cursor: pointer;
    flex: auto;
    color: white;
    text-decoration: none;
}
.btnMain:hover {
    color: white;
    text-decoration: none;
    background-color: #357035;
}
.btnMain:active {
    background-color: #357035;
}
.btnMain:visited {
    color: white;
}
.btnMain .secondtitle {
    font-size: 0.75rem;
    text-transform: uppercase;
}
.btnMain .maintitle {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
}
.btnDropdown {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 5px;
    margin-bottom: 5px;    
    text-align: center;
    width: 30px;
    border-radius: 0 4px 4px 0;
    background: url('//chemtable.ru/images/down.png') #3C823C no-repeat center center;
    cursor: pointer;
}
.btnDropdown:hover {
    background-color: #357035;
}
.mnuDropdown {
	border: 1px #CBCBCB solid;
    border-radius: 4px;
	background-color: #F9F9F9;
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: column;
	text-align: left;
    width: 265px;
    z-index: 999;
    padding: 5px;
	box-sizing: border-box;
    display: none;
}
.mnuDropdown .mnuDropdown-item {
	background-color:#F9F9F9;
    padding: 10px 15px 10px 15px;
    border-radius: 4px;
}
.mnuDropdown .mnuDropdown-item:not(:last-child) {
    margin-bottom:5px;
}
.mnuDropdown .mnuDropdown-item:hover {
	background-color: #F1F1F1;
}
.mnuDropdown-container {
    position: relative;
}
.visible {
    position:absolute;
    display: block;
}
.active {
    background-color: #357035;
}
.position {
	margin-left:auto;
    margin-right:auto;
}
.position-new {
	margin: 25px 0px 25px 0px;
}

@media screen and (max-width: 639px) {

.position-new {
	margin: 0 auto 0 auto;
}

}

@media screen and (max-width: 479px) {

.position-new {
	margin: 0 auto 0 auto;
}

}

/* === spoiler === */

.arrow { border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; margin-bottom:5px; margin-left: 5px; }
.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: -1; }
.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); z-index: -1; }
.spoiler-wrapper { margin-bottom: 35px; padding:0px; }
.spoiler a{ font-size: 1.0rem; border-bottom: #000000 dotted 1px; text-decoration: none; margin-left: 5px; }
.spoiler:hover { cursor: pointer; }
.spoiler-text { font-size: 1.0rem; background-color: #E9E9E9; margin-top:10px; padding: 15px; }

/* === columns === */

#columns { display: table; width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; }
#columns > div, #columns > noindex > div { display: table-cell; vertical-align: top; width: 650px; box-sizing: border-box; }
#columns > #right, #columns > noindex > #right { max-width: 300px; min-width: 300px; width: 300px; }
#columns > #main, #columns > noindex > #main { padding-right: 15px; }
#sblock { position: sticky; top: 10px; }

.box { display: flex; flex-wrap: wrap; justify-content:center; box-sizing: border-box; flex-direction: row;}
.box > * { flex: 1 1; }

.box > .center { text-align: center; }
.box > .vspace { padding: 25px; align-self: stretch; }
.box > .main { flex: 1 1 300px; }
.box > .triple { flex: 1 1 200px; }
.box > .featured {flex-basis: 100%;}
.box > .col { flex-direction: row; align-content: space-between; }
.box > .one { flex-grow: 1!important; }
.box > .two { flex-grow: 2!important; }
.box > .three { flex-grow: 3!important; }
.box > .centered {text-align:center;}

@media screen and (max-width: 1023px) {

.box > * { flex: 1 1; flex-basis: 450px; }
.box > .vspace { padding: 25px 0 25px 0; }

}

@media screen and (max-width: 639px) {

.box > * { flex: 1 1; flex-basis: 550px; }
.box > .vspace { padding: 25px 0 25px 0; }

}

@media screen and (max-width: 479px) {

.box > * { flex: 1 1; flex-basis: 280px; }
.box > .vspace { padding: 25px 0 25px 0; }

}

/* === cookieconsent === */

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
