/**
 * @copyright	Copyright (C) 2005 - 2016 Open Source Matters, Inc. All rights reserved.
 * @license	GNU General Public License version 2 or later; see LICENSE.txt
 */

body{
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
	padding: 0 !important;
	margin: 0 !important;
	background: white;
	margin: 0;
	font-size: 10pt;
	line-height: 18px;
}
.navbar {
	margin: 0 auto;
	width: 100px;
}

a.menu {
	cursor: pointer;
}

footer .container-fluid {
	padding: 15px;
}
div.mod-languages{
	margin-left: 10px !important;
}

div.mod-languages li {
	margin-right: 5px;
	margin-bottom: 3px;
}
div.mod-languages img {
	box-shadow: 0px 0px 2px;
}
.desktop-visible {
	display: flex;
}

.lang-block a {
	background: none !important;
}

.contact_mobile {
		background: #015687;
		text-align: center;
		display: -webkit-flex;
		-webkit-box-pack: justify;		
		-webkit-justify-content: space-between;
		display: flex;
		justify-content: space-between;
		text-align: justify;
		text-align-last: justify;
		width: 100%;
	}

.contact_mobile a {
		color: white;
		text-decoration: none;
	}	


.contact_mobile p {
		vertical-align: top;
		text-align: -webkit-center;
		display: inline-block;
		padding: 0 5px;
		margin: 5px;
	}

p.pull-right {
	float: right;

}

.container-fluid:after {
	clear: both;
}

.container-fluid:before, .container-fluid:after {
	display: table;
	content: "";
	line-height: 0;
}

hr {
	margin: 18px 0;
	border: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;
}
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

#documentation h3.uk-panel-title {
	text-align: center;
}

.uk-panel-teaser {
	margin-bottom: 0px !important;
}

img {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

.content p {
	margin: 0;
}

p {
	word-wrap: break-word;	
	margin: 0 0 9px;
}

.text-error {
	color: #c31513;
	font-size: 10pt;
}

.button_buy span{
	color: white;
}

#components .uk-grid-margin {
    margin-top: -35px !important;
}

.comp_panel img:hover {
    opacity: 0.5;
}
span.comp_cost:before{
	content: '$'
}

span.comp_cost {
    display: block;
    position: relative;
    float: right;
    text-align: right;
    font-size: 25pt;
    font-weight: bold;
    clear: both;
    color: white;
    top: -51px;
    padding-right: 10px;
}

span.comp_title {
    display: block;
    position: relative;
    float: right;
    text-align: right;
    font-size: 10pt;
    font-weight: bold;
    clear: both;
    color: white;
    top: -40px;
    padding-right: 10px;
}

/* checkbox animation*/
.form-label {
  cursor: pointer;
  color: #333;
}

.form-label > .label-text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; 
}

.form-label > input[type="checkbox"],
.form-label > input[type="radio"] {
  display: none;
}


.form-label > input[type="checkbox"] + .label-text:before {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  width: 1em;
  display: inline-block;
  margin-right: 5px;  
}

/* Checkbox */
.form-label > input[type="checkbox"] + .label-text:before { 
	content: "\f096";
    font-size: 22pt;
    float: right;
    margin-right: 20px;
    position: relative;
    display: inline;
    z-index: 100;
    /* width: 100%; */
    top: 31px;
    right: -18px;
}
.form-label > input[type="checkbox"]:checked + .label-text:before {
  content: "\f14a";
  -webkit-animation: tick .2s ease-in-out;
          animation: tick .2s ease-in-out;
}

