﻿@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 25px 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:150%;}
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:last-of-type li a,*/ .mainmenu .smalllink a {color:var(--black);font-size: 16px;padding:0}

.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;align-items: center;}
.dropmenuplace .page > ul {padding:0 4% 0 0;width:25%;border-right:1px solid var(--grey)}
.dropmenuplace #bannerSideMenu {width:75%}

.mainmenu .navigator {margin-top:10px;}
.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 0 10px 10px;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;float:right}
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);float:left;margin-left:0}
div .morebtn:first-of-type:hover {background:var(--seccolor)}
 
.tmpProductItem .moredetails .morebtn {float:right;margin:5px 0 0 0}
.tmpProductItem .moredetails .btn1 {float:left}

#requestforquatation {margin-right:10px;}

.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(--black)}
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}


.flexproduct .slick-next:before, .flexproduct .slick-prev:before, .flexproduct .slick-next:after,
.flexproduct .slick-prev:after {background:var(--seccolor)}

.compareplace .slick-prev, .compareplace .slick-next {background:var(--seccolor)}

.tmpProductSub, .tmpProductItem, .tmpProductList, .tmpProductSpecialList, .tmpKnowledgeCenter, .tmpSolution {background:#f6f6f6}

.tmpProductItem h1, .tmpProductItem .smalltitle {color:var(--maincolor);margin:0 0 10px 0;}

.maincontent {margin:210px 0 0px 0;}

.tmpSolution .bodytext {margin:25px 0 0 0}
.tmpSolution .pagetitle {padding:25px 0 0 0}
.tmpSolution .pagetitle h1 {margin:0}
.tmpSolution .maincontent, .tmpKnowledgeCenter .maincontent, .tmpProductSpecialList .maincontent {margin:180px 0 0px 0;}

.tmpindex .maincontent {margin:161px 0 0px 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:25px 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 25px 0;line-height: 100%;}

.similarplace {margin:25px 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:25px 0}
.similarsliderplace h2 {color:var(--black);margin:0px 0 20px 0;}
.similarsliderplace .similarslider:first-of-type {margin-bottom:30px;}

.similarslider .slide {width:22%;margin:0 2%;background:var(--white);border-radius:15px;position:relative}
.similarslider .slide .imgplace {width:100%;height:150px;display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative;margin:20px 0 0 0}
.similarslider .slide .imgplace img {max-width:100%;max-height:100%}
.similarslider .slide .title {color:var(--maincolor);font-size:20px;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:14px;}
.similarslider .slide a {display:block}
.similarslider .slick-slide {padding:0 20px 0 0 }

.similarslider .slick-next, .similarslider .slick-prev {    top: -30px;}
.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)}

.similarslider .slick-list {margin:0 -30px 0 0}
.similarslider .slick-track {display:flex}
.similarslider .slick-track .slick-slide {min-height:100%;height:auto}
.similarslider .slick-track .slick-slide > div, .similarslider .slick-track .feature {height:100%}

.waveplace {background:var(--white) url(../images/bg1.png) center center no-repeat;padding:25px 0}
.waveplace2 {background:var(--white) url(../images/bg3.png) center 30% no-repeat;padding:25px 0;background-size: 100% 120%;}

.greyplace {background:#f6f6f6;padding:25px 0;}

.darkgreyplace {background:#eeeeee;padding:25px 0}

.features {display:flex;flex-wrap:wrap;justify-content: center;}
.features .feature {width:23%;margin:0 1%;padding:25px 20px;border:2px solid var(--seccolor);text-align:center;background:var(--whiteopacity);border-radius:15px;position:relative}
.features .feature:before, .features .feature:after {position:absolute;content:"";display:block;height:100%;width:7px;background: url(../images/line1.png) center center no-repeat;left:-7px;top:0;}
.features .feature: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;line-height: 120%;}
.features .toptitle {color:var(--seccolor);font-size:18px;font-weight:500;margin:10px 0 5px 0;line-height: 100%;}
.features .abstract {color:var(--black);font-size:18px;}
.features .abstract p {    text-align-last: center;    text-align: justify;}
.features ul {margin:5px 0px 0 10px;}
.features li {padding-left:15px;background: url(../images/dot.png) left 5px no-repeat;list-style-type: none;margin-bottom:3px;}


.features0 {display:flex;flex-wrap:wrap;justify-content: center;}
.features0 .feature {width:20%;margin:0 95px 0 2%;padding:20px 20px;border:2px solid var(--seccolor);background:var(--whiteopacity);border-radius:15px;position:relative;overflow: hidden;}
.features0 .feature:before, .features0 .feature:after {position:absolute;content:"";display:block;height:100%;width:7px;background: url(../images/line1.png) center center no-repeat;left:-7px;top:0;}
.features0 .feature: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:0px 0 20px 0;}
.features0 .abstract {color:var(--black);font-size:18px;text-align:justify}
.features0 ul {margin:5px 0px 0 10px;}
.features0 li {padding-left:15px;background: url(../images/dot.png) left 5px no-repeat;list-style-type: none;margin-bottom:3px;}

