/*
Century Gothic: normal italic bold bold-italic
Calama: normal
Droid: normal

yellow #f56400
dark grey #000
*/

/*
font-family: 'Century Gothic', sans-serif; 
font-family: 'Calama', sans-serif;
font-family: 'Droid', sans-serif;
*/




@font-face {
  font-family: "Calama";
  src: url("../fonts/Calama.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Calama.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Calama.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Calama.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Calama.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Droid";
  src: url("../fonts/DroidSans.eot"); /* IE9 Compat Modes */
  src: url("../fonts/DroidSans.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/DroidSans.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/DroidSans.woff") format("woff"), /* Modern Browsers */
    url("../fonts/DroidSans.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic.eot");
    src: local("../fonts/Century Gothic"), local("../fonts/CenturyGothic"),
        url("../fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/CenturyGothic.woff2") format("woff2"),
        url("../fonts/CenturyGothic.woff") format("woff"),
        url("../fonts/CenturyGothic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic-Bold.eot");
    src: local("../fonts/Century Gothic Bold"), local("../fonts/CenturyGothic-Bold"),
        url("../fonts/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/CenturyGothic-Bold.woff2") format("woff2"),
        url("../fonts/CenturyGothic-Bold.woff") format("woff"),
        url("../fonts/CenturyGothic-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic-BoldItalic.eot");
    src: local("../fonts/Century Gothic Bold Italic"), local("../fonts/CenturyGothic-BoldItalic"),
        url("../fonts/CenturyGothic-BoldItalic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/CenturyGothic-BoldItalic.woff2") format("woff2"),
        url("../fonts/CenturyGothic-BoldItalic.woff") format("woff"),
        url("../fonts/CenturyGothic-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic-Italic.eot");
    src: local("../fonts/Century Gothic Italic"), local("../fonts/CenturyGothic-Italic"),
        url("../fonts/CenturyGothic-Italic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/CenturyGothic-Italic.woff2") format("woff2"),
        url("../fonts/CenturyGothic-Italic.woff") format("woff"),
        url("../fonts/CenturyGothic-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}








html {	
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	line-height: 150%;
	height: 100%;
    font-size: 14px;
}

body {
	margin: 0;
	padding:0;
    font-family: 'Century Gothic', sans-serif; 
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	outline: inherit;
	font-size: inherit;
	line-height: inherit;
	-webkit-touch-callout: none;
	font-family: inherit;
    border:0;
    padding:0;
}


.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}




article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

b,
strong {
	font-weight: bold;
}




sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	max-width: 100%;
}

svg:not(:root) {
	overflow: hidden;
}

hr {
	height: 0;
}

pre {
	overflow: auto;
}

.button,
.btn,
button,
submit,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	text-decoration: none !important;
	  -webkit-touch-callout: none;
		-webkit-user-select: none;
		 -khtml-user-select: none;
		   -moz-user-select: none;
			-ms-user-select: none;
				user-select: none;
	cursor:pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}


input[placeholder]          {text-overflow:ellipsis;}
::-webkit-input-placeholder {color:#aaa; text-overflow:ellipsis;}
::-moz-placeholder          {color:#aaa; text-overflow:ellipsis;}
:-moz-placeholder           {color:#aaa; text-overflow:ellipsis;}
:-ms-input-placeholder      {color:#aaa; text-overflow:ellipsis;}
 

:focus::-webkit-input-placeholder   {color: transparent}
:focus::-moz-placeholder            {color: transparent}
:focus:-moz-placeholder             {color: transparent}
:focus:-ms-input-placeholder        {color: transparent}


fieldset {
	margin: 0;
	
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
    table-layout: fixed;
}

td,
th {
	padding: 0;
}

p {
	line-height: inherit;
	margin:0 0 20px 0;
	
}





.show {
	display: block;
}


.clr,
.adg_inc:after,
#menu_top > ul:after,
.breadcrumb:after,
.blog .items-row:after,
.blog .items-row > div:after,
div.news-view > div:after,
div.news-view > div  > div:after,
div.products-view > div:after,
div.products-view > div > div:after,
div.gallery-view > div:after,
div.gallery-view > div > div:after,
div.readmore:after,
ul.sigProResponsive:after,
ul.sigProResponsive:before,
.guestbook h5:after,
#system-message:after,
.btn-toolbar:after,
.footer_inside:after,
.control-group:after,
.search-results .result-text:after,
.table_block td:after,
.news-block > div:after,
.mod-languages > div:after,
.page-header:after {
	content:'';
	display:block;
	clear: both;
}



/* System Messages */
#system-message {
	margin-bottom: 10px;
	padding: 0;
}

#system-message > dt {
	font-weight: bold;
	display: none;
}

#system-message > dd {
	margin: 0;
	font-weight: bold;
	text-indent: 30px;
}

#system-message > dd > ul {
	color: #0055BB;
	background-position: 4px top;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	list-style: none;
	padding: 10px;
	border-top: 3px solid #84A7DB;
	border-bottom: 3px solid #84A7DB;
}

#system-message > dd > ul > li {
	line-height: 1.5em;
}

#system-message > .message > ul {
	background-color: #C3D2E5;
	background-image: url(../images/notice-info.png);
}

#system-message > .error > ul,
#system-message > .warning > ul,
#system-message > .notice > ul {
	color: #c00;
}

#system-message > .error > ul {
	background-color: #E6C0C0;
	background-image: url(../images/notice-alert.png);
	border-color: #DE7A7B;
}

#system-message > .warning > ul {
	background-color: #E6C8A6;
	background-image: url(../images/notice-note.png);
	border-color: #FFBB00;
}

#system-message > .notice > ul {
	background-color: #EFE7B8;
	background-image: url(../images/notice-note.png);
	border-color: #F0DC7E;
}

.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	text-decoration: underline;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}

/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../../system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../../system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore,
.button2-left .article {
	background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

.button2-left .blank {
	background: url(../../system/images/j_button2_blank.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index:13000;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
/* Caption fixes */
.img_caption .left {
        float: left;
        margin-right: 1em;
}

.img_caption .right {
        float: right;
        margin-left: 1em;
}

.img_caption .left p {
        clear: left;
        text-align: center;
}

.img_caption .right p {
        clear: right;
        text-align: center;
}

.img_caption  {
	text-align: center!important;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}


/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}







/**************************************************
!!! DROPDOWN
***************************************************/
.dropdown {
	position: relative;
	z-index: 4;
}

.dropdown-button {
	position: relative;
	display: block;
	cursor: pointer;
	border: 0;
	margin: 0;
	padding: 0;
	white-space: nowrap;
    background: transparent;
}

.dropdown-button:after {
	content:'';
	clear: both;
	display: block;
}

.dropdown-button > span {
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
}


.dropdown-button > b {
	display: inline-block;
	margin:0 5px 0 0;
	line-height: 30px;
	vertical-align: middle;
	
}

.dropdown-button > b + span {
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
}

.dropdown-content {
	z-index: 50;
	display: none;
	position: absolute;
	top: 30px;
	right: 0px;
	min-width: 100%;
	padding: 10px 0 0 0;
}

.dropdown-content:before {
	display: block;
	content: '';
	position: absolute;
	right: 9px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #f56400 transparent;
}

/**************************************************
!!! DEFAULTS
***************************************************/
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	border:1px solid #777;
	padding:4px 10px;
	line-height: 20px;
	width:100%;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border:1px solid #7fc700;
}


input[type="text"].invalid,
input[type="password"].invalid,
input[type="email"].invalid,
textarea.invalid {
	border:1px solid #dd2a1b;
}

label {
	display:inline-block;
	margin:0 0 10px 0;
	color:#777;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin:0;
    
    line-height: 100%;
    font-weight: normal;
}

h1 {font-size:28px;line-height: 28px;}
h2 {font-size:28px;line-height: 28px;}
h3 {font-size:22px;line-height: 22px;}
h4 {font-size:16px;line-height: 20px;}
h5 {font-size:14px;line-height: 20px;}
h6 {font-size:12px;line-height: 20px;}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {color: inherit !important;}


h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
    color:inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color:#f56400;
}