/* Keyframes */
@-webkit-keyframes tick {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  90% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes tick {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  90% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* MENU  */
ul#MAINMENU {
 		text-align: center;
 		display: -webkit-box; 
 		-webkit-box-pack: justify; 
 		display: -webkit-flex;
 		-webkit-justify-content: space-between;
 		display: flex;justify-content: space-between;text-align: justify;
 		text-align-last: justify;
 		height: 76px;
 		padding: 0px 40px;
 		margin: 0;
        /*text-justify: newspaper; /* IE7- *//*zoom: 1; /* IE7- */}

ul#MAINMENU li {
				display: inline-block;
				font-size: 1.1em;
				font-weight:  700;
				padding: 0 10px;
				color: #333333;
				vertical-align: top;
				text-align: -webkit-center;
				display: -webkit-box;
				/*display: inline;  /* IE7- */
				/*zoom: 1; /* IE7- */
				text-transform:  uppercase;
				height: 80px;
}
			

ul#MAINMENU li a {
	color: #333333;
	line-height: 85px;
	text-decoration: none;}


ul#MAINMENU li:hover a, ul#MAINMENU li.active a {
	text-decoration:none;
	color:white ;
}

.text-error a {
	text-decoration: underline;
	font-weight: bold;
	color: #b94a48;
}

.text-info {
	color: white;
	background: #a64541cc;
	padding: 5px 15px;
	border-radius: 8px;
	clear: both;
	float: left;
}

.banner1 {
	top: -5px;
	display: block;
	position: relative;
}

/* BLOCK style  */