.features1 {display:flex;flex-wrap:wrap;justify-content: center;}

.features1 .feature {width:22.5%;margin:0 3.2% 2% 0;background:var(--white);border-radius:15px;position:relative;overflow: hidden;/*min-height:500px*/}
.features1 .feature:nth-of-type(4n) {margin:0 0 2% 0}

.features1 .imgplace {/*width:100%;height:250px;*/display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative}
.features1 .imgplace img {/*max-width:100%;max-height:200pxposition: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/}
.features1 .title {color:var(--maincolor);font-size:28px;font-weight:500;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;*/line-height: 100%;margin:0 0 10px 0;}
.features1 .abstract {color:var(--black);font-size:20px;padding:0px 20px 70px 30px;}
.features1 .seemore {color:var(--seccolor);display:block;position:absolute;left:30px;bottom:25px;font-size:16px;}
.features1 .seemore:hover, .features1 .seemore:focus {text-decoration:underline}
.features1 .moreabstract {display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;min-height:155px}
.features1 a {display:block;font-size:16px;color:var(--black)}
.features1 a:hover {color:var(--seccolor);font-weight:600}
.features1 ul {margin:5px 0px 0 10px;}
.features1 li {padding-left:15px;background: url(../images/dot.png) left 5px no-repeat;list-style-type: none;margin-bottom:3px;}
.features1 .toptitle {color:var(--seccolor);font-size:18px;font-weight:500;margin:10px 0 5px 0;line-height: 100%;}
.features1 .slick-slide {padding:0 40px 0 0;}

.features1.similarslider .feature {margin:0}
.features1 .featureshort .abstract {}
.features1 .featureshort .moreabstract {min-height:0;display:block}

.features2 {display:flex;flex-wrap:wrap;justify-content: center;}
.features2 .feature {width:22.5%;margin:0 3.2% 0 0;background:var(--white);border-radius:15px;position:relative;overflow: hidden;}
.features2 .feature:nth-of-type(4n) {margin:0 0 0 0}
.features2 .imgplace {/*width:100%;height:250px;*/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 .imgplace iframe {height:auto;min-height:300px;}
.features2 .title {color:var(--maincolor);font-size:23px;font-weight:500;margin:10px 0 16px 0;line-height: 100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;    padding: 0 0 3px 0;}
.features2 .toptitle {color:var(--seccolor);font-size:18px;font-weight:500;margin:10px 0 5px 0;line-height: 100%;}
.features2 .abstract {color:var(--black);font-size:20px;padding:10px 30px 70px 30px;}
.features2 .seemore {color:var(--seccolor);display:block;position:absolute;left:30px;bottom:25px;font-size:16px;}
.features2 .seemore:hover, .features2 .seemore:focus {text-decoration:underline}
.features2 .moreabstract {display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;    min-height: 225px;text-align:justify}
.features2 a {display:block}
.features2 ul {margin:5px 0px 0 10px;}
.features2 li {padding-left:15px;background: url(../images/dot.png) left 5px no-repeat;list-style-type: none;margin-bottom:3px;}
.features2 .moreabstract p {margin:0;}
.features2 .slick-slide {padding:0 40px 0 0}

.fea5 .features2 .title {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.features3 {display:flex;flex-wrap:wrap;justify-content: center;}
.features3 .feature {width:22.5%;margin:0 3.2% 0 0;background:var(--white);border-radius:15px;position:relative;overflow: hidden;}
.features3 .feature:nth-of-type(4n) {margin:0 0 0 0}
.features3 .imgplace {width:100%;height:100px;display:flex;align-items: center;justify-content: center;overflow:hidden;position:relative;margin:30px 0 0 0}
.features3 .imgplace img {max-width:90%;max-height:90%}
.features3 .title {color:var(--black);font-size:23px;font-weight:600;margin:10px 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:16px;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.features3 .date {font-weight:400;display:block;font-size:12px;color:var(--black);display:inline-block}
.features3 .location {font-weight:400;display:block;font-size:12px;color:var(--black);display:inline-block;padding:0 5px 0 0;border-right:1px solid var(--black)}
.features3 .abstract {color:var(--black);font-size:20px;padding:20px 30px 60px 30px;}
.features3 .seemore {color:var(--seccolor);display:block;text-align:center;position:absolute;left:30px;bottom:20px;font-size:16px;margin:0}
.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;*/text-align:justify}
.features3 a {display:block;margin:0 0 10px 0;line-height: 100%;}
.features3 ul {margin:5px 0px 0 10px;}
.features3 li {padding-left:15px;background: url(../images/dot.png) left 5px no-repeat;list-style-type: none;margin-bottom:3px;}

.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%);}
.topbannerplace.slick-dotted.slick-slider {margin-bottom:25px;}
.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);    display: inline-block;font-weight: 500;}
.topbanner h3, .topbanner p {font-size:24px;color:var(--white);}
.topbanner .more {border:1px solid var(--maincolor);background:none;margin: 20px 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%;padding:0 10% 0 0;}
.topbanner .imgplace {width:50%;text-align:center;padding:0 0 0 10%}
.topbanner .imgplace img {margin:auto;position:relative;z-index:2}
.topbanner .imgplace img.imgbackground {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;z-index:1}
.topbanner.rtl {flex-direction: row-reverse;}
.topbanner.rtl .title {display: inline-block;}
.topbanner.rtl .abstract {display: flex;flex-direction: column;align-items: flex-start;padding: 0 5% 0 10%;}
/*.topbanner.rtl p {font-size:56px;}
.topbanner.rtl .title {font-size:24px;}*/