.fullwidth h1,
.fullwidth h2,
.fullwidth h3,
.fullwidth h4,
.fullwidth h5,
.fullwidth h6 {
    text-align: center;
}




.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0;
	height:0;
	overflow:hidden;
}

.video iframe, .video object, .video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*****************************************************************
!!! MYICO
*****************************************************************/
.myico,
.pagination .pagination-start span,
.pagination .pagination-end span,
.pagination .pagination-prev span,
.pagination .pagination-next span,
.pagination .pagination-start a,
.pagination .pagination-end a,
.pagination .pagination-prev a,
.pagination .pagination-next a,
.slicknav_arrow:after,
#roksearch_link,
#roksearch_search_str:after {
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	background: url("../images/icons.svg") 0 0 no-repeat;
    background-size: 1810px 120px;
}

.slicknav_arrow:after {
  background-position: -455px -65px;  
}

.ico-phones {
	background-position: -365px -5px;
}

.ico-home {
	background-position: -35px -5px;
}

.ico-toggler {
	background-position: -455px -5px;
}

.ico-showmore {
    width:30px;
    height: 30px;
   background-position: -480px -0px; 
}

.ico-search {
	background-position: -785px -35px;
}

.dropdown-button .ico-search {
	background-position: -785px -5px;
}

.loading + .ico-search {
	background-position: -905px -35px;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}


.ico-language {
    width:30px;
    height: 30px;
}

.ico-language.en {

	background-position: -540px 0px;
}
.ico-language.uk {
	background-position: -510px 0px;
}


.lang-active .ico-language.en {
	background-position: -540px -30px;
}
.lang-active .ico-language.uk {
	background-position: -510px -30px;
}

.ico-next,
.ico-prev {
	background-position: -480px -60px;
    transform: rotate(-90deg);
    width:30px;
    height: 30px;
}

.ico-next,
.ico-prev {
	background-position: -480px -60px;
    transform: rotate(-90deg);
    width:30px;
    height: 30px;
}

.ico-prev {
    transform: rotate(90deg);
}

.ico-nav-m {
    background-position: -420px -30px;
}

.ico-nav-m-close {
    background-position: -870px -0px;
}

.ico-nav-m-close {
    background-position: -870px -0px;
}






.ico-our-team,
.ico-quality,
.ico-innovation,
.ico-automatisation,
.ico-optimal,
.ico-flexible {
    width:90px;
    height: 90px;
    background-size: 5430px 360px;
}




.ico-our-team {
    background-position: -3420px -90px;
}
.ico-quality {
    background-position: -3060px -90px;
}
.ico-innovation {
    background-position: -3330px -90px;
}
.ico-automatisation {
    background-position: -3150px -90px;
}
.ico-optimal {
    background-position: -2970px -90px;
}

.ico-flexible {
    background-position: -3240px -90px;
}






/* ##########################  tooltip  ########################### */
.tooltip {
	position: absolute;
	z-index: 103000;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 150%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	background-color: #000;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
.element-invisible {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
#filter-search {
	vertical-align: top;
}
.input-mini {
	width: 60px;
}

/* ##########################  popover  ########################### */
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #7fc700;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	white-space: normal;
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	margin: 0;
	padding: 5px 20px;
	font-size: 14px;
	font-weight: bold;
}
.popover-title:empty {
	display: none;
}
.popover-content {
	padding: 5px 20px;
	min-height: 33px;
}
.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {
	border-width: 11px;
}
.popover .arrow:after {
	border-width: 10px;
	content: "";
}
.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #7fc700;
	bottom: -11px;
}
.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}
.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #7fc700;
}
.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}
.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	top: -11px;
}
.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #7fc700;
}
.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}


/******************* SYSTEM MESSAGES ****************************/
#system-message {margin:0 0 40px 0 !important;}
#system-message .alert {
	background: #fff;
	padding:10px 20px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	font-size: 18px;
	line-height: 24px;
	text-align: left;
	position: relative;
	margin:0 0 20px 0;
	border-radius: 20px;
	border:1px solid #000;
}

#system-message .alert:last-child {
	margin-bottom:0 !important;
}

#system-message .close {
	display:block;
	position: absolute;
	right:10px;
	top:10px;
	width:20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	
	background: #dd2a1b;
	text-decoration: none;
	color:#fff;
	border-radius: 10px;
	cursor:pointer;
	box-shadow:0 3px 5px rgba(0,0,0,0.3);
}
#system-message .close:hover {
	text-decoration: none;
	color:#fff;
	opacity:0.7;
	box-shadow:0 1px 3px rgba(0,0,0,0.3);
}

#system-message .alert h4 {
	margin:0 0 10px 0;
	
	line-height: 20px;
	font-size: 18px;
	color:inherit;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

#system-message .alert-message {
	padding:9px 0 0 0;
	border-top:1px dashed #efefef;
	color:#000;
}

.alert-success {
	color:#7fc700;
	border:1px solid #7fc700 !important;
}

.alert-error,
.alert-danger {
	color:#dd2a1b;
	border:1px solid #dd2a1b !important;
}


html {
	overflow-y: scroll;
}

body {
	position:relative;
	height: auto;
	min-height: 100%;
}

.adg_inc {
	position: relative;
}

/**************************************************************
***************************************************************
MAIN
***************************************************************
**************************************************************/

#adg_main > .adg_inc {
	display:table;
	table-layout: fixed;
    font-size: 14px;
    line-height: 20px;
}

#adg_main > .adg_inc > div {
	display:table-cell;
	width:100%;
	vertical-align: top;
}

#adg_main #adg_main_left {
	padding:20px 20px;
}

#adg_main #adg_main_right {
	padding:20px 20px;
}

#adg_main #adg_main_center {
	
	max-width: 100% !important;
}


/**************************************************************
***************************************************************
BOTTOM
***************************************************************
**************************************************************/
#adg_bottom {
	background:#efefef;
	font-size: 14px;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	
}
#adg_bottom .adg_inc {	
	padding-top:40px;
	padding-bottom:0;
}

#adg_bottom_2 {
	background: #aaa;
	border-top:1px solid #7fc700;
}


#adg_footer_s {
	position:relative;
	height: 215px;
}

#adg_footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:#000;
	color:#fff;
}
#adg_footer .adg_inc {
	position:relative;
	padding-top:20px;
    padding-bottom:    10px;
}
.footer_inside {
	display: block;
    position: absolute;
    left:180px;
    right:20px;
    bottom:10px;
	color:#999;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    text-align: right;
    
}
.footer_inside a {
	text-decoration:none !important;
	color:inherit !important;
}