.Specification {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

.Specification td, .Specification th {
	border: 1px solid #c8d7e0;
	padding: 5px;
}

.Specification tr:nth-child(even){background-color: #f2f2f2;}

.Specification tr:hover {background-color: #fff0b4;}

.Block_name.tube {
	background: #c94b44;
	color: white;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: -28px;
	-webkit-clip-path: polygon(100% 0, 100% 0%, calc(100% - 40px) 100%, 0 100%, 40px 0);
	clip-path: polygon(100% 0, 100% 0%,  calc(100% - 40px) 100%, 0 100%, 40px 0);
}

.Block_name.tube span{
	color: white;
}

.Block_name {
	float: left;
	padding: 12px 57px 8px 20px;
	-webkit-clip-path: polygon( 100% 0%, calc(100% - 40px) 100%, 0 100%, 0 0);
	clip-path: polygon( 100% 0%, calc(100% - 40px) 100%, 0 100%, 0 0);
}

.Block_name h2 {
	font-size: 36pt;
	font-weight: 700;
	color: #333333;
	position: relative;
	margin: 0;
	line-height: 30pt;
	float: left;
}

.Block_name h2 span {
	font-size: 14pt;
	font-weight: 400;
	display: block;
	font-style: italic;
	line-height: 10pt;
}

.icon {
	float: right;
	display: block;
	padding-left: 30px;
}
.icon img {
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
}
.icon span {
	display: block;
	position: relative;
	clear: both;
	font-style: italic;
}

.grey_text {
	color: #8c8c8c;
	padding-left: 20px;
}

/* Shine */
.button_opt::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.button_opt:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.button_opt {	
	position: relative;
	margin: 0;
	display: block;
	float: left;
	color: white;
	padding: 10px 20px;
	font-size: 10pt;
	text-align: center;
	margin-right: 10px;
	overflow: hidden;
}
.button_opt i {
	clear: both;
	display: block;
	font-size: 18pt;
}
.button_opt span {
	clear: both;
	font-size: 8pt;
	display: block;
	line-height: 3pt;
}

a.none {
	text-decoration: none !important;
}

.button_buy {
	position: relative;
	font-weight: bold;
	display: table;
	line-height: 50pt;
	color: #333333;
	font-size: 20pt;
	text-align: center;
	margin-right: 10px;
	-webkit-clip-path: polygon(100% 0, 100% 0%, calc(100% - 40px) 100%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% 0%, calc(100% - 40px) 100%, 0 100%, 0 0);	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	text-decoration: none !important;
}
.button_buy i {
	font-size: 20pt;
	line-height: 11px;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 11px 0 20px;
}
.button_buy span {
	font-size: 30pt;
	padding: 0 35px;
	float: right;
	margin: 0 25px 0 10px;
	-webkit-clip-path: polygon(100% 0, 100% 0%, calc(100% - 40px) 100%, 0 100%, 40px 0);
	clip-path: polygon(100% 0, 100% 0%, calc(100% - 40px) 100%, 0 100%, 40px 0);
}

table.instr {
	width: 100%;
	font-size: 12pt;
}

.instr tr {
	border-bottom: 1px dotted #9db7c5;
}

.instr td {
	padding-top: 10px;
}

/* HEADER NORM  */
				
header {
    position: relative;	
    -webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
	z-index: 1000;
}

.logo {
	    float: left;
	    padding: 0px 20px;
	    width: 135px;
	    height: 94px;
	    margin-right: 20px;
	    -webkit-clip-path: polygon(100% 0, 100% calc(100% - 35px), 140px 100%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% calc(100% - 35px), 140px 100%, 0 100%, 0 0);
}
.header-tel {
	float: right;
	margin-top: 25px;
	margin-left: 20px;
	line-height: 2px;
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
}
.header-tel a {
	text-decoration: none;
}
.header-tel p {
	margin: 0;
	line-height: 15px;
}


.mobile-visible, .navbar{
	display: none;
}

.logo, .logo img, .site-title, .site-description,ul#MAINMENU li,  ul#MAINMENU li a, .header-tel, .header-tel a { 
/* Плавное изменение CSS свойств */          
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.logo img {
	max-width: 140px;
	padding-top: 15px;
}

.site-description {
	line-height: 13px;
	padding-top: 3px;
}

/* HEADER STICKY  */

header.sticky {
	position: fixed;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
	height: 35px;
	font-size: 1em;
	line-height: 9px;
}

header.sticky .logo {
	float: left;
	padding: 0px 20px;
	width: 185px;
	height: 43px;
	margin-right: 20px;
	-webkit-clip-path: polygon(100% 0, 100% calc(100% - 20px), 205px 100%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 100% calc(100% - 20px), 205px 100%, 0 100%, 0 0);
}

header.sticky .logo img {
	max-width: 85px;
	padding-top: 5px;
}

header.sticky .site-title {
	font-size: 32px;
	line-height: 9px;
	font-weight: bold;
}

header.sticky .site-description {
	font-size: 11px;
	padding-top: 0px;
}


header.sticky ul#MAINMENU li a {
	line-height: 37px;
	text-decoration: none;
}

header.sticky ul#MAINMENU li {
	height: 30px;
}

header.sticky .header-tel {
	margin-top: 3px;
	font-size: 10pt;
}
header.sticky .header-tel a{
	text-decoration: none;
}


footer .mid-align {
	padding: 10px 0;
}

footer{
	color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 9px 0;
	font-family: inherit;
	line-height: 18px;
	color: inherit;
	text-rendering: auto;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	line-height: 1;
	color: #999;
}
h1,
h2,
h1 {
	font-size: 28px;
	margin: 0 auto 20px;
	display: table;
	position:  relative;
	line-height: 30px;
}
h2 {
	font-size: 29.25px;
}

h4 {
	font-size: 16.25px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 11.05px;
}
h1 small {
	font-size: 22.75px;
}
h2 small {
	font-size: 16.25px;
}
h4 small {
	font-size: 13px;
}

h3 {
	font-size: 13pt;
	margin-top: 10px;
	margin-bottom: 0px;
}

header {margin: 0 auto;}

blockquote p {
    margin-bottom: 0;
    font-weight: 700;
    color: #464843;
    font-style: italic;
    line-height: 1.25;

    margin-right: 40px;
}

blockquote {
    padding: 0 0 0 100px;
    margin: 20px;
}

.header {
    height: 85px;
    border-bottom: 4px solid #fff;
}

.nav > li > a:hover, .nav > li > a:focus {

}