.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;max-height:150px}

.stripplace {height:600px;position:relative}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.stripplace .pagetitle {margin:0;width:100%;position: relative;display:flex;padding:0 6%;     align-items: flex-end;height: 100%;justify-content: center;flex-direction: column;}
.stripplace .pagetitle h1 {font-size:56px;color:var(--white);padding: 10px 0 0 0;margin: 10px 0 0 0;border-top:1px solid var(--maincolor)}
.stripplace .pagetitle h2 {font-size:24px;color:var(--white);}

#btnLess, #btnMore {font-size: 13px;font-style: italic;text-decoration: underline;border:none;margin:10px 0;padding:0;text-align: inherit;}

.blueplace {padding:60px 0;background:#053a57;}

.whiteplace {padding:60px 0;background: #fff}

.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 25px 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;background-size: contain;}*/

.tmpindex .breadcrumbs {display:none}
.breadcrumbs ul {margin: 4px 0 5px 0;width:100%;float:left;display: flex;    align-items: center;}
.breadcrumbs li {font-size:15px;line-height:100%}
.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}
/*.tmpProductSpecialList .breadcrumbs {margin:0 0 10px 0;}*/

/*.pagetitle {padding:15px 0 0 0}*/
.pagetitle h1 {font-size:34px;color:var(--black);margin:0px 0 25px 0;}

.content {float:left;width:78%;margin-bottom:25px;}
.tmpProductItem .content {margin-bottom:0px;}
.content.contentwide {width:100%;}
.tmpProductSpecialList .content {position:relative;margin: -20px 0 0 0;}
.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 25px 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 25px 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:11px;}
.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}
.bodytext h2 {color:var(--maincolor);font-size:32px;}
.bodytext p:last-of-type {margin:0;}

.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:25px 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;}
.flexproduct > div {width:55%;}
.flexproduct > div:first-of-type {display: flex;flex-direction: column;}
.flexproduct .bodytext {    flex: auto; display: -webkit-box;-webkit-line-clamp:10;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height:255px}
.flexproduct .imgplace {width:45%;margin:auto;padding:0 0 0 4%}
.flexproduct .bodytext ul {margin:10px 0 0 0;}

.prbtnplace {display: flex;align-items: flex-end;}
.prbtnplace .moredetails {/*width:55%*/}
.prbtnplace .docslinksplace {/*width:45%;*/flex:auto;min-width: 320px;}
.prbtnplace .docslinksplace .morebtn:first-of-type {margin:25px 0 0 0}

.whiteplacepr .slick-prev {left:-20px;}
.whiteplacepr .slick-next {right:-20px;}

.moredetailsflex {display:flex;flex-direction: row-reverse;}

.whiteplacepr {padding:25px 4%;background:var(--white);border-radius:15px}

.artplace {margin:25px 0 20px 0;}

.listlace {}
.listitem {margin:0 0 25px 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 25px 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:25px 0 0  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 {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 {margin:65px 0 30px 0;} 
.leftmenu a {display:block;color:var(--maincolor);font-size:24px;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:25px 0;background:#f6f6f6;position:relative}
#contactfooter .contactform {max-width:1000px;margin:0 0 20px 0;}
#contactfooter .contactform p {max-width:1000px;}
#contactfooter p:last-of-type {margin:0}
#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%; top:736px;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) 5px 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:25px 0 10px 0;}
.downloadheader {border-radius: 10px;overflow: hidden;}

.downloaditem, .downloadheader {display:none}
.downloaditem.this {display:block}
.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;}
	*/

.faqsplace {}
.faqsplace > div {background:var(--white);overflow:hidden;margin:0 0 10px 0;position: relative;border-radius:10px;}
.faqsplace > div:last-of-type {margin:0;}
.faqsplace .question { padding:25px 80px 25px 30px;width:100%;text-align:initial;border:none}
.faqsplace .question p, .faqsplace .question li { text-align:initial;margin:0;text-align:initial;line-height:120%;font-size:22px;text-decoration:none}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {}
.faqsplace .question.opened {background:var(--greylight);}
.faqsplace .answer {display:none;padding:25px 30px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;text-align:initial;font-size:20px;}

.faqsplace .question span {position:absolute;right:20px;top:20px;width:40px;height:40px;display:flex;align-items: center;justify-content: center;}
.faqsplace .question span:before, .faqsplace .question span:after {content:"";display:block;width:20px;height:3px;background:var(--seccolor);position: absolute;transform: rotate(-45deg);left:13px;}
.faqsplace .question span:after {transform: rotate(45deg);left:0px}
/*
.faqsplace .question.opened span {}
.faqsplace .question.opened span:after, .faqsplace .question.opened span:before {}
.faqsplace .question.opened span:after {display:none}
	*/
.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 25px 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:13px;top: -30px;*/display: flex;align-items: center;float:right;margin:-10px 1% -30px 0;position:relative;z-index:99}
.tmpProductSpecialList .viewas {margin:-20px 1% -30px 0}
.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;zoom: .9;}
.viewas .box {background: url(../images/box.png) center center no-repeat;zoom: .9;}
.viewas #opencompare {background: var(--maincolor) ;color: var(--white);padding: 3px 17px;border: 2px solid var(--maincolor);border-radius: var(--radius);font-size:18px;width:auto}
.viewas #opencompare:hover {background:var(--white);color:var(--maincolor)}