/**************************************************************
***************************************************************
LANGUAGE
***************************************************************
**************************************************************/
.mod-languages {
	position: absolute;
    bottom:95px;
    right:30px;
    margin:0;
}
.mod-languages ul,
.mod-languages a {
	display:block;
	margin:0;
	
	list-style:none;
	position: relative;
	text-decoration: none;
}


.mod-languages a {
    float: left;
    margin:0 0 0 5px;
}







/**************************************************************
***************************************************************
HEADER
***************************************************************
**************************************************************/
#adg_head {
	position:relative;
    background: #fff;
    width:100%;
    z-index: 20;
    
    border-bottom:2px solid #000;
}
#adg_head .adg_inc {
    position:relative;
    padding-top:20px;
    padding-bottom: 20px;
}


#adg_head.fixed-header {
    position:fixed;
    top:0;
    left:0;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

#adg_head.fixed-header .adg_inc {
    position:relative;
    padding-top:10px;
    padding-bottom: 10px;
}

#adg_head.fixed-header + #adg_bc,
#adg_head.fixed-header + #adg_slider_top {
    margin-top:135px;
}


/**************************************************************
***************************************************************
LOGO
***************************************************************
**************************************************************/
#logo {
	display:block;
    width:250px;
    height: 95px;
	
	border: 0;
    margin: 0;
    background: url("../images/logo-500-190.svg") 0 0 no-repeat;
    background-size: 250px 95px;
}

.fixed-header #logo {
    width:175px;
    height: 40px;
    background: url("../images/logo-175-40.svg") 0 0 no-repeat;
    background-size: 175px 40px;
}


/**************************************************************
***************************************************************
adress
***************************************************************
**************************************************************/
.drop_phones {
    display:none;
	position:absolute;
	right:45px;
    top:5px;
	z-index: 4;
	margin:0;
}

.drop_phones .dropdown-button {
}

.drop_phones .dropdown-content {
    right:-40px;
}

.drop_phones .dropdown-content > div {
    display:block;
    border:1px solid #f56400;
    padding:10px 20px 0 20px;
    background: #050505;
    color:#f56400;
}
.drop_phones a {
    display:block;
    line-height: 20px;
    font-size: 16px;
    white-space: nowrap;
    margin:0 0 10px 0;
}
.drop_phones .dropdown-content span {
    display:none;
}

.drop_phones .dropdown-content:before {
    right:47px;
}


.phones {
    position: absolute;
    right:100px;
    top:10px;
    line-height: 16px;
    font-size: 16px;
    color:#f56400;    
}
.phones span {
    display:none;
}
.phones a {
    color:#f56400;
    display:block;
    float: none;
    margin:0 0 4px 0;
    cursor:pointer;
}

.phones a:hover {
    color:#fff;
}

.sb-top {
    position:absolute;
    top:15px;
    right:20px;
}

.sb-top a {
    display:block;
    float: right;
    width:24px;
    height: 24px;
    overflow: hidden;
    margin:0 0 0 13px;
}
.sb-top a img {
    display:block;
    margin:0;
    
}

/***********************************************************
!!! HEADER SEARCH
***********************************************************/

.drop_search {
    display:block;
    bottom:100px;
    right:120px;
	position:absolute;
	z-index: 4;
	margin:0;
}

.drop_search .dropdown-button {
}

.drop_search .dropdown-content {
	position: absolute;
	top: -5px;
	right: 0px;
	padding: 0;
    width: 280px;
    background: #fff;
}
.drop_search .dropdown-content div,
.drop_search .dropdown-content form {
	margin: 0;
	padding: 0;
	background: none;
}

.drop_search .dropdown-content:before {
    display:none;
}






.search input[placeholder]          {text-overflow:ellipsis;}
.search ::-webkit-input-placeholder {color:#aaa; text-overflow:ellipsis;}
.search ::-moz-placeholder          {color:#aaa; text-overflow:ellipsis;}
.search :-moz-placeholder           {color:#aaa; text-overflow:ellipsis;}
.search :-ms-input-placeholder      {color:#aaa; text-overflow:ellipsis;}
 

.search :focus::-webkit-input-placeholder   {color: transparent}
.search :focus::-moz-placeholder            {color: transparent}
.search :focus:-moz-placeholder             {color: transparent}
.search :focus:-ms-input-placeholder        {color: transparent}


#roksearch_search_str[placeholder]                  {text-overflow:ellipsis;}
#roksearch_search_str::-webkit-input-placeholder    {color:#aaa; text-overflow:ellipsis;}
#roksearch_search_str::-moz-placeholder             {color:#aaa; text-overflow:ellipsis;}
#roksearch_search_str:-moz-placeholder              {color:#aaa; text-overflow:ellipsis;}
#roksearch_search_str:-ms-input-placeholder         {color:#aaa; text-overflow:ellipsis;}

#roksearch_search_str:focus::-webkit-input-placeholder   {color: transparent}
#roksearch_search_str:focus::-moz-placeholder            {color: transparent}
#roksearch_search_str:focus:-moz-placeholder             {color: transparent}
#roksearch_search_str:focus:-ms-input-placeholder        {color: transparent}

#roksearch_search_str {
    padding: 0;
    border: 0;
    margin: 0 30px 0 0;
    width:calc(100% - 30px);
    background-color:transparent;
    border-bottom: 2px solid #f56400;
    line-height: 28px;
    font-size: 14px;
    position: relative;
    display: block;
}

#roksearch_search_str + .myico {
    position: absolute;
    right:0;
    top:5px;
}

#roksearch_results {
    z-index: 10000;
    position: absolute;
    width:calc(100% - 40px);
    left:20px;
    margin-top: 10px;
    mergin-right:-100px;
    text-align: left;
    visibility: hidden;
    border:2px solid #000;
    line-height: 20px;
    font-size: 14px;
    background: #fff;
    border-radius: 5px;
    
}

#roksearch_results .container-wrapper {overflow: hidden;}

.roksearch_header {
    margin: 0 30px 0 0;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    padding: 0 0 0 10px;
    color:#000;
}

#roksearch_results #roksearch_link {
    background-position: -875px -35px;
    position: absolute;
    right:5px;top:5px;
}

#roksearch_results a,
#roksearch_results a:visited {
    color:#000;
    text-decoration: none;
}

#roksearch_results a:hover {
    text-decoration: none;
    color:#333;
}




#roksearch_results h3 {
    margin: 0;
    padding:10px 10px;
    height: auto;
    font-size: 14px; 
    line-height: 20px;
    color:#000;
    font-weight: bold;
}

#roksearch_results span {
    display: block;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    padding:0 10px 10px 10px;
}

#roksearch_results span.highlight {
    display: inline;
    
}









#roksearch_results .roksearch_odd {background: none;}
#roksearch_results .roksearch_even {background: none;}
#roksearch_results .roksearch_odd-hover *, 
#roksearch_results .roksearch_even-hover * {color:#f56400;}



#roksearch_results .rokajaxsearch-overlay {background-color: #fff;}


#roksearch_results a.viewall {
    display:block;
}

#roksearch_results a.viewall span,
#roksearch_results a span.advanced-search {
    display:block;
    text-align: center;
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    background: #f56400;
    padding:10px;
}



/******************************************
Search page
*******************************************/
.search .btn-toolbar .btn-group {
	width:calc(100% - 100px);
	float: left;
}
.search .btn-toolbar .btn-group:nth-child(2n) {
	width:100px;
}
.search .btn-toolbar .btn-group .btn {display:block;height:40px;line-height: 36px; width:100px !important;  text-align: center;border-radius:0 20px 20px 0;}
.search .btn-toolbar .btn-group input[type="text"] {height:40px;line-height: 30px; padding:5px 10px 5px 20px; border-radius:20px 0 0 20px; border-right:0;}

