@font-face {font-family: 'Manrope';font-style: normal;font-weight: 300;src: url('manrope-v4-latin/manrope-v4-latin-300.eot'); /* IE9 Compat Modes */src: local(''),url('manrope-v4-latin/manrope-v4-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('manrope-v4-latin/manrope-v4-latin-300.woff2') format('woff2'), /* Super Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-300.woff') format('woff'), /* Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */url('manrope-v4-latin/manrope-v4-latin-300.svg#Manrope') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 400;src: url('manrope-v4-latin/manrope-v4-latin-regular.eot'); /* IE9 Compat Modes */src: local(''),url('manrope-v4-latin/manrope-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('manrope-v4-latin/manrope-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-regular.woff') format('woff'), /* Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */url('manrope-v4-latin/manrope-v4-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 500;src: url('manrope-v4-latin/manrope-v4-latin-500.eot'); /* IE9 Compat Modes */src: local(''),url('manrope-v4-latin/manrope-v4-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('manrope-v4-latin/manrope-v4-latin-500.woff2') format('woff2'), /* Super Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-500.woff') format('woff'), /* Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */url('manrope-v4-latin/manrope-v4-latin-500.svg#Manrope') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 600;src: url('manrope-v4-latin/manrope-v4-latin-600.eot'); /* IE9 Compat Modes */src: local(''),url('manrope-v4-latin/manrope-v4-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('manrope-v4-latin/manrope-v4-latin-600.woff2') format('woff2'), /* Super Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-600.woff') format('woff'), /* Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */url('manrope-v4-latin/manrope-v4-latin-600.svg#Manrope') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 700;src: url('manrope-v4-latin/manrope-v4-latin-700.eot'); /* IE9 Compat Modes */src: local(''),url('manrope-v4-latin/manrope-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('manrope-v4-latin/manrope-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-700.woff') format('woff'), /* Modern Browsers */url('manrope-v4-latin/manrope-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */url('manrope-v4-latin/manrope-v4-latin-700.svg#Manrope') format('svg'); /* Legacy iOS */}
:root {
--maincolor:#92BF21;
--seccolor:#0072A1;
--fontcolor:#323232;
--fontsize:18px;
--fonttitle:26px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #ccc;
--greylight: #eee;
--greydark: #666;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--shadow: 0px 1px 5px rgba(0,0,0,0.3);
--radius:30px;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px;padding:0px;border:0px;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}table {border-collapse:collapse;border-spacing:0;}table, td, th {vertical-align:top;}*:focus { outline: none;}a img {border:none;} hr{display: block;clear: both;background: #e7e7e7;color: #e7e7e7;width: 100%;height: 1px;border: none;} textarea {overflow:auto;vertical-align:top;resize: none;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;}input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}::-moz-selection {background:var(--seccolor);color:var(--white);text-shadow: none;}::-webkit-selection {background:var(--seccolor);color:var(--white);text-shadow: none;}::selection {background:var(--seccolor);color:var(--white);text-shadow: none;}* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;} ::-webkit-input-placeholder {color: var(--black);}::-moz-placeholder {color: var(--black);}:-ms-input-placeholder {color: var(--black);}:-moz-placeholder {color: var(--black);}html {font-size:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none}ol {list-style-type:decimal;} nav ul{ display: inline;margin:0;list-style-type:none;list-style: none;}img { -ms-interpolation-mode: bicubic;display: block; max-width:100%;}li ul, li ol {margin:0 1.5em;}nav ul li {display:inline-block}ul li{margin:0;list-style: none;}.clear {clear:both;}input, textarea, select, button {line-height:normal;margin:0px;padding:0px;border:none;color: var(--black);background:none;vertical-align: middle;}.error::-webkit-input-placeholder {color: #ff0000;}.error::-moz-placeholder {color: #ff0000;}.error:-ms-input-placeholder {color: #ff0000;}.error:-moz-placeholder {color: #ff0000;}

body, h1, h2, h3, h4, h5, h6, input, textarea, select, button, p, li {font: normal 16px Manrope, Arial, Helvetica, sans-serif;}
body {font-size:16px;color:var(--black);-webkit-animation: bugfix infinite 1s;overflow-x:hidden;font-weight:400;}
h1, h2, h3, h4, h5, h6, h7 {font-weight:500;color:var(--seccolor);margin:0px 0px 20px 0px;line-height:120%;}
h1 {font-size:50px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:20px;}
h5 {font-size:16px;}
p {margin:0px 0px 15px 0px;line-height:140%;}
em {font-style:italic}
input, textarea, select, button {border-bottom:1px solid #e7e7e7;padding:5px 5px;width:100%;}
input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {background:var(--grey)}

label {position:relative;display:block;margin:0 0 35px 0;}
input[type="checkbox"] {float:left;margin: 2px 10px 0 0px;width:20px;height:20px;}

a,  a:link,  a:visited,  a:focus,  a:active{color:var(--maincolor);text-decoration:none;outline-style:none;}
a:hover, a:focus {color:var(--black);} 
   
div, span, a, header, footer, :before, :after, img, input, textarea, button, p, h2, h3, ul, li {transition: all 0.20s ease-in-out;-o-transition: all 0.20s ease-in-out;-ms-transition: all 0.20s ease-in-out;-moz-transition: all 0.20s ease-in-out;-webkit-transition: all 0.20s ease-in-out;}
.errorplace, .answer, .loginplace, .forgotpass, .login, .toggledata, .simpleslider, .logosslider, .newsslider, .sliderhome div, .sliderhome h2 {transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}

div:after {content: "";display: table;clear: both;}
.loading, .errorplace, .dnone, .togglecart, .openmenu, .slick-slider:after, .slick-slider div:after, .imagesplace:after {display: none;}
.errorplace {color:#ff0000;position:absolute;left:0;bottom:-20px;font-size:12px;}
.error {border-bottom:1px solid #ff0000;color: #ff0000;}

.alert{color:#ff0000;margin:0 0 20px 0;font-size:12px;display:none}
.mandatoryContact:before, .mandatory:before {content: "*";display: block;color: #ff0000;position: absolute;left: 5px;top: 13px;}
.mandatoryContacts span {display:inline-block;position:relative;padding:0 10px}
.mandatoryContacts span:before {content: "*";display: block;color: #ff0000;position: absolute;left: 0px;top: 5px;}
.leftside {float:left;width:49%}
.rightside {float:right;width:49%}
.whiteimg {filter: brightness(0) invert(1);}
iframe {width:100%;}
.middleimg {position:relative}
.middleimg img {-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;}

#main {margin:auto;overflow: hidden;height: 100%;position: relative;}

header {position:fixed;left:0;top:0;width:100%;z-index:221;background: var(--white);border-bottom:5px solid var(--white)}
header.sticky {box-shadow: var(--shadow);}
header > .page {display:flex;align-items: center;}

.page {position:relative;max-width:1730px;margin:auto;}

.logo {flex:auto}
.logo img {margin:10px 0;display: block;}

.logo50 {float: left;margin: 7px 0 0 21%;height: 70px;}

.menuplace {background:var(--seccolor);position:relative;}
.menuplace > .page {position:static}
.menuplace .page nav {float:right}
.menuplace .page nav:first-of-type {float:left}

.menuplace ul {margin:0;  }

.mainmenu {display:block;display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.mainmenu > li a {color:var(--white);display:block;text-align:center;line-height:110%;padding:13px 30px 13px 0;font-size:20px;margin:10px 0}
.mainmenu a:hover, .mainmenu a:focus, .mainmenu li.this > a {color:var(--maincolor);}

.mainmenu li li {display:block;margin:0 0 10px 0;}
.mainmenu li li a {color:var(--seccolor);padding:5px;margin:0;text-align:initial;font-weight:500;}

.mainmenu li li li {display:block;margin:0;}
.mainmenu li li li a {color:var(--black);font-size:16px;}

.mainmenu ul {margin:10px 0}

.mainmenu ul ul ul {display:none}

.topmenu {display:block;display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.topmenu > li a {color:var(--white);display:block;text-align:center;line-height:110%;padding:13px 30px 13px 0;font-size:20px;margin:10px 0}
.topmenu a:hover, .topmenu a:focus, .topmenu li.this > a {color:var(--maincolor);}

.topmenu > li:last-of-type a {color:var(--white);background:var(--maincolor);border-radius:var(--radius);padding:13px 30px;}
.topmenu > li:last-of-type a:hover {background:var(--black)}

.mainmenu li:hover > .dropmenuplace, .topmenu li:hover > .dropmenuplace, .dropmenuplace.show-menu {opacity: 1;display:block}
.dropmenuplace {padding:20px 0;position: absolute;top: 100%;left: 0px;z-index: 1;opacity: 0;width: 100%;display: none;background:var(--white);}
.dropmenuplace .page {    display: flex;}
.dropmenuplace .page > ul {padding:0 4% 0 0;width:25%;border-right:1px solid var(--grey)}
.dropmenuplace #bannerSideMenu {width:75%}

.mainmenu .navigator a {padding:10px 20px;border-radius:30px;background:var(--maincolor);color:var(--white);font-size:14px;display:inline-block;width:auto}
.mainmenu .navigator a:hover, .mainmenu .navigator a:focus, .mainmenu li.this.navigator a {color:var(--white);}

a.openlogin {display:block;background: url(../images/login.png) center center no-repeat;width: 30px;height: 30px;float:right;margin:25px 0 0 10px}
a.openlogin:hover, a.openlogin:focus, .openlogin.opened {filter: brightness(0) invert(0);}

#openlogin2 {position:relative;float: right;display:none}
a.openlogin2 {display:block;background: url(../images/glob.png) center center no-repeat;width: 30px;height: 30px;float:right;margin:25px 0 0 10px}
a.openlogin2:hover, a.openlogin2:focus {filter: brightness(0) invert(0);}
 
.socialmediaheader {display:block;margin:25px 0 0 0;float:right}
.socialmediaheader li {display:block;margin:0 0 0 10px;float:left;}
.socialmediaheader a:hover img, .socialmediaheader a:focus img {filter: brightness(0) invert(0);}
.socialmediaheader a img {max-width:30px;max-height:30px;}
 
.searchplace {float:right;position: relative;margin:0px 0 0 30px}
.search {border:2px solid var(--seccolor);border-radius: var(--radius);position: relative;    padding: 5px;}
.search label {display:inline-block;margin:0;width:80%;margin:0 0 0 5%}
.search input {padding:3.5px 10px;border:none;color:#053a57;}
.search .submitsearch {width:30px;height:30px;background: url(../images/search.png) center center no-repeat;float:right;}
.search .submitsearch:hover, .search .submitsearch:focus {}

.search_resultsplace {display:none;}
.search_resultsplace.this {display:block} 
.search_results {background:var(--white);padding:10px;position:absolute;left:0%;top:30px;width:300px;max-height:300px;height:300px;overflow-y:scroll;z-index: 111;box-shadow: var(--shadow);}
.search_results .item {padding:5px;border-bottom:1px solid #e7e7e7;color:var(--black);font-weight:500}
.search_results .item img {max-width:40px;max-height:40px;}
.search_results .imgplace {float:left;margin:0 10px 0 0;height:40px;width:40px;background:#f0f0f0;}
.search_results .item span {display:block;padding:10px 0 0 0;width:80%;line-height:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search_results a {display:inline-block;padding:0px 0px;width:50%;font-size:12px;color:var(--seccolor);}
.search_results a:nth-of-type(3n) {padding:0 0px 0 10px;border-left:1px solid #999}
.search_results .link {display:block;width:100%;font-size:16px;color:var(--black);padding:5px 0px;}
.search_results .subtitle {font-size:14px;font-weight:400}
.search_results .item:hover, .search_results .item .link:focus {background:#f0f0f0;}
 
.nview {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

div .more, div input[type="submit"] {border:none;display: inline-block;margin: 20px auto;background: var(--white);color: var(--maincolor);min-width: 150px;text-align: center;padding: 10px 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight:500;border:2px solid var(--maincolor);font-size:20px;}
div .more:hover, div .more:focus, div input[type="submit"]:hover, div input[type="submit"]:focus {background: var(--maincolor);color:var(--white)}

div .moreabout {display: inline-block;margin: 20px auto;background: none;color: var(--seccolor);text-align: center;padding: 10px 15px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight:500;border:1px solid var(--seccolor);float:right}
div .moreabout:hover, div .moreabout:focus {background: var(--seccolor);color:var(--white);}

div .moreabout2 {display: inline-block;margin: 20px auto;background: none;color: var(--white);text-align: center;padding: 10px 15px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight:500;border:1px solid var(--white);float:right}
div .moreabout2:hover, div .moreabout2:focus {background: var(--seccolor);}

div .morebtn {display: inline-block;margin: 10px auto;background: none;color: var(--maincolor);text-align: center;padding: 5px 25px;border-radius: 25px;font-weight:500;border:2px solid var(--maincolor);width:auto;font-size:20px}
div .morebtn:hover, div .morebtn:focus {background: var(--maincolor);color: var(--white);}

div .morebtn:first-of-type {background: var(--maincolor);color: var(--white);border:1px solid var(--maincolor);}
div .morebtn:first-of-type:hover {background:var(--seccolor)}

.bodytext .morebtn {background: var(--seccolor);color: var(--white);border:1px solid var(--seccolor);}
.bodytext .morebtn:hover {background:#053a57}

div .slick-dots {bottom:30px;}
div .slick-dots li {margin:0 5px;width:30px;height:10px;}
div .slick-dots li button:before {font-size: 15px;content:"";height:8px;opacity:1;background:var(--white);width:28px;border-radius:5px;}
div .slick-dots li.slick-active button:before {opacity:1;background:var(--maincolor)}

div .slick-prev, div .slick-next {z-index:5;width: 50px;height: 50px;background: none;transform:none;margin:-25px 0 0 0}
div .slick-prev:hover, div .slick-next:hover, div .slick-prev:focus, div .slick-next:focus {}
div .slick-prev {left:0; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:0;} 
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {background:var(--white);content:"";display:block;position:absolute;right:22px;top:12px;width:3px;height:15px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
div .slick-next:hover:before, div .slick-prev:hover:before, div .slick-next:hover:after, div .slick-prev:hover:after,
div .slick-next:focus:before, div .slick-prev:focus:before, div .slick-next:focus:after, div .slick-prev:focus:after {background:var(--maincolor)}
div .slick-next:before, div .slick-prev:before {transform: rotate(45deg);top:22px;}
div .slick-next.slick-disabled:before, div .slick-prev.slick-disabled:before {opacity:1}

.compareplace .slick-prev, .compareplace .slick-next {background:var(--seccolor)}

.tmpProductSub, .tmpProductItem, .tmpProductList, .tmpProductSpecialList {background:#f6f6f6}

.tmpProductItem h1, .tmpProductItem .smalltitle {color:var(--maincolor);margin:0 0 10px 0;}

.maincontent {margin:160px 0 0 0;}

.sliderhome {margin: 0 0 -8px 0;position: relative;overflow:hidden;background:#01284f;}
.sliderhome div {height:600px;margin:0;width:100%;position: relative;}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;height:100%;display: flex;justify-content: flex-end;padding:0 4%}
.sliderhome .abstract .data {width:500px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position:relative;z-index:2}
.sliderhome h2 {font-size:56px;color:var(--white);}
.sliderhome .slide:after {position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;background: #0F0A3A;background: linear-gradient(270deg, rgba(15, 10, 58, 1) 0%, rgba(15, 10, 58, 0) 100%);}
.sliderhome h3, .sliderhome p {font-size:24px;color:var(--white);}
.sliderhome h3 {padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid var(--maincolor)}
.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.sliderhome .more {border:1px solid var(--maincolor);background:none;margin: 10px 0 0 0;}
.sliderhome .abstract:before {position:absolute;left:0;bottom:0;z-index:1;content:"";display:block;width:100%;height:100%;background: url(../images/opacitywave.png) center bottom no-repeat;}
     
.sliderhome .slick-dotted.slick-slider {margin:0}

a.lang {display:block;width:30px;height:30px;background: url(../images/lang.png) center center no-repeat;margin:0px 0 0 30px;float:right}

a.downloadlink {display:block;margin:0px 0 0 30px;float:right;color:var(--seccolor);font-weight:500;text-decoration:underline}
a.downloadlink:hover {color:var(--maincolor);}

.slidetodown {width:30px;height:30px;border:1px solid var(--white);position:absolute;left:50%;bottom:20px;margin:0 0 0 -20px;background:#b8d637 url(../images/arrowgreydown.png) center center no-repeat;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;cursor:pointer}
.slidetodown:hover {background-color:var(--black)}

.lightblueplace {padding:40px 0;background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 60%, rgba(217,238,247,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 60%,rgba(217,238,247,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 60%,rgba(217,238,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--white)', endColorstr='#d9eef7',GradientType=0 ); }

.bigtitle {font-size:32px;color:var(--black);margin:0 0 30px 0;}


.similarplace {margin:40px 0 0 0;} 
.similarplace h3 {display: inline-block;padding: 10px;background: var(--seccolor);color: var(--white);font-weight: 600;font-size:16px;font-weight:500;margin:0}

.similarsliderplace {background:#f6f6f6;padding:2% 0}
.similarsliderplace h2 {color:var(--black);margin:30px 0 10px 0;}

.similarslider .slide {width:23%;margin:1%;background:var(--white);border-radius:15px;position:relative}
.similarslider .slide .imgplace {width:100%;height:180px;display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative}
.similarslider .slide .imgplace img {max-width:100%;max-height:100%}
.similarslider .slide .title {color:var(--maincolor);font-size:24px;font-weight:500;margin:10px 0;line-height: 100%;}
.similarslider .slide .abstract {color:var(--black);font-size:20px;padding:20px;}
.similarslider .slide .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;font-size:16px;}
.similarslider .slide a {display:block}
.similarslider .slick-slide {padding:0 10px}

.similarslider .slick-next, .similarslider .slick-prev {    top: -25px;}
.similarslider .slick-prev {left:auto;right:30px;}
.similarslider .slick-next:before, .similarslider .slick-prev:before, .similarslider .slick-next:after, 
.similarslider .slick-prev:after {background:var(--seccolor)}

.waveplace {background: url(../images/bg1.png) center center no-repeat;padding:4% 0}
.waveplace2 {background: url(../images/bg3.png) center center no-repeat;margin:4% 0;padding:4% 0}

.greyplace {background:#f6f6f6;padding:4% 0}

.darkgreyplace {background:#eeeeee;padding:4% 0}

.features {display:flex;flex-wrap:wrap;justify-content: center;}
.features > div {width:23%;margin:1%;padding:40px 20px;border:2px solid var(--seccolor);text-align:center;background:var(--whiteopacity);border-radius:15px;position:relative}
.features > div:before, .features > div:after {position:absolute;content:"";display:block;height:100%;width:7px;background: url(../images/line1.png) center center no-repeat;left:-7px;top:0;}
.features > div:after {left:auto;right:-7px;transform:  rotate(180deg);}
.features .imgplace {width:100px;height:100px;display:flex;border:1px solid var(--seccolor);margin:0 auto;border-radius:100%;align-items: center;justify-content: center;}
.features .imgplace img {max-width:75px;max-height:75px}
.features .title {color:var(--maincolor);font-size:28px;font-weight:500;margin:10px 0;}
.features .abstract {color:var(--black);font-size:18px;}

.features0 {display:flex;flex-wrap:wrap;justify-content: center;}
.features0 > div {width:23%;margin:1% 95px 1% 1%;padding:40px 20px;border:2px solid var(--seccolor);background:var(--whiteopacity);border-radius:15px;position:relative}
.features0 > div:before, .features0 > div:after {position:absolute;content:"";display:block;height:100%;width:7px;background: url(../images/line1.png) center center no-repeat;left:-7px;top:0;}
.features0 > div:after {left:auto;right:-87px;background: url(../images/line2.png) center center no-repeat;width:87px}
.features0 .imgplace {width:100px;height:100px;display:flex;border:1px solid var(--seccolor);margin:0 auto;border-radius:100%;align-items: center;justify-content: center;}
.features0 .imgplace img {max-width:75px;max-height:75px}
.features0 .title {color:var(--maincolor);font-size:36px;font-weight:500;margin:10px 0;}
.features0 .abstract {color:var(--black);font-size:18px;}

.features1 {display:flex;flex-wrap:wrap;justify-content: center;}
.features1 > div {width:23%;margin:1%;background:var(--white);border-radius:15px;position:relative}
.features1 .imgplace {width:100%;height:320px;display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative}
.features1 .imgplace img {max-width:100%;max-height:100%}
.features1 .title {color:var(--maincolor);font-size:32px;font-weight:500;margin:10px 0;line-height: 100%;}
.features1 .abstract {color:var(--black);font-size:20px;padding:20px 20px 50px 20px;}
.features1 .seemore {color:var(--seccolor);display:block;position:absolute;left:20px;bottom:20px;}
.features1 .seemore:hover, .features1 .seemore:focus {text-decoration:underline}
.features1 .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;}
.features1 a {display:block}

.features2 {display:flex;flex-wrap:wrap;justify-content: center;}
.features2 > div {width:23%;margin:1%;background:var(--white);border-radius:15px;position:relative}
.features2 .imgplace {width:100%;height:320px;display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative;border-radius:15px 15px 0 0}
.features2 .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.features2 .title {color:var(--maincolor);font-size:32px;font-weight:500;margin:10px 0;line-height: 100%;min-height:65px;}
.features2 .abstract {color:var(--black);font-size:20px;padding:20px;}
.features2 .seemore {color:var(--seccolor);display:block;margin:20px 0 0 0}
.features2 .seemore:hover, .features2 .seemore:focus {text-decoration:underline}
.features2 .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;    min-height: 115px;}
.features2 a {display:block}

.features3 {display:flex;flex-wrap:wrap;justify-content: center;}
.features3 > div {width:23%;margin:1%;background:var(--white);border-radius:15px;position:relative}
.features3 .imgplace {width:100%;height:140px;display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative;margin:10px 0 0 0}
.features3 .imgplace img {max-width:90%;max-height:90%}
.features3 .title {color:var(--black);font-size:24px;font-weight:600;margin:0px 0 20px 0;line-height: 100%;text-align:center}
.features3 .title span {display:inline-block;padding:0 0 5px 0;border-bottom:1px solid var(--maincolor)}
.features3 .title2 {color:var(--black);font-size:18px;font-weight:600;    word-break: break-all;display:inline-block}
.features3 .title2 span {font-weight:400;}
.features3 .abstract {color:var(--black);font-size:20px;padding:20px 20px 50px 20px;}
.features3 .seemore {color:var(--seccolor);display:block;text-align:center;position:absolute;left:50%;bottom:20px;margin: 0 0 0 -15%;}
.features3 .seemore:hover, .features3 .seemore:focus {text-decoration:underline}
.features3 .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.features3 a {display:block;margin:0 0 10px 0;}


.topbannerplace {background:#01284f;position: relative;overflow:hidden;margin: 0 0 -8px 0;background: #0F0A39;background: linear-gradient(311deg, rgba(15, 10, 57, 1) 50%, rgba(19, 83, 132, 1) 100%);}
.topbanner {height:600px;margin:0;width:100%;position: relative;display:flex;padding:0 6%;   align-items: center;}
.topbanner .title {font-size:56px;color:var(--white);padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid var(--maincolor)}
.topbanner h3, .topbanner p {font-size:24px;color:var(--white);}
.topbanner .more {border:1px solid var(--maincolor);background:none;margin: 10px 0 0 0;}
.topbanner:before {position:absolute;left:0;bottom:0;z-index:1;content:"";display:block;width:100%;height:100%;background: url(../images/opacitywave.png) center bottom no-repeat;}
.topbanner .abstract {position:relative;z-index:2;width:50%}
.topbanner .imgplace {width:50%;text-align:center}
.topbanner .imgplace img {margin:auto}

.menubannerplace {    display: flex;flex-wrap: wrap;height: 100%;}
.menubanner {height:100%;margin:0;width:47%;position: relative;padding:4%;background: #0F0A39;background: linear-gradient(311deg, rgba(15, 10, 57, 1) 50%, rgba(19, 83, 132, 1) 100%);margin:0 0 0 3%;border-radius:var(--radius)}
.menubanner .title {font-size:25px;color:var(--maincolor);margin:0 0 10px 0;font-size:28px;}
.menubanner p {font-size:16px;color:var(--white);}
.menubanner .more {border:none;background:var(--maincolor);margin: 10px 0 0 0;color:var(--white);font-size:14px;display:inline-block;width:auto;padding:10px 20px;text-align:center}
.menubanner .more:hover {background:var(--black)}
.menubanner .imgplace {text-align:center;margin:0 0 10px 0;}
.menubanner .imgplace img {margin:auto}

.blueplace {padding:60px 0;background:#053a57;}

.whiteplace {padding:50px 0 80px 0;background: url(../images/bglogo.png) center center no-repeat;margin:0 0 -60px 0}

.mapplacehome {background:#053a57 url(../images/map.png) center center no-repeat;min-height:451px;position:relative;}
.mapplacehome div .moreabout2 {margin:auto}

.mapplace {background:#dae8ee url(../images/map3.png) center center no-repeat;height:451px;position:relative;margin:0 0 40px 0;}
.mapplace a {position:absolute;background:var(--seccolor);width:10px;height:10px;-webkit-border-radius: 15px;-moz-border-radius:15px;border-radius:15px;display:block;z-index:1}
.mapplace a span {display:none;padding:5px;background:var(--white);color:var(--black);position:absolute;left:0;top: -35px;white-space: nowrap;}
.mapplace a:hover span {display:block}
.mapplace a:hover {z-index:2;}

.indexcontent {padding:20px 0;}

.hometext {width:49%;float:left;color:var(--white);}
.hometext h2, .hometext h2 a {color:#3dabe4;margin:0 0 30px 0;text-decoration:none}
.hometext p {font-weight: 300;}
.hometext a {color:var(--white);text-decoration:underline}

.hometext iframe {margin:30px 0 0 0;}

.newshomeplace {width: 23%;margin: 1%;background: var(--white);border-radius: 15px;position: relative;}
.newshomeplace .imgplace {background: url(../images/social_network.png) center center no-repeat}

.breadcrumbs {margin:30px 0;width:100%;float:left;}
.breadcrumbs {display: flex;}
.breadcrumbs li {font-size:15px;}
.breadcrumbs span {padding: 0 5px;color:var(--seccolor)}
.breadcrumbs a {color:var(--black);}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.pagetitle h1 {font-size:34px;color:var(--black);margin:0 0 30px 0;}

.content {float:left;width:78%;}
.content.contentwide {width:100%;}
.tmpProductSpecialList .content {position:relative}
.content p a {text-decoration:underline;color:var(--seccolor);}

.leftcolumn {float:right;width:19.7%;margin: -75px 0 0 0;}

.mainabstract, .mainabstract p, .mainabstract li {color:#696767;font-size:24px;}

.imagesplace {position:relative;z-index:9;margin:0 0 40px 0;}
.imagesplace a {display:block;margin:0 auto 10px auto;}
.imagesplace img {max-height:100%;margin:auto;max-height:400px;}
.imagesplace .slick-dots {bottom:-20px;}
.imagesplace .slick-dots li button:before, .imagesplace .slick-dots li.slick-active button:before {color:var(--seccolor);}

.imgside {float:right;width:35%;margin:0 0 40px 40px;}
.imgside .slick-slide a {height:330px;}
.imgside .slick-slide img {max-height:330px;}

.curtainplace {/*background: var(--black)\8;background: rgba(0, 0, 0, 0.8);width:100%;position:absolute;left:0px;bottom:0px;margin:0;*/}
.curtainplace .curtain {padding:5px;color:var(--black);font-size:14px;/*padding:5px;display:block;color:var(--white);text-align:center*/}

.smalltitle {font-size:24px;color:#696767;font-weight:400}

.bodytext p {text-align:justify}
.bodytext ul {margin: 0 0px 20px 0;overflow: hidden;}
.bodytext ul li, .mainabstract ul li, .listitem ul li, .productbox ul li {padding-left:15px;background: url(../images/dot.png) left 7px no-repeat;list-style-type: none;margin-bottom:10px;}
.bodytext ol li {margin-bottom:10px;}
.bodytext h4 {font-weight:400;}
.bodytext iframe {height:450px}
.bodytext .iframe {
    height: 800px;
}
.bodytext p img {display:inline-block}

.tripleboxplace {display: flex;flex-wrap: wrap;/*align-content:stretch;justify-content:space-between;*/}
.triplebox {width: 32.6%;overflow: hidden;max-height: 200px;position: relative;margin: 1% 1% 0 0;float: left;}
.triplebox .title {color:var(--white);font-weight:600;padding:10px 0;text-shadow:0 0 5px #000}
.triplebox .abstract {display: flex;align-items:flex-end;flex-wrap: wrap;position:absolute;left:0;bottom:0;width:100%;padding:40px 20px 0px 20px;z-index:2;}
.triplebox .moreabstract {display:none;opacity:0;text-shadow:0 0 5px #000}
.triplebox a {color:var(--white);display:block}
.triplebox a:before {height:100%;width:100%;content:"";display:block;position:absolute;left:0;bottom:0;background: -moz-linear-gradient(top, rgba(20,114,164,0) 0%, rgba(20,114,164,0) 70%, rgba(20,114,164,1) 100%, rgba(20,114,164,1) 100%); background: -webkit-linear-gradient(top, rgba(20,114,164,0) 0%,rgba(20,114,164,0) 70%,rgba(20,114,164,1) 100%,rgba(20,114,164,1) 100%); background: linear-gradient(to bottom, rgba(20,114,164,0) 0%,rgba(20,114,164,0) 70%,rgba(20,114,164,1) 100%,rgba(20,114,164,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001472a4', endColorstr='var(--seccolor)',GradientType=0 );}
.triplebox a:after {opacity:0;height:100%;width:100%;content:"";display:block;position:absolute;left:0;bottom:0;background: -moz-linear-gradient(top, rgba(0,139,200,0) 0%, rgba(0,139,200,0.95) 70%, rgba(0,139,200,1) 100%); background: -webkit-linear-gradient(top, rgba(0,139,200,0) 0%,rgba(0,139,200,0.95) 70%,rgba(0,139,200,1) 100%); background: linear-gradient(to bottom, rgba(0,139,200,0) 0%,rgba(0,139,200,0.95) 70%,rgba(0,139,200,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008bc8', endColorstr='#008bc8',GradientType=0 ); }
.triplebox a:hover:after, .triplebox a:focus:after {opacity:1}
.triplebox a:hover .moreabstract, .triplebox a:focus .moreabstract {display:block;opacity:1;width:100%}
.triplebox img {height:300px;max-width:none;width:auto}
.triplebox p {font-weight: 300;}

.flextriplebox {width: 31.6%;overflow: hidden;position: relative;/*flex-grow: 3;*/margin: .5% 1% .5% 0;max-height:none}

.doubleboxplace {display: flex;align-content:stretch;justify-content:space-between;flex-wrap: wrap;}
.doublebox {width: 49%;overflow: hidden;position: relative;margin:0 0 30px 0;}
.doublebox .title {color:var(--black);}

.flexproduct {display: flex;flex-wrap: wrap;padding:2% 4%;background:var(--white);border-radius:15px}
.flexproduct > div {width:45%;}
.flexproduct .imagesplace {width:55%;margin:auto;padding:0 2%}

.artplace {margin:40px 0 20px 0;}

.listlace {}
.listitem {margin:0 0 40px 0;color:var(--black);}
.listitem .imgplace {width:290px;float:left;margin:0 40px 0 0;position:relative}
.listitem .imgplace img {margin:auto;max-height: 250px;}
.listitem .abstract {padding:20px;border-top:1px solid var(--seccolor);overflow:hidden}
.listitem .title {display:inline-block;padding:10px;background:var(--seccolor);color:var(--white);font-weight:600;}
.listitem a {color:var(--black);float:right}
.listitem a:hover .abstract, .listitem a:focus .abstract {background:#f0f0f0;}
.listitem a:hover .more, .listitem a:focus .more {background:#053a57;color: var(--white);}
.listitem .title a {color:#fff}
.listitem .abstractdata {overflow:hidden}
.listitem .more {float:right;margin:10px 0 0 0;background:none;border:1px solid var(--seccolor);color:var(--seccolor); padding:10px 15px;}
.listitem li {font-size:14px;}
.listitem.noborder .abstract {border:none;border-top:1px solid var(--seccolor);}

.listitem.management .abstract {padding:20px 0;}
.listitem.management .imgplace {width:170px;height:170px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;overflow:hidden}
.listitem.management .imgplace img {max-width:none;height:100%;width:auto}
.listitem.management .position {display:inline-block;padding:0 20px;}

.liststyleplace {}
.liststyle {margin:0 0 40px 0;}
.liststyle .title {color:var(--seccolor);font-weight:600;border-bottom:1px solid var(--seccolor);padding:10px;}
.liststyle .abstract {padding:10px;width:85%;float:left}
.liststyle a {color:var(--black);}
.liststyle:hover, .liststyle a:focus {background:#f0f0f0}
.liststyle:hover .title, .liststyle a:focus .title {color:var(--white);background:var(--seccolor);}
.liststyle .attach {float:right;width:15%;padding:10px;}
.liststyle .attach img {float:left;margin:-2px 10px 0 0}
.liststyle .name {margin:0 0 10px 0;}

.docsplace {overflow: hidden;}
.docsplace a {display:block;color:var(--black);font-size:16px;    clear: both;margin: 10px 0;}
.docsplace a:hover, .docsplace a:focus {text-decoration:underline}
.docsplace img {float:left;margin:-2px 10px 0 0;}
.docsplace .title {display:none;color: var(--seccolor);margin: 0 0 5px 0;font-weight: 500;font-size: 16px;}

.linksplace {padding:20px 0;margin:0 0 30px 0;border-bottom:1px solid #ccc;overflow: hidden;}
.linksplace a {display:block;color:var(--black);font-size:16px;    clear: both;margin: 10px 0;}
.linksplace a:hover, .linksplace a:focus {text-decoration:underline}
.linksplace img {float:left;margin:-2px 10px 0 0;max-height:23px;}
.linksplace .title {display:none;color: var(--seccolor);margin: 0 0 5px 0;font-weight: 500;font-size: 16px;}

.leftmenu {padding:0 0 0 15px;border-left:2px solid #e7e7e7;margin:0 0 30px 0;} 
.leftmenu a {display:block;color:#696767;font-size:14px;padding:5px 0;font-weight:500}
.leftmenu a:hover, .leftmenu a.this, .leftmenu a:focus {color:var(--seccolor);}
.leftmenu a.this {font-weight:600}
.leftmenu .level2 {padding:5px 0 5px 20px;}
.leftmenu .level3 {padding:3px 0 3px 40px;}
.leftmenu .level4 {padding:3px 0 3px 60px;}

.contactbody {float:left;width:39%;}
.contactbody h3 {margin:0 0 10px 0;font-weight: 600;}
.contactbody a {color:var(--seccolor);text-decoration:underline;}
.contactbody a:hover, .contactbody a:focus {color:var(--black);}

.iconsplace {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #e7e7e7;}
.iconsplace p {margin:0;padding:6px 0 6px 33px;font-size:14px;background: url(../images/icon1.png) left center no-repeat;}
.iconsplace p:nth-of-type(2n) {background: url(../images/icon2.png) left center no-repeat;}
.iconsplace p:nth-of-type(3n) {background: url(../images/icon3.png) left center no-repeat;}
.iconsplace p:nth-of-type(4n), .iconsplace p:nth-of-type(5n) {background: url(../images/icon4.png) left center no-repeat;}

.iconsplace2 {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid #e7e7e7;}
.iconsplace2 p {margin:0;padding:6px 0 6px 33px;font-size:14px;background: url(../images/icon1.png) left center no-repeat;}
.iconsplace2 p:nth-of-type(2n) {background: url(../images/icon6.png) left center no-repeat;}
.iconsplace2 p:nth-of-type(3n) {background: url(../images/icon2.png) left center no-repeat;}
.iconsplace2 p:nth-of-type(4n) {background: url(../images/icon4.png) left center no-repeat;}
.iconsplace2 p:nth-of-type(5n) {background: url(../images/icon4.png) left center no-repeat;}
.iconsplace2 > span {font-weight:700;display:block;font-size:20px;margin:0 0 10px 0;}

.contactformplace {float:right;width:56%;}
.contactformplace .smalltitle {font-size: 20px;color:#636363;font-weight: 500;}
 
.contactform .comments, .contactform .jointomailinglist, .contactform .btnplace {width:100%;float:left;line-height: 120%;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px;font-weight: 500;opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform input[type="submit"] {width:auto;margin:0;float:right}
.contactform .leftside, .contactform .rightside {width:46%}
.contactform textarea {height:80px;}

.contactform label {float:left;width:49%}
.contactform label:nth-of-type(2n) {float:right;}
.contactform .title {font-weight:600;padding:5px 10px}
.contactform #lblLocation {width:100%}

.jointomailinglist span {display:block;overflow:hidden;    font-size: 14px;line-height: 100%;}
.jointomailinglist input {margin: -2px 10px 0 0px;}

.registerform {float:none;width:100%;}
.registerform span {padding:0 10px}

#contactfooter {padding:2% 0;background:#f6f6f6;position:relative}
#contactfooter .contactform {max-width:1000px;margin:0 0 20px 0;}
#contactfooter .contactform p {max-width:1000px;}
#contactfooter h2 {color:var(--maincolor);font-size:32px;}
#contactfooter .contactform label {margin:0 0 15px 0;}
#contactfooter .contactform input, #contactfooter .contactform select, #contactfooter .contactform textarea {color: var(--seccolor);background:#dae6eb;border-radius:30px;padding:10px 20px;}
#contactfooter .contactform ::-webkit-input-placeholder {color: var(--seccolor);}
#contactfooter .contactform ::-moz-placeholder {color: var(--seccolor);}
#contactfooter .contactform :-ms-input-placeholder {color: var(--seccolor);}
#contactfooter .contactform :-moz-placeholder {color: var(--seccolor);}
#contactfooter .contactform input[type="submit"] {float:none;background:var(--maincolor);color:var(--white);padding:5px;margin:10px 0 0 0;}
#contactfooter .contactform input[type="checkbox"] {padding:0;}
#contactfooter .contactform .jointomailinglist, #contactfooter .contactform .comments {float:none;font-size:14px;}
#contactfooter .contactform option {color:#000}


.thanksplace {padding: 10px;font-weight: bold}

.opencontactshow {position:fixed;right:2%;    bottom: 25%;z-index:123;width: 230px;background:var(--maincolor) url(../images/majesticons_chat.png) 15px center no-repeat;color:var(--white);padding:10px 15px 10px 60px;border:2px solid transparent;border-radius:var(--radius)}
.opencontactshow:hover, .opencontactshow:focus {box-shadow: var(--shadow);background:var(--white) url(../images/majesticons_chat.png) 15px center no-repeat;color:var(--maincolor);border:2px solid var(--maincolor)}

.infobox {border:1px solid #e7e7e7;margin:0 0 30px 0;}
.infobox .abstract {padding:10px;}
.infobox a {color:#053a57;display:block}
.infobox .title {color:var(--seccolor);font-size:14px;font-weight:600;}
.infobox .more {background:none;border:none;color:var(--seccolor);padding:0;text-decoration:underline;min-width:initial;margin:0;font-size:14px;}
.infobox p {font-size:14px;display: inline;}
.infobox a:hover img, .infobox a:focus img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.infobox .imgplace {overflow:hidden}

.viewedplace {border:1px solid #e7e7e7;margin:0 0 30px 0;}
.viewedplace h3 {text-align:center;font-size:16px;color:var(--black);padding:15px 2px;border-bottom:1px solid #e7e7e7;font-weight:400;}
.vieweditem {margin:20px;border-bottom:1px solid #e7e7e7;padding:20px;text-align:center}
.vieweditem:last-of-type {border:none}
.vieweditem .imgplace img {margin:auto;max-height:100px;}
.vieweditem a {color:var(--seccolor);}
.vieweditem a:hover, .vieweditem a:focus {color:var(--black);}
.vieweditem a:hover img, .vieweditem a:focus img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

.downloadmain h2 {font-size:16px;margin:40px 0 10px 0;}
.downloadlist {border:1px solid #e7e7e7;}
.downloadheader {border-radius: 10px;overflow: hidden;}

.downloaditem div {border-right:2px solid var(--white);width:14%;padding:15px 10px;float:left;font-size: 14px;}
.downloaditem div:nth-of-type(2n) {width:55%}
.downloaditem div:nth-of-type(3n) {width:13%}
.downloaditem div:nth-of-type(4n) {width:13%;}
.downloaditem div:nth-of-type(5n) {width:5%;border:none;padding: 0;}
.downloaditem img {margin:6px auto 0 auto;}
.downloaditem a {color:var(--black);}
.downloaditem a:hover, .downloaditem a:focus {color:var(--seccolor);}

.downloaditem:nth-of-type(even) {background:#f0f0f0;}
 
.downloadheader div {color: var(--white);background: var(--seccolor);border-right:2px solid var(--white);width:14%;padding:10px;float:left;font-size: 14px;position:relative}
.downloadheader div:nth-of-type(2n) {width:55%}
.downloadheader div:nth-of-type(3n) {width:13%}
.downloadheader div:nth-of-type(4n) {width:13%;}
.downloadheader div:nth-of-type(5n) {width:5%;border:none}

.downloadlist .arrow.up, .downloadlist .arrow.down {width: 0;height: 0;border-style: solid;display:block;position:absolute;right:5px;top:7px;cursor:pointer}
.downloadlist .arrow.up {border-width: 0 5.5px 10px 5.5px;border-color: transparent transparent #ccc transparent;}
.downloadlist .arrow.up:hover, .downloadlist .arrow.up.this {border-color: transparent transparent #fff transparent;}
.downloadlist .arrow.down {border-width: 10px 5.5px 0px 5.5px;border-color:#ccc transparent transparent  transparent;top:20px;}
.downloadlist .arrow.down:hover, .downloadlist .arrow.down.this {border-color:#fff transparent transparent  transparent;}

.searchstyle {padding:20px 0 0 0;margin:20px 0 20px 0;border-top:1px solid #e7e7e7}
.searchstyle .title {color:#636363;font-weight:600;font-size:18px;}
.searchstyle label {float:left;width:40%;margin:20px 0;font-size:14px;color:#636363;}
.searchstyle label select {width:auto;font-size:14px;color:var(--seccolor);    font-weight: 600;}
.searchstyle input[type="submit"], .searchstyle button {border:none;display: none;margin: 20px auto;background: var(--seccolor);color: var(--white);min-width: 150px;text-align: center;padding: 10px 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight:500;float:left;padding:5px 10px;font-size:14px;font-weight:300;width:auto;}
.searchstyle input[type="submit"]:hover, .searchstyle button:hover {    background: #053a57;}

.searchstyle2 {}
.searchstyle2 .title {color:#636363;font-weight:600;font-size:18px;float:left;margin:2px 20px 0 0;}
.searchstyle2 label {float:left;width:36%;font-size:14px;color:#636363;margin: 0 0 20px 0;}
.searchstyle2 label select {width:auto;font-size:14px;color:#636363;    font-weight: 600;}
.searchstyle2 input[type="submit"], .searchstyle2 button {border:none;display: inline-block;margin: 20px auto;background: var(--seccolor);color: var(--white);min-width: 150px;text-align: center;padding: 10px 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;font-weight:500;float:left;padding:5px 10px;font-size:14px;font-weight:300;width:auto;}
.searchstyle2 input[type="submit"]:hover, .searchstyle2 button:hover {    background: #053a57;}

.searchresults {padding:0px 0 20px 0;margin:0px 0 20px 0;border-bottom:1px solid #e7e7e7}
.searchresults a:hover, .searchresults a:focus {text-decoration:underline}
.searchresults div {padding:5px 0;}
.searchresults div span {font-style:italic}
.searchresults h3 {margin:0;}

.faqsplace .question {color:var(--seccolor);font-weight:600;padding:10px;border-bottom:1px solid var(--seccolor);margin: 40px 0 0 0;}
.faqsplace .question p, .faqsplace .question li {font-weight:600;text-align:initial;margin:0;}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {background:var(--seccolor);color:var(--white);}
.faqsplace .answer {display:none;background:#f0f0f0;padding:10px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;}

.countrylist {float:left;width:14.2%;}
.countrylist h2 {font-size:18px;margin:0 0 10px 0;}
.countryitem a {color:var(--black);padding:2px 0;display: block;}
.countryitem a:hover, .countryitem a:focus {color:var(--seccolor);text-decoration:underline}
.contrydata {margin:0 0 40px 0;}
.contrydata div {padding:5px 0;border-bottom:1px solid #e7e7e7;}
.contrydata div span {font-weight:600;color:#636363;}
.contrydata a {color:var(--seccolor);}

.eventitem {padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:1px solid #e7e7e7;}
.eventitem .imgplace {width:290px;float:left;margin:0 40px 0 0;position:relative}
.eventitem .abstract {overflow:hidden}
.eventitem .abstract div {width:50%;float:left;padding:3px 0 3px 30px;font-size:14px;margin:10px 0 0 0;min-height:25px;}
.eventitem .title {font-size:18px;display:inline-block;max-width: 63%;}
.eventitem .from {background: url(../images/icon6.png) left center no-repeat;}
.eventitem .location {background: url(../images/icon1.png) left center no-repeat;}
.eventitem .date {background: url(../images/icon5.png) left center no-repeat;}
.eventitem .site {background: url(../images/icon8.png) left center no-repeat;}
.eventitem a {color:var(--seccolor);text-decoration:underline}

.sortplace {padding:20px 0;}
.sortplace span {display:inline-block;float:left;color:#999999;font-size:14px;padding:5px 0 0 0}
.sortplace button {border:1px solid #999999;color:#999999;margin:0 0 0 10px;width:auto;padding:3px 13px;float:left;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.sortplace button:hover, .sortplace button:focus, .sortplace button.chossen {border:1px solid #1472a4;color:#1472a4;}
.sortplace .sortresults, .sortplace .sortby {float:left;}
.sortplace .sortbyplace {float:right;display:none}
.sortplace select, .sortplace input {border:1px solid #999999;color:#999999;margin:0 0 0 10px;width:auto;padding:3px 13px;float:left;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.sortplace select:hover, .sortplace select:focus {border:1px solid #1472a4;color:#1472a4;}
.sortplace label {display:inline-block;margin:0;}
.sortplace .sortresults {margin:0 10px 0 0;}

.viewas {position:absolute;right:0;top: -60px;display: flex;align-items: center;}
.viewas button {margin:0 0 0 10px;padding:0;border:none}
.viewas .btnstyle {width:46px;height:36px;}
.viewas .btnstyle:hover, .viewas .btnstyle.this {filter: brightness(0) invert(0);}
.viewas .line {background: url(../images/line.png) center center no-repeat;}
.viewas .box {background: url(../images/box.png) center center no-repeat;}
.viewas #opencompare {background: var(--maincolor) ;color: var(--white);padding: 5px 20px;border: 2px solid var(--maincolor);border-radius: var(--radius);font-size:20px;width:auto}
.viewas #opencompare:hover {background:var(--white);color:var(--maincolor)}

.prflexplace {display:flex;flex-wrap:wrap;align-items: flex-start;}
.prflexplace > div {border-radius:15px;/*align-items: flex-start;*/}

.findproductplace {padding:1%;width:22%;margin:0 3% 0 0;background:var(--white);}

.findproduct {text-align:initial;border:none;padding:0;margin:0 0 10px 0;}

.productsplace {width:75%}

.flexplace {display: flex;flex-wrap: wrap;}
.flexplace .flex {width: 31.3%;margin: 0 1% 2% 1%;position:relative;border-radius:15px;background:var(--white);    padding: 2%;}
.flexplace .flex .title {font-size:24px;font-weight:500;color:var(--maincolor);margin:10px 0;}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 270px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0}
.flexplace .flex .imgplace img {max-width:98%;max-height:98%}
.flexplace .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplace .flex a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.flexplace .flex a:hover .title, .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex .subtitle {display:none;color:var(--black);font-size:16px;}
.flexplace .flex .file a {display:flex;color:var(--black);margin:5px 0 10px 0}
.flexplace .flex .file a img {margin:0 10px 0 0}
.flexplace .flex br {display:none}
.flexplace .flex .fieldname span {display:inline-block;font-weight:bold;margin:0 10px 0 0}
.flexplace label {margin:0}
.flexplace input[type="checkbox"], .searchbox label input[type="checkbox"], .jointomailinglist input[type="checkbox"] {appearance: none;-webkit-appearance: none;display: flex;align-content: center;justify-content: center;border: 0.15rem solid var(--maincolor);border-radius: 100%;margin:0 10px 0 0}
.flexplace input[type="checkbox"]::before, .searchbox label input[type="checkbox"]::before, .jointomailinglist input[type="checkbox"]:before {content: "";width: 20px;height: 16px; /* clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);*/transform: scale(0);background-color: var(--maincolor);border-radius:100%}
.flexplace input[type="checkbox"]:checked::before, .searchbox label input[type="checkbox"]:checked::before, .jointomailinglist input[type="checkbox"]:checked::before {transform: scale(1);}

.morebtnplace {margin:10px 0;display:flex; align-items: center;}
.morebtnplace .morebtn {padding: 5px 15px;font-size: 18px;width:48%}
.morebtnplace .morebtn:first-of-type {margin:0 2% 0 0}
.morebtnplace a.morebtn {background:var(--white);color:var(--maincolor)}
.morebtnplace a.morebtn:hover {color:var(--white)}

.fileplace .file {color:var(--black);display: flex;margin: 0 0 10px 0;align-items: center;}
.fileplace .file img {margin:0 10px 0 0}

.tables .flex {width:100%;margin:0 0 10px 0;background:var(--white);border-radius:initial;border:none;border-top:1px solid var(--greylight);display:flex;align-items: center;border-radius:15px;padding:10px;}
.tables .flex .imgplace, .tables .flex .abstract {padding:5px;display:flex;align-items: center;min-height:0;border:none;margin:0;}
.tables .flex .abstract {flex: auto;align-items:initial;width:50%;}
.tables .flex .title {padding:0px;margin:0}
.tables .flex .imgplace {height:100px;width:10%;}
.tables .flex .imgplace img {position:static}
.tables .flex > a {/*flex:auto;*/display:flex;align-items: center;width: 30%;}
.tables .flex .abstract > div {padding:5px;border-right:1px solid var(--grey)}
.tables .flex .subtitle {display:block}
.tables .morebtnplace {    flex-direction: column;margin:0 0 10px 0;}
.tables .fileplace { display: flex;   flex-direction: column-reverse;align-items: flex-end;width:20%;}
.tables .fileplace .file {margin:10px 0 0 0 }
.tables .fileplace label span {display:none}
.tables .fileplace .morebtnplace{margin: 10px 0 0 0}
.tables .morebtnplace .morebtn{ width:100%}
.tables .morebtnplace .morebtn:nth-of-type(2n) {display:none}
.tables .flex .fieldname span {display:none}

.tables .morebtnplace a.morebtn {display:none}

.searchbox {margin:0 0 15px 0;}
.searchbox .title {color:var(--seccolor);font-size:24px;font-weight: 500;}
.searchbox label {display:flex;    align-items: center;margin:3px 0}
.searchbox label span {flex:auto}

.videoitem {}
.videoitem .title {color:var(--white);font-weight:600;}
.videoitem .abstract {background:var(--seccolor);/*position:absolute;left:0;top:0;*/width:100%;padding:10px 10px;z-index:2;line-height:120%;/*min-height:80px*/}
.videoitem a {color:var(--white);display:block}
.videoitem a:before {height:100%;width:100%;content:"";display:block;position:absolute;left:0;bottom:0;background: -moz-linear-gradient(top, rgba(20,114,164,0) 0%, rgba(20,114,164,0) 51%, rgba(20,114,164,1) 78%, rgba(20,114,164,1) 100%); background: -webkit-linear-gradient(top, rgba(20,114,164,0) 0%,rgba(20,114,164,0) 51%,rgba(20,114,164,1) 78%,rgba(20,114,164,1) 100%); background: linear-gradient(to bottom, rgba(20,114,164,0) 0%,rgba(20,114,164,0) 51%,rgba(20,114,164,1) 78%,rgba(20,114,164,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001472a4', endColorstr='var(--seccolor)',GradientType=0 );}
.videoitem a:after {opacity:0;height:100%;width:100%;content:"";display:block;position:absolute;left:0;bottom:0;background: -moz-linear-gradient(top, rgba(0,139,200,0) 0%, rgba(0,139,200,0.95) 70%, rgba(0,139,200,1) 100%); background: -webkit-linear-gradient(top, rgba(0,139,200,0) 0%,rgba(0,139,200,0.95) 70%,rgba(0,139,200,1) 100%); background: linear-gradient(to bottom, rgba(0,139,200,0) 0%,rgba(0,139,200,0.95) 70%,rgba(0,139,200,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00008bc8', endColorstr='#008bc8',GradientType=0 ); }
.videoitem a:hover:after, .videoitem a:focus:after {opacity:1}
 
.imageitem {padding:0 0 30px 0;}
.imageitem .imgplace {border:1px solid #e7e7e7;padding:10px;margin:0 0 10px 0;height:200px;}
.imageitem .imgplace img {max-height:180px;max-width:280px}
.imageitem a {color:var(--black);font-weight:600;}
.imageitem a:hover, .imageitem a:focus {color:var(--seccolor);}
.imageitem a:hover .imgplace, .imageitem a:focus .imgplace {border:1px solid var(--seccolor);}

.gallerylist {padding:1%;float: left;width: 100%;}
.gallerylist img {margin:0;padding:0;display:inline-block;vertical-align:bottom;opacity:1;}
.galleryitem {opacity:0;float:right;-moz-box-shadow: 0px 0px 20px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 20px rgba(100,100,100,0.5);box-shadow: 0px 0px 20px rgba(100,100,100,0.5);}
.galleryitem:hover {-moz-box-shadow: 0px 0px 30px rgba(50,50,50,0.9);-webkit-box-shadow: 0px 0px 30px rgba(50,50,50,0.9);box-shadow: 0px 0px 30px rgba(50,50,50,0.9);}
.galleryitem:hover img, .galleryitem a:focus img {-webkit-transform: scale(1.01,1.01);-moz-transform: scale(1.01,1.01);-o-transform: scale(1.01,1.01);-ms-transform: scale(1.01,1.01);transform: scale(1.01,1.01);}

.effect-parent {-webkit-perspective: 1300px;-moz-perspective: 1300px;perspective: 1300px;}
.effect-2 {-webkit-transform: translateY(200px);-moz-transform: translateY(200px);transform: translateY(200px);-webkit-animation: moveUp ease forwards;-moz-animation: moveUp ease forwards;animation: moveUp ease forwards;}

@-webkit-keyframes moveUp {
    to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
    to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    to { transform: translateY(0); opacity: 1; }
}
.effect-duration-1{-webkit-animation-duration: .4s;-moz-animation-duration:    .4s;animation-duration:         .4s;}
.effect-duration-2{-webkit-animation-duration: .5s;-moz-animation-duration:    .5s;animation-duration:         .5s;}

.masonryitem, .grid-sizer {width:30%;margin-bottom:40px;}
.gutter-sizer {width: 3%;}
.sitemapheader {margin:0px 0px 5px 0px;font-weight:bold;}
.sitemap {width:30%;margin-bottom:40px;float:right}
.sitemap ul {margin:0px 0px 5px 15px;}
.sitemap li {margin:5px 0px 5px 0px;}
.sitemap a {color:var(--black);}
.sitemap a:hover, .sitemap a:focus {color:var(--seccolor);text-decoration:underline}

footer {padding:40px 0 0 0;background:var(--white)}

.bannerplace {float:right;width:50%;display:flex}
.banner {padding:0 4% 0 0;margin:0 4% 0 0;border-right:1px solid var(--maincolor)}
.banner:last-of-type {border:none;padding:0;margin:0;}
.banner .imgplace {float:left;margin:0 20px 0px 0;width:70px;height:70px;overflow:hidden;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.banner .imgplace img {height:100%;max-width:none;width:auto}
.banner a {color:var(--seccolor);display:block;overflow: hidden;}
.banner a:hover, .banner a:focus {text-decoration:underline}
.banner .abstract {overflow:hidden}
.banner .date {color:var(--seccolor);}
.banner .title {font-weight:600;color:var(--seccolor);font-size:20px;margin:0 0 15px 0;}
.banner p {font-size:14px;}

.banner .address {padding:0 0 0 28px;background: url(../images/location.png) left 0 no-repeat;}
.banner .phone {padding:0 0 0 28px;background: url(../images/tel.png) left 0 no-repeat;}
.banner .info {padding:0 0 0 28px;background: url(../images/info.png) left 0 no-repeat;}
.banner .mail {padding:0 0 0 28px;background: url(../images/email.png) left 0 no-repeat;}


.relateddownloadsplace {padding:2% 0;background: var(--greylight);margin: 2% 0 0 0;}
.relateddownloadsplace h2 {color:var(--black)}

.relateddownloads {display:flex;flex-wrap:wrap}
.relateddownloads .imgplace {display:flex;width:100px;height:100px;border:1px solid var(--seccolor);border-radius:100%;margin:0 auto 10px auto;align-items: center;justify-content: center;}
.relateddownloads > div {width:23.5%;margin:0 2% 2% 0}
.relateddownloads > div:nth-of-type(4n) {margin:0 0 2% 0}
.relateddownloads a {background:var(--white);border-radius:15px;display:block;padding:25px;}
.relateddownloads .title {font-size:24px;color:var(--seccolor);line-height:100%;text-align:center;min-height:72px;}
.relateddownloads a:hover .imgplace {filter: brightness(0) invert(0);}
.relateddownloads a:hover .title {color:var(--black)}

.relatedvideosplace {padding:4% 0;}
.relatedvideosplace h2 {color:var(--black)}

.relatedvideos {display:flex;flex-wrap:wrap;justify-content: center;}
.relatedvideos > div {width:31%;margin:1%;background:var(--white);border-radius:15px;position:relative}
.relatedvideos .imgplace {width:100%;height:320px;display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative;border-radius:15px 15px 0 0}
.relatedvideos .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.relatedvideos .title {color:var(--maincolor);font-size:32px;font-weight:500;margin:10px 0;line-height: 100%;}
.relatedvideos .abstract {color:var(--black);font-size:20px;padding:20px 20px 50px 20px;}
.relatedvideos .seemore {color:var(--seccolor);display:block;position:absolute;left:20px;bottom:20px;}
.relatedvideos .seemore:hover, .relatedvideos .seemore:focus {text-decoration:underline}
.relatedvideos .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;font-size:18px;}
.relatedvideos a {display:block}

.applicationsplace {padding:4% 0;background: var(--greylight);margin: 2% 0 0 0;}
.applicationsplace h2 {color:var(--black)}
.applicationsplace .slick-dots {bottom:-30px;}

.applicationsplace .slick-next:before, .applicationsplace .slick-prev:before, .applicationsplace .slick-next:after, .applicationsplace .slick-prev:after {background:var(--grey)}

.applications .appflex {display:flex;background:var(--white);border-radius:15px;}
.applications .appflex > div {width:55%;padding:4%;min-height:420px;}
.applications .imgplace {width:45%;padding:0;overflow:hidden;position:relative;border-radius:15px 0 0 15px;}
.applications img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.applications .noPicture {position: static;width: auto;height: a;top: 0;left: 0;object-fit:none;}
.applications .title {color:var(--black);font-size:32px;font-weight:500;margin:0 0 10px 0;line-height: 100%;}
.applications .moreabstract {font-size:18px;margin:20px 0}
.applications .watch {font-size:18px;margin:20px 0;color:var(--seccolor);background: url(../images/watch.png) left center no-repeat;padding:5px 0 5px 40px;display:block}
.applications .simple {font-size:18px;margin:20px 0;color:var(--seccolor);display:block}

a.viewoptions {display:block;color:var(--black);font-size:16px; margin: 10px 0;background: url(../images/filter.png) left center no-repeat;padding:0 0 0 30px;}
a.viewoptions:hover, a.viewoptions:focus {text-decoration:underline}

.orderinginfo {background:var(--white);padding:5% 0}
.orderinginfo table {border-right:1px solid var(--grey);border-bottom:1px solid var(--grey)}
.orderinginfo table td, .orderinginfo table th {padding:5px;text-align:initial;border-left:1px solid var(--grey);border-top:1px solid var(--grey)}

.socialmedia {margin:0 0 5% 0;}
.socialmedia ul {display:flex;justify-content: center;}
.socialmedia ul li {margin:0 5px}
.socialmedia a:hover img, .socialmedia a:focus img {filter: brightness(0) invert(0);}

.footerlinksplace {float:left;width:50%;}
.footerlinksbox {width:33%;float:left}

.footerlinksbox a {color:#363636;margin:0 0 5px 0;display:block;font-size:14px;}
.footerlinksbox a:hover, .footerlinksbox a:focus {text-decoration:underline;color:var(--black);}
.footerlinksbox .title {color:var(--seccolor);margin:0 0 15px 0;font-weight:600;font-size:20px;}
.footerlinksbox li {display:block}

.credits {padding:20px 0;color:var(--white);margin:30px 0 0 0;font-size:16px;background:var(--seccolor);font-weight: 300;}
.credits .page {display:flex}
.credits .page > div {display: flex;}
.credits .page > div:first-of-type {flex:auto;}
.credits p {margin:0 0 0 10px;}
.credits a {color:var(--white)}
.credits a:hover, .credits a:focus {text-decoration:underline}

.languages {display:none;position:absolute;left:50%;top:55px;background: #053a57\95;background: rgba(5, 58, 87, 0.95);width:100px;z-index: 2;margin:0 0 0 -45px;}
#openlogin2:hover .languages, .openlogin2:focus + .languages {display:block}
.languages a {display:block;  color: var(--white);font-weight: 500;padding: 6px 0;border-bottom: 1px solid var(--seccolor);padding:5px 10px;font-size:14px;}
.languages a:hover, .languages a:focus {background:var(--seccolor);}

.loginplace, .requestademoplace, .requestforquatationplace, .compareplace, .buynowplace, .requestademoplacenew, .requestforquatationnew {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: var(--blackopacity);z-index: 999;}
.logindata .close, .requestademodata .close, .requestademodata2 .close, .requestforquatationdata .close, .requestforquatationnew .close,  .compareplace .close, .buynowplace .close {background: #666 url(../images/sprite.png) -142px -28px no-repeat;width: 35px;height: 35px;position:absolute;right:15px;top:15px;border:none;}
.logindata, .requestademodata, .requestademodata2, .requestforquatationdata, .comparedata, .buynowdata {/*position:fixed;left:50%;top:25%;margin:0 0 0 -250px;*/position: relative;margin:40px auto 0 auto;width:500px;padding:2%;background:var(--white)}
.logindata .title, .requestademodata .title,.requestademodata2 .title, .requestforquatationdata .title, .compareplace .title,.buynowplace .title  {margin:0 0 20px 0;font-size:24px;font-weight:600	}
.logindata button, .logindata a, .requestademodata button,.requestademodata2 button, .requestforquatationdata button,
.requestademodata a,.requestademodata2 a, .requestforquatationdata a {display:block;color:var(--black);padding:5px;text-decoration:underline;border:none;background:none;text-align:initial}
.logindata button:hover, .logindata a:hover, .logindata button:focus, .logindata a:focus,
.requestademodata a:hover,.requestademodata2 a:hover, .requestforquatationdata a:hover {color:var(--seccolor)}

.login label span {font-size:16px;padding:10px;color:#666}

.requestademoplacenew.opened {display:block}
.requestforquatationnew.opened {display:block}

.buynowdata{width:1000px;}

.accountslist {
	display: flex;
	flex-wrap: wrap;justify-content: center;margin:10px 0 0 0
}
.accountslist .account {
	   width: 17%;
    margin: 2%;
    text-align: center;
    border: 3px solid var(--maincolor);
    padding: 2%;
}
.accountslist .account img {margin:auto;max-height:150px;}
.accountslist .account .imgplace {
	margin-bottom:20px;
}
.accountslist .account .title {
	display:none;
}
.accountslist .account .price {
	color:var(--black);
}

.forgotpass {
	display: none
}
.addtocartbtn {    text-align: center;
    padding: 5px 10px;
    font-size: 14px; border-radius: 25px;
    font-weight: 500; margin:13px auto 0 auto;  display: inline-block;background: var(--maincolor);width:auto;
    color: var(--white);
    border: 1px solid var(--maincolor);}
.addtocartbtn:hover {background:var(--seccolor)}

.requestademodata, .requestforquatationdata, .comparedata, .requestademodata2 {/*top:5%;margin:0 0 0 -600px;*/width:1200px;}
.requestademodata label, .requestforquatationdata label, .requestademodata div, .requestforquatationdata div {width:49%;float:left;}

.requestademodata #divFormFields > div {width:40%;}
.requestademodata #divFormFields > div:nth-of-type(2n) {width:60%;}

.narrow .requestademodata div, .narrow .requestademodata #divFormFields, #divFormFields, .narrow .requestademodata #divFormFields > div, .requestademodata #divFormResult {width:100%}
.requestademodata label:nth-of-type(2n), .requestforquatationdata label:nth-of-type(2n), .requestademodata div:nth-of-type(2n),
.requestforquatationdata div:nth-of-type(2n) {float:right;}

.requestademodata textarea, .requestforquatationdata textarea {height:86px;}
.requestademodata label{margin-bottom:10px;}
.requestademodata label.jointomailinglist {margin-bottom:15px;}

.modelsplace {margin: 0 0 20px 0;}

.requestademodata .selectproducts label {width:20%;float:left;font-size: 11px;margin:0 0 5px 0} 
.requestademodata .selectproducts label input[type="checkbox"] {margin: 0px 2px 0 0px;width: 13px;height: 15px;}

.welcomeplace {float:right;margin:30px 20px 0 20px;position:relative}
.welcomeplace:hover .toggleaccount {display:block}
.toggleaccount {display:none;position:absolute;left:0;top:22px;background: var(--white);padding:10px;z-index:99;-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.5);box-shadow: 0px 0px 10px rgba(100,100,100,0.5);}
.toggleaccount input[type="submit"] {padding:5px;font-size:14px;min-width:0;margin:5px 0;}

.cookiesplace {z-index: 100;display:none;position:fixed;background:#000\8;background-color: rgba(0,0,0,0.8);width: 100%;bottom: 0;padding: 10px 10%;color: var(--white);text-align: center;font-size: 16px;}
.cookiesplace a {color: var(--white);text-decoration:underline;display: inline-block;}

.popupplace {background: var(--black)\5;background: rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0}
.popupplace.opened {z-index:99;opacity:1;height:100%;}

.regionItem {float:left;margin:0 25px 25px 0px;}
.regionItem span {font-weight:700;color:var(--seccolor);display:block;margin:0 0 10px 0;}
.regionItem a {color:var(--black);}
.regionItem a:hover, .regionItem a:focus {text-decoration:underline}

 .compareplace li {text-align:initial;line-height:100%;padding-left:15px;background: url(../images/dot.png) left 4px no-repeat;list-style-type: none;margin-bottom:5px;}
 .compareplace .slide {padding:0 10px;}

.bodytext .bannerdesktop, .bodytext .bannermobile {width:100%;height:auto;margin:auto}
.bodytext .bannermobile {display:none}

body .pswp__bg {background:#fff}

.comparedata .slick-slide {border-top:1px solid #ccc;border-left:1px solid #ccc}
.comparedata .tablestyle div {padding:10px 5px;border-top:1px solid #ccc}
.comparedata .tablestyle .imgplace {height: 120px;border:none}
.comparedata .tablestyle .title {min-height:55px;margin:0;}
.comparedata .tablestyle .subtitle {min-height:65px;}
.comparedata .slick-slide:first-of-type div {font-weight:bold}
.comparedata .slick-slide:first-of-type .imgplace, .comparedata .slick-slide:first-of-type .title, .comparedata .slick-slide:first-of-type .subtitle {border:none}
.comparedata .slick-list {border-right:1px solid #ccc}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

.slideto {background:var(--white);padding:10px;border:1px solid #92bf26;position:fixed;left:10px;top:10px;z-index:9999;width:1px;height:1px;clip: rect(0,0,0,0);}
.slideto:focus {width:auto;height:auto;clip:auto;}
.invertsite .accessibility, .accessibility {width:30px;height:30px;	background: url(../images/accessibilitysprite.png) -2px -40px no-repeat !important;cursor:pointer;line-height:21px;padding:5px 10px ;border:1px solid var(--seccolor);text-align:center;position:fixed;right:20px;top:25px;z-index:999;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.accessibility:hover, .accessibility:focus {color:var(--black);filter: brightness(0) invert(0);}
.invertsite .accessibility:hover, .invertsite .accessibility:focus {filter: brightness(1) invert(1);}

.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite textarea, .invertsite table td, .invertsite table th, .invertsite footer {background-color:var(--black) !important;color:var(--white) !important;}

.invertsite .lightblueplace {background:var(--black);}

.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea {border:1px solid var(--white);}

.invertsite ::-webkit-input-placeholder {color: var(--white);}
.invertsite ::-moz-placeholder {color: var(--white);}
.invertsite :-ms-input-placeholder {color: var(--white);}
.invertsite :-moz-placeholder {color: var(--white);}

.invertsite .searchplace .submitsearch { background:#000 url(../images/search.png) center center no-repeat !important;}

.invertsite .features_solutions .feature .moreabstract, .invertsite .features_solutions .feature .abstract {background:none !important}

@media (-webkit-device-pixel-ratio: 1.25) {#main {zoom: 0.8;}.accessibility{top: 25px;zoom: 0.8;}}
@media (-webkit-device-pixel-ratio: 1.5) {#main {zoom: 0.67;}.accessibility{top: 10px;zoom: 0.67;}}
@media screen and (min-width: 1921px) and (max-width: 6000px) {header {width:1920px;left:50%;margin:0 0 0 -960px}}


@media screen and (min-width: 1021px) and (max-width: 1730px) 
{
	.page, .shortpage, .mainabstract {padding:0 4%}
}


@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {border-radius: 0;}

	
	body, input, textarea, select, button, p, li {font-size: calc(14px + 4 * ((100vw - 320px) / 1240));}
	h1, .topbanner .title {font-size: 7vw;}
	h2, h3, h4, h5, h6, .sliderhome h2, .sliderhome h3, .smalltitle {font-size: 5.5vw;}
	h3, h4, h5, h6, .mainabstract, .mainabstract p, .mainabstract li {font-size: 4.5vw;}
	.sliderhome p {font-size: 4vw;}
	.features1 .title, .features2 .title {font-size: 22px;}
	.topbanner h3, .topbanner p, .topbanner .more {font-size: 16px;}
	.page {width:94%}

	header > .page {padding:0px;position:static}

	.logo, .sticky .logo {float:left;margin:8px 0;}
	.logo img, .sticky .logo img {max-width: 150px;margin:0}
	.sticky .logo50, .logo50 {float:left;height:25px;margin:13px 0px 0 5px}

	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:0px 0px 0 15px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:var(--seccolor);margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-4px;}
	.openmenu div:before { content: '';top:-4px;}
	.openmenu.opened {opacity:1}
	.openmenu.opened div:before {transform: translateY(10px) rotate(135deg);}
	.openmenu.opened div:after {transform: translateY(-10px) rotate(-135deg);}
	.openmenu.opened span {transform: scale(0);}

	.menuplace ul {display:block}
	.menuplace {z-index:999;transform: translateX(-100%);background: var(--white);position:fixed;left:-10px;top:0px;width:86%;margin:0;height: 100vh;height: calc(var(--vh, 1vh) * 100);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.3);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.3);box-shadow:5px 5px 5px rgba(0,0,0,.3);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 95%;padding: 0;position: absolute;top: 0px;left: 0%;margin: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;}

	.mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li.this > a {background: var(--seccolor);}
	.mainmenu > li a {color:var(--black);padding:10px 5px;text-align:center;border-bottom: 1px solid var(--seccolor);font-weight:500;font-size:15px;}
	.mainmenu li li a, .mainmenu li li li a {padding:10px 5px;display:block;text-align:center;border-bottom: 1px solid var(--seccolor);min-height:0;font-weight:500;font-size:15px;}

	.menuopen {transform: translateX(0px);left:0;}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}

	.dropmenuplace {display:block;opacity:1;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;-moz-box-shadow: 0px 0px 0px rgba(0,0,0,.2);-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.2); box-shadow: 0px 0px 0px rgba(0,0,0,.2); }
	.dropmenuplace .page, .footerlinksbox:nth-of-type(2n) li {width:100%;}

	div .more, div input[type="submit"] {margin: 5px auto;padding: 5px 10px;min-width: 100px;}

	.maincontent {margin:110px auto 0 auto}

	.socialmediaheader, a.openlogin, a.openlogin2, .sticky .socialmediaheader, .sticky a.openlogin2, .sticky a.openlogin{margin-top:10px;}

	.contactform div, .mainmenu li li:last-of-type, .mainmenu li li.nomargin {margin:0;}
	 
	.breadcrumbs {margin:20px 0;}
	.breadcrumbs li {font-size: 11px;}
	a.lang {margin: 0px 0 0 15px;}
	.features_colors .feature img, .features_colors .feature:nth-of-type(2n) img, .features_colors .feature:nth-of-type(3n) img {float:none;max-width:100%;margin:10px auto;}

	.lightblueplace, .whiteplace, .blueplace {padding:20px 0;}
	.dropmenuplace .page > ul {width:100%;padding:0;border:none;margin:0}
	.docsplace {padding:10px 0;}

	.sliderhome .caption h2, .sliderhome .caption p, .sortplace .viewas, .sortplace .sortresults, .sortplace .sortby,
	.productsplace label {margin:0 0 5px 0;}

	.searchplace {margin:5px 0;    width: 100%;position:absolute;left:0;top:70px;background:var(--white);margin:0}

	.bannerplace, .topbanner {    flex-wrap: wrap;}

	.content, .leftcolumn, .footerlinksplace, .socialmedia, .hometext, .rightside, .leftside, .bannerplace, .contactbody, 
	.contactformplace, .features_colors .feature .abstract ul, .dataTables_filter, .dataTables_length, div .moredetails, div .moredetails a,
	div .moredetails button, .liststyle .attach, .countrylist, .requestademodata,.requestademodata2, .requestforquatationdata,
	.comparedata, .footerlinksbox, .footerlinksbox:nth-of-type(2n), .banner, .productsplace, .findproductplace,
	.flexplace .flex, .topbanner .abstract, .topbanner .imgplace, .flexproduct > div, .flexproduct .imagesplace,
	.applications .appflex > div, .applications .appflex > div {float:none;width:100%;max-width:100%;margin:0 auto 20px auto;}

	.triplebox, .flextriplebox, .features_colors .feature, .features_solutions .feature, .features_bottom .feature,
	.features_colors .feature:nth-of-type(2n), .features_colors .feature:nth-of-type(3n), .features_solutions .feature.nomargin,
	.viewedplace, .infoboxesplace, .productsplace .productbox, .content .imgside.imgtop, .content .imagesplace.imgtop, .imgside,
	.imagesplace, .features > div, .features1 > div, .features2 > div, .features3 > div {float:none;width:100%;max-width:320px;margin:0 auto 20px auto;}

	.features0 > div {float:none;width:100%;max-width:320px;margin:0 auto 20px auto;}
	.relateddownloads > div {width: 49%;margin: 0 1% 1% 0;}
	.relateddownloads .title {font-size: 14px;min-height: 30px;}
	.sliderhome .page, .sliderhome .caption, .logindata, .requestademodata, .requestademodata2, .requestforquatationdata {left:0;margin:0;width:100%;max-width:100%;padding:5px 2%;}
	.sliderhome .caption {top:0;transform: translate(0%, 0%);}
	.requestademodata,.requestademodata2, .requestforquatationdata {    top: 3.5%;}
	.logindata .title, .requestademodata .title,.requestademodata2 .title, .requestforquatationdata .title {    margin: 0 0 10px 0;font-size: 20px;}
	.features_solutions, .features_colors {display: flex;align-content: stretch;justify-content: space-between;flex-wrap: wrap;}
	.requestademodata p, .requestforquatationdata p, .requestademodata .title,.requestademodata2 .title, .requestforquatationdata div {line-height:110%;font-size:14px;}

	.requestademodata label, .requestforquatationdata label, .requestademodata div, .requestforquatationdata div {margin:0 0 5px 0;}

	.banner {padding:0;border:none}
	.applications .appflex {    flex-wrap: wrap;}
	.dropmenuplace .page {flex-wrap: wrap;}
	.dropmenuplace #bannerSideMenu {width:100%;display:none !important}

	.topbanner {height:auto;padding:4%}
	.topbanner .imgplace img {max-height: 140px;}
	.mainmenu .navigator a {    width: 100%;margin: 10px 0;}
	.findproduct {font-size:22px;padding:10px;}
	.procuts_list_side, .divBtnClear {display:none}
	.procuts_list_side.opened {display:block}

	.tripleboxplace {display:block;float:left;width:100%;}
	.triplebox {overflow:visible}
	.triplebox .imgplace {overflow:hidden}
	.triplebox .abstract {    padding: 20px;}
	.opencontactshow {bottom:5px;}
	.features1 .imgplace, .features2 .imgplace {height: 230px;}

	.listplace {float:left;width:100%;}
	div .listitem .imgplace {width:100%;padding:5px;margin:0 0 10px 0;float:none;}
	div .listitem .imgplace img {margin:auto;}
	.listitem .abstractdata {overflow:visible}

	.regionItem {    margin: 0 20px 25px 0px;}
	#columns .mapplace {zoom: .37;}

	#contactfooter {right:0%;bottom:0%;}
	#contactfooter .contactform {max-width: 100%;padding: 5px;}
	#contactfooter:after {right:0;}
	#contactfooter .close {right: 5px;top: 5px;}
	.contactform textarea {height: 40px;}
	#contactfooter .contactform label {margin: 0 0 5px 0;}
	.opencontact {padding:10px;background-position:center center;text-indent:-1000px;overflow:hidden;width: 50px;height: 50px;}
	.opencontact:hover, .opencontact:focus {background: var(--white) url(../images/majesticons_chat.png) center center no-repeat;}
	
	.sliderhome div, div .slick-dotted.slick-slider {height:450px;}
	.applications.slick-dotted.slick-slider {height:auto}
	.applications .appflex > div {    min-height: 250px;}

	.socialmedia {text-align:center}
	.socialmedia li {display:inline-block}

	div .slick-dots {bottom:-30px}

	.credits {font-size:12px;margin:5px auto;padding:5px;}
	.viewas {position:static;margin:0 0 20px 0;}
	.popupplace {z-index: 998;overflow: hidden;}

	div .flexproducttd > div:first-of-type img {transform: translate(0%, 0%);position: static;float:none;margin:auto}
	div .flexproducttd > div:first-of-type {float:left}
	div .flexproducttd {display:block}
	div .flexproducttd > div {display:inline-block;width:auto}
	div .producttable.longwide th:first-of-type, .producttable th:first-of-type, .producttable td:first-of-type, table th:first-of-type, table td:first-of-type {min-width:initial;width:auto}
	div table.producttable.dataTable th:first-of-type, div table.producttable.dataTable td:first-of-type, table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
	table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {padding-left: 30px !important;}

	div .tab.bodytext td:first-of-type, div .tab.bodytext th:first-of-type {width: auto;min-width:initial;}

	.downloaditem div {width:50% !important;}

	.downloadheader {display:none}
	.downloaditem {border-bottom:1px solid #ccc}
	.downloaditem div {width:auto !important}
	.downloaditem img {margin: 6px 5px 0 5px;}

	.bodytext iframe {height:auto}

	.requestademoplace, .requestforquatationplace, .compareplace,
	.requestademodata, .requestforquatationdata, .comparedata, .requestademoplacenew {position:absolute;}

	.requestademodata #divFormFields > div, .requestademodata #divFormFields > div:nth-of-type(2n), .jointomailinglist {width:100% !important}

	.requestademodata .selectproducts label {width:50%}

	.downloaditem div:nth-of-type(2n) {font-weight:600}
	.bodytext .bannerdesktop {display:none}
	.bodytext .bannermobile {display:block}
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {display:none !important}
}

@media screen and (min-width: 768px) and (max-width: 1239px) 
{
	.page {width:94%}
	h1 {font-size: 6vw;}
	h2, h3, h4, h5, h6, .sliderhome h2, .sliderhome h3, .smalltitle {font-size: 4vw;}
	h3, h4, h5, h6, .mainabstract, .mainabstract p, .mainabstract li {font-size: 3vw;}
	.sliderhome p {font-size: 2vw;}
	.features_solutions .feature, .features_colors .feature, .features_bottom .feature {padding:2%}
	#contactfooter {right:0;top:auto;bottom:0;}
	.opencontact {padding:10px;background-position:center center;text-indent:-1000px;overflow:hidden;width: 40px;height: 40px;}
	.mainmenu > li a {    padding: 17px 5px;font-size: 14px;}
	.sliderhome .page, .sliderhome .caption {left:0;margin:0;width:100%;max-width:100%;padding:4%;}
	.invertsite .accessibility, .accessibility {right:0;}
	.features_colors .feature img {max-width:30%;}
	.features_colors .feature .abstract ul {width: 70%;}
}

@media screen and (min-width: 300px) and (max-width: 769px) 
{
   .accessibility {display:none}
}

@media print 
{

    * {-webkit-print-color-adjust:exact;}
	h1, h2, h3, h4, h5, h6, h7, p, a, li {line-height:120%;color:#000 !important;}
	h1 {font-size:30px;}
	h2 {font-size:26px;} 
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	p {line-height: 120%;font-size: 16px;}
	div, header, footer, a {color:#000 !important;background:none !important;}
	.page, .content, .imgside, .indexcontent, .bodytext, .bannerplace, .hometext, .rightside, .leftside { width: auto !important;width:100% !important; margin:auto !important;max-width:100% !important;float:none}

	.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, .strip, .opensearch, .accessibility, .shoppingcartplace, #openlogin, #strip, .footerlinksplace,
	.more, .docsplace, div .slick-dots, .socialmediaheader, .sliderhome {display:none !important;}

	div, span, body, header, .sticky {background:none;-moz-box-shadow: 0px 0px 0px rgba(100,100,100,0);-webkit-box-shadow: 0px 0px 0px rgba(100,100,100,0);box-shadow: 0px 0px 0px rgba(100,100,100,0);}
	
	.maincontent {min-height:0;height:auto;margin:0;}

	header, .infobox, .timelinegreyplace .bigtitle, .timelineplace, .linkssplace .bigtitle {width:100%;position:static}

	.pagetitle, .columns {background:none;padding:0;min-height:0;position:static;height:auto}
	.bodytext p a {box-shadow: inset 0 0px 0 rgba(255,255,255,0), inset 0 0px 0 var(--white);}
	.credits {text-align:center;padding:5px;font-size:14px;margin: 0}
	
	.feature {filter: opacity(1)!important;opacity:1 !important;width:100% !important;}
	.feature .abstract {position:static;color:var(--black);}

}