.tmpKnowledgeCenter .content {margin: 0}

.prflexplace {display:flex;flex-wrap:wrap;align-items: flex-start;width: 100%;position:relative;min-height:300px;}
.prflexplace > div {border-radius:15px;margin-bottom:2%}

.findproductplace {padding:1%;width:14%;margin:0 2% 0 0;background:var(--white);position: relative;}

.findproduct {text-align:initial;border:none;padding:0;margin:0 0 10px 0;font-weight:bold}

.productsplace {width:84%}

.procutssearch .reset {width:auto;border:none;padding:0;position:absolute;right:0;    top: -31px;font-size: 13px;font-style: italic;text-decoration: underline;}

.flexplace {display: flex;flex-wrap: wrap;margin:0 0 -20px 0}
.flexplace .flex {width: 23%;margin: 0 1% 2% 1%;position:relative;border-radius:15px;background:var(--white);    padding: 2%;}

.flexplace .flex.productitem {border-radius:0;padding: 0 0 130px 0;}
.flexplace .flex.productitem > div {border-radius:15px;background:var(--white);    padding: 7%;}
.flexplace .flex .fieldname {font-size:16px;}

.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: 200px;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:150px}
.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 .fileplace {position:absolute;left:4%;bottom:2%;width:92%}
.flexplace .flex .fieldname span {display:inline-block;font-weight:bold;margin:0 3px 0 0}
.flexplace label {margin:0;font-size:15px}
.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 8px 0 4px;width: 11px;height: 11px;}
.flexplace input[type="checkbox"]::before, .searchbox label input[type="checkbox"]::before, .jointomailinglist input[type="checkbox"]:before {content: "";width: 15px;height: 7px; /* 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);}
.flexplace input[type="checkbox"] {margin: 5px 12px 0 5px;}

.findproductplace #freeSearch {border: 2px solid var(--seccolor);border-radius: var(--radius);position: relative;padding: 5px 10px;margin:0 0 10px 0;}

.divSelect .modelfilterselect.chkOption {border: 2px solid var(--seccolor);border-radius: var(--radius);position: relative;padding: 5px 10px;margin:10px 0 0 0;}
.tmpKnowledgeCenter .searchbox:last-of-type {margin:0}

.searchbox label:hover {font-weight:bold}

.morebtnplace {margin:0 0 10px 0;display:flex; align-items: center;}
.morebtnplace .morebtn {padding: 5px 15px;font-size: 15px;width:48%}
.morebtnplace .morebtn:first-of-type {margin:0 2% 0 0}
.morebtnplace .morebtn:first-of-type span {white-space:nowrap}
.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 5px 0;align-items: center;font-size:15px}
.fileplace .file img {margin:0 10px 0 0}

.tables .flexplace {margin: 0 1% 0 0;}
.tables .flex, .tables .flex.knowledge {width:100%;margin:0 0 10px 0;background:none;border-radius:initial;border:none;display:flex;align-items: center;border-radius:0px;padding:0px;font-size:15px}
.tables .flex.knowledge {background:var(--white);border-radius:15px;padding:10px;}
.tables .flex.productitem > div, .tables .flex.knowledge.productitem > div {width:100%;background:var(--white);border-radius:initial;border:none;border-top:1px solid var(--greylight);display:flex;align-items: center;border-radius:15px;padding:10px 10px 25px 10px;position:relative}
.tables .flex .imgplace, .tables .flex .abstract, .tables .flex.knowledge .imgplace, .tables .flex.knowledge .abstract {padding:5px;display:flex;align-items: center;min-height:0;border:none;margin:0;}
.tables .flex .abstract, .tables .flex.knowledge .abstract  {flex: auto;align-items:initial;width:60%;}
.flexplace.tables input[type="checkbox"] {margin: 0px 12px 0 0px;float: none;}
.tables .flex .title {margin:0;width:70%;padding:0 0 0 10px;}
.tables .flex.knowledge .title {margin:0;width:55%;padding:10px;float:left;text-align:initial;display:block;flex: auto;}
.tables .flex .imgplace {height:70px;width:100px;}
.tables .flex.knowledge .imgplace {margin:10px;float:left;width: 60px;height: 60px;}
.tables .flex.knowledge.imgyouTubegallery .imgplace {background: url(../images/c3.png) center center no-repeat;background-size:60px}
.tables .flex.knowledge.imgdownloadzone .imgplace {background: url(../images/c2.png) center center no-repeat;background-size:60px}
.tables .flex.knowledge.imgarticles .imgplace {background: url(../images/c1.png) center center no-repeat;background-size:60px}
.tables .fk_lex {display:flex;align-items: center;}

.tables .flex.knowledge .links {width:30%;padding:10px 0;justify-content: flex-end;}
.tables .flex .imgplace img, .tables .flex.knowledge .imgplace img {position:static;max-height:100%}
.tables .flex.productitem > div > a, .tables .flex.knowledge.productitem > div > a {/*flex:auto;*/display:flex;align-items: center;width: 40%;}
.tables .flex .abstract > div, .tables .flex.knowledge .abstract > div {padding:5px;width:15%;flex: auto;text-align:center}
.tables .flex .subtitle, .tables .flex.knowledge .subtitle {display:block}
.tables .morebtnplace, .tables .knowledge .morebtnplace {    flex-direction: column;margin:0 0 10px 0;}
.flexplace.tables .flex.productitem, .flexplace.tables .flex.knowledge.productitem {padding:0}
.flexplace.tables .fileplace { display: flex;left: 0;bottom: -10px;width: 100%;flex-direction: row-reverse;justify-content: flex-end;align-items: center;padding:10px;}
.flexplace.tables .fileplace .file {margin:0 ;flex: auto;width: 55%;padding:0 0 0 10px;}
.flexplace.tables .fileplace label span {display:block}
.flexplace.tables .fileplace .morebtnplace{margin: 0px 0 0 0;width:15%;    align-items: flex-end;}
.flexplace.tables label {width: 100px;padding:0 0 0 10px;}
.tables .morebtnplace .morebtn, .tables .knowledge .morebtnplace .morebtn{ width:130px;margin:0 20px 0 0;padding: 2px 10px;}
.tables .morebtnplace .morebtn:nth-of-type(2n), .tables .knowledge .morebtnplace .morebtn:nth-of-type(2n) {display:none}
.tables .flex .fieldname span, .tables .flex.knowledge .fieldname span {display:none}