.search-results dl,
.search-results dt,
.search-results dd {
	display:block;
	position:relative;
	
	margin:0;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}

.search-results .result-title {
	margin:0 0 20px 0;
	font-size: 18px;
}
.search-results .item-image {
	float:left;
	margin:0 20px 0 0;
}

.search-results .result-text {
	color:#777;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #efefef;
}

.search-results .result-category {
	display:none;
}

.searchintro p {
	text-align:center;
	padding:20px 0 0 0;
}

/**************************************************************
***************************************************************
MENU TOP
***************************************************************
**************************************************************/
.slicknav_menu {
	display: none !important;
}

#menu_top {
	display: block;
	position:absolute;
    bottom:-2px;
    right:10px;
    max-width: calc(100% - 310px);

}
#menu_top ul,
#menu_top li {
	display:block;
	margin:0;
	
	list-style: none;
	line-height: inherit;
	font-size: inherit;
	position:relative;
}
#menu_top > ul {
	position: relative;
	width:100%;
	font-size: 0.1px;
	text-align: left;
	
}
#menu_top > ul > li {
	display:block;
    float: left;
	position: relative;
	text-align: left;
}



#menu_top a {
    display: block;
	position: relative;
    text-decoration: none;
}

#menu_top a > span {
    display: block;
}

#menu_top a:hover {
	text-decoration: none;
}
	

/* LVL 1 LINKS */
#menu_top > ul > li {
    position: relative;
}
#menu_top > ul > li:after {

}
#menu_top > ul > li > a {
    display:block;
    float: left;
    color:#000;
    padding:20px 20px 22px 20px;
    font-size: 18px;
    line-height: 20px;
    position: relative;
}



#menu_top > ul > li:hover > a,
#menu_top > ul > li:focus > a {
    color:#f56400;
}

#menu_top > ul > li.active > a {
    color:#f56400;
}

#menu_top > ul > li > a:after {
    display:block;
    content: '';
    position: absolute;
    bottom:0px;
    left:20px;
    right:20px;
    width:calc(100% -40px);
    height: 2px;
    background: transparent;
    border-radius: 1px;
}

#menu_top > ul > li.active > a:after {
    background: #f56400;
}

#menu_top > ul > li:hover > a:after,
#menu_top > ul > li:focus > a:after {
    background: #f56400;
}




#menu_top > ul > li > a span:before {

}

#menu_top > ul > li.active > a span:before,
#menu_top > ul > li:focus > a span:before,
#menu_top > ul > li:hover > a span:before {

}

/* LVL 1 LINKS */


/* LVL 2 LINKS */
#menu_top > ul > li > ul {
    display:block;
    position: absolute; 
    left:0;
    top:60px;
    padding:0 10px;
    background: #000;
    border-radius: 0 0 5px 5px;
    
  -webkit-transition: max-height 400ms; 
  -moz-transition: max-height 400ms;
  -ms-transition: max-height 400ms; 
  -o-transition: max-height 400ms; 
  transition: max-height 400ms; 
  overflow: hidden;
  max-height: 0;
}

#menu_top > ul > li > ul:before {
    display:block;
    content: '';
    height: 2px;
    background: #f56400;
    position: absolute;
    width:100%;
    left:0;
    top:0;
    right:0;
}


#menu_top > ul > li:hover > ul {
    max-height: 200px;
}

#menu_top > ul ul > li:first-child {
    margin-top:10px;
}

#menu_top > ul ul > li:last-child {
    margin-bottom:10px;
}

#menu_top > ul > li > ul > li > a {
    color:#fff;
    font-size: 14px;
    line-height: 20px;
    padding:5px 10px;
    white-space: nowrap;
    border-radius: 3px;
    position: relative;
}

#menu_top > ul > li > ul > li.active > a:after {
    content: '';
    display: block;
    position: absolute;
    left:-2px;
    top:50%;
    margin-top:-2px;
    height: 4px;
    width:4px;
    background: #fff;
    border-radius: 50%;
}

#menu_top > ul > li > ul > li.active > a {
    color:#fff;
}

#menu_top > ul > li > ul > li:hover > a,
#menu_top > ul > li > ul > li:focus > a {
    background: #f56400;
    color:#fff;
}


#menu_top > ul > li > ul > li.active:hover > a:after,
#menu_top > ul > li > ul > li.active:focus > a:after {
    opacity: 0;
}



#menu_top > ul > li > ul > li.parent > a span {

}

/* LVL 2 LINKS */

/* LVL 3 LINKS */
#menu_top > ul > li > ul > li > ul > li > a {

}
#menu_top > ul > li > ul > li > ul > li.active > a,
#menu_top > ul > li > ul > li > ul > li:hover > a,
#menu_top > ul > li > ul > li > ul > li:focus > a {

}

#menu_top > ul > li > ul > li > ul > li > a span:before {

}

#menu_top > ul > li > ul > li > ul > li.active > a span:before,
#menu_top > ul > li > ul > li > ul > li:focus > a span:before,
#menu_top > ul > li > ul > li > ul > li:hover > a span:before {

}
/* LVL 3 LINKS */


/* LVL 2 UL */
#menu_top > ul > li > ul {

}
/* LVL 2 UL */

/* LVL 3 UL */
#menu_top > ul > li li > ul {

}
/* LVL 3 UL */




/**************************************************************
***************************************************************
BREADCRUMBS
***************************************************************
**************************************************************/


#adg_bc {
    line-height: 20px;
    font-size: 15px;
    color:#808080;
    
}

.breadcrumb,
.breadcrumb li {
    margin:0;
    
    list-style: none;
    background: none;
    line-height: inherit;
    font-size: inherit;
    display:block;
    font-weight: inherit;
}

.breadcrumb li {
    display:block;
    float: left;
    text-transform: uppercase;
    vertical-align: baseline;
    position: relative;
    padding:5px 0;
}

.breadcrumb a {
    color:inherit;
    text-decoration: none;
    font-weight: inherit;
    display:block;
    float: left;
}

.breadcrumb a span {
    display:block;
}

.breadcrumb span.divider {
    color:#000;
    display:block;
    float: left;
    margin:0 5px;
    font-size: 14px;
}

.breadcrumb span.divider.icon-location {
    margin:0;
    display: none;
}

/**************************************************************
***************************************************************
SLIDER
***************************************************************
**************************************************************/
#adg_slider {
	position:relative;
}

#adg_slider_top {
    position: relative;
    margin-bottom: 0;
}