.tables .morebtnplace a.morebtn, .tables .knowledge .morebtnplace a.morebtn {display:none}

.searchbox {margin:0 0 7px 0;}
.searchbox .title {color:var(--seccolor);font-size:24px;font-weight: 500;}
.searchbox label {display:flex;    align-items: center;margin:0px 0;font-size: 15px;line-height: 120%;}
.searchbox label span {flex:auto}
.searchbox h3 {font-size:18px;margin:0 0 2px 0}

.productitem-wrapper {background:var(--white);padding:10px;border-radius:15px;display:flex;margin:0 0 1% 0;width:100%}
.productitem-wrapper > div {padding:10px 5px;color:var(--seccolor);font-size:16px;}
.productitem-wrapper > div:first-of-type {color:var(--maincolor);font-weight:bold;width:40%;font-size: 18px;}
.productitem-wrapper .middleframe {flex: auto;align-items:initial;width:60%;padding: 5px;display: flex;}
.productitem-wrapper .middleframe > div {width:15%;padding: 5px;flex: auto;text-align:center}

.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}
 
.flex.knowledge {width: 23%;margin: 0 1% 25px 1%;padding: 25px 10px 20px 10px;text-align: center;background: var(--whiteopacity);border-radius: 15px;position: relative;}
.flex.knowledge .imgplace {width: 100px;height: 100px;display: flex;border: 1px solid var(--seccolor);margin: 0 auto;border-radius: 100%;align-items: center;justify-content: center;}
.flex.knowledge .imgplace img {max-width: 75px;max-height: 75px;}
.flex.knowledge .title {color: var(--maincolor);font-size: 20px;font-weight: 500;margin: 10px 0 30px 0;line-height:120%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:48px;}
.flex.knowledge .links {display:flex;justify-content: center;}
.flex.knowledge .links a {color:var(--seccolor);border:1px solid var(--grey);border-radius:30px;padding:5px 10px;display:flex;margin:5px;/*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*/max-width: 50%;align-items: center;}
.flex.knowledge .links a span {font-weight:500;font-size:12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.flex.knowledge .links a:hover {background:var(--maincolor);color:var(--white)}
.flex.knowledge.imgyouTubegallery .imgplace {background: url(../images/c3.png) center center no-repeat;}
.flex.knowledge.imgdownloadzone .imgplace {background: url(../images/c2.png) center center no-repeat;}
.flex.knowledge.imgarticles .imgplace {background: url(../images/c1.png) center center no-repeat;}

.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:25px;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:25px 0 0 0;background:var(--white)}
footer .flexplace {margin:0}