/* General slider styles */
.djslider-loader-override {
  margin: 0 auto;
  position: relative;
  background: url(../images/loader.gif) center center no-repeat;
  max-width: 100%;
  overflow: hidden;
}
.djslider-override {
  margin: 0 auto;
  position: relative;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  opacity: 0;
}
.djslider-override .slider-container {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.djslider-override ul.djslider-in {
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.djslider-override ul.djslider-in > li {
  list-style: none outside !important;
  float: left;
  padding: 0 !important;
  border: 0 !important;
  position: relative;
  background: none;
  overflow: hidden;
}
.djslider-override ul.djslider-in > li:before, .djslider-override ul.djslider-in > li:after {
  display: none !important;
}
ul.djslider-in > li {
  text-align: center;
}
.djslider-override img.dj-image {
  border: 0 !important;
  margin: 0 !important;
}
.djslider-override.img-vcenter img.dj-image {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Slide description area */
.djslider-override .slide-desc {
  position: absolute;
}
.djslider-override .slide-desc-in {
  position: relative;
}
.slide-desc-bg-override {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: RGBA(0, 0, 0, 0.65);
}
.slide-desc-text-override {
  position: relative;
  color: #fff;
  padding: 15px 15px 5px;
  text-align: left;
}
.slide-desc-text-override .slide-title {
  font-size: 1.5em;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 600;
}
.slide-desc-text-override .slide-title a {
  color: #fff;
}
.slide-desc-text-override a.readmore {
  float: right;
  margin-bottom: 10px;
}
/* Navigation buttons / indicators */
.djslider-override .prev-button,
.djslider-override .next-button,
.djslider-override .play-button, 
.djslider-override .pause-button {
  cursor: pointer;
  display: block;
  position: absolute;
  left:10px;
  top:50%;
  margin-top:-25px;
    width:50px;
    height: 50px;
    padding:10px;
}

.djslider-override .next-button {
    left:auto;
    right:10px;    
}

.djslider-override .play-button, 
.djslider-override .pause-button {
  left: 50%;
}

.djslider-override .navigation-container-custom, .djslider-override .navigation-numbers {
  position: absolute;
  top: 10px;
  right: 10px;
}
.djslider-override .load-button {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #444;
  border: 2px solid #fff;
  margin: 0 3px;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.djslider-override .load-button-active {
  opacity: 1;
}
.djslider-override .navigation-numbers .load-button {
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  color: #fff;
}
/* Fading elements */
.djslider-loader-override .showOnHover {
  opacity: 0;
  -webkit-transition: opacity 200ms ease 50ms;
  transition: opacity 200ms ease 50ms;
}
.djslider-loader-override:hover .showOnHover, .djslider-loader-override.focused .showOnHover {
  opacity: 1;
}




/******************************************
ARTICLES
*******************************************/

#main_content {
    padding:60px 0;
}

.item-page h2 {
    margin-bottom: 20px;
}
.item-page .article-info {
    margin:0 0 15px 0;
    
}
.item-page .article-info .published {
    margin:0;
    
    line-height: 40px;
    font-size: 36px;
    
    color:#808080;
}


/********************************************************
CATALOG
********************************************************/

.product-grid {
    display:flex;
    flex-wrap: wrap;
    align-content: stretch;
    width:100%;
    height: auto;
    
    margin:0 0 20px 0;
}


.product-grid > div {
   width:240px;
    
    margin:auto;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    background: #fff;
    transition: ease-in-out 0.1s;
    position: relative;
}

.product-grid > div:hover {
    box-shadow:0 5px 10px rgba(0,0,0,0.3);
    z-index: 2;
}

.product-grid > div > img {
    width:100%;
    height: auto;
}

.product-grid > div > h3 {
    display:block;
    margin:0;
    padding:0 0 20px 0;
    font-size: 18px;
    line-height: 16px;
    
}

.infoopened {
    display:block;
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,0.8);

}

.infoopened span {
    display:block;
    position: absolute;
    top:50%;
    left:15px;
    right:15px;
    overflow: hidden;
    margin-top:-70px;
    color:#f56400;
    font-size: 16px;
    line-height: 20px;
        
    text-align: center;
    font-style: normal;
    text-shadow: 0 0 3px rgba(0,0,0,0.7);
}

.infoopened span a {
    display:block;
    margin:0 0 15px 0;
    text-align: center;
    
    font-size: 20px;
}


/******************************************
PRODUCTS-VIEW
*******************************************/

div.products-view {
	position: relative;
    width:calc(100% + 30px);
    margin:0 -15px;
}
div.products-view > div  {
	position: relative;	
    display:flex;
    flex-wrap: wrap;
}
div.products-view > div > div {
	position: relative;	
	margin:0 15px 30px 15px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    border:1px solid #000;
    border-radius: 10px;
    overflow: hidden;
}

div.products-view .item-image {
    order:1;
}
div.products-view .page-header {
    order:2;
}
div.products-view .introtext {
    order:3;
}
div.products-view .readmore {
    order:4;
}


div.products-view .item-image {
    padding:15px;
}
div.products-view .page-header {
}
div.products-view .introtext {
    padding:0 15px 10px 15px;
}
div.products-view .readmore {
    margin:0;
    padding:0 15px 15px 15px;
}


div.products-view .item-image a,
div.products-view .item-image a img {
	display:block;
    margin:0 auto;	
	max-width: 100%;
    height: auto;
}

div.products-view h2 {
    padding:10px 10px;
    margin:0;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

div.products-view .introtext p {
	text-align: justify;
    font-size: 12px;
    line-height: 20px;
    margin:0 0 10px 0;
}


div.products-view .readmore .btn {
    display:block;
	background:#000;
	color:#fff;
    text-align: center;
    padding:10px;
    width:100%;
    border-radius:8px 8px;
}
div.products-view .readmore:hover .btn {
	background:#f56400;
	color:#fff;
}


/******************************************
GALLERY-VIEW
*******************************************/

div.gallery-view {
	position: relative;
    width:calc(100% + 30px);
    margin:0 -15px;
}
div.gallery-view > div  {
	position: relative;	
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    
}
div.gallery-view > div > div {
	position: relative;	
	margin:0 auto 30px auto;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

div.gallery-view .item-image {

}
div.gallery-view .page-header,
div.gallery-view .introtext,
div.gallery-view .readmore {
    display:none;
}


div.gallery-view .item-image a,
div.gallery-view .item-image a img {
	display:block;
    margin:0 auto;	
	max-width: 100%;
    height: auto;
}


/******************************************
NEWS VIEW
*******************************************/
div.news-view {
	position: relative;
}
div.news-view > div {
    display:flex;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative;
    width:calc(100% + 30px);
    margin:0 -15px;
    
}
div.news-view > div > div {
	position: relative;
	padding:0;
	margin:0 15px 30px 15px;
}

div.news-view .item-image {
	float:left;
	margin:0 20px 0 0;
	
}

div.news-view .item-image a {
	display:inline-block;
	margin:0 auto;
	
	position: relative;
	overflow: hidden;
    text-decoration: none;
}

div.news-view .item-image a img {
    display:block;
	width:270px;
    height: 135px;
}

div.news-view .page-header {
    margin-bottom: 15px;
    border-bottom: 2px solid #000;
}

div.news-view .page-header h2 {
    float: left;
	height:auto;
    padding-bottom:15px;
    margin:0 0 -2px 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    border-bottom: 2px solid #f56400;
    min-width: 270px;
}



div.news-view p {
	text-align: justify !important;
    margin:0 0 10px 0;
}

div.news-view .introtext {
    padding:0 0 30px 0;
}



div.news-view .readmore {
	position:absolute;
	left:0;
    right:0;
	bottom:0;
    padding:0;
	text-align: left;
}

div.news-view .readmore .btn {
	background: #f56400;
    color:#fff;
	float: right;
    padding:10px 20px;
    margin:0;
    border-radius: 5px;
    line-height: 20px;
}

div.news-view .readmore:hover .btn {
	background:#000;
	color: #fff;
    
}

div.news-view .article-info {
    display:none;
}


/*******************************************
Simple Gallery
*******************************************/

a:active,a:focus { outline:0; }
table.contentpaneopen { width:100%; }
li.sigProClear { clear:both; float:none; height:0; line-height:0; border:none; background:none; width:auto; margin:0; padding:0; }

/* Container */
ul.sigProSleek { margin:0 -10px; width:calc(100% + 20px); padding:0; list-style:none; clear:both; overflow:hidden; display:flex; flex-wrap: wrap; justify-content: flex-start;}
ul.sigProSleek.singleThumbGallery { margin:0; padding:0; list-style:none; float:left;  }

/* Thumbnail */
ul.sigProSleek li.sigProThumb { background:none; margin:0 10px 20px 10px; width:calc(100% - 20px); overflow: hidden; border:1px solid #eee; padding:5px; }
ul.sigProSleek li.sigProThumb:hover { border:1px solid #000; }
ul.sigProSleek li.sigProThumb span.sigProLinkOuterWrapper { }
ul.sigProSleek li.sigProThumb span.sigProLinkWrapper { }
ul.sigProSleek li.sigProThumb a.sigProLink,
ul.sigProSleek li.sigProThumb a.sigProLink:hover { position:relative; display:block; background:#fff; padding:0; margin:0 auto; max-width: 100%; overflow: hidden; }
ul.sigProSleek li.sigProThumb a.sigProLink { color:#fff; border:0; }
ul.sigProSleek li.sigProThumb a.sigProLink:hover { color:#f60; text-decoration:none; border:0; }
ul.sigProSleek li.sigProThumb a.sigProLink img.sigProImg { display:block; background-repeat:no-repeat; background-position:50% 50%; border:none; }

/* Caption */
ul.sigProSleek span.sigProPseudoCaption,
ul.sigProSleek span.sigProCaption { display:block; position:absolute; bottom:10%; left:10%; right:0; text-align:right; padding:2px 4px; font-size:11px; }
ul.sigProSleek span.sigProPseudoCaption { background:#000; opacity:0.7; -moz-opacity:0.7; }
ul.sigProSleek span.sigProPseudoCaption b { visibility:hidden; }

/* Popup */
span.sigProPopupCaption { font-weight:bold; color:#999; font-size:13px;}
a.sigProDownloadLink,
a.sigProDownloadLink:hover { padding:4px 0 4px 20px; }
div.sigProModulePosition { text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0; margin:0; background:#fff; }

/* Flickr Set link */
a.sigProFlickrSetLink {display:block;clear:left;padding:2px 8px;font-size:10px;text-align:center;}

/* Print message */
.sigProPrintMessage {display:none;}



















/* FIXES MATERIALS */
.table-wrapper {
	overflow-x:auto;
	max-width: 100%;
	border:0 solid #efefef;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

.table-wrapper > table {
	margin:0 auto;
}

.table-wrapper > table td,
.table-wrapper > table th {
	padding:10px;
	border:1px solid #efefef;
}

.table-wrapper > table th {
	background:#777;
	color:#fff;
}


.item-page .table-wrapper,
.item-page .table-wrapper > table {
    transform:scaleY(-1);
}

.item-page table img {
	max-width:100% !important;
	height: auto !important;
}










/******************************************
!!! PAGINATION
*******************************************/
.pagination {}
.pagination ul {display:block;margin:0;position: relative; list-style: none; text-align: center; font-size: 0.1px;}
.pagination li {display:inline-block;margin:0 3px;position: relative; list-style: none; font-weight: bold; font-size: 14px; line-height: 30px;}
.pagination span,
.pagination a {display:block; overflow: hidden; width:30px; height: 30px;  text-align: center;  border-radius: 30px;}
.pagination span {opacity: 0.5;}
.pagination a {color:#000; }
.pagination a:hover {color:#f56400;}
.pagination .pagination-start {display:none;}
.pagination .pagination-end {display:none;}

.pagination .pagination-start span,
.pagination .pagination-end span,
.pagination .pagination-prev span,
.pagination .pagination-next span,
.pagination .pagination-start a,
.pagination .pagination-end a,
.pagination .pagination-prev a,
.pagination .pagination-next a {
	overflow: hidden;
    width:30px;
    height: 30px;
    padding:30px 0 0 30px;
    background-color: transparent !important;
}

.pagination .pagination-next a,
.pagination .pagination-next span {background-position:-450px 0; transform: rotate(-90deg);}
.pagination .pagination-prev a,
.pagination .pagination-prev span {background-position:-450px 0; transform: rotate(90deg);}

.pagination .pagination-next a:hover,
.pagination .pagination-prev a:hover {background-position:-450px -30px;}

.pagination .counter {display:none;}









.moduletable {
    position:relative;
    margin: 0 0 50px 0;
}


.fullwidth.moduletable {
    margin: 0;
}

.moduletable h3 {
    display:block;
    position: relative;
	margin:0 0 20px 0;
    font-size: 30px;
    line-height: 30px;
    height: auto;    
    background: transparent;
}





/******************************************
NEWS SCROLLER
*******************************************/

.partners-block {
    padding:130px 0;
    background-image: url("../images/bg/information-002.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color:transparent;
}

.partners-block h3 {
    color:#fff;
}




.partners-block:after {
    position:absolute;
    bottom:-1px;
    left:0;
    content:'';    
    width: 100%;
    height: 50px;
    background: #000;
    /* The points are: centered top, left bottom, right bottom */
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}








.bt-cs {
	position: relative;
    margin-bottom: 30px;
}

.slides_container {
	overflow: hidden;
	position: relative;
}


/*

	Handles - Next/prev buttons

*/

.bt-cs .next,
.bt-cs .prev {
	display:block;
	width: 30px;
	height: 30px;
	top:calc(50% - 15px);
	position:absolute;
	z-index:100;
	margin:0;
	padding:0;
    text-decoration: none;
	
}

.bt-cs .next {
    right:-30px;
}

.bt-cs .prev {
	left:-30px;
}



/*bullet */

.bt-cs ul.bt_handles {
	border:0;
    padding:0;
    margin:0 auto;
    list-style: none;
	z-index:101;
    display:flex;
    justify-content: center;
    position: absolute;
    bottom:-30px;
    left:0;
    width:100%;
}

.bt-cs ul.bt_handles li {
	margin:0 5px;
    padding:0;
	list-style:none;
	background:none;
}

.bt-cs ul.bt_handles li a {
	display: block;
	width: 20px;
    height: 20px;
	padding:0;
    text-indent: 20px;
	overflow: hidden;
    border-radius: 50%;
    background: #000;
    border:2px solid #fff;
}

.bt-cs ul.bt_handles li.current a {
	background: #f56400;
}



/*numbering */

.bt-cs .bt_handles_num {
	z-index:101;
}

.bt-cs .bt_handles_num li {
}

.bt_handles_num li a {
}

.bt_handles_num li a:hover{
}

.bt_handles_num li.current a {
}



/*** CSS STYLE FOR ITEM ****/

.bt-cs .slide {
    text-align: center;
    font-size: 0.01px;
}

.bt-cs .bt-row {
	display:inline-block;
	position: relative;
	overflow: hidden;
	padding: 0;
    font-size: 14px;
}

.bt-cs .bt-inner {
	margin:15px;
	position: relative;
	padding: 0;
}

.bt-cs .bt-inner a {
    display: block;
	text-decoration: none;
}

.bt-cs .bt-inner a.bt-image-link {
    padding:10px;
    background: #fff;
    border-radius: 10px;
}

.bt-cs .bt-inner img {
    display: block;
	border:0;
	max-width:100%;
	margin:0 auto;
    border-radius: 8px;
}

.bt-cs .bt-inner .bt-title {

	clear: both;

	color: #d67900;

	font-weight: bold;

	text-transform: uppercase;

	line-height:150%;

}

.bt-cs .bt-inner .bt-category {

	clear: both;

	color: #4a4a4a;

	font-weight: bold;

	line-height:150%;



}

.bt-cs .bt-center{

	text-align:center;

}

.bt-cs .bt-extra {

	clear: both;

	margin-top: 5px;

}

.bt-cs .bt-date,.bt-cs .bt-author {

	font-weight: normal;

	font-size: 80%;

}

.bt-row-separate {

	clear: both;

	height: 1px;

	border-bottom: 1px dotted #959595;

	margin: 0px 10px;

	margin-bottom: 15px;

}











/******************************************
PRESENT BLOCK
*******************************************/
.present-block {
    padding:100px 0 50px 0;
    background-image: url("../images/bg/information-001.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color:transparent;
}

.present-block:before {
    position:absolute;
    top:-1px;
    left:0;
    content:'';    
    width: 100%;
    height: 50px;
    background:#fff;
    /* The points are: centered top, left bottom, right bottom */
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}



.present-block ul,
.present-block ul li {
    margin:0;
    list-style: none;
    padding:0;
    display:block;
}


.present-block ul {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    margin:0 -15px 20px -15px;
    width:calc(100% + 30px);
    z-index: 1;
    position: relative;
}

.present-block ul li {
    text-align: center;
    margin:0 15px 30px 15px;
    position: relative;
    font-size: 16px;
    color:#000;
    font-weight: bold;
    min-height: 220px;  
    z-index: 1;
}



.present-block li:before {
    content: '';
    display:block;
    position: absolute;
    left:-4px;
    top:10px;
    width:calc(100% - 20px);
    height:calc(100% - 10px);
    background: rgba(0,0,0,0.5);    
    z-index: 1;
    border-radius: 11px;
    transform: rotate(-2deg);
    filter: blur(1px); 
    cursor: pointer;
}



.present-block li:hover:before {
    left:-5px;
    top:14px;
    height:calc(100% - 14px);
    transform: rotate(-3deg);
    filter: blur(2px); 
}


.present-block li > a {
    position: absolute;
    left:0;
    top:0;
    display:block;
    color:inherit !important;
    width:100%;
    height: 100%;
    cursor:pointer;
    background: #fff;   
    z-index: 2;
    border-radius: 11px;
}

.present-block li > a:hover .myico {
    filter: grayscale(1);    
}

.present-block .myico {
    position: absolute;
    bottom:50%;
    left:50%;
    transform: translateX(-50%);    
    display:block;
    z-index: 3;
}

.present-block b {
    position: absolute;
    top:calc(50% + 20px);
    left:15px;
    right:15px;  
    display:block;
    width:calc(100% - 30px);
    z-index: 3;
}










/******************************************
NEWS BLOCK
*******************************************/
.new-news.fullwidth {
    padding:100px 0 130px 0;
    background: #eee;
}

.new-news.fullwidth:after {
    position:absolute;
    bottom:-1px;
    left:0;
    content:'';    
    width: 100%;
    height: 50px;
    background: #fff;
    /* The points are: centered top, left bottom, right bottom */
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}


.news-block {
    overflow:hidden;
    position: relative;
    margin-bottom:30px;
    transition: max-height ease 0.4s;
}

.news-block.opened {
    max-height:6000px !important;
}

.news-block > div {
    margin:0 -15px;
    width:calc(100% + 30px);
    position: relative;
    display:flex;
    flex-wrap: wrap;
}

.news-block > div > div {
    font-size: 14px;
    margin:0 15px 30px 15px;
    text-align: center;
    width:calc(100% - 30px);
    position: relative;
}




.news-block .image > img {
    display:block;
    max-width: 100%;
    height: auto;
    margin:0 auto 10px;
}


.news-block-showmore {
    display:none;
    height: 30px;
    width:30px;
    color:#fff;
    cursor:pointer;
    position: absolute;
    right:0;
    top:0px;
}

.fullwidth .news-block-showmore {
   top: -50px; 
    right:30px;
}

.news-block-showmore.toggler {
    display:block;
    
}

.news-block-showmore.opened .myico {
    transform: rotate(-180deg);
}


.news-block .title a {
    display: block;
    font-size:16px;
    line-height: 20px;
    margin:10px 0;
    color:#000;
    font-weight: bold;
}

.news-block .title a:hover {
    color:#f56400;
}


.new-products {
    margin: 100px 0 100px 0;
}

.new-products .news-block > div > div {
    border:1px solid #000;
    padding:10px;
    border-radius: 5px;
}

.new-products .news-block .info {
    display:none;
}

.new-products .news-block .readmore {
    line-height:30px;
    padding:0 ;
    margin:10px 0 0 0;
    background: #f56400;
    color:#fff;
    font-size: 14px;
    text-align: center;
    display: block;
    border-radius: 0 0 4px 4px;
}

.new-products .news-block .readmore:hover {
    background: #000;
    text-decoration: none;
    color:#fff;
}


/******************************************
!!! SIZES 
*******************************************/

.adg_inc {
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: 100%;
}


div.news-view > div > div {
	width:calc(100% - 30px);
}
div.products-view > div > div {
    width:calc(100% - 30px);
}

div.gallery-view > div > div {
    width:calc(100% - 30px);
}

.present-block ul li {
    width:calc(100% - 30px);
}


    .bt-cs .bt-row {
        width:100% !important;
    }


@media (min-width:530px) {
    .adg_inc {
    max-width: 530px
  }
    .news-block > div > div {
        width:calc(100% - 30px);
    }
    div.products-view > div > div {
        width:calc(100% - 30px);
    }
div.gallery-view > div > div {
    width:calc(50% - 30px);
}
    ul.sigProSleek li.sigProThumb {width:calc(50% - 20px);}
    
    
    .bt-cs .bt-row {
        width:50% !important;
    }
    
}

@media (min-width:930px) {
.adg_inc {
    max-width: 930px
  }
    .news-block > div > div {
        width:calc(33.33% - 30px);
    }
    div.news-view > div > div {
        width:calc(50% - 30px);
    }
    div.products-view > div > div {
        width:calc(50% - 30px);
    }
    div.gallery-view > div > div {
        width:calc(25% - 30px);
    }
    ul.sigProSleek li.sigProThumb {width:calc(33.33% - 20px);}
.present-block ul li {
    width:calc(50% - 30px);
}

    .bt-cs .bt-row {
        width:33.33% !important;
    }
}

@media (min-width:1230px) {
.adg_inc {
    max-width: 1230px
  }
    .news-block > div > div {
        width:calc(25% - 30px);
    }
    div.products-view > div > div {
        width:calc(33.33% - 30px);
    }
    ul.sigProSleek li.sigProThumb {width:calc(25% - 20px);}
    
.present-block ul li {
    width:calc(33.33% - 30px);
}
    
    .bt-cs .bt-row {
        width:25% !important;
    }
}

@media (min-width:1530px) {
.adg_inc {
    max-width: 1530px
  }
    .news-block > div > div {
        width:calc(20% - 30px);
    }
    div.news-view > div > div {
        width:calc(33.33% - 30px);
    }
    div.products-view > div > div {
        width:calc(25% - 30px);
    }
    div.gallery-view > div > div {
        width:calc(20% - 30px);
    }
    ul.sigProSleek li.sigProThumb {width:calc(20% - 20px);}
}


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

    #menu_top > ul > li > a {
        font-size: 16px;
        padding:20px 15px 22px 15px;
    }
    
    #menu_top > ul > li > ul > li > a {
        font-size: 12px;
        padding:5px 5px;

    }
}

@media only screen and (max-width: 1023px) {
    
	
    .drop_search {
        right:70px;
        bottom:15px;
    }

    .drop_search .dropdown-content {
        position: absolute;
        top: 35px;
        right: -40px;
        width:480px;
        max-width: calc(100vw - 60px);
        border-radius: 0 0 10px 10px;
        border-left:2px solid #000;
        border-right:2px solid #000;
        border-bottom:2px solid #000;
        overflow: hidden;
    }

    .drop_search .dropdown-content > form {
        padding:10px 20px;
        background: #fff;
    }

    .drop_search .dropdown-content > form > div {
        position:relative;
    }
    
#roksearch_results {
    margin-top: 20px;
}
    
#roksearch_search_str {
    margin: 0;
    width:100%;
}

    
.ico-search {
	display:none;
}

.loading + .ico-search {
	display:block;
}
    
    
    
    
    

    #adg_menu {
        display:None;
    }
    
    #menu_top_m {
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
    }
	
	
    #menu_top {
        display:none;
    }	
	
	
.slicknav_menu {
	display: block !important;
	position: absolute;
	left: 0;
    width:100%;
	top:0;
 	*zoom: 1;
	margin: 0;
	padding: 0;
	z-index: 15;
	text-align: left;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}
.slicknav_btn {
	position: absolute;
	right:30px;
	top:-40px;
	display: block;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 30px;
	transition: ease-in-out all 0.1s;
	background: transparent;
}
	
.slicknav_btn.slicknav_open {	
	transform:rotate(-90deg);
	}

.slicknav_btn .myico {
	display: block;
	width: 30px;
	height: 30px;
}
    
.slicknav_btn .ico-nav-m-close {	
    display:none;
}
.slicknav_btn .ico-nav-m {	
    display:block;
}
    
.slicknav_btn.slicknav_open .ico-nav-m-close {	
	display:block;
	}
.slicknav_btn.slicknav_open .ico-nav-m {	
	display:none;
	}
	


	
.slicknav_menu .slicknav_menutxt {
	display: block;
	position: absolute;
	left: 50px;
	top: 0;
	line-height: 40px;
}

.slicknav_menu .slicknav_no-text {
	margin: 0;
}



.slicknav_nav {
	clear: both;
	color: #f56400;
	background: #050505;
	margin: 0;
	padding: 0;
	font-size: 16px;
	list-style: none;
	overflow: hidden;
    width: 100%;
    text-align: right;
}

.slicknav_nav ul {
	display: block;
	width: 100%;
	max-width: 100%;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.slicknav_nav li {
	display: block;
}

.slicknav_nav .slicknav_arrow {
	display: block;
	margin: 0 15px;
	float: left;
	overflow: hidden;
	height: 30px;
	width: 30px;
    text-indent: -100px;
	position: relative;
}

.slicknav_nav .slicknav_arrow:after {
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
    overflow: hidden;
	transform: rotate(0deg);
}

.slicknav_nav li li .slicknav_arrow:after {
	left: 4px;
	transform: rotate(0deg);
}

.slicknav_collapsed .slicknav_arrow:after {
	transform: rotate(-90deg) !important;
}
	
.slicknav_nav a:hover .slicknav_arrow:after {
	
}

.slicknav_nav .slicknav_item {
	cursor: pointer;
}

.slicknav_nav .slicknav_item a {
	display: inline;
	margin: 0;
}

.slicknav_nav .slicknav_row {
	display: block;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

.slicknav_nav a {
	display: block;
	padding: 5px 30px 5px 0;
	margin: 0;
	font-size: inherit !important;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	background: #050505;
}

.slicknav_nav > div {
	background: #050505;
	margin-top: 10px;
	border-top: 1px solid #272727;
	padding: 10px 0;
}

.slicknav_nav li li a {
	padding-right: 50px;
}

.slicknav_nav li li li a {
	padding-right: 70px;
}

.slicknav_nav li li li li a {
	padding-left: 90px;
}

.slicknav_nav > li:first-child {
	margin-top: 10px;
}

.slicknav_nav a:hover {
	background: #f56400;
	color: #000;
}

.slicknav_nav .slicknav_parent-link a {
	display: inline;
	padding: 0;
	margin: 0;
}

.slicknav_nav a > a {
	color: inherit !important;
	background: inherit !important;
}

.slicknav_brand {
	float: left;
}

.slicknav_menu .slicknav_menutxt {
	color: #fff;
	font-weight: bold;
}


.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}

.slicknav_brand {
	color: #fff;
	padding: 7px 12px;
	height: 44px;
}

#menu {
	display: none !important;
}
	
	
	


    
    
    
    
    


.footer_inside {
	display: block;
    position: absolute;
    left:0;
    right:0;
    bottom:10px;
    text-align: center;
    letter-spacing: 0px;
}
	
	
	
	
	
	
}
@media only screen and (max-width: 639px) {
    
    
    h2 {text-align:center;}
    
    
    

    .phones {
        display:none;
       
    }   
    
    .drop_phones {
        display:block;
         right: 85px;
    }
    
    
    .sb-top {
        top:8px;
        right:130px;
    } 
    

    
    

 

    

	.table_block img {
	margin:0 0 20px 0;
	width:100%;
	height: auto;
		float: none;
}	
	
	.table_block table h3 {
	margin:0 0 10px 0;
	font-size: 16px;
}	
	
	.slogan {
	font-size:14px;
	line-height: 15px;
	left:90px;
	text-align: left;
	bottom: 10px;
	max-width: 200px;
}
	
	
	
	
.quality-pdf {
    font-size:14px;
    
    text-align: center;
}
.quality-pdf img {
    display:inline-block;
    text-align:center;
    margin:0  auto;
    
}
    
    .quality-pdf a {
        display:block;
        padding-bottom:20px;
        margin-bottom: 20px;
        border-bottom:4px solid #f56400;
        text-align: center;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	


	
	
	
	

	

.btn-toolbar .btn,
.form-horizontal .formControls .btn {
	float:none;
}

.btn-toolbar .btn.cnsl,
.form-horizontal .formControls .btn.rsform-reset-button  {
	float:none;
	margin-right:0;
	margin-top:10px;
	clear: both;
}
	
	
	
	
	
	
	
.callme {
	position:fixed;
	bottom:5px !important;
	left:5px;
	opacity: 0.8;
	}

	
	
	
	
	

}





@media only screen and (max-width: 529px) {
    
    
#logo {
    width:175px;
    height: 40px;	
	border: 0;
    margin: 0;
    background: url("../images/logo-175-40.svg") 0 0 no-repeat;
    background-size: 175px 40px;
}

.fixed-header #logo {
    width:30px;
    height: 30px;
    background: url("../images/logo-50-50.svg") 0 0 no-repeat;
    background-size: 30px 30px;
}
	

    
.mod-languages {
    right:30px;
    bottom:45px;
}
    
    


}