.bannerplace {float:right;max-width:70%;display:flex;justify-content: flex-end;flex:auto}
.banner {padding:0 2% 0 0;margin:0 2% 0 0;border-right:1px solid var(--maincolor);max-width:280px}
.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;}


.slider-for { }
.slider-for img {margin:auto;max-width:100%;max-height:100%;}
.slider-for .slick-slide > div {display:flex;background:var(--white);height:430px;justify-content: center;overflow: hidden;align-items: center;}
.slider-for .slick-slide > div a > div {display:flex;height:100%;}


.slider-nav {margin:10px 0 0 0;} 
.slider-nav .slick-slide {margin:0 5px;cursor:pointer;}
.slider-nav .slick-slide > div {height:80px;display:flex;background:var(--white);align-items: center;justify-content: center;border:1px solid var(--greydark);    overflow: hidden;padding:3px;}
.slider-nav img {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/max-width:100%;max-height:100%}
.slider-nav .slick-slide.slick-current img {opacity:1}
.slider-nav a {overflow:hidden;position:relative;height:100%;display: flex !important;align-items: center;justify-content: center;}
.slider-nav a:hover img, .slider-nav a:focus img {transform: scale(1.1,1.1);opacity:1}

#NoimgContainer, .searchstyle2 {display:none}

.relateddownloadsplace {padding:25px 0 0 0;background: var(--greylight);margin: 25px 0 0 0;}
.relateddownloadsplace h2 {color:var(--black);font-size: 32px;margin: 0 0 25px 0;}

.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% 25px 0}
.relateddownloads > div:nth-of-type(4n) {margin:0 0 25px 0}
.relateddownloads a {background:var(--white);border-radius:15px;display:block;padding:25px;display: flex;flex-direction: column;justify-content: center;}
.relateddownloads .title {font-size:24px;color:var(--seccolor);line-height:100%;text-align:center;min-height:72px;display: flex;flex-direction: column;justify-content: center;}
.relateddownloads a:hover .imgplace {filter: brightness(0) invert(0);}
.relateddownloads a:hover .title {color:var(--black)}

.relatedvideosplace {padding:25px 0;}
.relatedvideosplace h2 {color:var(--black)}

.relatedvideos {display:flex;flex-wrap:wrap;justify-content: center;}
.relatedvideos > div {width:23.5%;margin:0 2% 25px 0;background:var(--white);border-radius:15px;position:relative}
.relatedvideos > div:nth-of-type(4n) {margin:0 0 25px 0}
.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:20px;font-weight:500;margin:0 0 20px 0;line-height: 120%;}
.relatedvideos .abstract {color:var(--black);font-size:20px;padding:10px 20px 50px 20px;}
.relatedvideos .seemore {color:var(--seccolor);display:block;position:absolute;left:20px;bottom:20px;font-size:16px;}
.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;text-align:justify}
.relatedvideos a {display:block}

#featuresplace2.applicationsplace {padding:25px 0;background: var(--greylight);}
.applicationsplace {padding:25px 0;background: var(--greylight);}
.applicationsplace h2 {color:var(--black);    font-size: 32px;}
.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;flex:auto;display: flex;flex-direction: column;justify-content: center;}
.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: auto;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;text-align: justify;}
.applications .watch {font-size:16px;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:16px;margin:20px 0;color:var(--seccolor);display:block}

.applications.noslickslider > div:nth-of-type(2n) .appflex {flex-direction: row-reverse;}
.applications.noslickslider > div {margin:0 0 50px 0}
.applications.noslickslider > div:last-of-type {margin:0;}
.applications.noslickslider > div:nth-of-type(2n) .imgplace {border-radius:0 15px 15px 0;}

a.viewoptions {display:block;color:var(--black);font-size:16px; margin:25px 0 0  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:25px 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)}
.orderinginfo table td:first-of-type {width:200px;}


.socialmedia {margin:30px 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);    opacity: .5;}

.footerlinksplace {float:left;max-width:34%;}
.footerlinksbox {width:45%;float:left;padding:0 2% 0 0}

.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, .footerlinksbox .title a {color:var(--seccolor);margin:0 0 15px 0;font-weight:600;font-size:20px;}
.footerlinksbox li {display:block}

.credits {padding:25px 0;color:var(--white);margin:25px 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:25px 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}

.contactform fieldset {max-width: 100% !important;}
.contactform fieldset select, .contactform fieldset textarea {width:100% !important}

.grey1 {background:#f0f0f0}
.grey2 {background:#eaeaea}
.grey3 {background:#e4e4e4}
.grey4 {background:#dedede}
.grey5 {background:#d8d8d8}
.grey6 {background:#cfcfcf}
.grey7 {background:#c7c7c7}

.bodyemptytitle .topbannerplace.slick-dotted.slick-slider, .bodyemptytitle .maincontent {margin-bottom: 0;}

@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, .faqsplace .question p, .faqsplace .question li {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;margin:0}
	.menuplace {z-index:999;transform: translateX(-100%);background: var(--white);position:fixed;left:-10px;top:63px;width:100%;margin:0;height: 100vh;height: calc(var(--vh, 1vh) * 95);-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(--white);padding:10px 5px;text-align:center;border-bottom: 1px solid var(--white);font-weight:500;font-size:18px;margin: 0;background:var(--seccolor)}
	
	.mainmenu li li a {color:var(--black);padding:10px 5px;display:block;text-align:center;border-bottom: 1px solid var(--white);min-height:0;font-weight:500;font-size:16px;background:var(--grey)}
	.mainmenu li li li a, .mainmenu .smalllink a {color:var(--black);padding:10px 5px;display:block;text-align:center;border-bottom: 1px solid var(--greydark);min-height:0;font-weight:500;font-size:15px;background:var(--white)}

	.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:120px auto 0 auto}
	.tmpindex .maincontent {margin:120px auto 0 auto}

	.flexproduct {flex-direction: column-reverse;}
	.flexproduct .imgplace {width:100%}
	.slider-for .slick-slide > div {height:auto;min-height:auto}

	.relateddownloads a {padding:20px;}

	.bigtitle, .applicationsplace h2 {text-align:center;margin: 0px 0 20px 0;}

	.similarslider .slick-next, .similarslider .slick-prev {top: 30px;}

	.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;display:none}
	.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;}

	.dropmenuplace .page > ul {width:100%;padding:0;border:none;margin:0}


	.sliderhome .caption h2, .sliderhome .caption p, .sortplace .viewas, .sortplace .sortresults, .sortplace .sortby,
	.productsplace label {margin:0 0 5px 0;}

	.flexplace .flex.productitem > div {padding: 15px;}
	.flexplace .flex .imgplace {height:auto}
	.tmpKnowledgeCenter .flexplace .flex .imgplace {height: 100px;}

	.searchplace {margin:5px 0;    width: 100%;position:absolute;left:0;top:65px;background:var(--white);margin:0}

	.bannerplace, .topbanner, .prbtnplace, .moredetailsflex {    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, .features1 .feature, .features2 .feature,
	.features3 .feature, .features .feature, .features0 .feature, .tmpProductItem .moredetails .morebtn,
	.prbtnplace .docslinksplace .morebtn:first-of-type {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, .relateddownloads > div:nth-of-type(4n) {width: 49%;margin: 0 1% 1% 0;}
	.relateddownloads .title {font-size: 14px;min-height: 42px;}
	.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;}

	.similarslider .slick-list, .similarslider .slide {margin:0}

	.orderinginfo table {width:100% !important;margin: 5px 0;}

	div .moredetails, .docsplace a {margin:10px 0}

	a.viewoptions {margin:10px 0}

	.flexproduct .bodytext {height:auto;overflow:visible}

	.banner, .banner:last-of-type, .footerlinksbox {padding:0 0 10px 0;border:none;border-bottom:1px solid var(--maincolor);}
	.footerlinksbox:last-of-type {padding:0;border:none;margin:0}
	.applications .appflex {    flex-wrap: wrap;}
	.dropmenuplace .page {flex-wrap: wrap;}
	.dropmenuplace #bannerSideMenu {width:100%;display:none !important}

	.features0 .slick-slide, .features1 .slick-slide, .features2 .slick-slide, .features3 .slick-slide, 
	.similarslider .slick-slide {padding:0}

	

	.greyplace, .darkgreyplace, .applicationsplace, .similarsliderplace, .lightblueplace, .whiteplace, .blueplace,
	.waveplace2, .waveplace {padding:20px 0}

	footer {padding:20px 0 0 0}

	.mainmenu .navigator a {    width: 100%;margin: 0px 0;}

	.findproduct {font-size:24px;padding:2px 0px 2px 35px;margin: 20px 0 10px 0;background: url(../images/filter2.png) left center no-repeat;background-size:30px}

	.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 {top:auto;bottom:5px;width: 150px;padding: 5px 5px 5px 30px;background: var(--maincolor) url(../images/majesticons_chat.png) 5px center no-repeat;font-size:11px;background-size:25px}
	.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;}

	.credits p {margin:0 0 5px 0}

	#contactfooter {padding:20px 0}
	#contactfooter h2 {font-size:23px}
	#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;}
	
	.similarsliderplace .similarslider:first-of-type {margin:0}

	.features2 .moreabstract, .features1 .moreabstract {min-height:0}
	.features2 .moreabstract {padding-bottom:20px;}
	.features2 .abstract {padding:10px 30px 30px 30px}

	.applications .title {font-size: 26px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:82px;}

	.applications.slick-dotted.slick-slider {height:auto}
	.applications .appflex > div {    min-height: 50px;border-radius:0}
	.applications .appflex .imgplace {    min-height: 250px;}
	.applications.noslickslider > div {margin:0 0 10px 0;}
	.applications .appflex {border-bottom:1px solid var(--grey);border-radius:0}
	.applications .moreabstract {margin:0;font-size: 16px;}
	.applications .moreabstract p {display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:155px; }

	.socialmedia {text-align:center}
	.socialmedia li {display:inline-block}

	div .slick-dots {bottom:-30px}

	.credits {font-size:12px;margin:5px auto 0 auto;padding:5px;}

	.viewas {float: none;margin:15px 0;display:none}
	.viewas button {margin:0 10px 0 0}

	.popupplace {z-index: 998;overflow: hidden;}

	.credits .page, .credits .page > div {display:block;}
	.credits .page {padding:20px 15px 15px 15px;}
	.credits .page div p {margin:0 0 10px 0;}
	.credits div:first-of-type p {margin:0 0 20px 0;}
	.credits div:nth-of-type(2n) {display:flex;        flex-wrap: wrap;}
	.credits div:nth-of-type(2n) p {width:50%;margin:0 0 10px 0}
	.credits div:nth-of-type(2n) p:nth-of-type(2n) {text-align:right}

	#contactfooter .contactform input, #contactfooter .contactform select, #contactfooter .contactform textarea {width:100% !important}

	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;}

	.features .feature {padding:20px;}

	.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}

	.downloadheader div, .downloadheader div:nth-of-type(2n) {width:auto}

	.features0 .feature {margin-bottom:30px;}

	.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}

	.findproductplace {display:none}
	.findproductplace.opened {display:block;padding:10px;}

	#TopBannersplace .slick-next, #TopBannersplace .slick-prev {top: 90%;}

	#contentinfo .flexplace {flex-direction: column-reverse;}

	.socialmedia ul li {margin: 10px;zoom: .8;}

	#TopBannersplace .slick-dots {bottom:10px;}

	/*.topbanner.rtl {align-content: center;}*/

	.topbanner {height:auto;padding:4%;min-height:325px}
	.topbanner .imgplace img.imgbackground {opacity:.5}
	.topbanner .imgplace {padding:0;text-align:center}
	.topbanner .imgplace img {max-height:150px;}
	.topbanner .imgplace .imgbackground {max-height:none;}
	.topbanner .abstract {padding:0;}
	.topbanner .abstract p {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:90px;}

	.orderinginfo table td:first-of-type {width:100px}

	.tmpKnowledgeCenter .content {margin:0}
	.tmpKnowledgeCenter .findproduct {margin:0 0 10px 0}

	.listitem.management .imgplace img {border-radius:100%}

	.faqsplace .question p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:60px;}
	.faqsplace .question.opened p {display:block}
	.faqsplace .answer p, .faqsplace .answer li {font-size: 16px;}
}

@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);}

}

.prflexplace .loader {margin:0}
.loader {
    position: absolute;
    inset: 0;
    z-index: 9999;

    display: flex;    
    align-items: center;
    justify-content: center;

    background: radial-gradient(circle at 10% 0%, #92BF21 0, #0072A1 55%, #000000 100%, 0.08);
    /*backdrop-filter: blur(8px);*/
	font-weight:600;
    color: #000;
	text-shadow:0 0 5px #000 ;
    overflow: hidden;

    background-size: 220% 220%;
    animation: loader-bg 18s ease-in-out infinite;
	
}

.loader-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, 0.08);
    border-top-color: #666;
    border-right-color: #000;

    box-shadow:
        0 0 25px rgba(255, 255, 255, 0.7),
        0 0 60px rgba(255, 255, 255, 0.5);

    animation:
        loader-spin 1.1s linear infinite,
        loader-pulse 2.2s ease-in-out infinite;
}


.loader-text {
    position: absolute;
    top: calc(50% + 95px);
    left: 50%;
    transform: translateX(-50%);

    font-size: 12px;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.7;

    animation: loader-text 1.8s ease-in-out infinite;
}

@keyframes loader-bg {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes loader-spin {
    to { transform: rotate(360deg); }
}

@keyframes loader-pulse {
    0%, 100% {
        box-shadow:
            0 0 15px rgba(255, 255, 255, 0.6),
            0 0 40px rgba(255, 255, 255, 0.45);
    }
    50% {
        box-shadow:
            0 0 30px rgba(255, 255, 255, 0.9),
            0 0 80px rgba(255, 255, 255, 0.75);
    }
}

@keyframes loader-text {
    0%, 100% {
        opacity: 0.25;
        transform: translateX(-50%) translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateX(-50%) translateY(-2px);
    }
}
